@charset "utf-8";
/* bannerbox */
.c-bannerbox{
	width: 100%;
	position: relative;
}
.c-bannerbox img{
	width: 100%;
	max-width: 100%;
}
.c-bannerbox .bannerbox ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.c-bannerbox .bannerbox ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-bannerbox .bannerbox ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-bannerbox .bannerbox ul li a{
    width: 100%;
    position: absolute;
    top: 0px;
    display: block;
    min-height: 9rem;
}
.c-bannerbox .bannerbox ul li:first-child a{
	position: relative;
}
.c-bannerbox .neximg,.c-bannerbox .preimg{
    padding: 0.5rem 0.3rem;
    position: absolute;
    top: 33%;
    background: #000000;
    opacity: 0.3;
    border-radius: 0.2rem;
    z-index: 10;
    cursor: pointer;
}
.c-bannerbox .neximg:hover,.c-bannerbox .preimg:hover{
	opacity: 0.8;
}
.c-bannerbox .neximg{
	right: 0;
}
.c-bannerbox .neximg img,.c-bannerbox .preimg img{
	
width: 1rem;
	
max-width: 1rem;
}
.c-bannerbox .jbtn{
	width: 100%;
	position: absolute;
	bottom: 0.5rem;
	text-align: center;
}
.c-bannerbox .jbtn ul{
	margin-bottom: 0;
	padding: 0;
}

.c-bannerbox .jbtn ul li{
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 0.2rem;
}
.c-bannerbox .jbtn ul li:first-child{
	margin-left: 0;
}
/*@media screen and (max-width:768px) {
	.c-bannerbox{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-bannerbox .bannerbox ul li a{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}*/