
.product-box{margin-bottom:15px;}
.product-list{border:1px solid #efefef;padding:10px;}
.product-list .figure {width:100%;overflow:hidden;height:338px;}
.product-list .figure img{display:block;width:100%;height:338px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.product-list .figure:hover img{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.product-list .text{text-align:center;}
.product-list .text h4{line-height:24px; height:48px;}



/* 详情 */

.productcontent{background:#fff;padding:30px 25px; margin-top:25px;}
.productdatatext{margin-top:25px;}
.ProductDetailstop{}

.ProductDetailstopleft{ float:left; width:377px;position:relative; z-index: 95; text-align:center}
.ProductDetailstopleftimg{width:100%;}
.ProductDetailstopleftimg img{ display: block; max-width:100%;margin:auto;}
div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.ProductDetailstopright{ float:right; width:680px; position:relative;}
.ProductDetailstopright dl{ margin:0px;text-align:left; }
.ProductDetailstopright dl dt{font-size:24px;line-height:35px; border-bottom:3px solid #DB251D; margin-bottom:10px; color:#000;}
.ProductDetailstopright dl dd.dd{ margin-bottom:10px;}
.ProductDetailstopright dl dd{ font-size:16px; color:#666; margin-bottom:5px; line-height:26px;}
.ProductDetailstopright dl dd span{display:inline-block; padding:3px 6px; width:120px; border-radius:5px;background:#DB251D; color:#fff; margin-right:10px;}
.ProductDetailstopright .ts{color:#ff0000; margin-top:20px;}

.pro_banner{ position:relative; width:100%; margin:0 auto;}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:448px; margin:30px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;padding:0;margin:0}
.ProductDetailsSmallimg ul li{float:left;width:100px;height:100px; position:relative; display:inline; margin-right:15px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display: block;  display:block; width:100%; height:100%;}
.ProductDetailsSmallimg ul li span{ display:block; width:100px; height:100px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}
.ProductDetailsSmallimg ul li.cur span{ border:2px solid #DB251D;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-16px; width:15px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../img/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../img/Product3.gif) no-repeat right center;}
.prodetail-tab{ height: 43px; padding:8px 8px 0; background-color: #DB251D ; border-bottom: 1px solid #DB251D ; margin: 0 auto; border-radius:15px 15px 0 0;font-size:0;}
.prodetail-tab a{ display: inline-block; *display: inline; *zoom: 1; width: 150px; height: 38px; line-height:38px; padding-bottom: 6px;font-size: 18px; color: #fff; text-align: center; border-radius:5px 5px 0 0;}
.prodetail-tab a p{ font-size:14px; line-height:16px; margin-top:3px;}
.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #fff; color: #DB251D;}
.prodetail-cont{ padding: 25px 50px 70px; display: none;}
.prodetail-cont img{max-width:100%;}
.prodetail-cont p{margin:0;}
.prodetail-box{}
.prodetail-box .fl{ width: 880px;}
.prodetail-box .fr{ width: 260px;}
.prodetail-box .fr img{ display: block;  width: 260px; height: 195px; padding-bottom: 15px;}



.commonDetailedContentsfoot{padding-bottom:45px;}
.commonDetailedContentsfoot p{ text-align:center; padding-bottom:30px;}
.commonDetailedContentsfoot p a{ display:inline-block; background:#DB251D; padding:5px 30px; border-radius:5px; color:#FFF; font-size:14px;}
.commonDetailedContentsfoot p a:hover{background:#F53F37}
.commonDetailedContentsfoot dl{ border:1px solid #cccccc; border-left:none; border-right:none; font-size:13px; padding:13px 0px;}
.commonDetailedContentsfoot dl  a{color:#1a1a1a;}
.commonDetailedContentsfoot dl  a:hover{color:#DB251D}
.commonDetailedContentsfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:15px;}
.commonDetailedContentsfoot dl dd{ float:left;}
.commonDetailedContentsfoot dl dt{ float:right;}


.relevant{position:relative; border:1px solid #ccc; border-top:3px solid #666;padding:15px 15px; margin: 0 auto;}
.relevant h3{display:inline-block; padding:7px 20px;  background:#DB251D; color:#fff; letter-spacing:1.2px; font-size:18px;}
.relevant ul{ padding:10px; border-top:1px solid #ccc; overflow:hidden;}
.relevant li{ float: left; width: 20%;}
.relevant li img{ display: block;  width: 100%; height:200px;}
.relevant li a{display:block; margin:8px; padding:3px; background:#efefef; transiton:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; border-radius:3px;}
.relevant li p{ display: block; padding-top: 11px; line-height: 24px; font-size: 14px; color: #1a1a1a; text-align: center; overflow: hidden;margin:0; }
.relevant li a:hover{background:#DB251D;}
.relevant li a:hover p{ color: #fff;}
/*--详细--*/



/* about */
.about{text-align:justify;}
.about_dl{ width:100%; overflow:hidden; background:url(../img/aboutlist-bg.jpg) no-repeat center center;background-size:cover; margin-bottom:25px;}
.about_dl dt{ width:630px; float:left;}
.about_dl dt img{ width:100%; display:block;}
.about_dl dd{ float:left; width:440px; padding:38px 15px 30px 60px}
.about_dl dd h3{ line-height:40px; color:#000000; font-size:26px;}
.about_dl dd h4{ color:#000000; font-size:16px; line-height:22px; margin:5px 0;}
.ddwx_div{ margin-top:25px;}
.about .ddwx_div img{ float:left; width:100px; height:100px;}
.ddwx_div div{ float:left; margin-left:15px; padding-left:15px; border-left:1px solid #000000; margin-top:17px;}
.ddwx_div p{ line-height:22px; color:#000000;margin-bottom:0;}


/*在线反馈*/
.indexlabel{padding:20px 0 30px;max-width:1050px; margin:0 auto; overflow:hidden;}
.indexlabel div{float:left;}
.label-01{width:50%;padding:0 20px;margin-bottom:20px;box-sizing:border-box;}
.indexlabel div p{padding:5px 0;}
.indexlabel .label-01 input{ color:#999999;width:100%;display:block;line-height:3.1rem; font-size:1.4rem;padding:0 8px; box-sizing:border-box;border:1px solid #ccc;}
.indexlabel input[type='radio']{margin:0 3px 0 13px;}
.indexlabel div.label-04{padding-top:10px;text-align:center;}
.indexlabel .label-04 input{ width:100px; line-height:30px; color:#fff; margin:0 10px; cursor:pointer;display:inline-block;border-radius:3px;border:none;}
.indexlabel input[type='submit']{background-color:#DA251D;}
.indexlabel input[type='reset']{background-color:#ccc;}
.indexlabel .label-02{width:100%; padding:0 20px;box-sizing:border-box;}
.indexlabel .label-02 input[type='text']{border:1px solid #d0d0d0; padding:2px 3px;  color:#999999; width:120px; line-height:49px; height:49px;font-size:.8em;border-radius:8px;}
.indexlabel .label-02 img{width:160px;}
.indexlabel div textarea{border:1px solid #ccc;height:15rem;line-height:3rem; font-size:1.4rem; width:100%; padding:8px;box-sizing:border-box; color:#999999;resize:vertical;}
/*在线反馈*/


@media (max-width:768px){
	.ProductDetailstopleft{float:none;width:60%;margin: 0 auto 15px;}
	.ProductDetailstopright{float:none;width:100%;}
	.ProductDetailsSmallimg {width:300px;}
	.ProductDetailsSmallimg ul li{width:69px; height:69px;margin-right:8px;}
	.ProductDetailsSmallimg ul li span{width:69px;height:69px;}
	.ProductDetailsSmallimg ul li.cur span{width:69px;height:69px;}
	.productcontent{padding:0 15px;}
	.prodetail-tab{height:auto;border-radius:0;padding:5px 5px 0;}
	.prodetail-tab a{border-radius:0; margin-bottom:5px;width:50%;}
	.prodetail-cont{padding:10px;}
	.prodetail-cont p{text-align:left;}
	.relevant{display:none;}
	.label-01,.indexlabel .label-02{padding:0 10px;}
	.about{padding:15px;}
	.about_dl dd h3{font-size:22px;}
	.about_dl dd{padding:25px 0 25px 10px}
}




