.spec-preview { width:90%; margin:30px auto; border: 1px solid #ccc;max-width:400px}
.spec-preview img{ display:block; width:100%}
.spec-scroll { width:100%; margin:0 auto; overflow:hidden; position:relative }
.spec-scroll .prev{ background: url(../img/jt-left.jpg) no-repeat center; background-size:cover;width:17px; height:23px;cursor: pointer;float:left; margin-left:5%}
.spec-scroll .next{ background:url(../img/jt-right.jpg) no-repeat center; background-size:cover;width:17px; height:23px;cursor: pointer;float:left; margin-left:10px}
.spec-scroll .x{ position:absolute; bottom:90px; width:90%; transform:skew(-20deg);height:20px; margin:0 5%; background:#828081}
.spec-scroll .items {position: relative; width: 860px; height:280px; margin:0 auto; overflow:hidden }
.spec-scroll .items ul { position: absolute; width: 999999px; overflow:hidden; margin:0 auto}
.spec-scroll .items ul li { float: left; width: 140px; margin-right:40px; cursor:pointer}
.spec-scroll .items ul li .img-box{border: 1px solid #CCC; overflow:hidden }
.spec-scroll .items ul li img { display:block; width:100%;}
.spec-scroll .items ul li .title{ margin-top:50px; text-align:center; line-height:30px;}
@media (max-width:1100px) {
	.spec-scroll .items{ width:680px;}
	}
@media (max-width:980px) {
	.spec-scroll .items{ width:500px;}
	}
@media (max-width:640px) {
	.spec-scroll .items{ width:320px;}
	}
@media (max-width:480px) {
	.spec-scroll .items{ width:140px;}
	}