@charset "utf-8";
/* CSS Document */

/*列表页*/
.prolisttop{ height:385px; overflow:hidden;}
.prolisttitle{ background:#af0500; padding:130px 80px 80px 130px; float:left; width:40%; min-width:400px;} 
.prolisttitle p{ font-size:40px; font-weight:bolder; color:#fff; border:3px solid #fff; padding:100px 20px 20px 100px; margin:auto; float:right; letter-spacing:5px}
.prolisttitle p a{color:#fff;}

.prol{}
.prol .alpha{background:#66666688; padding:50px 0;}
.prol:nth-child(2n) .alpha{background:#ffffff88;}
.prolt{text-align:right; font-size:28px; font-weight:bolder; color:#fff; width:400px; background:#1f1f1f; padding:20px;}
.prolt p{ border-bottom:3px solid #af0500; float:right; padding:0 30px; margin-right:-30px;}
.prolt p a{color:#fff;}
.proli{ padding-top:40px;}
.proli ul{}
.proli ul li{ float:left; width:30%; margin-right:5%; margin-bottom:30px;}
.proli ul li .prolip{ margin-bottom:20px;}
.proli ul li:nth-child(3n){ margin-right:0px;}
.proli ul li:nth-child(3n+1){ clear:both;}
.proli ul li p{ font-size:16px; color:#fff; text-align:center; font-weight:bolder; /*padding-left:20px;*/ background:url(../images/triangular.png) left top no-repeat;}
.proli ul li p span{ border-top:2px solid #fff; display:block; width:70%; margin:auto; height:10px;}
.prol:nth-child(2n) .proli ul li p{ color:#222;}
.prol:nth-child(2n) .proli ul li p span{ border-top-color:#222;}
.fontsi{font-size:23px;}

/*内页*/
.prob{background: url(/other/pro_bj.jpg) repeat #777; background-size:cover;}
.probtop{background: rgba(0, 0, 0, 0.7);; padding:60px;}
.probp{ float:left; width:40%; /*width:80%;*/ max-width:800px; margin:auto;}
.probp img{}
.probm{ float:right; width:55%;}
.probtitle{ font-size:36px; color:#fff; padding:30px 0; text-align:center; /*margin-bottom:50px;*/}
.probm h3{ font-size:24px; color:#fff; margin-bottom:20px;}
.probc{ font-size:20px; /*font-size:14px;*/ color:#fff; line-height:36px;}
.probct{ width:49%; float:left; margin-right:2%; border-top:1px solid #999; padding:10px 0; display:block; color:#ddd; }
.probct:nth-child(1), .probct:nth-child(2){border-top:0px solid #999;}
.probct:nth-child(2n){ margin-right:0px;}
.probct:nth-child(2n+1){clear:both;}
.probct:last-child{ margin-bottom:40px;}
.probct strong{color:#fff!important; display:inline-table;}

.probp .product_one_l {
    float: left;
    width: 100%;
    position: relative;
}
.probp .product_one_l .pro_big2 {
    overflow: hidden;
}
.probp img {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}
.preview{padding:20px 0;}
.preview .swiper-slide{text-align:center;}

.view{ /*margin-bottom:30px;*/}
.preview .arrow-left {background: url(../images/feel1.png) no-repeat center center!important;}
.preview .arrow-right {background: url(../images/feel2.png) no-repeat center center!important;}
.view .arrow-left {background: url(../images/index_tab_l2.png) no-repeat left center!important;}
.view .arrow-right {background: url(../images/index_tab_r2.png) no-repeat right center!important;}
.preview .swiper-slide{ width:100px!important; height:100px!important; background:none!important;}

.probp{position: relative;}
.pls{ position:absolute; display:block; border:1px solid #fff; color:#fff; font-size:30px; width:40px; height:40px; line-height:35px; text-align:center; border-radius:50%; background:#00000066;top:50%;left:50%;transform:translate(-50%,-50%); filter: alpha(opacity=100); opacity: 1; visibility: visible;}
.swiper-slide:hover .pls{filter: alpha(opacity=0); opacity: 0; visibility: hidden; width:160px; height:160px; line-height:155px;}
.probp:hover>.pls{filter: alpha(opacity=0); opacity: 0; visibility: hidden; width:160px; height:160px; line-height:155px;}

.othercolor{ padding-bottom:30px;}
.othercolor ul{}
.othercolor ul li{ float:left; width:20%; padding:5px; text-align:center;}
.othercolor ul li:nth-child(5n+1){clear:both;}
.othercolor ul li a{text-align:center; color:#fff; -webkit-transition: all 0.1s;}
.othercolor ul li a:hover{ color:#e62129;}
@media only screen and (max-width: 700px){
.othercolor ul li{width:33.33%;}
.othercolor ul li:nth-child(5n+1){clear:none;}
.othercolor ul li:nth-child(3n+1){clear:both;}
}