.spec-preview {position: relative;border: 1px solid #666;border-radius: 0 0 13% 0;overflow:hidden;width: 36%;padding:18% 0;float: left;box-sizing: border-box;margin-right:4%;}
.spec-preview .text{position: absolute;bottom:10px;left:30px;font-size: 18px;color: #004098;}
.spec-preview img{ display:block; width:100%}
.spec-scroll { width:60%; height:100px;float: left;box-sizing: border-box;}
.spec-scroll .spec-box{width: 580px;margin: auto;}
.spec-scroll .prev, .spec-scroll .next { width: 30px; display: block;cursor: pointer;}
.spec-scroll .prev { float: left; }
.spec-scroll .next { float: right; }
.spec-scroll .prev .box{ width: 100%; height: 100%; background:url(../zbl/zbl-l.png) no-repeat center;background-size: 80%;}
.spec-scroll .next .box{ width: 100%; height: 100%; background:url(../zbl/zbl-r.png) no-repeat center;background-size: 80%;}
.spec-scroll .items {position: relative; width:500px; height:70px; overflow: hidden; margin:0 auto;}
.spec-scroll .items ul { position: absolute; width: 999999px; }
.spec-scroll .items ul li { float: left; width:70px;height: 70px;margin:0 15px;border: 1px solid #CCC;box-sizing: border-box;border-radius: 0 0 13% 0;overflow: hidden;}
.spec-scroll .items ul li img { display: block;width:100%; }
.spec-scroll .items ul li:hover { border:1px solid #f00;}
@media (max-width:1140px) {
	.spec-scroll .spec-box{width: 480px;}
	.spec-scroll .items {width: 400px;}
}
@media (max-width:980px) {
	.spec-scroll .spec-box{width: 380px;}
	.spec-scroll .items {width: 300px;}
}