/* 产品展示详情 */
.picDate{ height: auto; overflow: hidden; padding:2rem 5.5rem 3.5rem 5.5rem; background: #fff url(../images/bg5.jpg) bottom center no-repeat; background-size: 100%;}
.picDate1{width:100%;height:auto; overflow: hidden; }
.picDat1Lef{ width:52%; position: relative;}
.picDat1Lef .gallery-top{ width: auto; border: 3px #eee solid;}
.picDat1Lef .gallery-top .swiper-slide {width: 100%;}
.picDat1Lef .gallery-top .swiper-slide img{ width: 100%;}
.picDat1Lef .gallery-thumbs {width:90%;height: 20%;box-sizing: border-box;margin-top:3%;}
.picDat1Lef .gallery-thumbs .swiper-slide{width:100%;height:109px; border: 3px #d5d5d5 solid; position: relative;}
.picDat1Lef .gallery-thumbs .swiper-slide img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.picDat1Lef .gallery-thumbs .swiper-slide-thumb-active {border: 3px #0d4486 solid;}
.picDat1Lef .swiper-button-next{ height: 80px; right: 0px!important; top: auto; bottom:17px; background: url(/views/new/img/rig1.png) center center no-repeat !important;}
.picDat1Lef .swiper-button-prev{ height: 80px; left: 0px!important; top: auto; bottom:17px;background: url(/views/new/img/lef1.png) center center no-repeat !important;}
.picDat1Lef .swiper-button-next.swiper-button-disabled{background: url(/views/new/img/rig.png) center center no-repeat !important;}
.picDat1Lef .swiper-button-prev.swiper-button-disabled {background: url(/views/new/img/lef.png) center center no-repeat !important;}
.picDat1Rig{ width:45%; margin-top: 3%;}
.picDat1Rig .picDa1{ height: auto; overflow: hidden;}
.picDat1Rig .picDa1 h1{ font-size: 32px; color: #343434; font-weight: bold; margin-bottom:20px;}
.picDat1Rig .picDa1 p{ font-size: 18px; color: #6e6e6e; margin-top:10px;}
.picDat1Rig .picDa1 p span{font-size: 18px; color: #000;}
.picDat1Rig .picDa2{ height: auto; overflow: hidden; margin-top: 75px;}
.picDat1Rig .picDa2a{width:32%;}
.picDat1Rig .picDa2a div{ width: 100%;}
.picDat1Rig .picDa2a div img{width: 100%;}
.picDat1Rig .picDa2a p{ font-size: 18px; color: #333; text-align: center; margin-top: 15px;}
.picDat1Rig .picDa2b{ border: 1px #0d4486 solid; border-radius: 4px; margin-top:8%; margin-left: 5%; padding: 1.7rem 2.5rem;}
.picDat1Rig .picDa2b div{ background: url(/views/new/images/dh3.png) left center no-repeat; padding-left:50px;}
.picDat1Rig .picDa2b div p{ font-size: 18px; color: #333; line-height: 18px;}
.picDat1Rig .picDa2b div h1{ font-size: 32px; color: #0d4486; font-weight: bold; line-height: 32px; margin-top:8px;}
.picDate2{width:100%;height:auto; overflow: hidden; margin-top: 75px;}
.picDTit{width:100%;height:auto; overflow: hidden; border-bottom: 1px #0d4486 solid;}
.picDate .picDTit{ margin-bottom: 40px;}
.picDTit span{ display: inline-block; width: 173px; height: 52px; text-align: center; line-height: 50px; border: 1px #0d4486 solid;border-bottom:0px; font-size: 18px; color: #0d4486; font-weight: bold;}
.picDTit a{ float: right; font-size: 16px; color: #333; margin-top: 19px;}
.picDTit a:hover{ color: #0d4486;}

.picDate2a{width:100%;height:auto; overflow: hidden; margin-top:45px;}

.picDate3{width:100%;height:auto; overflow: hidden; margin-top: 70px;}
.picDate3a{width:100%;height:auto; overflow: hidden; position: relative;background: url(/views/new/images/fgx.png) left 210px repeat-x;}
.picDate3a .swiper-box3{width:90%;height: 100%; }
.picDate3a .swiper-wrapper{ width:100%;}
.picDate3a .swiper-slide{ height:auto; text-align: left; background:none; }
.picDate3a .picte1{ height: 225px; position: relative;}
.picDate3a .picte1a{ position: absolute; top: 0px; left: 0px; width: 30px; height: 100%; background: url(/views/new/images/zxx.jpg) top center repeat-y;}
.picDate3a .picte1a i{ display: inline-block; height: 30px; width: 30px; overflow: hidden; border-radius: 30px; background: #c41002; font-size: 16px; color: #fff;font-style:normal; text-align: center; line-height: 28px;position: absolute; bottom: 0px; left: 0px;}
.picDate3a .picte1b{height:auto; overflow: hidden; margin-left: 40px;}
.picDate3a .picte1bz{height:auto; overflow: hidden;}
.picDate3a .picte1bz h1{ font-size: 24px; color: #343434; font-weight: bold; line-height: 24px;}
.picDate3a .picte1bz h2{ font-size: 18px; color: #343434; font-weight: bold; line-height: 18px; margin-top: 13px;}
.picDate3a .picte1bz div{ font-size: 16px; color: #616161; line-height: 24px;margin-top: 10px;}
.picDate3a .picte1.onb{height: 240px; margin-left: 65px; margin-top: -30px;}
.picDate3a .picte1.onb .picte1b{height: 240px; position: relative;}
.picDate3a .picte1.onb .picte1b .picte1bz{ position: absolute; bottom: 0px;}
.picDate3a .picte1.onb .picte1a i{ bottom: auto;}
.picDate3a .swiper-button-next{ width: 40px; height:40px; right: 0px!important; background: url(/views/new/images/rig3.png) center center no-repeat !important; margin-top: -27px;}
.picDate3a .swiper-button-prev{width: 40px; height: 40px; left: 0px!important; background: url(/views/new/images/lef3.png) center center no-repeat !important; margin-top: -27px;}
.picDate3a .swiper-button-next.swiper-button-disabled{opacity: 1;background: url(/views/new/images/rig2.png) center center no-repeat !important;}
.picDate3a .swiper-button-prev.swiper-button-disabled{opacity: 1;background: url(/views/new/images/lef2.png) center center no-repeat !important;}

.picDate4{width:100%;height:auto; overflow: hidden; margin-top:60px;}
.picDate4a{width:100%;height:auto; overflow: hidden;margin-top:40px;}
.picDate4a ul li{ float: left; width: 23.5%; height: auto; overflow: hidden; background: #f8f8f8; margin-left: 2%; text-align: center;transition: all 0.2s;}
.picDate4a ul li div{width:100%;height:auto; overflow: hidden;}
.picDate4a ul li div img{width: 100%;transition: all 0.2s;}
.picDate4a ul li p{height: 70px; font-size: 22px; color: #717171; line-height: 68px;}
.picDate4a ul li:nth-of-type(1){ margin-left: 0%;}
.picDate4a ul li:hover div img{transform: scale(1.1);transition: all 0.2s;}
.picDate4a ul li:hover{transition: all 0.2s; background: #c41002; border-radius:8px;}
.picDate4a ul li:hover p{ color: #fff;}

.picDate5{width:100%;height: auto; overflow: hidden;}
.picDate5a{width:100%;height: auto; overflow: hidden; text-align: center;}
.picDate5a h1{ font-size: 36px; color: #343434; font-weight: bold;}
.picDate5a div{width:100%;height: auto; overflow: hidden; margin-top:22px;}
.picDate5a div span{ margin: 0px 15px; font-size: 16px; color: #7c7c7c; line-height: 18px;}
.picDate5a div font{ margin: 0px 15px; font-size: 16px; color: #7c7c7c; line-height: 18px; padding-left:25px; background: url(/views/new/images/fx.png) left center no-repeat;}
.picDate5b{width:100%;height: auto; overflow: hidden; margin-top:35px;}
.picDate5c{width:100%;height: auto; overflow: hidden; margin-top:45px; border-top: 1px #d0d0d0 solid; padding-top: 25px;}
.picDate5c div span{font-size: 16px; color: #333;}
.picDate5c div a{font-size: 16px; color: #333;}
.picDate5c div a:hover{color: #0d4486;}

.picDate6{width:100%;height: auto; overflow: hidden; margin-top: 55px;}
.picDate6a{width:100%;height: auto; overflow: hidden;}
.picDate6a ul li{float: left; width: 23.5%; height: auto; overflow: hidden; background: #fff; margin-left: 2%; text-align: left;transition: all 0.2s;}
.picDate6a ul li .on1{width:100%;height:auto; overflow: hidden;}
.picDate6a ul li .on1 img{width: 100%;transition: all 0.2s;}
.picDate6a ul li .on2{width:100%;height:auto; overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 18px; color: #343434; margin-top: 15px;}
.picDate6a ul li p{ font-size: 16px; color: #999;margin-top:8px;}
.picDate6a ul li .on3{width:100%;height:1px; overflow: hidden; background: #c9c9c9;margin-top: 15px;}
.picDate6a ul li .on3 i{ display: inline-block;width:0%;height:1px; overflow: hidden;transition: all 0.2s;}
.picDate6a ul li:nth-of-type(1){ margin-left: 0%;}
.picDate6a ul li:hover .on3 i{width:100%;transition: all 0.2s; background: #0d4486;}
.picDate6a ul li:hover .on2{ color: #0d4486;}
.picDate6a ul li:hover p{color: #000;}
.picDate6a ul li:hover .on1 img{transform: scale(1.1);transition: all 0.2s;}


.zxxq{width:100%;height: auto; overflow: hidden; padding:2.5rem 5.5rem;}
.zxxq .crumbs{ float: left; margin-top: 17px;}
.zxxq .return{ display: inline-block; width: 233px; height: 54px; overflow: hidden; border-radius: 56px; border: 1px #343434 solid; text-align: center; line-height: 54px;}
.zxxq .return span{ background:url(/views/new/images/retu1.png) left center no-repeat; padding-left: 25px; font-size: 18px; color: #333; line-height: 52px;}
.zxxq .return:hover span{background:url(/views/new/images/retu2.png) left center no-repeat;color: #fff;transition: all 0.3s;}
.zxxq .return:hover{border: 1px #0d4486 solid;background:#0d4486;transition: all 0.3s;}

.picDTit{width:100%;height:auto; overflow: hidden; border-bottom: 1px #0d4486 solid;}
.picDate .picDTit{ margin-bottom: 40px;}
.picDTit span{ display: inline-block; width: 173px; height: 52px; text-align: center; line-height: 50px; border: 1px #0d4486 solid;border-bottom:0px; font-size: 18px; color: #0d4486; font-weight: bold;}
.picDTit a{ float: right; font-size: 16px; color: #333; margin-top: 19px;}
.picDTit a:hover{ color: #0d4486;}