/*banner-pc端CSS*/
.banner_box{ position:relative; overflow: hidden; border-top:6px solid #01a74d;}
.banner {width: 100%;height: 480px;position: relative;overflow: hidden;cursor: pointer;}
.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; }

.imgbox {width:100%; height:480px; position:relative; overflow:hidden;}
.img {position:absolute; display:none; left:50%; margin-left:-960px; display:inline;}
.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: 15px; z-index: 10; left: 50%; margin-left: -20px; cursor: pointer;}
.cir {width: 12px; height: 12px; background-color: white; opacity: 0.4; float: left; border-radius: 6px; margin: 0 5px 0 5px; cursor: pointer;}
.cir:hover {background-color:cyan; transition:0.8s;}
.cr {opacity: 1;}
.cr:hover {background-color:white;}

/*banner移动端CSS*/

#slider { width: 100%; margin: 0 auto; }
#slider img{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: #666;}
.pagination li.active { background-color: #333; }
.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;}
#slider .pagination{ margin: 0px 0px 0px -16.5px !important;}
	#slider .float_r{ width:90%; float: none; margin:2rem auto 0 auto;}
	#slider .float_r .top{ overflow:hidden;}
    #slider .float_r .top span{ display:block; width:4px; height:1.6rem; margin-top:0.2rem; background: #e55927; float: left; margin-right:1rem;}
    #slider .float_r .top p{ font-size:1.4rem; color:#333;  float: left; font-weight: 600;}
    #slider .float_r .top p strong{ font-size:1rem; margin-left:1rem;font-weight: 400;font-family: "Adobe Caslon Pro";}
    #slider .float_r .top .xian img{ width:100%; margin-top:1rem;}
	#slider .float_r .p01{ font-size:1rem; color:#333; line-height: 2rem; width:80%; float: left;}
	#slider .float_r span{ display:block; width:20%; float: right; font-size:0.9rem; color:#666; line-height: 2rem;}
	#slider .float_r .biaoti{ padding:0.4rem 0; border-bottom:1px dashed #ccc; overflow: hidden;}
	.index_news2 .pagination{     position: relative;left: 50%;bottom: -20px !important;}
			
	}