@charset "UTF-8";





/*************产品详情*****************/

.pro-detail-bk01 { background-position:center top; background-size:100% auto; }

.pro-detail-bk01 .page-head-text { padding:5.85% 5.25% 5.4% 5.25%; line-height:1.944; }

.pro-detail-bk01 .page-head-text .page-content { max-width:1136px; }

.pro-detail-bk01 .page-scroll { padding:0px 3.875em; position:relative; }

.pro-detail-bk01 .swiper-container2 { overflow:hidden; }

.pro-detail-bk01 .page-con { margin:0px 8px; border:1px solid #e4e4e4; padding:2em 2.5em 1em 2.25em; position:relative;}

.pro-detail-bk01 .page-con:before { transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;background:url(../images/pro-detail-bk01-libg02.png) no-repeat center center; background-size:cover; opacity:0;filter:alpha(opacity=0); position:absolute; left:0px; top:0px; width:100%; height:100%; right:0px; bottom:0px; content:""; border-radius:2.75em 0px 2.75em 0px;  }

.pro-detail-bk01 .page-con .page-zdex { position:relative; z-index:2; }

.pro-detail-bk01 .page-tit { color:#3e3e3e; position:relative; padding:0.9em 0px 0.7em; font-weight:bold; }

.pro-detail-bk01 .page-tit:before { position:absolute; left:0px; bottom:0px; content:""; height:1px; width:8.1em; background:#ededed; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;  }

.pro-detail-bk01 .page-ico { height:3.125em; position:relative; }

.pro-detail-bk01 .page-ico img { width:auto; height:auto; max-width:100%; max-height:100%;}

.pro-detail-bk01 .page-ico .img02 { display:none; }

.pro-detail-bk01 .page-txt { margin-top:1em; margin-bottom:1em; /*height:6em; max-height:6em;*/ }

.pro-detail-bk01 .page-con:hover { border-color:transparent;}

.pro-detail-bk01 .page-con:hover:before {opacity:1;filter:alpha(opacity=100); }

.pro-detail-bk01 .page-con:hover .page-tit { color:#fff; }

.pro-detail-bk01 .page-con:hover .page-tit:before { background:#fff; }

.pro-detail-bk01 .page-con:hover .page-ico .img02 { display:inline-block; }

.pro-detail-bk01 .page-con:hover .page-ico .img01 { display:none; }

.pro-detail-bk01 .page-con:hover .page-txt { color:#fff; }

.pro-detail-bk01 .swiper-slide { float:left; width:25%; }

.pro-detail-bk01 .wid50 .swiper-slide { width:50%; }

.pro-detail-bk01 .wid50 .page-con { margin:0px 15.5px; }

.pro-detail-bk01 .wid100 .swiper-slide { width:100%; }

.pro-detail-bk01 .wid33 .swiper-slide { width:33.33%; }

.pro-detail-bk01 .wid33 .page-con { margin:0px 11.5px; }

.pro-detail-bk01 .wid_25 .btn { display:block; }

.pro-detail-bk01 .wid_50 .btn { display:block; }



.pro-detail-bk01 .btn { width:2.5em; display:none; cursor:pointer; color:#000; height:2.5em; position:absolute; z-index:3; top:50%; margin-top:-1.25em; border:0.125em solid #e8b266; border-radius:50%;  }

.pro-detail-bk01 .btn span {  width:0.875em; cursor:pointer;  height:0.875em; left:50%; border-radius:3px; border-left:0.125em solid #e8b266; border-top:0.125em solid #e8b266; position:absolute; top:50%; }

.pro-detail-bk01 .swiper-prev1 { left:1em; }

.pro-detail-bk01 .swiper-prev1 span {margin-left:0.1875em; transform:translate(-50%,-50%) rotate(-45deg);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }

.pro-detail-bk01 .swiper-next1 { right:1em; }

.pro-detail-bk01 .swiper-next1 span {margin-left:-0.1875em; transform:translate(-50%,-50%) rotate(135deg);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }

.pro-detail-bk01 .swiper-button-disabled { border-color:#ebebeb; cursor:default; }

.pro-detail-bk01 .swiper-button-disabled  span { border-left-color:#ebebeb; border-top-color:#ebebeb; cursor:default; }



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

.pro-detail-bk01 .page-con { padding:2em 1.5em 1em 1.25em; }

.pro-detail-bk01 .fnt-16 { font-size:14px; }

}



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

.pro-detail-bk01 .page-scroll { padding:0px 2em; }

.pro-detail-bk01 .btn { width:1.5em; height:1.5em; margin-top:-0.75em; }

.pro-detail-bk01 .btn span { width:0.5em; height:0.5em; }

.pro-detail-bk01 .swiper-prev1 span { margin-left:0.0625em; }

.pro-detail-bk01 .swiper-next1 span { margin-left:-0.0625em; }

.pro-detail-bk01 .swiper-prev1 { left:0.5em; }

.pro-detail-bk01 .swiper-next1 { right:0.5em; }

}





.pro-detail-bk02 { padding-bottom:6.3%; padding-top:5.3%;}

.pro-detail-bk02 .swiper-slide .img { padding-bottom:63.98%; }

.pro-detail-bk02 .swiper-slide {width:54.1%; position:relative;}

.pro-detail-bk02 .swiper-slide:before { position:absolute; left:0px; top:0px; width:100%; height:100%; right:0px; bottom:0px; background:rgba(255,255,255,0.7); content:""; }

.pro-detail-bk02 .swiper-slide.swiper-slide-active:before { display:none; }

.pro-detail-bk02 .list { overflow:hidden; position:relative; }

.pro-detail-bk02 .list .btn { position:absolute; right:0px; z-index:3; background:url(../images/); cursor:pointer; top:0px; bottom:0px; height:100%; width:22.5%;}

.pro-detail-bk02 .list .swiper-next2 { left:0px; right:auto;}







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

.pro-detail-bk02 { padding:2em 0px; }

.pro-detail-bk02 .swiper-slide { width:75%; }

.pro-detail-bk02 .list .btn { width:12.5%; }

}