.s-banner{background: url(../images/)no-repeat center;background-size:100%}
.bottompic{background:url(../images/bottompic.jpg) no-repeat center; background-size:100%; height:212px;} 

 .section2   .pro-nav{ height:80px; line-height:80px;}
.pro-nav a{ height:80px; line-height:80px;margin-right:15px;font-size:14px;color:#666}
.pro-nav a:hover{color:#30b371}


 .section2 .container .pro-left{/* height:500px;*/max-width:230px;float: left;background-color:#eaeaea;padding:30px 0 0 0;width:19%}

 .pro-left .sideMenu h3{ 
	/*width: 238px;*/
	/*height: 42px;*/
	line-height: 42px;
	background-color: #30b371;
	font-size: 14px;
	 
	color: #fff;
	cursor: pointer;
	padding: 0 0 0 10px;
	border-bottom:1px solid #fff;
}
.pro-left .sideMenu h3 a{
	/*color: #fff;*/
}
.pro-left .sideMenu ul{
	display: none;
}
.pro-left .sideMenu ul li{
	/*width: 238px;*/
	
	 
	border-bottom: 1px solid #fff;
	padding: 0 10px;
}
.pro-left .sideMenu ul li a{
	color: #919191;
	font-size: 14px;
	font-weight: normal;
	/*height: 36px;*/
	line-height: 36px;
}


.section2 .container .pro-left .tu{width:100%;background:#fff;margin-top:180px;padding-top:40px}
.section2 .container .pro-left .tu a{display:block;width:100%;margin:10px 0}
.section2 .container .pro-left .tu a img{width:100%;display:block;}




 .section2 .container .pro-center{float: left;width:79%;max-width:1050px;overflow:hidden;margin-left:15px}
 .section2 .container .pro-center>li{border-bottom:2px solid #ddd;margin-top:30px}
 .section2 .container .pro-center .c-left{max-width:150px;height:150px;width:18%;box-sizing: border-box;padding-left:15px}
 .section2 .container .pro-center .c-left img{display:block;max-width:100%;}
 .section2 .container .pro-center .c-center{/*max-width:500px;*/width:60%;box-sizing:border-box;padding: 0 8px}
 .section2 .container .pro-center .c-right{width:22%;float:right;height:180px;}
 .section2 .container .pro-center span{max-width:100%;display:inline-block;}
 .section2 .container .pro-center .c-center span{font-size:16px;color:#666;line-height:24px;margin-bottom:5px}
 .section2 .container .pro-center  p{font-size:12px;color:#666;line-height:18px}
 .section2 .container .pro-center .c-center span b{color:#222;line-height:24px;font-weight:normal;}
 .section2 .container .pro-center h2{color:#30b371;font-size:20px;font-weight:bold;margin-bottom:15px}
 .section2 .container .pro-center .c-right a{color:#fff;font-size:14px;line-height:35px;background-color:#30b371;padding:5px 25px;border-radius:5px;margin-top:12px;display:inline-block;}
 .section2 .container .pro-right{float: right;width:18%}
 .section2 .container .pro-right h3{height:50px;background-color: #0f1f59;color:#fff;line-height:24px;padding-left:10px}
 .section2 .container .pro-right a{display:block;width:100%;margin-bottom:10px}
 .section2 .container .pro-right a img{display:block;width:99%;}
 .section2 .container .pro-right a.service{margin-top:40px;}
 .section2 .container .pro-right p.t{font-size:12px;color:#222;line-height:22px}
 .section2 .container .pro-right .txt{background:url(../images/px_8.jpg)no-repeat center;width:100%;height:480px;max-width:230px;background-size:100%;text-align:center;margin-top:88px}
 .section2 .container .pro-right .txt span{font-size:26px;font-weight:bold;color:#30b371;height:60px;line-height:90px;display: block;}
 .section2 .container .pro-right .txt p{font-size:14px;line-height:46px;margin-top:15px;position: relative;}
 .section2 .container .pro-right .txt p i{display:inline-block;width:25px;height:25px;position: absolute;left:22px;top:8px}
 .section2 .container .pro-right .txt p i.tel{background: url(../images/home_iocn.png)-72px -22px;}
 .section2 .container .pro-right .txt p i.mail{background: url(../images/home_iocn.png)-102px -28px;}
 .section2 .container .pro-right .txt p.add{font-size: 12px;line-height:22px;color:#222;text-align: left;padding-left:22px}
 .section2 .container .pro-right .txt a.send{font-size:20px;line-height:46px;color:#fff;margin-top:28px;}
 .section3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:100px 0}
 .section3 .container .pagelist{text-align: center;}
 .section3 .container .pagelist a{display:inline-block;text-align: center;margin-right:18px;margin-top:15px}
 .section3 .container .pagelist a:nth-child(1){background:#30b371;color:#fff;width:24px;height:26px;border-radius:5px}




/*产品总页面 */

.pro-s1 .container{box-shadow:4px 0px 24px #ccc;height:120px;border-radius:15px}
.pro-s1 .container .nv{width:100%;height:120px;}
.pro-s1 .container .nv h2{display:inline-block;text-align: center;margin:0 20px;height:120px; }
.pro-s1 .container .nv a{font-size:20px;color:#222;font-weight:bold;display:inline-block;text-align: center;margin-top:30px;padding:10px 0;}
.pro-s1 .container .nv a.sub{color:#30b371;border-bottom:2px solid #30b371;}
.pro-s1 .container .nv a:hover{color:#30b371;border-bottom:2px solid #30b371;}
.pro-s2{margin-top: 50px}
.pro-s2 .pro-f1 a{display:inline-block;width:23%;margin: ;height:340px;margin-right:2%;box-shadow: 4px 0px 24px #ccc;border-radius:10px;border:1px solid #ddd;box-sizing: border-box;padding: 30px 15px;}
.pro-s2 .pro-f1 a:nth-child(4){margin-right: 0;float: right;background: url(../images/pz_4.jpg)no-repeat center;background-size:100%}
.pro-s2 .pro-f1 a:nth-child(1){background: url(../images/pz_1.jpg)no-repeat center;background-size:100%}
.pro-s2 .pro-f1 a:nth-child(2){background: url(../images/pz_2.jpg)no-repeat center;background-size:100%}
.pro-s2 .pro-f1 a:nth-child(3){background: url(../images/pz_3.jpg)no-repeat center;background-size:100%} 
.pro-s2 .pro-f1 a h2{font-size:20px;line-height:;color:#30b371;margin-bottom:15px} 
.pro-s2 .pro-f1 a span{color:#444;font-size:12px;line-height:;margin-bottom:5px;display:block;} 
.pro-s2 .pro-f1 a span b{color:#222;font-size:14px;line-height:;font-weight:normal;} 
.pro-s2 .pro-f2{margin-top:70px;} 
.pro-s2 .pro-f2 .qq{margin-bottom:50px;height: 50px;} 
.pro-s2 .pro-f2 a.mes{width:49%;background:url(../images/pz_5.jpg)no-repeat center;background-size:100%;margin-right:1%;float: left;height:125px;} 
.pro-s2 .pro-f2 a.mai{width:49%;background:url(../images/pz_6.jpg)no-repeat center;background-size:100%;margin-left:1%;float: right;height:125px;} 
.pro-s2 .pro-f3 {margin-top:60px;clear:both;} 
.pro-s2 .pro-f3 .pro-left{width:42%;max-width:550px;float: left;overflow: hidden;border:1px solid #ddd;} 
.pro-s2 .pro-f3 h2.t{font-size:24px;font-weight:bold;color:#222;margin:0px 0 15px 0} 
.pro-s2 .pro-f3 h2.t a{float:right;display:inline-block;font-size:14px;line-height:45px;color:#222} 
.pro-s2 .pro-f3 .pro-left .tu img{display:block;max-width:100%} 
.pro-s2 .pro-f3 .pro-left .txt a{display:inline-block;margin:8px 15px} 
.pro-s2 .pro-f3 .pro-left .txt a:hover{color:#30b371} 
.pro-s2 .pro-f3 .pro-right{width:58%;float:right;box-sizing:border-box;padding-left:15px;} 
.pro-s2 .pro-f3 .pro-right a{display:block;border:1px solid #ddd;height:133px;width:32%;float:right;margin-left: 1%;margin-bottom:30px;} 
.pro-s2 .pro-f3 .pro-right a img{float:left;display:block;width:44%;margin-right:0.5%} 
.pro-s2 .pro-f3 .pro-right a h3{float: right;width:55%;margin-top:20px;} 
.pro-s2 .pro-f3 .pro-right a h3 b{ font-size:14px;color:#222;line-height:16px;display:block;height:40px;font-weight:normal;} 
.pro-s2 .pro-f3 .pro-right a h3 span{font-size:14px;color:#222;line-height:22px;border-radius:20px;background-color:#30b371;color:#fff;display:inline-block;padding:2px 20px;} 

.pro-s2 .pro-f3 .pro-right1 a{width:48%;} 
.pro-s2 .pro-f3 .pro-right1 a img{max-width:105px;width:33%;margin-top:25px;margin-left:5px} 
.pro-s2 .pro-f3 .pro-right1 a h3{width:66%;margin-top:25px;} 
.pro-s2 .pro-f3 .pro-right1 a h3 b{line-height:20px;height:50px} 





/*product content*/

.pro_con .pro_con_left{width:80.7%;max-width:1050px;/*border:1px solid #ddd;height:1200px;*/float:left;} 
.pro_con .pro_con_right{width:19.2%;max-width:250px;height:1200px;float:left;} 
.pro_con .pro_con_right h2{text-align:right;overflow:hidden;margin-bottom:10px;} 
.pro_con .pro_con_right a{display:block;/*height:92px;*/width:100%;text-align:right;overflow:hidden;margin-bottom:10px} 
.pro_con .pro_con_right p{max-width:200px;float: right;font-size:12px;color:#222;line-height:22px;} 



 
 .pro_con .pro_con_right .txt{background:url(../images/px_8.jpg)no-repeat right -13px center;width:100%; height:480px; max-width:230px;background-size:100%;text-align:center;margin-top:88px;float: right; }
 .pro_con .pro_con_right .txt span{font-size:26px;font-weight:bold;color:#1d97b6;height:60px;line-height:90px;display: block;}
 .pro_con .pro_con_right .txt p{font-size:14px;line-height:46px;margin-top:15px;position: relative;float: left;padding-left:60px;max-width:230px}
 .pro_con .pro_con_right .txt p i{display:inline-block;width:25px;height:25px;position: absolute;left:35px;top:8px}
 .pro_con .pro_con_right .txt p i.tel{background: url(../images/home_iocn.png)-72px -22px;}
 .pro_con .pro_con_right .txt p i.mail{background: url(../images/home_iocn.png)-102px -28px;}
 .pro_con .pro_con_right .txt p.add{font-size: 12px;line-height:22px;color:#222;text-align: left;padding-left:35px}
 .pro_con .pro_con_right .txt a.send{font-size:20px;line-height:46px;color:#fff;margin-top:18px;text-align:center;}
 


.pro_con .pro_con_top{border:1px solid #ddd;box-sizing:border-box;padding:30px 20px;}

/*img slide*/
.pro_con .pro_con_top .con_txt{float:right;width:40%;}
.pro_con .pro_con_top .con_txt h1{font-size:30px;color:#222;line-height:60px;font-weight:bold;margin-bottom:20px;margin-top:10px}
.pro_con .pro_con_top .con_txt a{font-size:26px;color:#fff;line-height:36px;background-color:#fe4a25;display:inline-block;width:325px;line-height:56px;text-align:center;position:relative; font-weight:600; }
.pro_con .pro_con_top .con_txt a i{position:absolute;width:30px;height:25px;background:url(../images/icon.png)-80px -110px;top:20px;margin-left: -35px }
.pro_con .pro_con_top .con_txt p.pp{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.pro_con .pro_con_top .con_txt p span{display:inline-block;font-size:14px;color:#666;line-height:34px;margin-bottom:1px;width:100px;margin-right:50px}
.pro_con .pro_con_top .con_txt p b{display:inline-block;font-size:14px;color:#222;line-height:34px;/*font-weight:normal;*/}
.pro_con .pro_con_top .con_box{  width:560px; height:auto; overflow:hidden;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCC ;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:560px;height:550px;border:1px solid #DFDFDF;}
.spec-preview img{display:block;max-width:99%}
.spec-scroll{clear:both;margin-top:15px;width:560px;}
.spec-scroll .prev{float:left;margin-right:4px; }
.spec-scroll .prev:hover,.spec-scroll .next:hover{background-color: #636363;color:#fff;opacity: 0.5}
.spec-scroll .next{float:right; }
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:25px;height:80px; line-height:80px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:500px;height:80px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:80px;}
.spec-scroll .items ul li{float:left;width:113px;text-align:center;margin-left:10px}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px 0;width:85px;height:80px;margin-left:0px;display:block;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
/*img slide*/

/*txt*/
.pro_con .pro_con_tent{ box-sizing:border-box; margin-top:60px;}
.pro_con .pro_con_tent h3{border:1px solid #ddd;width:260px;line-height:50px;font-size:20px;color:#30b371;text-align:center;border-bottom:none}
.pro_con .pro_con_tent .nv{border:1px solid #ddd; line-height:50px; }
.pro_con .pro_con_tent .nv a{display:inline-block;margin:0 25px;position:relative;}
.pro_con .pro_con_tent .nv a i{position:absolute;display:block;bottom:0px;height:2px;width:100%;background:#30b371;display:none;}
.pro_con .pro_con_tent .nv a:hover i{display:block;}
.pro_con .pro_con_tent #view {border:1px solid #ddd;border-top:none;padding-top:50px;overflow:hidden;border-bottom:none;}

.pro_con .pro_con_tent #view .b{background:#e9e9e9;width:1006px;margin:0 auto;margin-top:20px;height:4px; }
.pro_con .pro_con_tent #view h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}

.pro_con .pro_con_tent #view p{font-size:12px; color:#222;line-height:26px;width:50%;float: left;box-sizing:border-box;padding-left:35px;}
.pro_con .pro_con_tent #view p span{width:110px;display:inline-block;margin-right:50px}
.pro_con .pro_con_tent #view p b{font-weight:normal;display:inline-block;}

.pro_con .pro_con_tent #introduction{border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;}
.pro_con .pro_con_tent #introduction h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}
.pro_con .pro_con_tent #introduction p{ width:100%;float: left;box-sizing:border-box;padding:0 0 0 35px;font-size:14px;line-height:32px;color:#222}
.pro_con .pro_con_tent #introduction p img{display:block;max-width:100%;float:left;}

.pro_con .pro_con_tent #application{border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;padding-left:35px; }
.pro_con .pro_con_tent #application h4{font-size:16px;font-weight:bold;color:#fff;background-color:#30b371;text-align:center;max-width:990px; line-height:30px;margin-bottom:10px}
.pro_con .pro_con_tent #application p {width:100%;text-align:center;float:left;max-width:900px;margin-right:0%;}
.pro_con .pro_con_tent #application p:nth-child(last){ margin-right:0%;}
.pro_con .pro_con_tent #application p img{width:100%;display:block;}
.pro_con .pro_con_tent .b{background:#e9e9e9;width:1006px;margin:0 auto;margin-top:20px;height:4px; }


.pro_con .pro_con_tent #character{border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;}
.pro_con .pro_con_tent #character h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}
.pro_con .pro_con_tent #character p{ width:100%;float: left;box-sizing:border-box;padding:0 0 0 35px;font-size:14px;line-height:32px;color:#222}
.pro_con .pro_con_tent #character p img{display:block;max-width:100%;float:left;}
.pro_con .pro_con_tent #canshu p {width:100%;margin-top:80px;margin-bottom:60px }
.pro_con .pro_con_tent #canshu p img{display:block;width:98%; }
.pro_con .pro_con_tent #canshu td{border:1px solid  #222;line-height:30px;text-align:center;padding:0 15px;}
.pro_con .pro_con_tent #canshu  {border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;padding-left:20px;}
.pro_con .pro_con_tent #canshu table{max-width:100%}
.pro_con .pro_con_tent #canshu  h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}
.pro_con .pro_con_tent #company{border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;}
.pro_con .pro_con_tent #company h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}
.pro_con .pro_con_tent #company p{ width:100%;float: left;box-sizing:border-box;padding:0 35px;font-size:14px;line-height:32px;color:#222; }
.pro_con .pro_con_tent #company p.c{  text-align:center;}
.pro_con .pro_con_tent #company p em{ color:#30b371;text-align:center;width:100%;display:inline-block;}
.pro_con .pro_con_tent #company p img{display:inline-block;max-width:100%;margin:25px auto} 
.pro_con .pro_con_tent #company p.bb img{display:inline-block;margin-right:15px} 

.pro_con .pro_con_tent #relate{border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden;border-bottom:none;}
.pro_con .pro_con_tent #relate h4{font-size:16px;font-weight:bold;color:#222;margin:20px 0 20px 15px} 
.pro_con .pro_con_tent #relate a{display:block; float: left;width:22%; margin-left:2%;margin-bottom:10px; } 
.pro_con .pro_con_tent #relate a.a{ margin-left:0} 
.pro_con .pro_con_tent #relate a h2  {display:block; color:#fff;font-size:14px;line-height:20px;border-radius:15px;padding:2px 5px  ;text-align:center;} 
.pro_con .pro_con_tent #relate a h2{color:#222;font-size:14px;display:block;float:right;width:100%;margin-top:10px} 
.pro_con .pro_con_tent #relate a img{display:block;float: left; max-width:230px;max-height:280px;border:1px solid #ddd; } 
.pro_con .pro_con_tent #question {border:1px solid #ddd;border-top:none;padding-top:80px;overflow:hidden; padding-bottom:20px}
.pro_con .pro_con_tent #question h4{font-size:16px;font-weight:bold;color:#222;margin:0px 0 20px 35px}
.pro_con .pro_con_tent #question p {margin-bottom:25px;box-sizing:border-box;padding-left:35px}
.pro_con .pro_con_tent #question p b{font-size:14px;font-weight:bold;color:#30b371;display:block;line-height:24px;margin-bottom:10px;}
.pro_con .pro_con_tent #question p span{font-size:14px; color:#222;display:block;line-height:24px}
.pro_con .pro_con_tent .parts-app p img{border:1px solid #ddd}

/*spare part*/



/*product content*/





@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
.headTop .otherLink p.top-share,.headTop .otherLink,.headTop .otherLink p.top-share a{display:none;width:0}
.pro_con .pro_con_left{width:69%}
.pro_con .pro_con_right{width:30%}
.pro_con .pro_con_top .con_txt{width:100%}
.pro_con .pro_con_tent #canshu table{width:100%}
.pro_con .pro_con_tent #relate a {width:42%}
.section2 .container .pro-left{width:22.5%;max-width:250px;}
.section2 .container .pro-center{width:74%;float:right; }
.section2 .container .pro-right{width:0%;display:none; }

.pro-s2 .pro-f3 .pro-right1 a img{margin-left: 0;width:100%;}
.pro-s2 .pro-f3 .pro-right1 a img{margin-top:2px;}
.pro-s2 .pro-f3 .pro-right a h3 {width:100%;}
.pro-s2 .pro-f3 .pro-right a h3 span{display:none;}
.pro-s2 .pro-f3 .pro-right1 a h3{margin-top:2px}
}
@media (max-width:960px) {
footer .f_1 .f-1 .f_right,footer .f_1 .f-1 .f_left{width:100%}
.f_left{ font-size:14px; line-height:30px;}
.section2 .container .pro-left{width:25.5%;max-width:260px;}
.section2 .container .pro-center{width:72%; }
.pro-s1 .container .nv{height:240px;}
.pro-s1 .container{height:240px;}

.pro-s2 .pro-f1 a{width:46%;margin-bottom:10px;margin-left:1.5%}
 
.pro-s2 .pro-f1 a:nth-child(4){margin-left:1.5%;float:none;

}

}

 
@media (max-width:768px) {
.pro-s2 .pro-f3 .pro-right a{height:160px; }
.pro-s2 .pro-f3 .pro-right a img{width:80%;margin:0 auto}
.pro-s2 .pro-f3 .pro-right a h3{margin-top:5px}
.pro-s2 .pro-f2{margin-top:30px}



}


@media (max-width:480px) {

 .pro_con .pro_con_right{display:none;width:0}
 .pro_con .pro_con_left{width:99%;}
.spec-preview,.spec-scroll,.spec-scroll .items{max-width:100%;width:450px;}
.spec-scroll .items ul li{width:110px;}
.spec-scroll .items ul li img{ width:110px; }
.spec-scroll .prev, .spec-scroll .next{width:15px;}
.pro-nav a{height:40px;line-height:40px;}
.pro_con .pro_con_tent #view p,.pro_con .pro_con_tent #introduction p,.pro_con .pro_con_tent #character p{font-size:14px;width:98%}
.pro_con .pro_con_tent #relate a{width:98%;}
 
.section2 .container .pro-left{width:98%;max-width:450px;}
.section2 .container .pro-left .tu a{width:48%;margin:0.9%;float:left;}
.section2 .container .pro-left .tu{margin-top:30px;}
.section2 .container .pro-center{width:100%}

.section2 .container .pro-center .c-left{width:30%;max-width:150px;float:left;}
.section2 .container .pro-center .c-center{width:69%;float:right;}
.section2 .container .pro-center .c-right{width:99%;float:right;text-align:right;height:100px;margin-top:10px;}
.section2 .container .pro-center .c-right a{margin-right:40%}
.section3{margin:20px auto}
.pro-s1 .container .nv h2{height:55px;}
.pro-s1 .container .nv h2 a{margin-top:0;font-weight:normal;font-size:18px;text-align:left;}
 
.pro-s2 .pro-f1 a{width:98%;margin:0;margin-left:1%;margin-bottom:10px; }
.pro-s2 .pro-f2 a.mai,.pro-s2 .pro-f2 a.mes{width:100%;height:90px}
.pro-s2 .pro-f3{margin-top:0}
.pro-s2 .pro-f3 .pro-left,.pro-s2 .pro-f3 .pro-right{margin:0;width:100%;margin-bottom:10px;padding-left: 0;float:left;}
.pro-s2 .pro-f3 h2.t{font-size:16px}
.pro-s2 .pro-f3 .pro-left .tu img{display:inline-block;max-width:100%}
.pro-s2 .pro-f3 h2.t a{font-weight:normal;line-height:25px}
}
@media (max-width:414px) {
 .pro_con .pro_con_left{width:99%;}
.spec-preview,.spec-scroll{max-width:100%;width:360px;}
.spec-scroll .items{max-width:100%;width:320px;}
.spec-scroll .items ul li{width:160px;}
.spec-scroll .items ul li img{ width:160px;height:80px; }


}
@media (max-width:320px) {
 .spec-preview{height:180px;}
 .spec-preview,.spec-scroll{max-width:100%;width:260px;}
.spec-scroll .items{max-width:100%;width:220px;}
.spec-scroll .items ul li{width:160px;}
.spec-scroll .items ul li img{ width:160px;height:80px; }
}