@charset "UTF-8";

.sin-pic-list { padding-bottom:6.25em; padding-top:3em; }

.sin-pic-list .title { padding:0.5em 0px; }

.sin-pic-list .list ul { margin:0px -1.2045emem; }

.sin-pic-list .list ul li { float:left; width:25%; }

.sin-pic-list .list ul li .con { margin:1.2045em 1.2045em 0.75em; }

.sin-pic-list .list ul li .img { position:relative; padding-bottom:88.89%; }

.sin-pic-list .list ul li .bg { position:absolute; left:0px; bottom:0px; right:0px; width:100%; height:50%; }

.sin-pic-list .list ul li .con:hover .bg {}

.sin-pic-list .list ul li h3 { line-height:1.3; margin-top:0.909em;  max-height:2.6em; }

.othercaseBox { width:90%; max-width:1600px; margin:0px auto;}

.wrap2 { width:90%; max-width:1400px; margin:0px auto; overflow:hidden;}

.bg-f6f6f6 {
    background: #f6f6f6;
}

.pro-pic-scroll .head { padding:3.75em 0px 3.5em; }

.pro-pic-scroll .head h3 { padding-bottom:0.2em; }

.pro-pic-scroll .head h4 { line-height:1.5;  }

.pro-pic-scroll .picbig-wrap .wrap2 { overflow:hidden; position:relative; }

.pro-pic-scroll .picbig-wrap .img { padding-bottom:51.42%; }

.pro-pic-scroll .picbig-wrap .btn {width:3.75em; cursor:pointer; color:#c4c5ca; border-radius:50%; border:2px solid #c4c5ca; height:3.75em; position:absolute; z-index:3; top:50%; margin-top:-1.875em;  }

.pro-pic-scroll .picbig-wrap .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }

.pro-pic-scroll .picbig-wrap .swiper-prev1 { left:10px; }

.pro-pic-scroll .picbig-wrap .swiper-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);margin-left:4px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.pro-pic-scroll .picbig-wrap .swiper-next1 { right:10px; }

.pro-pic-scroll .picbig-wrap .swiper-next1 span {transform:translate(-50%,-50%) rotate(135deg);margin-left:-4px;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }

.pro-pic-scroll .picbig-wrap .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }





.pro-pic-scroll .picsml-wrap { padding:1.5em 0px; }

.pro-pic-scroll .picsml-wrap .img { padding-bottom:65.72%; cursor:pointer; }

.pro-pic-scroll .wrap2 { overflow:hidden; }

/* 相似产品 */

.related-products { padding:3.9375em 0px 5.875em;  }

.related-products .list { padding:0px 6.25em; position:relative; margin-top:0.75em; }

.related-products .list .rel-pro-swiper { overflow:hidden; }

.related-products .list ul li { float:left; width:25%; }

.related-products .list ul li .con { padding:0.875em 1em 1.275em; }

.related-products .list .img { position:relative; padding-bottom:41%; margin:1.75em 0px; }

.related-products .list .img img { width:auto; height:auto; max-width:90%; max-height:100%; }

.related-products .list .btn { width:2em; cursor:pointer; color:#000; height:2em; position:absolute; z-index:3; top:50%; margin-top:-1em;  }

.related-products .list .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #7d8588; border-top:3px solid #7d8588; position:absolute; top:50%; }

.related-products .list .rel-pro-prev1 { left:2.625em; }

.related-products .list .rel-pro-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.related-products .list .rel-pro-next1 { right:2.625em; }

.related-products .list .rel-pro-next1 span {transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }



.related-products .list .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }

.related-products .list .tit { padding-bottom:0.1363em; }




.applications-sec-bk01 .list { position:relative;}

.applications-sec-bk01 .title { padding:1.245em 0px; }

.applications-sec-bk01 .pic-wrap { width:57.29%; overflow:hidden; }

.applications-sec-bk01 .pic-wrap ul li a { display:block; padding-bottom:65.45%;}

.applications-sec-bk01 .text-wrap { width:31.25%; margin-right:8.33%; }

.applications-sec-bk01 .text-wrap .head { padding:2em 0px; }

.applications-sec-bk01 .text-wrap .head h4 { line-height:1.4; }

.applications-sec-bk01 .text-wrap .class { padding:1.4375em 0px; overflow:hidden; min-height:13.875em; }

.applications-sec-bk01 .text-wrap .class h5 { padding:0.3636em 0px; }

