.clear { clear:both }
.index_banner { width: 100%; height: 100%; }
.index_banner22 {  width:100% }
.index_banner22 img { max-height:100%; max-width:100% }
.index_banner .swiper-container { width: 100%; height: 100%; }
.index_banner .swiper-slide { position: relative; }
.index_banner .swiper-slide .text { width:1200px; position: absolute; top: 50%; left: 48%; transform: translate(-50%, -50%); cursor: pointer; }
.index_banner .swiper-slide img { transform:translateY(100px); transition:all .3s;
opacity:0; }
.index_banner .swiper-slide h3 { color: #fff; font-size: 50px; line-height: 1; text-transform:uppercase; /*font-family: 'Montserrat-Medium';*/ font-family: 'GOTHICB'; }
.index_banner .swiper-slide h3 span { color: #fff; font-size: 66px; text-transform:uppercase; /*font-family: 'Montserrat-Medium';*/ font-family: 'GOTHICB'; }
.index_banner .swiper-slide h2 { color: #fff; font-size: 68px; line-height: 1; margin: 65px 0px 35px 0px; transform:translateY(100px); opacity:0; transition:all .3s;
 transition-delay: .2s;
font-family: "Microsoft YaHei", "微软雅黑"; }
.index_banner .swiper-slide h2 span { color: #fff; font-size: 72px; font-family: 'DINPro-Bold'; }
.index_banner .swiper-slide p { color: #fff; font-size: 30px; line-height: 1; margin: 0px; transform:translateY(100px); opacity:0; transition:all .5s;
 transition-delay: .4s;
}
.pc { display:block }
.wap { display:none }
 @media screen and (max-width:1580px) {
 .index_banner .swiper-slide img {
width: 1000px;
}
 .index_banner .swiper-slide h2 {
font-size: 58px;
}
 .index_banner .swiper-slide p {
font-size: 28px;
}
 .index_banner .swiper-slide h3 {
font-size: 40px;
}
}
@media screen and (max-width:1450px) {
 .index_banner .swiper-slide img {
width: 880px;
}
 .index_banner .swiper-slide h2 {
font-size: 50px;
}
 .index_banner .swiper-slide p {
font-size: 22px;
}
 .index_banner .swiper-slide h3 {
font-size: 28px;
}
}
.index_banner .swiper-slide-active img { transform:translateY(0); opacity:1; }
.index_banner .swiper-slide-active h2 { transform:translateY(0); opacity:1; }
.index_banner .swiper-slide-active p { transform:translateY(0); opacity:1; }
#page { width: 180px; position: absolute; left: 50%; transform: translateX(-50%); text-align: left; bottom:18px; box-sizing: border-box; text-align: center; z-index: 200; }
#page span { display: inline-block; width: 22px; height: 10px; background: url(../images/icon_07.png)center no-repeat; opacity: .8; margin: 0px 1px; cursor: pointer; border-radius: 5px; transition: .3s;
}
#page span.swiper-pagination-bullet-active { background: url(../images/icon_09.png)center no-repeat; }
#button { width: 100%; height: 60px; position: absolute;top:50%;left: 50%; transform: translateX(-50%); z-index: 100; }
#button .swiper-button-prev:after { content: ""; width: 11px; height: 19px; background: url(../images/icon_03.png); opacity: .8; }
#button .swiper-button-prev { outline: none; }
#button .swiper-button-next:after { content: ""; width: 11px; height: 19px; background: url(../images/icon_05.png); opacity: .8; }
#button .swiper-button-next { outline: none; }
 @media screen and (max-width:768px) {
 .pc {
display:none
}
.wap {
display:block
}

.NavList_a1 a{   font-size: 12px !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 9px 0px !important;}
    
    .c_portalResProduct_detail-04001 .c_p_dev_imgListPC{ display:block}
}
/**************/

  
 
 .photo { width: 562px; position: relative; }
.photo .jqzoom { width: 562px; height: 555px; overflow: hidden; position: relative; padding: 0px; cursor: pointer; }
.photo .img { width: 500px; height: 505px; display: block; }
.photo .bigimg { width:560px; height: 470px;  display: block; position: relative; overflow: hidden; }
.photo .bigimg .list { width: 1000%; position: relative; }
.photo .bigimg .list li { width: 560px; height: 470px; float: left; }
.photo .bigimg .list img { width: 100%;  display: block; transition: all ease 300ms; }

.photo .photoimg { width: 562px; height: 82px; padding-top: 10px; position: absolute; left: 0; bottom: 0; }
.photo .photoimg .list { width: 486px; overflow: hidden; position: relative; margin: 0 auto; }
.photo .photoimg .listcon { width: 300%; position: relative; }
.photo .photoimg .listcon li { width: 64px; cursor: pointer; display: block; float: left; margin-right: 10px; }
.photo .photoimg .listcon li img { border: 1px solid #ddd; width: 62px; height: 68px; display: block;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}
.photo .photoimg .listcon li:hover img, .photo .photoimg .listcon li.on img { border-color: #204c97; }
.photo .photoimg .prev, .photo .photoimg .next { width: 25px; height: 82px; z-index: 10; position: absolute; top: 10px; cursor: pointer; background: #ddd url(../images/pn365.png) no-repeat;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}
.photo .photoimg .prev:hover, .photo .photoimg .next:hover { background-color: #204c97; }
.photo .photoimg .prev { left: 0px; background-position: 0 center; }
.photo .photoimg .next { right: 0px; background-position: -25px center; }


 @media screen and (max-width:768px) {

 .c_portalResProduct_detail-04001 .c_p_dev_imgListPC .photo{ width:96%; margin:0 auto}
 .mySwiper{}
 .mySwiper img{ width:100%}
 
 }


/*========================产品内页========================*/
.product_article_top{background: #f8f8f8;padding: 0px 0 39px 0;overflow: hidden;}
.product_article_top .float_l{float:left;width:418px;}
.product_article_top h2{font-size: 30px;color: #333;font-weight:300;padding: 34px 0 46px;text-align: center}
/*左边 pc*/
.product_article_top .Con{width: 86%;margin: 0 auto}
.product_article_top #MagnifierWrap2{position:relative;width:100%;z-index: 2}
.product_article_top .MagnifierMain{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border:1px solid #dedede;}
.product_article_top .MagnifierMain img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.product_article_top .MagnifierDrag{position:absolute;top:0;left:0;background-color:#ccc;opacity:0.4;filter:alpha(opacity=40);cursor:move;}
.product_article_top .MagnifierPop{position:absolute;top:0;overflow:hidden;z-index:888 !important;}
.product_article_top .MagnifierImg{position:absolute;top:0;left:0;z-index:9999;}
.product_article_top .spec-items{position:relative;width:322px;height:84px;overflow:hidden;padding-top:10px;margin:0 auto;}
.product_article_top .spec-items ul{width:500%;position:absolute;top:10px;left:0;z-index:10;}
.product_article_top .spec-items ul *{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.product_article_top .spec-items li{width:82px;height:82px;float:left;overflow:hidden;margin:0 14px;border:1px solid #dedede;cursor:pointer;position:relative;}
.product_article_top .spec-items li.on{border:1px solid #ec6e00;}
.product_article_top .spec-items li img{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(1,1);-ms-transform:translate(-50%,-50%) scale(1,1);-o-transform:translate(-50%,-50%) scale(1,1);transform:translate(-50%,-50%) scale(1,1);}
.product_article_top .spec-items li.on img{-webkit-transform:translate(-50%,-50%) scale(1.2,1.2);-ms-transform:translate(-50%,-50%) scale(1.2,1.2);-o-transform:translate(-50%,-50%) scale(1.2,1.2);transform:translate(-50%,-50%) scale(1.2,1.2);}
.product_article_top span.spe_leftBtn,span.spe_rightBtn{position:absolute;bottom:0;opacity:0.8;filter:alpha(opacity=80);display:block;width:28px;height:46px;margin-bottom:23px;line-height:70px;font-family:"黑体";text-align:center;font-size:22px;color:#a7a7a7;cursor:default;background-color:#fff;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-moz-user-select:none;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.product_article_top span.spe_leftBtn{background:url(../images/product_article_pre.jpg) no-repeat right center;background-size:cover}
.product_article_top span.spe_rightBtn{background:url(../images/product_article_next.jpg) no-repeat left center;background-size:cover;}
.product_article_top span.spe_leftBtn:hover,span.spe_rightBtn:hover{opacity:1;filter:alpha(opacity=100);}
.product_article_top span.on{cursor:pointer;}
.product_article_top span.spe_leftBtn{left:0;}
.product_article_top span.spe_rightBtn{right:0;}
/*左边 wap*/
.product_article_top .wap_box{position: relative;display: none;}
.product_article_top .wap_box{width: 100%;text-align: center;border: 1px #ccc solid;}
.product_article_top .wap_box .bd img{display: block;width: 100%;height: 100%;}
.product_article_top .wap_box .bd,.product_article_top .wap_box .bd li{width: 100%;height: 100%;overflow: hidden;}
.product_article_top .wap_box .hd{position: absolute;left: 0;bottom: 6px;width: 100%;}
.product_article_top .wap_box .hd li{display: inline-block;width:10px;height: 10px;border-radius:10px;background: #ccc;text-indent: -33em;overflow: hidden;margin: 0 4px;}
.product_article_top .wap_box .hd li.on{background: #ffd30d}
.product_article_top .wap_box .bd li span{position:relative;width: 100%;padding-bottom: 100%;display: block;}
.product_article_top .wap_box .bd li span img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
/*右边*/
.product_article_top .float_r{float:right;width:51%;}
.product_article_top .float_r h3{font-size: 20px;color: #333;font-weight: 300;margin-bottom:14px;}
.product_article_top .float_r .data_info{font-size: 14px;color: #666;line-height: 230%;}



@media screen and (max-width:1200px){
    .product_article_top h2{font-size: 24px; padding: 26px 0 30px;}
    .product_article_top .float_r h3{font-size: 18px;}
    .product_article_top .Con{width: 100%;}
    .product_article_top .pc_box{display: none;}
    .product_article_top .wap_box{display: block;}
    .product_article_top .float_l{width: 42%;}
    .product_article_top .float_r{width: 55%;}
    .product_article_top .float_r h2{font-size: 18px;padding: 10px 0;margin-bottom:14px;}
    .product_article_top .float_r .data_info{font-size: 12px;line-height: 210%;}
    .product_article_bottom .data_title{line-height:40px;font-size: 14px;}
    .product_article_bottom{margin-top: 30px;}
    .product_article_bottom .data_con{font-size: 14px;}

}
@media screen and (max-width:800px){
    .product_article_top .float_l{width:56%;float: none;margin: 0 auto;margin-bottom: 20px;}
    .product_article_top .float_r{width:100%;float: none;margin: 0 auto;}
}
@media screen and (max-width:560px){
    .product_article_top .float_l{width:76%;}
    .product_article_top h2{font-size: 21px;    padding: 26px 0 20px;}
}