.wrapbanner{}
.banner{z-index: 1;position: relative;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;overflow: hidden;position: relative;width: 100%;}
.banner .slick-img{height: 0;padding-bottom: calc(920% / 19.2);}
.banner .slick-img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 124px;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;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.8) ); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* 标准的语法 */}
.banner .title{display: block;position: absolute;left: 50%;max-width: 800px;color: #fff;z-index: 2;margin: 0 0 0 -700px;bottom: 52px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 12px 0 0;}
.banner .title::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 44px;height: 2px;background: #fff;}
.banner a::after{content: '';display: block;position: absolute;left: 0;bottom: 0;height: 120px;width: calc(50% + 150px);background: url(../images/banner_cover2.png) bottom center repeat-x;}
.banner .slick_menu{position: absolute;right: 97px;bottom: 0;width: calc(50% - 345px);}

/* .banner .slick-img img{position: absolute;width: auto;height: auto;min-width: calc(100% + 1px);min-height: calc(100% + 1px);top: 50%;left: 50%;-webkit-transform: translate3d(-50%,-50%,0) scale(1);transform: translate3d(-50%,-50%,0) scale(1);} */

/* .banner .slick-active .slick-img img{transform: translate3d(-34.358px, -98.7928px, 0px) skew(20deg,30deg);} */

.banner .slick-arrow{border: 0;width: 12px;height: 84px;font-size: 0;outline: none;top: auto;transform: none;position: static;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{background: url(../images/banner_right.png) center center no-repeat;float: right;}
.banner .slick-prev{background: url(../images/banner_left.png) center center no-repeat;float: left;}
/* .banner .slick-arrow:hover{background-color: #;} */

.banner .slick-dots{width: auto;position: static;margin: 32px auto;}
.banner .slick-dots li{width: 8px;height: 8px;margin: 0 10px;background: #fff;opacity: 0.5;border-radius: 50%;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{opacity: 1;background: #b32015;}

.content{position: relative;/* z-index: 2; */}

.index_title{overflow: hidden;margin-bottom: 50px;}
.index_title .more{float: right;position: relative;z-index: 2;padding: 0 2px 7px;color: #999;letter-spacing: .32px;text-transform: uppercase;margin: 42px 0 0;}
.index_title .more:hover{color: #036B38;}
.index_title .more::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: #dedede;}
.index_title .more::before{content: '';display: block;position: absolute;right: 0;bottom: 0;height: 1px;background: #036b38;width: 0;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;z-index: 2;}
.index_title .more:hover::before{width: 100%;left: 0;}
.index_title h2{height: 80px;font-weight: bold;font-size: 72px;color: #333;}
.wrap_mode02 .index_title h2,.wrap_mode02 .index_title .more{color: #fff;}
.wrap_mode02 .index_title .more::after{background: rgba(255,255,255,.5);}

.wrap_mode01{padding: 42px 0 60px;overflow: hidden;position: relative;}
.wrap_mode01::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: calc(50% - 720px);background: #fff;z-index: 2;}
.mode01{position: relative;}
.index_01{margin: 0 -60px 0 0;}
.index_01 ul{margin: 0 0 0 0;}
.index_01 li{}
.index_01 a{margin: 0 90px 0 0;display: block;padding: 0 0 0 40px;position: relative;}
.index_01 a::after{content: '';display: block;position: absolute;left: 0;right: 40px;top: 50px;bottom: 0;z-index: -1;box-shadow: 0 15px 20px rgba(0,0,0,.1);
background:#20895e;
background: -webkit-linear-gradient(-158deg, #20895e , #ff1f0f); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(32deg, #20895e, #ff1f0f); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(32deg, #20895e, #ff1f0f); /* Firefox 3.6 - 15 */
background: linear-gradient(32deg, #20895e , #ff1f0f); /* 标准的语法 */}
.index_01 .img{}
.index_01 .bottom{padding: 23px 90px 45px 0;}
.index_01 .title{margin: 0 0 15px;height: 56px;line-height: 26px;font-weight: bold;color: #fff;}
.index_01 .time{color: #fff;margin: 0 0 0;}

.index_01 .slick-list{overflow: visible;}
.index_01 .slick-arrow{border: 0;width: 50px;height: 50px;font-size: 0;outline: none;transform: none;border: 1px solid #D82A34;border-radius: 50%;}
.index_01 .slick-arrow:after{display: none;}
.index_01 .slick-next{right: 20px;background: url(../images/mode01_next1.png) center center no-repeat #fff;margin: -54px 0 0 0;}
.index_01 .slick-prev{left: auto;background: url(../images/mode01_prev1.png) center center no-repeat #fff;right: 20px;margin: 6px 0 0;}
.index_01 .slick-next:hover{background: url(../images/mode01_next2.png) center center no-repeat #D82A34;}
.index_01 .slick-prev:hover{background: url(../images/mode01_prev2.png) center center no-repeat #D82A34;}

.wrap_mode02{padding: 55px 0 0;background: #20895e;}
.mode02{position: relative;}
.index_021{display: block;overflow: hidden;background: #fff;box-shadow: 0 15px 20px rgba(0,0,0,.1);margin: -26px 0 40px;}
.index_021 .left{width: 900px;float: left;}
.index_021 .right{margin: 0 0 0 900px;padding: 47px 43px 0;}
.index_021 .img{padding-bottom: calc();}
.index_021 .title{margin: 0 0 23px;max-height: 120px;line-height: 30px;font-weight: bold;}
.index_021 .info{margin: 0 0 57px;color: #999;height: 180px;line-height: 30px;}
.index_021 .time{line-height: 24px;color: #d82a34;padding: 0 0 0 4px;}

.index_022 ul{margin: 0 0 0 -27px;padding: 0 0 0;}
.index_022 li{width: 25%;}
.index_022 a{margin: 0 0 0 27px;box-shadow: 0 15px 20px rgba(0,0,0,.1);}
.index_022 .img{padding-bottom: calc();}
.index_022 .bottom{padding: 15px 30px 30px;background: #fff;margin: 0 0 -315px;}
.index_022 .title{margin: 0 0 23px;height: 72px;line-height: 24px;font-weight: bold;}
.index_022 .time{line-height: 24px;color: #d82a34;padding: 0 0 0 5px;}
.index_022 .info{margin: 0 0 55px;color: #999;height: 96px;line-height: 24px;}

.wrap_mode03{padding: 378px 0 60px;}
.mode03{position: relative;}

.index_031 ul{margin: -24px 0 10px -10px;}
.index_031 li{width: 16.66%;}
.index_031 a{margin: 0 0 0 10px;background: #20895e;padding: 38px 37px 6px;position: relative;top: 0;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;}
.index_031 .img_box{width: 66px;height: 66px;background: #fff;border-radius: 50%;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;}
.index_031 .img1{display: block;}
.index_031 .img2{display: none;}
.index_031 .title{margin: 14px 0 0;height: 84px;line-height: 28px;font-weight: bold;color: #fff;}

.index_031 .on a{top: 10px;background:#20895e;
background: -moz-linear-gradient( -58deg, rgb(32,137,94) 55%, #b0452b 100%);
background: -webkit-linear-gradient( -58deg, rgb(32,137,94) 55%, #b0452b 100%);
background: -ms-linear-gradient( -58deg, rgb(32,137,94) 55%, #b0452b 100%);}
.index_031 a:hover .img_box,.index_031 .on .img_box{background: rgba(255,255,255,.12);}
.index_031 a:hover .img1,.index_031 .on .img1{display: none;}
.index_031 a:hover .img2,.index_031 .on .img2{display: block;}

.wrap_index_032{background: #f0f5f3;padding: 39px 0 36px;}
.index_032 ul{padding: 0 0 0 0;}
.index_032 li{width: 100%;}
.index_032 li.off{display: none;}
.index_032 a{margin: 0 0 0;}
.index_032 .left{width: 260px;float: left;font-weight: bold;padding: 7px 0 0;}
.index_032 .info{margin: -10px 0 0 300px;color: #878787;height: 264px;line-height: 33px;}
.index_032 li.on{-webkit-animation-name: flipInY2;animation-name: flipInY2;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes flipInY2{
	from {
		opacity: 0;transition: all 0.8s ease-out;transform: translateY(50px);
	}
	to {
		opacity: 1;transform: none;
	}
}

.wrap_mode04{padding: 72px 0 0;position: relative;}
.wrap_mode04::before{content: '';display: block;background:#20895e;position: absolute;left: 0;top: 0;width: calc(50% - 20px);height: 660px;
background: -moz-linear-gradient( -58deg, rgb(32,137,94) 40%, #b0452b 100%);
background: -webkit-linear-gradient( -58deg, rgb(32,137,94) 40%, #b0452b 100%);
background: -ms-linear-gradient( -58deg, rgb(32,137,94) 40%, #b0452b 100%);}
.mode04{position: relative;}
.mode04 .lf{width: 380px;float: left;}
.mode04 .rt{margin: 0 0 0 420px;}
.mode04 .lf{overflow: hidden;margin-bottom: 20px;padding: 9px 0 0;}
.mode04 .lf .more{float: left;position: relative;z-index: 2;padding: 0 3px 8px;color: #fff;letter-spacing: .32px;text-transform: uppercase;}
.mode04 .lf .more::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: rgba(255,255,255,.5);}
.mode04 .lf h2{font-weight: bold;font-size: 72px;line-height: 60px;color: #fff;}
.mode04 .lf .info{margin: 57px 36px 84px 0;color: #fff;line-height: 24px;height: 216px;}

.index_04 .box{font-size: 0;margin: 0 70px 0 0;}
.index_04 .box li{display: inline-block;*display: inline;*zoom:1;width: 50%;}
.index_04 .box li:first-child{width: 100%;margin: 0 0 23px;}
.index_04 .box a{display: block;position: relative;margin: 0 10px 0 0;overflow: hidden;}
.index_04 .box .title{position: absolute;left: 27px;bottom: 14px;right: 27px;font-weight: bold;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 2;}
.index_04 .box li:first-child .title{left: 28px;bottom: 29px;right: 28px;}
.index_04 .box .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 80px;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;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.8) ); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.8)); /* 标准的语法 */}
.index_04 .box li:first-child a::after{height: 150px;}
.index_04 .box a:hover .img::after{bottom: -150px;}

.index_04 .slick-arrow{border: 0;width: 50px;height: 50px;font-size: 0;outline: none;transform: none;border: 1px solid #D82A34;border-radius: 50%;}
.index_04 .slick-arrow:after{display: none;}
.index_04 .slick-next{right: 0px;background: url(../images/mode04_next1.png) center center no-repeat #fff;margin: -120px 0 0 0;}
.index_04 .slick-prev{left: auto;background: url(../images/mode04_prev1.png) center center no-repeat #fff;right: 0;margin: -200px 0 0;}
.index_04 .slick-next:hover{background: url(../images/mode04_next2.png) center center no-repeat #D82A34;}
.index_04 .slick-prev:hover{background: url(../images/mode04_prev2.png) center center no-repeat #D82A34;}



.wrap_mode05{padding: 60px 0 0px;margin: 0 0 30px;position: relative;z-index: 3;}
.mode05{position: relative;}
.mode05 .top{width: 494px;padding: 44px 50px 42px;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,.1);position: relative;z-index: 10;margin: 0 0 -150px;}
.mode05 .top .info{line-height: 24px;height: 48px;font-weight: bold;margin: -16px 0 0;}

.index_05 {box-shadow: 0 0 16px rgba(0,0,0,.1);padding: 10px;background: #fff;}
.index_05 a{margin: 0 0 0;display: block;position: relative;}
.index_05 .box{height: 0;padding-bottom: 57.5%;position: relative;overflow: hidden;}
.index_05 .box video{position: absolute; width: 100%; left: 0px;top: 50%; transform: translateY(-50%); object-fit: cover;}
.index_05 .img{padding-bottom: 57.5%;position: relative;z-index: 2;}
.index_05::after{content: '';display: block;width: 120px;height: 100px;background: url(../images/mode05_video.png) center no-repeat rgba(179,32,31,.7);position: absolute;right: 36px;bottom: 0;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;z-index: 3;cursor: pointer;}
.index_05.on::after{display: none;}
.index_05:hover::after{background: url(../images/mode05_video.png) center no-repeat  rgba(179,32,31,1);}

.index_05 .more{width: 36px;height: 100px;position: absolute;right: 0px;background: url(../images/mode01_next2.png) center center no-repeat #9e1c13;bottom: 0;z-index: 3;}
.index_05.on .more:hover{width: 50px;}

.index_05 .slick-arrow{border: 0;font-size: 0;outline: none;bottom: 0;transform: none;top: auto;}
.index_05 .slick-arrow:after{display: none;}
.index_05 .slick-next{}
.index_05 .slick-prev{left: 0px;background: url(../images/mode01_prev1.png) center center no-repeat #9e1c13;display: none !important;}

.wrap_mode06{padding: 60px 0 60px;}
.mode06{position: relative;}

.index_052 ul{margin: 0 0 0 -60px;}
.index_052 li{width: 50%;}
.index_052 a{margin: 0 0 0 60px;}
.index_052 .img{padding-bottom: calc(520% / 9.22);position: relative;background: #000;border-bottom: 6px solid #20895e;}
.index_052 .img::after{content: '';display: block;width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: url(../images/mode03_video2.png);}
.index_052 .img img{opacity: .65;}
.index_052 .img:hover img{opacity: 1;}
.index_052 .title{margin: 26px 0 18px;line-height: 30px;color: #0c234b;white-space: nowrap;}
.index_052 .info{margin: 0 0 13px;color: #0c234b;height: 60px;line-height: 30px;opacity: .4;}
.index_052 a::after{height: 20px;background: url(../images/mode03_arrow1.png) left center no-repeat;content: '';display: block;}



@media screen  and (min-width:1024px){
	[class*=index] *{transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
	
	.index_011:hover,.index_012 a:hover{background: #083c7d;box-shadow: 0 10px 40px rgba(0,54,120,0.5);z-index: 2;position: relative;}
	.index_012 a:hover .title::before{background: rgba(255,255,255,0.3);}
	.index_012 a:hover .time::before{background: rgba(255,255,255,0.2);}
	.index_011:hover .title,.index_011:hover .info,.index_012 a:hover .title,.index_012 a:hover .day,.index_012 a:hover .month{color: #fff;}
	.index_03 a:hover{transform: translateY(-10px);}
	
}
@media screen and (max-width: 1480px){
	.banner .title{margin: 0 0 0 -600px;max-width: 700px;}
	
	
}
@media screen  and (max-width:1240px){
	.banner .title{margin: 0;left: 20px;width: calc(100% - 400px);}
	.banner .slick_menu{width: 170px;}
	
	.index_01{margin: 0;}
	.index_01 a{margin: 0 60px 0 0;}
	.index_01 .slick-next,.index_01 .slick-prev{right: 0;width: 40px;height: 40px;}
	
	.index_021 .left{width: 600px;}
	.index_021 .right{margin: 0 0 0 600px;padding: 24px 24px 0;}
	.index_021 .info{height: 90px;margin: 0 0 24px;}
	.index_022 li{width: 50%;}
	.index_022 .bottom{margin: 0 0 40px;}
	.index_022 .info{height: 48px;margin: 0 0 24px;}
	
	.wrap_mode03{padding: 60px 0;}
	.mode04 .lf .info{margin: 24px 20px 40px 0;height: 120px;}
	
}

@media screen  and (max-width:992px){
	.banner .slick-arrow{display: none !important;}
	.banner .slick_menu{right: 20px;}
	.banner .title{bottom: 24px;}
	.banner .slick-img::after{height: 60px;}
	
	.index_title{margin-bottom: 20px;}
	.index_title h2,.mode04 .lf h2{font-size: 54px;}
	.index_title .more{margin: 24px 0 0;}
	
	.index_021 .left{width: 450px;}
	.index_021 .right{margin: 0 0 0 450px;}
	.index_021 .title,.index_022 .title{margin: 0 0 12px;}
	.index_021 .info,.index_022 .info{height: 48px;margin: 0 0 10px;line-height: 24px;}
	
	.index_022 .bottom{padding: 15px;}
	
	.index_031 ul{}
	.index_031 li{width: auto;}
	.index_031 a{padding: 10px;border-radius: 20px;}
	.index_031 .title{display: none;}
	.wrap_index_032{padding: 20px 0;}
	.index_032 .left{float: none;}
	.index_032 .info{margin: 16px 0 0;line-height: 24px;height: 120px;}
	
	.wrap_mode04::before{width: auto;right: 60px;}
	.mode04 .lf{float: none;margin: 0 60px 0 0;width: auto;}
	.mode04 .lf .info{margin: 24px 20px 20px 0;height: 72px;}
	.mode04 .rt{margin: 50px 0 0;}
	
	.mode05{padding: 10px 0 0;}
	
	
}
@media screen  and (max-width:767px){
	.banner .slick_menu{width: auto;left: 20px;}
	.banner .slick-img::after{height: 40px;}
	.banner .slick-dots{margin: 6px auto;}
	.banner .title{display: none;}
	.banner a::after{display: none;}
	
	.index_title h2,.mode04 .lf h2{font-size: 36px;height: 45px;}
	.index_title .more{margin: 12px 0 0;}
	
	.wrap_mode01{padding: 36px 0;}
	.index_01 .slick-list{overflow: hidden;}
	.index_01 a{margin: 0;padding: 0 0 0 16px;}
	.index_01 .slick-next, .index_01 .slick-prev{display: none !important;}
	.index_01 a::after{box-shadow: none;right: 16px;}
	.index_01 .bottom{padding: 16px 30px 24px 0;}
	
	.index_021{margin: 0 0 20px;}
	.index_021 .left{width: auto;float: none;}
	.index_021 .right{margin: 0;padding: 16px;}
	
	.index_022 li{width: 100%;}
	.index_022 .bottom{margin: 0 0 20px;}
	
	.wrap_mode03{padding: 30px 0;}
	.index_031 ul{margin: 0 0 6px;}
	.index_031 a{padding: 2px;margin: 0 0 0 4px;}
	.index_031 .on a{top: 6px;}
	.index_031 .img_box{width: 30px;height: 30px;}
	.index_031 .img_box img{max-width: 70%;}
	
	.wrap_mode04{padding: 30px 0 0;}
	.wrap_mode04::before{right: 16px;height: 300px;}
	.mode04 .lf{margin: 0;}
	.mode04 .rt{margin: 30px 0 0;}
	.index_04 .slick-arrow{display: none !important;}
	.index_04 .box{margin: 0;}
	.index_04 .box .title,.index_04 .box .img::after{display: none;}
	.index_04 .box li:first-child .title{left: 14px;bottom: 14px;right: 14px;display: block;}
	.index_04 .box li:first-child  .img::after{display: block;}
	
	.mode05 .top{width: auto;padding: 10px;margin: 0 0 4px;}
	.index_05 a::after{width: 60px;height: 50px;background-size: 30px auto;}
	.index_05 .slick-next{height: 50px;}
	
	.index_052 li{width: 100%;}
	
}
@media screen  and (max-width:413px){
	
	
	
}




.subNav {
    padding: 20px 0px;
    background: url(../images/dpmenu_bg.png);
}
.subNav .dpmenult {
    display: block;
    width: 284px;
    margin-left: 12.92%;
    float: left;
    padding: 0;
}
.subNav .dpmenuimg{
    /* float: left; */
    /* margin-left: 130px; */
    padding-bottom: 56.33%;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: block;
}
.subNav a{
    border-top: none;
}
.subNav dl dd a{
    max-height: 18px;
    overflow: hidden;
}