.applications-sec-bk01 .text-wrap .class .img { height:9.375em; position:relative; }

.applications-sec-bk01 .text-wrap .class .img img { width:auto; height:auto; max-width:100%; max-height:100%; }

.applications-sec-bk01 .text-wrap .number { padding:1.5625em 0px 2.1875em; }

.applications-sec-bk01 .text-wrap .number .page-num { line-height:1.1; padding-right:2.625em; }

.applications-sec-bk01 .text-wrap .number .page-num label { padding-bottom:0.5em; padding-left:0.4545em; }

.applications-sec-bk01 .text-wrap .number .pagination-dian { padding-bottom:0.5em; } 

.applications-sec-bk01 .text-wrap .number .pagination-dian .swiper-pagination-bullet { width:1.125em; height:0.875em; border-radius:0px; background:url(../images/pagination-ico01.png) no-repeat center center; background-size:100% 100%; opacity:1.0; }

.applications-sec-bk01 .text-wrap .number .pagination-dian .swiper-pagination-bullet-active { background:url(../images/pagination-ico02.png) no-repeat center center; background-size:100% 100%;  } 



.applications-sec-bk01 .text-wrap .btn {  cursor:pointer; position:relative; z-index:3;  }

.applications-sec-bk01 .text-wrap .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }

.applications-sec-bk01 .text-wrap .swiper-prev1 { right:4.25em; }

.applications-sec-bk01 .text-wrap .swiper-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.applications-sec-bk01 .text-wrap .swiper-next1 { right:0.75em; }

.applications-sec-bk01 .text-wrap .swiper-next1 span {transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }



.applications-sec-bk01 .text-wrap .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }



.applications-sec-bk01 .sec:nth-child(2n) .text-wrap { margin-left:9.01%; margin-right:0px; }

.applications-sec-bk01 .sec:nth-child(2n) { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }



.applications-sec-bk01 .sec { margin-bottom:5em; }







.applications-sec-bk01 .layui-flow-more { margin:0px 0px 5em; position:relative; bottom:0px; }







.applications-detail-sec-bk02 { padding:5.125em 0px 3.75em; }

.applications-detail-sec-bk02 .text-wrap { width:50%; }

.applications-detail-sec-bk02 .text-wrap h4 { line-height:1.1; padding-top:0.2363em; }

.applications-detail-sec-bk02 .text-wrap h5 { line-height:1.1; }

.applications-detail-sec-bk02 .text-wrap dl { padding:3.5em 0px 3.9375em; }

