@charset "UTF-8";

/*浜у搧涓績*/
/* .product{padding: 80px 0;} */
.pro-list{display: block;width: 398px;float: left;margin-right: 3px;margin-bottom: 3px;padding: 40px 40px 30px;background: white;}
.pro-font{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 20px;color: #333; margin-top: 24px;line-height: 30px;position: relative;margin-bottom: 14px;}
.pro-font:after{position: absolute;content: '';background: url(more.png) no-repeat center;transition: all .5s;width: 30px;height: 30px;right: 0;top: 0;z-index: 3;}
.pro-list hr{width: 100%;height: 1px;background: #e2e2e2;border: none;margin-bottom: 10px;}
.pro-list p{font-size: 14px;color: #888;line-height: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-list:nth-child(3n){margin-right: 0;}
.pro-pic{width: 318px;height: 312px;overflow: hidden;position: relative;}
.pro-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pro-pic:after{position: absolute;content: '';width: 100%;height: 0%;bottom: 0;left: 0;background: rgba(0,0,0,0.4) url(pro-more.png) no-repeat center;transition: all .5s;}
.pro-list:hover img{transform: scale(1.1);}
.pro-list:hover .pro-pic:after{height: 100%;}
.pro-list:hover .pro-font:after{transform: rotateZ(360deg);}
.pro-big{padding-bottom: 27px;}

.spec-preview{
	overflow: hidden;
	float: left;
	width: 46.9%;
	background: #fff;
	
}
.spec-scroll{clear:both;overflow: hidden;width: 100%;position: absolute;bottom: 0px;}
.spec-scroll .prev{float:left;background: url(left.png) no-repeat center;background-size: 9px 17px;}
.spec-scroll .prev:hover{background: url(leftH.png) no-repeat center;background-size: 9px 17px;}
.spec-scroll .next{float:right;background: url(right.png) no-repeat center;background-size: 9px 17px;}
.spec-scroll .next:hover{float:right;background: url(rightH.png) no-repeat center;background-size: 9px 17px;}
.spec-scroll .prev,.spec-scroll .next{width:10px;height:82px;cursor:pointer;}
.spec-scroll .items{margin:auto;position:relative;height:100px;width:100%;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:100%;}
.spec-scroll .items ul li{position: relative; float:left;text-align:center;margin-right: 15px;width: 22.8%;height: 100px;border: 1px solid transparent;transition: ease .5s;background: #fff;}
.spec-scroll .items ul li img{width: 100%;display: block;height: 100%;}
.spec-scroll .items ul li.hover{border-color: #ccc;}
.spec-scroll .items ul li:last-child{margin-right: 0;}
.pro_left{ overflow:hidden;}
.jqzoom{width:100%;margin:0 auto;border:none;position:relative;padding:0px;cursor:pointer;display:block;  overflow:hidden;border: 1px solid #ccc;}
.jqzoom::after{content: ""; position: absolute;width: 20px;height: 20px;bottom: 20px;right: 20px;background: url(prode-fang.png)no-repeat center;}

.jqzoom img{width: 100%;display: block;height: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:700px;height:435px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* .fang{margin-bottom: 30px;} */
.canshu{width: 44%;height: 410px;float: right;margin-left: 0px;position: relative;padding-top: 0px; margin-right:55px;}
.canshu .h1{font-size: 36px;color: #333;margin-bottom: 10px;position: relative;padding-bottom: 10px; font-weight:bold; margin-top:0px;}
.canshu .h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom:25px;
}
.canshu .h3{
 line-height: 32px;color: #000;font-size: 18px;
 height:312px;
 overflow:hidden;
}
.canshu .h1::before{content: "";position: absolute;width: 40px;height: 0px;background: #c50f28;bottom: 0;left: 0;}
.canshu p{ line-height: 32px;color: #000;font-size: 18px;}
.canshu .line{border-radius: 30px; display: block;float: left;width: 130px;height: 38px;border:solid 1px transparent;text-align: center;line-height: 36px;font-weight: lighter;font-size: 18px;color: #fff;background: #0d4542;transition: ease .5s;margin-bottom: 0;}
.canshu .line:hover{color: #c50f28;background: transparent;border-color: #c50f28;}
.canshu-share{margin-top: 30px;}
.canshu-share a{margin-right: 30px;}
.canshu-line{width: 100%;height: 1px;background: #e5e5e5;margin-top: 50px;}
.share{height: 38px;float: left;}
.share i,.shop i{display: block;font-style: normal;float: left;font-size: 14px;color: #333;font-weight: lighter;line-height: 38px;}
.share a{display: block;float: left;margin: 0 !important;padding: 0 !important;width: 32px;height: 32px !important;margin-right: 10px !important;text-align: center;line-height: 32px!important;}
/* .share a.bds_weixin{background: url(weixin.png) no-repeat center;}
.share a.bds_tsina{background: url(weibo.png) no-repeat center;} */
.canshu h4{font-size: 16px;line-height: 28px;color: #666;margin-top: 25px;}


@media (max-width:768px) {
.spec-preview{
	overflow: hidden;
	float: none;
	width: 100%;
	background: #fff;
	margin-top:10px;
	
}
.canshu{width:100%;height: 410px;float: none;margin-left: 0px;position: relative;padding-top: 0px; margin-right:5px;}
.canshu .h1{font-size: 26px;color: #333;margin-bottom: 10px;position: relative;padding-bottom: 10px; font-weight:bold; margin-top:0px;}
.canshu .h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom:25px;
	font-size:20px;
}
.canshu .h3{
 line-height: 32px;color: #000;font-size: 16px;
 height:262px;
 overflow:hidden;
}
.spec-scroll .items{ height:auto}
}