.banner_box{ position:relative; overflow: hidden; }
.banner {
	width: 100%;
	/*height: 730px;*/
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

/* .banner1{
	width: 100%;
	height: 650px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display:block;
}
.banner1 img{ width:100%; height:100%;} */
.banner_box .wenzi{
	position:absolute;
	left:26%; 
	top:8rem;


}
.banner_box .wenzi .p01{ font-size:2rem; color:#fff; font-weight: 600;}
.banner_box .wenzi .p02{ font-size:1rem; color:#fff; margin-top:1rem;}
.banner_box .wenzi span{ display:block; width:60%; line-height:2.4rem; color:#fff; font-size:1.2rem; text-align: center; background: #3577ce; border-radius: 8px; margin-top:2rem; }



.banner11{
	display:none;
	
	}
.imgbox {
    width: 100%;
    /*height: 730px;*/
    position: relative;
    overflow: hidden;
    height:0; width:100%; padding-top:36%
}

.img {
	position: absolute;
	display: none; left:0; top:0;
	/*left: 50%;
	margin-left: -960px;*/
	display: inline; width:100%;
}
    .img img{ width:100%;}
    .im {
        display: block;
    }
.change {
	height: 100px;
	display: block;
	position: absolute;
	z-index: 20;
	opacity: 0.4;
	transition: 0.4s;
	top: 50%;
	margin-top: -50px
}
.change:hover {
	opacity: 1;
}
.pre {
	left: 1%;
}
.next {
	right: 1%;
}
.cirbox {
	width: 88px;
	position: absolute;
	bottom: 110px; left:50%; transform:translateX(-50%);
	z-index: 10;
	cursor: pointer;
	max-width: 1476px;
	    text-align: center;
	    margin: auto;
	    width: 90%;
	    display: block;
}
.cir {
	width: 3.0rem;
	height: .6rem;
	background-color: #fff;
	opacity: 0.4;
	float: left;
	/*border-radius: 6px;*/
	margin: 0 5px 0 5px;
	cursor: pointer;
}
.cir:hover {
	background-color: #0052d9;
	transition: 0.8s;
}
.cr {
	opacity: 1;
	background-color: #0052d9;
}
.cr:hover {
	background-color: #0052d9;
}
#slider { width: 100%; margin: 0 auto; height:0; padding-top:94%; overflow:hidden; position:relative}
#slider img{width:100%;}
#slider .slides{position:absolute !important; top:0; left:0; width:100%;}
.controls li { top: 50%; margin-top: -30px }
.controls li:nth-child(1) { left: 0; }
.controls li:nth-child(2) { right: 0; }
.pagination li { background-color: #999;}
.pagination li.active { background-color: #fff; }
.responsive { width: 100%; height: auto; }
.clearfix:after { content: ""; display: table; clear: both; }
#slider{display:none;}
@media screen and (max-width:640px) {
.banner{
	display:none;
	
	}	
#slider{
	display:block;
	}
.banner11 .imgbox img{
	width:100%;
	
	}		

.banner11 {
	width: 100%;
	overflow: hidden;
	
}


	
	}