.applications-detail-sec-bk02 .text-wrap dl dd { border-left:1px solid #4d4d4d; min-width:31%; padding:0px 1.125em 0px 1.125em; }

.applications-detail-sec-bk02 .text-wrap dl dd .num { line-height:1.1; margin-top:-0.14em; position:relative; bottom:-0.4em; }

.applications-detail-sec-bk02 .text-wrap dl dd .num label { font-size:2em; }

.applications-detail-sec-bk02 .text-wrap dl dd .tit { padding:0.125em 0px 0px; }

.applications-detail-sec-bk02 .text-wrap dl dd:last-child { padding-right:0px; min-width:20%; }

.applications-detail-sec-bk02 .text-wrap .btn a { width:13.75em; line-height:3.125; color:#fff; display:inline-block; background: #cd3333; }

.applications-detail-sec-bk02 .text-wrap .btn a:hover {opacity:0.9; filter:alpha(opacity=90); }



.applications-detail-sec-bk02 .pic-wrap { width:50%;  position:relative; }

.applications-detail-sec-bk02 .pic-wrap img { max-width:100%; }

.applications-detail-sec-bk02 .pagination { position:absolute; bottom:1em; z-index:2; right:0px;  } 

.applications-detail-sec-bk02 .pagination .swiper-pagination-bullet { width:1.125em; height:0.875em; border-radius:0px; background:url(../images/pagination-ico01.png) no-repeat center center; background-size:100% 100%; opacity:1.0; }

.applications-detail-sec-bk02  .pagination .swiper-pagination-bullet-active { background:url(../images/pagination-ico02.png) no-repeat center center; background-size:100% 100%;  } 





.applications-detail-sec-bk02 .swiper-container2 { overflow:hidden; position:relative; }



.in-sec-bk01 .text-wrap .text { float:left; width:28.75%; margin-left:12.5%; padding:2em 0px; }

.in-sec-bk01 .text-wrap .text h3 { line-height:1.1; }

.in-sec-bk01 .text-wrap .text h4 { padding-top:2px; }

.in-sec-bk01 .text-wrap .text .con { line-height:1.71; color:#9a9a9a; max-height:10.668em; margin-top:1em; }

.in-sec-bk01 .text-wrap .text .more-btn { padding-top:3.388em; }

.in-sec-bk01 .text-wrap .img {  float:right; width:58.5%; }

.in-sec-bk01 .text-wrap .img img { max-width:90%; }

.in-sec-bk01 .pic-wrap { border-bottom:1px solid #dcdcdc; }

.in-sec-bk01 .pic-wrap .wrap { position:relative; }

.in-sec-bk01 .pic-wrap .gallery-thumbs { overflow:hidden; margin:0px 6.25%; }

.in-sec-bk01 .pic-wrap ul li .con { padding:0.875em 1em 1.875em; position:relative; }

.in-sec-bk01 .pic-wrap ul li .con:before { content:""; display:none; position:absolute; left:1em; bottom:0px; right:1em; height:0.25em; background:#129eda; }

.in-sec-bk01 .pic-wrap .img { position:relative; padding-bottom:41%; }

.in-sec-bk01 .pic-wrap .img img { width:auto; height:auto; max-width:90%; max-height:100%; }

.in-sec-bk01 .pic-wrap ul li { cursor:pointer; }

.in-sec-bk01 .pic-wrap ul li .tit { margin-top:1em; }

.in-sec-bk01 .pic-wrap ul li.swiper-slide-thumb-active .con:before { display:block;}

.in-sec-bk01 .pic-wrap ul li.swiper-slide-thumb-active .tit { color:#1b9dd8; }

.in-sec-bk01 .pic-wrap .btn { width:2.5em; cursor:pointer; border:2px solid #c4c5ca; border-radius:50%; color:#000; height:2.5em; position:absolute; z-index:3; top:24%;   }

.in-sec-bk01 .pic-wrap .btn span {  width:10px; cursor:pointer;  height:10px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }

.in-sec-bk01 .pic-wrap .swiper-prev1 { left:0px;  }

.more-btn a {
    display: block;
    height: 2.5em;
    width:30%;
    text-align:center;
    border:1px solid #cc3333;
    color:#cc3333;
    line-height: 38px;
    font-size: 16px;
}
.wrap {
    width: 90%;
    max-width: 1600px;
    margin: 0px auto;
}

.in-sec-bk01 .pic-wrap .swiper-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);margin-left:2px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }



.in-sec-bk01 .pic-wrap .swiper-next1 { right:0px;}



.in-sec-bk01 .pic-wrap .swiper-next1 span {transform:translate(-50%,-50%) rotate(135deg);margin-left:-2px; -webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }







.in-sec-bk01 .pic-wrap .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }


.in-sec-bk01 .gallery-top .swiper-slide { display:none; }
.in-sec-bk01 .gallery-top .swiper-slide:first-child { display:block; }



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



.applications-sec-bk01 .text-wrap .class .img { height:8.375em; }



}

@media only screen and (max-width: 1600px){
.in-sec-bk01 .text-wrap .text { width:40%; margin-left:0px; }
}

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


.in-sec-bk02 .tab-con .list ul li { width:50%; }
.applications-sec-bk01 .text-wrap .head { padding:1.2em 0px; }

.applications-sec-bk01 .text-wrap .number { padding:1em 0px 1.5em; }

.applications-sec-bk01 .text-wrap .class { padding:1em 0px; }



}









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

	

.applications-sec-bk01 .pic-wrap ul li a { padding-bottom:75%; }





}



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

	

.applications-sec-bk01 .pic-wrap ul li a { padding-bottom:80%; }





}



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

.in-sec-bk01 .text-wrap .text { width:60%;margin-left:0px; }

.in-sec-bk01 .text-wrap .img { width:40%; }

.in-sec-bk02 .tab-nav { width:35.16%; }

.in-sec-bk02 .tab-nav ul li { padding:0.4em 0.5em 0.4em 17.57%; }

.in-sec-bk02 .tab-nav ul li i { width:14%; }

.in-sec-bk02 .tab-con { width:64.84%; padding-left:3em; padding-right:1.5em;   }

.in-sec-bk02 .btn { width:2.5em; height:2.5em; }

.in-sec-bk02 .btn span { width:10px; height:10px; }

.in-sec-bk02 .swiper-prev2 span { margin-left:2px; }

