﻿
/* CSS Document */

.cxslide{position:relative; overflow:hidden; width:1140px; height:}
.cxslide .box{position:relative; overflow:hidden; width:1140px; height:}
.cxslide .list{overflow:hidden;width:9999px;}
.cxslide .list li{float:left;position:relative;width:1140px; overflow:hidden;}
.cxslide .list li .index_shop{width:380px; padding:10px; float:left; position:relative}
.cxslide .list li .index_shop h4{position:absolute; left:10px; bottom:10px; line-height:30px; height:30px; background-color:rgba(0,0,0,0.5); display:block; width:360px;}
.cxslide .list li .index_shop h4 a{color:#FFF; display:block;}
.cxslide .list li .index_shop h4 a:hover{color:#F00}
.cxslide .minus,
.cxslide .plus{position:absolute;top:50%;width:40px;height:50px; margin-top:-25px;background-image:url(../image/control.png);background-repeat:no-repeat;text-align:center;cursor:pointer; display:none;}
.cxslide:hover .minus,
.cxslide:hover .plus{display:block}
.cxslide .minus{left:0;background-position:0 0;}
.cxslide .plus{right:0;background-position:-40px 0;}
.cxslide .minus:hover{background-position:0 -50px;}
.cxslide .plus:hover{background-position:-40px -50px;}

@media (max-width:1199px){
	.cxslide{ width:930px; margin:0 auto;}
	.cxslide .box{width:930px;}
	.cxslide .list li{ width:930px;}
	.cxslide .list li .index_shop{width:310px;}
	.cxslide .list li .index_shop h4{width:290px;}
}
@media (max-width:991px){
	.cxslide{ width:720px; margin:0 auto;}
	.cxslide .box{width:720px;}
	.cxslide .list li{ width:720px;}
	.cxslide .list li .index_shop{width:240px;}
	.cxslide .list li .index_shop h4{width:220px; font-size:15px;}
}
@media (max-width: 768px) {
	.cxslide{ width:600px; margin:0 auto;}
	.cxslide .box{width:600px;}
	.cxslide .list li{ width:600px;}
	.cxslide .list li .index_shop{width:200px;}
	.cxslide .list li .index_shop h4{width:180px; font-size:14px;}
}
@media (max-width: 640px) {
	.cxslide{ width:440px; margin:0 auto;}
	.cxslide .box{width:440px;}
	.cxslide .list li{ width:440px;}
	.cxslide .list li .index_shop{width:220px;}
	.cxslide .list li .index_shop h4{width:200px; font-size:14px;}
}
@media (max-width: 480px) {
	.cxslide{ width:320px; margin:0 auto;}
	.cxslide .box{width:320px;}
	.cxslide .list li{ width:320px;}
	.cxslide .list li .index_shop{width:160px;}
	.cxslide .list li .index_shop h4{width:140px; font-size:12px;}
}

