.wrapbanner{position: relative;}
.wrapbanner .more{display: block;position: absolute;color: #fff;border: 1px solid #fff;bottom: 100px;line-height: 30px;padding: 0 20px;position: absolute;right: calc(50% - 700px);z-index: 10;background: rgba(255,255,255,.2);border-radius: 50px;}
.banner{z-index: 1;position: relative;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;overflow: hidden;position: relative;width: 100%;height: 0;padding-bottom: 100vh;background: center center no-repeat;background-size: cover;}
.banner .slick-img img{position: absolute;left: 50%;top: 50%;min-height: 100%;min-width: 100%;max-width: 1000%;transform: translate(-50%, -50%);width: auto;height: 100%;}
.banner a video{position: absolute; width: 100%; left: 0px;  top: 50%; transform: translateY(-50%); object-fit: cover;animation:effect0 .5s linear 0s;min-height: 108%;}

.banner .slick-dots{width: auto;right: 50%;bottom: 48px;margin: 0 -693px 0 0;opacity: .9;}
.banner .slick-dots li{width: 12px;height: 12px;margin: 0 21px 0 0;background: #fff;vertical-align: middle;border-radius: 20px;box-shadow: 0 3px 7px rgba(0,0,0,.5);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{height: 6px;width: 62px;}

.content{position: relative;background: #f8f9f9;}

.index_more{position: relative;z-index: 2;line-height: 50px;display: block;text-align: center;color: #fff;background: #076148;}
.index_more::after{content: '';display: inline-block;vertical-align: middle;background: url(../images/index_more.png) center no-repeat;width: 14px;height: 8px;margin: 0 0 0 10px;}
.mode02 .rt .index_more,.mode03 .lf .index_more{color: #076148;background: transparent;border-bottom: 1px solid #b9d6ce;}
.mode03 .lf .index_more{display: inline-block;padding-right: 12px;}
.mode02 .rt .index_more::after,.mode03 .lf .index_more::after{background: url(../images/index_more2.png) center no-repeat;}

.index_title{overflow: hidden;margin-bottom: 20px;display: block;background: url(../images/index_title.png) left center no-repeat;padding: 0 0 0 35px;}
.index_title h2{padding: 0 0 0 0;color: #000;font-weight: normal;line-height: 36px;}
.index_title .en{color: #076148;text-transform: uppercase;line-height: 20px;}
.mode01 .rt .index_title h2,.mode03 .rt .index_title h2{color: #fff;}
.mode01 .rt .index_title .en,.mode03 .rt .index_title .en{color: rgba(255,255,255,.4);}

.wrap_mode01{padding: 0 0 134px;position: relative;z-index: 2;}
.mode01{position: relative;z-index: auto;}
.mode01 .lf{width: calc(100% - 480px);float: left;}
.mode01 .rt{width: 430px;position: absolute;right: 0;bottom: 0;background: rgba(7,97,70,.82);}
.mode01 .rt_tp{padding: 60px;}

.index_011{display: block;width: 78.125%;position: relative;}
.index_011 .img{padding-bottom: 56%;}

.index_012{display: block;background: #fff;padding: 0px 38px 66px;}
.index_012 .tip{display: inline-block;background: #9a0000;line-height: 34px;font-weight: bold;color: #fff;padding: 0 0 0 16px;}
.index_012 .tip span{display: inline-block;vertical-align: top;border-left: 1px solid #fff;background: #35856f;padding: 0 16px;margin: 0 0 0 16px;}
.index_012 .title{margin: 24px 0 0;height: 72px;line-height: 36px;font-weight: bold;}
.index_012 .time{color: #999;font-family: arial;font-style: italic;margin: 15px 0 22px;}

.index_013 ul{padding: 36px 0 0 0;margin: 0 0 -30px;}
.index_013 li{}
.index_013 a{margin: 0 0 0;border-top: 1px solid rgba(255,255,255,.3);padding: 30px 0;color: #fff;}
.index_013 .title{margin: 0 0 0;max-height: 84px;}
.index_013 .time{opacity: .7;margin: 0 0 10px;}

.wrap_mode02{position: relative;z-index: 1;}
.mode02{position: relative;padding-top: 150px;padding-bottom: 113px;}
.mode02::before{content: '';position: absolute;right: 480px;top: -134px;bottom: 0px;width: calc(50vw + 50% - 480px);background: #f0f5f3;z-index: -1;}
.mode02 .lf{width: calc(100% - 664px);float: left;padding: 6px 0 0;}
.mode02 .rt{width: 430px;float: right;}
.mode02 .lf .left{float: left;width: 254px;}
.mode02 .lf .index_title{margin: -2px 0 52px;}

.index_021{margin: 0 0 0 260px;overflow: hidden;}
.index_021 ul{margin: 0 0 -56px -40px;padding: 16px 0 0;}
.index_021 li{width: 100%;}
.index_021 a{margin: 0 0 56px 40px;position: relative;}
/* .index_021 .img{padding-bottom: 120%;} */
.index_021 .box{position: absolute;top: 50%;transform: translateY(-50%);left: 85px;color: #fff;/* padding: 0 0 10px; */}
.index_021 .title{margin: 0 0 8px;height: 36px;line-height: 36px;font-weight: bold;letter-spacing: 3px;}
.index_021 .en{text-transform: uppercase;}
.index_021 li:nth-child(2n) .box{left: auto;right: 75px;text-align: right;}


.index_022 ul{padding: 16px 0 0;margin: 0 0 -10px;}
.index_022 li{}
.index_022 a{margin: 0 0 43px;}
.index_022 .img{padding-bottom: 56%;}
.index_022 .title{margin: 10px 0 0;font-weight: bold;}

.wrap_mode03{}
.mode03{position: relative;}
.mode03::before{content: '';position: absolute;right: 480px;top: 0;bottom: 0px;width: calc(50vw + 50% - 480px);background: #fff;z-index: -1;}
.mode03 .lf{width: calc(100% - 670px);float: left;padding-top: 99px;padding-bottom: 90px;}
.mode03 .rt{width: 480px;float: right;background: #3c826f;}
.mode03 .rt .rt_tp{padding: 100px 40px;}

.index_031 ul{margin: 0 0 0 0;padding: 24px 0 25px;}
.index_031 li{}
.index_031 a{margin: 0 0 0;border-bottom: 1px solid #ebebeb;padding: 23px 0 24px 3px;position: relative;}
.index_031 .tip,.index_031 .tip2{width: 74px;height: 22px;border: 1px solid #9a0000;float: left;text-align: center;line-height: 22px;border-radius: 4px;color: #9a0000;margin-top: 2px;}
.index_031 .tip2{color: #0d6148;border: 1px solid #0d6148;margin-left: 10px;}
.index_031 .title{margin: 0 0 0 183px;}
.index_031 .time{position: absolute;right: 7px;bottom: 0;line-height: 20px;color: #076148;font-style: italic;}

.index_032 ul{padding: 28px 0 0;margin: 0 0 0 0;}
.index_032 li{}
.index_032 a{padding: 20px 0 10px;border-bottom: 1px solid rgba(255,255,255,.3);margin: 0 0 22px;}
.index_032 .time{float: right;color: #fc8b60;line-height: 30px;}
.index_032 .tip{display: inline-block;border: 1px solid #c65d2f;line-height: 31px;padding: 0 14px 0 13px;color: #fc8b60;font-weight: bold;position: relative;}
.index_032 .tip::before{content: '';display: block;border-top: 9px solid #c65d2f;border-left: 9px solid transparent;border-right: 16px solid transparent;position: absolute;bottom: -9px;left: 10px;}
.index_032 .tip::after{content: '';display: block;border-top: 9px solid #3c826f;border-left: 9px solid transparent;border-right: 16px solid transparent;position: absolute;bottom: -8px;left: 10px;}
.index_032 .title{margin: 20px 0 0;color: #fff;}

@media screen and (max-width: 1640px){
	.mode02{padding: 120px 0 100px;}
	
	.mode01 .lf{width: calc(100% - 360px);}
	.mode02::before,.mode03::before{width: calc(50vw + 50% - 360px);right: 360px;}
	.mode02 .lf,.mode03 .lf{width: calc(100% - 420px);}
	.mode02 .rt,.mode01 .rt{width: 320px;}
	.mode03 .rt{width: 360px;}
	
}
@media screen  and (max-width:1300px){
	.mode01 .rt_tp{padding: 30px;}
	.index_013 ul{padding: 0;margin: 0 0 -20px;}
	.index_013 a{padding: 16px 0;}
	.index_013 .title{max-height: 56px;}
	
	.mode02,.mode03 .lf{padding: 80px 0;}
	.mode02 .lf .left{float: none;width: auto;}
	.mode02 .lf .index_title{margin: 0 0 20px;}
	.index_021{margin: 20px 0 0;}
	.mode03 .rt .rt_tp{padding: 80px 30px;}
	
}
@media screen  and (max-width:992px){
	.index_011{width: 100%;}
	.wrap_mode01{padding: 0 0 20px;}
	.wrap_mode01 .pa-b{position: relative;margin-top: -100px;}
	.mode01 .lf{width: auto;float: none;}
	.index_012{padding: 0 24px 30px;}
	.mode01 .rt{position: relative;width: auto;}
	
	.mode02 .lf, .mode03 .lf{width: auto;float: none;}
	.mode02::before, .mode03::before{display: none;}
	.mode02, .mode03 .lf{padding: 20px 0;}
	.mode02 .rt, .mode01 .rt{width: auto;float: none;margin: 30px 0 0;}
	.index_022 ul{padding: 0;margin: 0 0 -10px -30px;}
	.index_022 li{width: 50%;}
	.index_022 a{margin: 0 0 30px 30px;}
	
	.mode02 .rt .index_more{display: inline-block;padding: 0 6px 0 0;}
	.index_031 ul{padding: 0;}
	.mode03 .rt{width: auto;float: none;margin: 30px 0 0;}
	.mode03 .rt .rt_tp{padding: 30px;}
	.index_032 ul{padding: 0;}
	.index_032 a {padding: 10px 0 10px;margin: 0 0 12px;}
	
	
}
@media screen  and (max-width:767px){
	.wrap_mode01 .pa-b{margin-top: -40px;}
	.index_012 .title{line-height: 1.5em;height: auto;margin: 10px 0 0;}
	.index_012 .time{margin: 10px 0;}
	.index_012{padding: 0 24px 20px;}
	
	.index_021 ul{margin: 0 0 -24px -24px;}
	/* .index_021 li{width: 50%;} */
	.index_021 a{margin: 0 0 24px 24px;position: relative;}
	.index_021 .box{left: 30px;}
	.index_021 li:nth-child(2n) .box{left: auto;right: 30px;}
	.index_021 .title{line-height: 1.5em;height: auto;margin: 0 0 8px;}
	
	.index_022 li{width: 100%;}
	
}
@media screen  and (max-width:413px){
	.index_021 li{width: 100%;}
	.index_031 .title{margin: 0;clear: both;padding: 10px 0 0;}
	
}