.in-sec-bk02 .swiper-next2 span { margin-left:-2px; }

.in-sec-bk02 .swiper-prev2 { bottom:6.5em; }

.in-sec-bk02 .tab-con .list ul li .con { margin-right:1em; }

.in-sec-bk03 { padding:3.25em 2.5em 3.875em; } 

.in-sec-bk03 .content { padding-bottom:0px; }

.in-sec-bk03 .in-video { position:relative; width:100%; padding-bottom:80%; }

.in-sec-bk03 .list { position:relative; margin-top:2em; width:100%; padding-bottom:80%; }

.in-sec-bk03 .list ul li { width:100%; }

.in-sec-bk04 .list ul li { width:48%; margin:1em 1%;}

.applications-sec-bk01 .pic-wrap { width:100%; }

.applications-sec-bk01 .pic-wrap ul li a { padding-bottom:65.45%; }

.applications-sec-bk01 .text-wrap,.applications-sec-bk01 .sec:nth-child(2n) .text-wrap { width:84%; padding:2em 0px; margin:0px 7%; }

.applications-sec-bk01 .sec:nth-child(2n) { -webkit-flex-direction:row; -ms-flex-direction:row;  flex-direction:row; }

.applications-detail-sec-bk02 .text-wrap { width:100%; }

.applications-detail-sec-bk02 .pic-wrap { width:100%; padding-top:5em;  }







}





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

.in-sec-bk01 .text-wrap .text { width:100%; }

.in-sec-bk01 .text-wrap .img { width:100%; }

.in-sec-bk01 .text-wrap ul {-webkit-box-align:start; -ms-flex-align:start; align-items:start; }

.in-sec-bk01 .text-wrap .text .more-btn { padding-top:2em; }

.in-sec-bk01 .pic-wrap .gallery-thumbs { margin:0px 2.5em; }

.in-sec-bk02 { padding-bottom:1em; }

.in-sec-bk02 .tab-nav { width:100%; padding-bottom:1em;}

.in-sec-bk02 .tab-nav ul li { padding:0.4em 0em 0.4em  0.4rem; width:33.33%; float:left; }

.in-sec-bk02 .tab-nav ul li i { width:0.3rem; }

.in-sec-bk02 .tab-con .list ul li dl { padding:0px 0.5em; }

.in-sec-bk02 .title { padding:0.5em 0px; }

.in-sec-bk02 .tab-con { width:100%; padding:0px 0.3rem;  }

.in-sec-bk02 .tab-con .list ul li { width:50%; }

.in-sec-bk02 .tab-con .list ul li .con { margin:0px 0.1rem; }

.in-sec-bk02 .swiper-prev2 { left:0.4rem; margin-left:-1em; }

.in-sec-bk02 .tab-con .list { padding-bottom:1.5em; }

.in-sec-bk02 .btn { width:2em; height:2em; background:#fff; bottom:auto; top:50%; margin-top:-1.25em; }

.in-sec-bk02 .swiper-next2 { left:auto; right:0.4rem; margin-right:-1em; }

.in-sec-bk03 { padding:2em 0.4rem  2em; } 

.in-sec-bk03 .list ul li .jiantou { width:3em; left:-3em; display:none; }

.in-sec-bk03 .in-video .play { display:none; }

.in-sec-bk03 .in-video .play2 { display:inline-block; width:5em; height:3.0416em; margin:-1.5208em 0px 0px -2.5em;  }

.in-sec-bk03 .list ul li .txt { width:100%; }

.in-sec-bk03 .list { margin-top:1em; padding-bottom:100%; }

.in-sec-bk04 { padding:1em 0px 2em; }

.in-sec-bk04 .list ul li .btn a { width:10.833em; line-height:2.75; }

.applications-sec-bk01 .text-wrap,.applications-sec-bk01 .sec:nth-child(2n) .text-wrap { padding:1em 0px; }

.applications-sec-bk01 .sec { margin-bottom:2em; }

.applications-sec-bk01 .text-wrap .number .page-num label { padding-bottom:0.125em; }

.applications-sec-bk01 .text-wrap .number .pagination-dian { padding-bottom:0px; }

.layui-flow-more { margin-bottom:3em;  }

.applications-detail-sec-bk02 { padding:1.5em 0px 2.5em; }

.applications-detail-sec-bk02 .text-wrap dl { padding:2em 0px; }

.applications-detail-sec-bk02 .pic-wrap { padding-top:3em; }





}





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

 





}



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

 





}