.wrapbanner{background: #f0f2f5;}
.Banner{position: relative;z-index: 5;}
.Banner a{display: block;position: relative;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 37%;overflow: hidden;position: relative;}
.Banner .slick-list{}
.Banner a::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 120px;background: #007837;opacity: .6;height: 213px;z-index: 2;}
.Banner .title{position: absolute;width: 1300px;left: 50%;transform: translateX(-50%);color: #fff;font-weight: bold;bottom: 238px;z-index: 3;line-height: 46px;white-space: nowrap;/* letter-spacing: 2.28px; */}
.Banner .more{position: absolute;left: 50%;color: #fff;bottom: 167px;margin: 0 0 0 -650px;z-index: 3;padding: 0 43px 0 0;background: url(../images/banner_more.png) right center no-repeat;}
.Banner .more::after{content: '';display: block;width: 147px;height: 2px;position: absolute;top: -24px;background: #fff;}
.Banner .slick-dots{bottom: 71px;width: auto;left: calc(50% - 655px);}
.Banner .slick-dots li{width: 10px;height: 10px;background: #fff;border-radius: 5px;margin: 0 6px;border: 1px solid #fff;}
.Banner .slick-dots li.slick-active,.Banner .slick-dots li:hover{background: #007837;opacity: 1;}
.Banner .slick-dots li.slick-active{}
.Banner .slick-dots li button{display: none;background: none;}
.Banner .slick-arrow{border: 0;width: 28px;height: 84px;font-size: 0;}
.Banner .slick-arrow:after{display: none;}
.Banner .slick-next{right: -28px;background: url(../images/banner_right.png) center center no-repeat;background-size: cover;}
.Banner .slick-prev{left: -28px;background: url(../images/banner_left.png) center center no-repeat;background-size: cover;}

.index_title{display: block;text-align: center;font-weight: bold;margin: 0 0 30px;font-family: "arial";text-transform: uppercase;}

.wrap_mode01{padding: 50px 0 60px;}
.mode01{position: relative;}
.index_01 ul{margin: 0 0 -78px -40px;padding: 10px 0 0;}
.index_01 li{width: 50%;}
.index_01 a{margin: 0 0 48px 40px;}
.index_01 .img{padding-bottom: 55.6%;}
.index_01 .title{margin: 10px 0;height: 30px;line-height: 30px;}
.index_01 .title::first-letter{text-transform: uppercase;}
.index_01 .info{margin: 0 0 0;color: #4d4d4d;height: 124px;line-height: 31px;/* letter-spacing: .8px; */}

.wrap_mode02{padding: 39px 0 30px;}
.mode02{position: relative;}

.index_02 ul{margin: 0 0 0 -24px;padding: 20px 0 30px;}
.index_02 li{width: 33.3%;}
.index_02 a{margin: 0 0 0 24px;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.index_02 .img{padding-bottom: 53.4%;}
.index_02 .bottom{padding: 28px 20px 30px;}
.index_02 .title{/* margin: 0 0 14px; */height: 57px;line-height: 19px;}
.index_02 .info{margin: 0 0 0;color: #424141;height: 54px;line-height: 18px;/* ltter-spacing: .96px; */}

.wrap_mode03{padding: 30px 0 80px;}
.mode03{position: relative;}

.index_03 ul{margin: 0 0 0 -40px;text-align: center;padding: 26px 0 0;}
.index_03 li{width: 33.3%;}
.index_03 a{margin: 0 0 41px 40px;overflow: hidden;}
.index_03 .left{width: 72px;float: left;}
.index_03 .right{margin: 0 0 0 80px;text-align: left;padding: 2px 0 0;}
.index_03 .title{margin: 0 0 8px;height: 46px;line-height: 23px;font-weight: bold;/* letter-spacing: .72px; */}
.index_03 .tip{padding: 0 0 0 24px;line-height: 26px;background: url(../images/mode03_location.png) left center no-repeat;color: #747474;/* letter-spacing: .8px; */}

@media screen  and (min-width:1024px){
	
}
@media screen  and (max-width:1480px){
	.Banner .slick-prev{left: 0;}
	.Banner .slick-next{right: 0;}
	.Banner .title{width: calc(100% - 200px);}
	.Banner .more,.Banner .slick-dots{margin: 0;left: 100px;}
	
}
@media screen  and (max-width:1200px){
	.Banner .title{width: calc(100% - 80px);}
	.Banner .more,.Banner .slick-dots{margin: 0;left: 40px;}
	.Banner .slick-dots{bottom: 12px;}
	.Banner a::before{bottom: 60px;height: 100px;}
	.Banner .title{bottom: 110px;}
	.Banner .more{bottom: 70px;}
	.Banner .more::after{top: -10px;}
	
	.wrap_mode01{padding: 50px 0 40px;}
	
	
}
@media screen  and (max-width:992px){
	.index_01 ul{padding: 0;margin: 0 0 -30px -20px;}
	.index_01 a{margin: 0 0 30px 20px;}
	
	.index_01 .title{margin: 12px 0 6px;white-space: normal;height: auto;}
	.index_01 .info{line-height: 1.5;height: 6em;}
	
	.wrap_mode02{padding: 30px 0 0;}
	.index_02 ul{padding: 0;text-align: center;}
	.index_02 li{width: 50%;}
	.index_02 a{margin-bottom: 30px;text-align: left;}
	.index_02 .bottom{padding: 12px 20px;}
	.index_02 .title,.index_02 .info{height: auto;}
	
	.wrap_mode03{padding: 40px 0 ;}
	.index_03 ul{padding: 0;}
	.index_03 li{width: 100%;}
	.index_03 a{margin-bottom: 20px;}
	.index_03 .right{padding: 6px 0 0;}
	.index_03 .title{height: auto;}
	
}
@media screen  and (max-width:767px){
	.Banner .title,.Banner .more,.Banner a::before{display: none;}
	.Banner .slick-dots{left: 20px;}
	
	.index_title{font-size: 20px;/* letter-spacing: 1.2px; */margin: 0 0 12px;}
	
	.wrap_mode01{padding: 20px 0;}
	.index_01 ul{margin-bottom: -20px;}
	.index_01 li,.index_02 li{width: 100%;}
	.index_01 a{margin-bottom: 20px;}
	.index_01 .title{line-height: 1.2em;margin: 6px 0 0;}
	
	.wrap_mode03{padding: 10px 0 30px;}
	.index_03 .right{padding: 0;}
	.index_03 .title{line-height: 1.5;}
	
}
@media screen  and (max-width:479px){
	.Banner .slick-dots{bottom: 4px;}
	.Banner .slick-dots li{width: 4px;height: 4px;}
	
}
@media screen  and (max-width:414px){
	
}
@media screen  and (max-width:320px){
	
}