.pruabuot{width: 1140px;margin: auto; text-align: center; margin-top: 10px; margin-bottom: 10px; overflow: hidden;}
.pruabuot p{line-height: 28px; font-size: 15px;}




.productslist{ width:1140px;margin:auto; padding-top:20px;}
.productslist ul{ margin-right:-24px; position:relative;}
.productslist ul li{ float:left; width:362px;height:340px; background:#fff; border:1px solid #e6e6e6; position:relative; border-bottom:4px solid #e6e6e6; margin-right:24px;margin-bottom:26px;}
.productslist ul li .imgbg{display:block; width:362px; height:272px;overflow: hidden;}
.productslist ul li img{ display:block; width:100%; height:auto; opacity:1;filter:alpha(opacity=100)}
.productslist ul li p.imgbg{ background:#218198;}
.productslist ul li h4{overflow:hidden; font-size:18px; padding:30px 10px 0px; height:21px;}
.productslist ul li p.desc{ height:43px; line-height:24px; overflow:hidden; font-size:14px; padding:15px 10px 0px;}
.productslist ul li a{ display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:99;}
.productslist ul li span{ position:absolute; background:url(../webimages/index_27.png) no-repeat; width:119px; height:40px; line-height:40px; font-size:13px; top:120px; left:50%; margin-left:-59px; text-indent:15px; color:#fff; display:none;}

.productslist ul li:hover img{filter:alpha(opacity=60);opacity:0.6;}
.productslist ul li:hover h4{ color:#ED000A}
.productslist ul li:hover p{ color:#ED000A}
.productslist ul li:hover span{ display:block;}
.productslist ul li:hover{ border-bottom:4px solid #ED000A;}




.joblists{ width:1140px;margin:auto; padding-top:20px;}
.joblists ul{ margin-right:-24px; position:relative;}
.joblists ul li{ float:left; width:362px;height:370px; background:#fff; border:1px solid #e6e6e6; position:relative; border-bottom:4px solid #e6e6e6; margin-right:24px;margin-bottom:26px;}
.joblists ul li .imgbg{display:block; width:362px; height:272px;overflow: hidden;}
.joblists ul li img{ display:block; width:100%; height:auto; opacity:1;filter:alpha(opacity=100)}
.joblists ul li p.imgbg{ background:#218198;}
.joblists ul li h4{overflow:hidden; font-size:18px; padding:30px 10px 0px; height:21px;}
.joblists ul li p.desc{ height:43px; line-height:24px; overflow:hidden; font-size:14px; padding:15px 10px 0px;}
.joblists ul li a{ display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:99;}
.joblists ul li span{ position:absolute; background:url(../webimages/index_27.png) no-repeat; width:119px; height:40px; line-height:40px; font-size:13px; top:120px; left:50%; margin-left:-59px; text-indent:15px; color:#fff; display:none;}

.joblists ul li:hover img{filter:alpha(opacity=60);opacity:0.6;}
.joblists ul li:hover h4{ color:#ED000A}
.joblists ul li:hover p{ color:#ED000A}
.joblists ul li:hover span{ display:block;}
.joblists ul li:hover{ border-bottom:4px solid #ED000A;}




.seachr{ width:600px;margin:auto; padding-top:20px;}
.seachr .imgbg{display:block; width:600px; height:auto;overflow: hidden; text-align: center;}
.seachr .imgbg img{max-width: 100%; text-align: center;}
.seachr p.desc{ height:43px; line-height:24px; overflow:hidden; font-size:14px; padding:15px 10px 0px; text-align: center;}
.seachr h4{overflow:hidden; font-size:18px; padding:30px 10px 0px; height:21px;text-align: center;}



/* 详情 */
.productbox{padding:30px 30px; margin:auto; background:#fff;}
.ProductDetailstop{ background:#FFF; padding:38px 0px;}

.ProductDetailstopleft{ float:left; width:500px;position:relative; z-index: 999; text-align:center;border:1px solid #efefef;}
.ProductDetailstopleftimg{width:100%;}
.ProductDetailstopleftimg img{ display: block; width:500px;height:500px; 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:580px; position:relative;padding-top:20px;}
.ProductDetailstopright dl{ margin:0px; }
.ProductDetailstopright dl dt{font-size:26px; border-bottom:1px solid #dfdfdf; margin-bottom:10px; color:#000; padding-bottom:15px;}
.ProductDetailstopright dl dd{ margin-bottom:10px;border-bottom:1px solid #dfdfdf;}
.ProductDetailstopright dl dd h3{font-weight:bold;}
.ProductDetailstopright  dl dd .text{min-height:200px;margin-top:10px;line-height:24px;}
.ProductDetailstopright .ts{color:#ff0000; margin-top:20px;}

.pro_banner{ position:relative; width:100%; margin:0 auto;}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:500px; margin:30px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:125px;height:125px; 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:123px; height:123px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}
.ProductDetailsSmallimg ul li.cur span{width:121px; height:121px; border:2px solid #ED000A;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-16px; width:15px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../webimages/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../webimages/Product3.gif) no-repeat right center;}
.prodetail-tab{background-color: #efefef ;  margin: 0 auto;}
.prodetail-tab a{ display: inline-block; width: 190px; height: 60px; line-height:60px;font-size: 18px; color: #666; text-align: center;border-right:1px solid #ddd;margin-right:-4px;}
.prodetail-tab a p{ font-size:14px; line-height:16px; margin-top:3px;}
.prodetail-tab a:hover,.prodetail-tab a.cur{ background-color: #999; color: #fff;}
.prodetail-cont{ padding: 25px 50px 70px; display: none;}
.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:#ED000A; padding:5px 30px; border-radius:5px; color:#FFF; font-size:14px;}
.commonDetailedContentsfoot p a:hover{opacity:.8;}
.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:#ED000A}
.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; margin: 0 auto 30px;}
.relevant h3{display:inline-block; padding:7px 20px;  background:#ED000A; color:#fff; letter-spacing:1.2px; font-size:18px;}
.relevant ul{overflow:hidden;padding:15px 0px;margin-right:-20px;}
.relevant li{ float: left; width: 208px;margin-right:20px;;}
.relevant li img{ display: block;  width:202px;height:202px;}
.relevant li a{display:block;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;padding-bottom:5px; height: 24px; line-height: 24px; font-size: 14px; color: #1a1a1a; text-align: center; overflow: hidden; }
.relevant li a:hover{background:#ED000A;}
.relevant li a:hover p{ color: #fff;}

/* 详情 */