@charset "utf-8";

#preview{float:left;width: 500px;}
.jqzoom{width: 900px;height: 300px;/* border:1px solid #dddddd; */position:relative;text-align: center;}
.jqzoom img{height: 100%;object-fit: cover;align-content: center;}

.zoomdiv{height:240px; width:450px; overflow:hidden;}
.list-h li{ float:left;}
#spec-n5{width: 500px;height: 96px;padding-top:6px;overflow:hidden;}
#spec-left{width: 21px;height: 80px;float:left;cursor:pointer;}
#spec-right{ width: 21px;height: 80px;float:left;cursor:pointer;}
#spec-list{ width:450px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{float:left;margin-right:0px;display:inline;width: 90px;}
#spec-list ul li img{/* padding:2px; */border: 2px solid #1d4a9e;width: 80px;height: 80px;}
#spec-list ul li img.cur{border: 2px solid #89be44;}

.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{position:relative;}
#spec-list div{margin-top:0;margin-left: 4px;}

.box-r{overflow:hidden;}
.cpcs {width: 600px;overflow:hidden;text-align: center;}
.cpcs h3 {color: #333333;line-height: 35px;margin: 0;font-weight: bold;}
.cpcs_ms{ padding-bottom: 15px; font-size: 14px; color: #666666; line-height: 25px;}
.cpcs_sx ul li{ margin-top: 15px;}
.cpcs_sx ul li strong{border: 1px solid #1d4a9e;width: 80px;line-height: 30px;text-align: center;font-size: 14px;color: #1d4a9e;border-radius: 3px;/* display: inline-block; */float: left;}
.cpcs_sx ul li span{margin-left: 20px;line-height: 35px;font-size: 14px;color: #666666;/* display: inline-block; *//* float: left; */}
.cpcs_lx{ margin-top: 20px; margin-bottom: 25px;}
.cpcs_lx ul li{ margin-top: 15px; line-height: 30px; font-size: 13px; color: #7e7e7e;}
.cpcs_lx ul li span{ display: inline-block; margin-right: 25px;}
.cpcs_lx ul li a{ width: 72px; border: 1px solid #e3e3e3; display: inline-block; margin-right: 15px; font-size: 13px; color: #7e7e7e; text-align: center;}
.cpcs_lx ul li a:hover{ background: #1d4a9e; color: #fff;}
.cpcs_ct a{ display: block; background: #1d4a9e; width: 110px; line-height: 40px; text-align: center; font-size: 15px; color: #fff;}

.somebody{width:100%;overflow:hidden;margin-top: 100px;}
.somebody1{ line-height: 45px; background: #f7f7f7; border-bottom: 2px solid #1d4a9e;}
.somebody1 h3{width: 120px;margin: 0;background: #1d4a9e;text-align: center;line-height: 45px;font-size: 17px;color: #fff;}
.somebody2{ margin-top: 30px;}
.somebody2 p{ line-height: 1.5!important; font-size: 14px; color: #666666;}

@media (max-width: 991px) {
	/* 产品展示详情 */

	#preview{float: none;width: 100%;}
	
	.cpcs {width: 100%;float: none;overflow:hidden;}
	.cpcs_ct a{ display: block; background: #1d4a9e; width: 100px; line-height: 35px; text-align: center; font-size: 14px; color: #fff;}
	
	.somebody{width:100%;overflow:hidden;margin-top: 30px;}
	.somebody1{ line-height: 35px; background: #f7f7f7; border-bottom: 2px solid #1d4a9e;}
	.somebody1 h3{width: 110px;margin: 0;background: #1d4a9e;text-align: center;line-height: 35px;font-size: 15px;color: #fff;}
	.somebody2{ margin-top: 15px;}
	.somebody2 p{ line-height: 1.5!important; font-size: 14px; color: #666666;}
}
@media (max-width: 576px) {
	.jqzoom{width: 100%;height: auto;/* border:1px solid #dddddd; */position:relative;text-align: center;}
	.jqzoom img{ max-width: 100%;}
	
	.zoomdiv{height:240px; width:100%; overflow:hidden;}
	.list-h li{ float:left;}
	#spec-n5{width: 100%;height: 96px;padding-top:6px;overflow:hidden;}
	#spec-left{width: 5%;height: 80px;float:left;cursor:pointer;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
	#spec-left img{ max-width:100%}
	#spec-right{width: 5%;height: 80px;float:left;cursor:pointer;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
	#spec-right img{ max-width:100%}
	#spec-list{width: 90%;float:left;overflow:hidden;margin-left: 0;display:inline;}
	#spec-list ul li{float:left;margin-right:0px;display:inline;width: 85px;text-align: center;}
	#spec-list ul li img{/* padding:2px; *//* border:1px solid #ccc; */width: 95%;max-width: 80px;height: 80px;object-fit: cover;}
}