@charset "gb2312";
/* banner */
.c-banner{width: 350px;position: relative;height:350px;}
.c-banner img{width:100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolutedisplay: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 10px 5px 10px 5px;position: absolute;top:40%;background: #000000;opacity: 0.3;z-index: 10;	}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{	}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
@media screen and (max-width:350px) {
 .c-banner{width: 100%;height: 350px;overflow: hidden;}
 .c-banner .banner ul li img{width: 350px;height: 350px;position: absolute;left: 50%;margin-left: -350px;}
}