/*中海产品列表*/
.Productlist{margin:0px auto; width:1158px;}
.productbox{ width:1160px; padding-top:20px; overflow:hidden;}
.productbox_div{ padding-bottom:15px; overflow:hidden; padding-left:10px; padding-right:10px; margin-left:10px; background-color:#f7f7f7;}
.other2div{ margin-top:5px; color:#FECD00;}
.productbox li{ float:left; width:366px; padding:0px 10px; border-right:1px solid #ececec; margin-bottom:30px;}
.productbox li.alt{border-right:none;}
.productbox li .bg{display:block; padding:10px; text-align:center; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s; }
.proimgdiv{ padding:0 20px; height:300px; background:#fff; text-align:center; overflow:hidden;}
.proimgdiv img{ width:280px;  height:280px;margin:20px auto 0;  -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s;  }
.productbox li h3{ height:30px; line-height:30px; font-size:16px; color: #333;  margin:10px 0 0; padding:0; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; -webkit-transition:all .2s; transition:all .2s;  }
.productbox li p{color:#333; text-align:justify; height:66px; overflow:hidden;}
.productbox li:hover .bg{background:#e7c48a; border-radius:8px;}
.productbox li:hover .proimgdiv img{ transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.productbox li:hover h3,.productbox li:hover p{color:#fff;}
/* 中海产品列表 */


/* 详情 */
.ProductDetailstop{ background:#fff; padding:10px 0px; margin-top:5px;}

.ProductDetailstopleft{ float:left; width:440px;position:relative; z-index: 9;}
.ProductDetailstopleftimg{width:100%;position:relative;}
.ProductDetailstopleftimg img{ display: block; height:100%; margin:0 auto;
border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
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:690px; position:relative;}
.ProductDetailstopright dl{ margin:0px; }
.ProductDetailstopright dl dt{font-size:26px;line-height:35px; border-bottom:0px solid #e7c48a; 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:#e7c48a; color:#fff; margin-right:10px;}
.ProductDetailstopright .ts{color:#ff0000; margin-top:20px;}

.pro_banner{ width:100%; margin:0 auto; float:left}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:502px; margin:30px auto 0;  float:left}
.ProductDetailsSmallimg ul{width:515px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:137px;height:190px; position:relative;margin-bottom:15px; margin-right:15px; cursor:pointer;display: flex;
    align-items: center;border:1px solid #000; 

}
.ProductDetailsSmallimg ul li img{ display: block; width:100%;
border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.ProductDetailsSmallimg ul li span1{ display:block; width:135px; height:188px; border:1px solid #000; position:absolute; left:0px; top:0px;
border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

.ProductDetailsSmallimg ul li:hover{ border:2px solid #e7c48a; }

.ProductDetailsSmallimg ul li.cur span1 {width:133px; height:186px; border:2px solid #e7c48a;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-16px; width:21px; height:30px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../webimages/p-btn.png) no-repeat left center #b28e52 ; filter:alpha(opacity=50);opacity:0.5; width:25px; height:80px;}
.ProductimgArrowright{right:0px;background:url(../webimages/p-btn.png) no-repeat right center #b28e52;  filter:alpha(opacity=50);opacity:0.5; width:25px; height:80px; }
.prodetail-tab{ height: 46px; padding:8px 8px 0; background-color: #313133 ; border-bottom: 1px solid #313133 ; margin: 0 auto; border-radius:15px 15px 0 0; margin-top:25px;}
.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: linear-gradient(to top, #ff6703, #f9a319);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:10px;}
.commonDetailedContentsfoot p{ text-align:center; padding-bottom:30px;}
.commonDetailedContentsfoot p a{ display:inline-block; background:#ff6903; padding:5px 30px; border-radius:5px; color:#FFF; font-size:16px;}
.commonDetailedContentsfoot p a:hover{background:#F2A323}
.commonDetailedContentsfoot dl{ border:0px solid #cccccc; border-left:none; border-right:none; font-size:15px; padding:13px 0px; font-weight:bold}
.commonDetailedContentsfoot dl  a{color:#000;}
.commonDetailedContentsfoot dl  a:hover{color:#ccc}
.commonDetailedContentsfoot dl span{ display:inline-block; background:#ff6903; color:#000; 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:#e7c48a; 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; height: 24px; line-height: 24px; font-size: 14px; color: #1a1a1a; text-align: center; overflow: hidden; }
.relevant li a:hover{background:#e7c48a;}
.relevant li a:hover p{ color: #fff;}

.w1150{ width:1150px; margin:0 auto;}
.clear{clear:both;}