@charset "gb2312";

.Banner {position: relative;overflow: hidden;height: 100vh;}
.Banner .Banner-dots { width: auto; position: absolute; right: calc(50% - 660px); bottom: 60px; text-align: right; overflow: hidden;}
.Banner .slick-img{display: block;height: 0;padding-bottom: calc(940% / 19.2);overflow: hidden;position: relative;padding-bottom: 100vh;}
.Banner .slick-img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: calc(187% / 19.2);background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));}
.Banner .bottom{padding: 0 0 17px;bottom: 0;z-index: 2;letter-spacing: 3px;}
.Banner .title{color: #fff;margin: auto;white-space: nowrap;font-weight: bold;line-height: 1.2em;}
.Banner .vicetitle{margin: 9px 0 0;color: #fff;width: 100vw;max-width: 1320px;text-align: center;}
.Banner a {display: block;position: relative;}
.Banner .swiper-slide-active .slick-img {
    transition: transform 6000ms linear 0s;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;height: 8px;margin: 0 10px;border: 1px solid #fff; background: none; vertical-align: middle;border-radius: 20px;
	opacity: 1; transition: all ease-in-out .3s;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;width: 58px;height: 4px;}
.Banner .slick-img video {width: 100%;}




.content{overflow: hidden;}
.index_title{margin-bottom: 20px;display: block;position: relative;padding: 13px 0 0;}
.index_title::before{content: '';display: block;width: 30px;height: 4px;background: #cc0033;position: absolute;left: 0;top: 0;}
.index_title::after{content: '';display: block;clear: both;}
.index_title .channel_link{float: right;position: relative;z-index: 2;color: #cc0033;padding: 0 22px 0 0;background: url(../images/index_title_more.png) right center no-repeat;margin: 5px 0 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_title .channel_link:hover{padding: 0 30px 0 0;}
.index_title .channel_title{padding: 0 0 0 40px;color: #cc0033;background: left center no-repeat;}
.index_title.c2::before{background: #fff;}
.index_title.c2 .channel_title{color: #fff;}
.index_title.c2 .channel_link{color: #fff;background-image: url(../images/index_title_more2.png);}
.mode01 .lf .channel_title{background-image: url(../images/mode01_title1.png);}
.mode01 .rt .channel_title{background-image: url(../images/mode01_title2.png);}
.mode02 .lf .channel_title{background-image: url(../images/mode02_title1.png);}
.mode02 .rt .channel_title{background-image: url(../images/mode02_title2.png);}
.mode03 .lf .channel_title{background-image: url(../images/mode03_title1.png);}
.mode03 .rt .index_title{width: calc(50% - 56px);float: right;position: relative;z-index: 2;}
.mode03 .rt .index_title:first-child{float: left;}
.mode03 .rt .channel_title{background-image: url(../images/mode03_title3.png);}
.mode03 .rt .index_title:first-child .channel_title{background-image: url(../images/mode03_title2.png);}
.mode05 .index_title{width: 220px;float: left;}
.mode05 .channel_title{background-image: url(../images/mode05_title.png);}

.wrap_mode01{padding: 80px 0 50px;background: url(../images/mode01_bg.png) left top no-repeat;}
.mode01{position: relative;}
.mode01 .lf{width: calc(50% - 300px);float: left;}
.mode01 .mid{width: 500px;float: left;padding: 30px 50px 0;background: #fff;margin: 64px 0 0;box-shadow: 0px 0px 25px 5px rgba(19, 99, 53, 0.1);}
.mode01 .rt{width: calc(50% - 300px);float: right;}
.mode01 .mid .slick-dots{bottom: 0px;text-align: right;}
.mode01 .mid .slick-dots li{width: 10px;height: 10px;}
.mode01 .mid .slick-dots li button{background: #ccc;}
.mode01 .mid .slick-dots li:hover button,.mode01 .mid .slick-dots li.slick-active button {background: #006534;} 
.mode01 .mid .slick-arrow{width: 40px;height: 40px;line-height: 40px;border: none;top: 33%;}
.mode01 .mid .slick-arrow::after{display: none;}
.mode01 .mid .slick-prev::before{content: "";display: block;width: 19px;height: 34px;background: url(../images/prev.png) no-repeat;background-size: cover;position: absolute;left: 0;top: 0;}
.mode01 .mid .slick-prev:hover::before{background: url(../images/prev-h.png) no-repeat;background-size: cover;}
.mode01 .mid .slick-next::before{content: "";display: block;width: 19px;height: 34px;background: url(../images/next.png) no-repeat;background-size: cover;position: absolute;right: 0;top: 0;}
.mode01 .mid .slick-next:hover::before{background: url(../images/next-h.png) no-repeat;background-size: cover;}
.carousel2{overflow: hidden;position: relative;}



.index_011{background: rgba(204, 0, 51, 0.1);position: relative;padding: 10px 30px 11px 23px;margin: 0 0 0 3px;}
.index_011::before{content: '';display: block;position: absolute;left: -3px;bottom: 0;top: 27px;width: 6px;background: #cc0033;}
.index_011 ul{margin: 0 0 0;padding: 0 0 0;}
.index_011 li{}
.index_011 .item{margin: 0 0 0;padding: 20px 0 20px;border-top: 1px solid rgba(0,0,0,.1);}
.index_011 li:first-child .item{border-top: 0;}
.index_011 .time_box{width: 56px;float: left;position: relative;text-align: center;color: #cc0033;font-family: 'DIN';opacity: .6;}
.index_011 .day{margin: 0 0 0 0;line-height: 24px;font-weight: bold;font-family: 'din-bold';}
.index_011 .month{margin: 7px 0 0px;line-height: 20px;}
.index_011 .info_box{margin: 0 0 0 61px;padding: 1px 0 0px;position: relative;}
.index_011 .title{margin: 0 0 0;}

.index_012{margin: 0 0 0;}
.index_012 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 3px solid #cc0033;}
.index_012 .bottom{padding: 0 0 0 0;}
.index_012 .title{margin: 20px 0 20px;display: flex;align-items: center;}
.index_012 .title a:nth-child(1){max-width: 4em;display: inline-block;width: auto;margin-right: 10px;}
.index_012 .title .img::before{display: none;}
.index_012 .title a:nth-child(2){flex: 1;height: auto;}
.index_012 .info{margin: 0 0 0;color: #666;text-align: justify;}
.mid .more{display: block;margin: 38px auto 0;width: 140px;height: 50px;line-height: 50px;background: #cc0030;color: #fff;text-align: center;opacity: 0.75;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;}
.mid .more:hover{filter: brightness(1.2);}
/* .index_012 .more{position: relative;display: block;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;text-align: center;overflow: hidden;}
.index_012 .more::before,.index_012 .more::after{content: "";position: absolute;z-index: 0;height: 100%;width: 0;top: 0;background-color: #046635;-webkit-transition: all .4s;  transition: all .4s ease-out;z-index: -1;}
.index_012 .more::before{  left: -30px;  -webkit-transform: skew(-30deg, 0); transform: skew(-30deg, 0);}
.index_012 .more::after{ right: -30px;  -webkit-transform: skew(-30deg, 0);transform: skew(-30deg, 0);}
.index_012 .more:hover::before,.index_012 .more:hover::after{ width: 120%;}
 */
.index_013{background: rgba(204, 0, 51, 0.1);position: relative;padding: 35px 18px 15px 34px;margin: 0 3px 0 0;}
.index_013::before{content: '';display: block;position: absolute;right: -3px;bottom: 0;top: 27px;width: 6px;background: #cc0033;}
.index_013 ul{margin: 0 0 0;padding: 0 0 0;}
.index_013 li{margin: 0 0 12px;}
.index_013 li::before{content: '';display: block;border-top: 12px solid transparent;border-left: 12px solid #fff;margin: 0 16px;float: right;}
.index_013 li:nth-child(2n)::before{float: left;border-left: 0;border-right: 12px solid #fff;}
.index_013 .item{margin: 0 0 0;padding: 15px 0;background: #fff;border-radius: 10px;padding: 20px;clear: both;}
.index_013 .time_box{width: 54px;float: left;position: relative;text-align: center;color: #cc0033;font-family: 'DIN';opacity: .6;}
.index_013 .day{margin: 8px 0;line-height: 24px;font-weight: bold;font-family: 'din-bold';}
.index_013 .month{margin: 0 0 0 0;line-height: 20px;}
.index_013 .info_box{margin: 0 0 0 61px;padding: 0 0 0 0;position: relative;text-align: justify;}
.index_013 .title{margin: 0 0 0;}

.wrap_mode02{padding: 30px 0 52px;position: relative;background: url(../images/mode02_bg.png) right bottom no-repeat;}
.wrap_mode02::before{content: '';display: block;background: #F8F8F8;position: absolute;left: 0;top: 0;bottom: 0;width: calc(50% + 300px);}
.mode02{position: relative;}
.mode02 .lf{width: calc(100% - 370px);float: left;}
.mode02 .rt{width: 320px;float: right;}

.index_021 {float: left;width: 580px;}
.index_021 ul{margin: 0 0 0;padding: 0 0 0;}
.index_021 li{position: relative;}
.index_021 li.off{display: none;}
.index_021 .item{margin: 0 0 0;}
.index_021 .img{padding-bottom: calc();}
.index_021 .bottom{padding: 0 0 0 0;}
.index_021 .title{margin: 0 0 18px;font-weight: bold;}
.index_021 .time{color: #999;margin: 19px 0 22px;font-family: 'din';}
.index_021 .info{margin: 0 0 0;color: #333;}
.index_021 li.on{animation:index21 .8s;-webkit-animation:index21 .8s;}
@keyframes index21{
	from {
		opacity: 0;top: 20px;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;top: 0;
	}
}


.index_022{width: calc(100% - 610px);float: right;}
.index_022 ul{margin: 4px 0 0 0;}
.index_022 li{}
.index_022 .item{margin: 0 20px 40px 0;position: relative;padding: 20px 20px 46px;background: #fff;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_022 .item::before{content: '';display: block;background: linear-gradient(116.57deg, rgba(255, 54, 54, 1) 0%, rgba(255, 211, 54, .4) 80%, rgba(255, 211, 54, 0) 100%);position: absolute;bottom: 100%;right: 0;height: 4px;left: 43px;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_022 .time_box{position: absolute;right: 0;bottom: -10px;/* background: linear-gradient(180deg, rgba(255, 85, 83, 1) 0%, rgba(178, 75, 74, 1) 100%); *//* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); */padding: 2px 8px 2px 40px;text-align: center;color: #fff;/* clip-path: polygon( 40px 0, 100% 0 , 100% 100%, 0 100%); */filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));background: url(../images/mode02_time1.png) center no-repeat;background-size: 100% 100%;}
.index_022 .day{font-family: 'din-bold';}
.index_022 .month{font-family: 'DIN';}
.index_022 .item:hover,.index_022 li.on .item{padding-left: 64px;margin-right: 0;background: url(../images/mode02_2.png) center no-repeat;background-size: 100% 100%;}
.index_022 .item:hover .title,.index_022 li.on .item .title{color: #333;}
.index_022 .item:hover::before,.index_022 li.on .item::before{left: 63px;}
.index_022 .item:hover .time_box,.index_022 li.on .item .time_box{background-image: url(../images/mode02_time2.png);color: #EE5250;}

.index_023 ul{margin: 0 0 -44px;}
.index_023 li{}
.index_023 .item{margin: 0 0 44px;position: relative;overflow: hidden;}
.index_023 .item::before{content: '';display: block;background: linear-gradient(116.57deg, rgba(255, 54, 54, 1) 0%, rgba(255, 211, 54, .4) 80%, rgba(255, 211, 54, 0) 100%);height: 4px;position: relative;z-index: 2;}
.index_023 .item::after{content: '';display: block;background: linear-gradient(296.57deg, rgba(255, 54, 54, 1) 0%, rgba(255, 211, 54, .4) 80%, rgba(255, 211, 54, 0) 100%);height: 4px;position: relative;z-index: 2;}
.index_023 .img{padding-bottom:85%;position: relative;}
.index_023 .title{margin: 0 0 0;position: absolute;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;width: 100%;}
.index_023 .img{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_023 .item:hover .img{transform: scale(1.1);}


.wrap_mode03{position: relative;overflow: hidden;}
.wrap_mode03 .left_area{position: absolute;left: 0;top: 0;bottom: 0;width: 50%;}
.wrap_mode03 .right_area{position: absolute;right: 0;top: 0;bottom: 0;width: 50%;z-index: 2;}
.wrap_mode03::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background: url(../images/mode03_bg1.png) center no-repeat;background-size: cover;}
/* .wrap_mode03::after{content: '';display: block;position: absolute;right: 0;top: 0;bottom: 0;width: 50%;background: url(../images/mode03_bg2.png) right center no-repeat;background-size: cover;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-size: calc(50vw + 40px); */} */
.mode03{position: relative;}
/* .mode03 .lf{width: 100%;float: left;position: relative;padding: 30px 0 30px 10px;margin-left: -10px; overflow: hidden;margin-right: -100vw;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;} */
.mode03 .lf{width: 100%;padding: 30px 0 30px 10px;}
/* .mode03 .rt{width: calc(50% - 40px);float: right;position: relative;padding: 30px 10px 50px 40px;margin-right: -10px;overflow: hidden;margin-left: 100vw;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;} */
/* .mode03 .rt::before{content: '';display: block;position: absolute;left: 0;right: 50%;top: -1px;bottom: -1px;background: #fff;z-index: 0;clip-path: polygon( 0 0, 100% 0, calc(100% - 40px) 100% , 0 100% );} */
/* .mode03 .rt::after{content: '';display: block;width: 50%;position: absolute;right: -1px;top: 0;bottom: 0;background: #337A57;clip-path: polygon( 40px 0, 100% 0 , 100% 100%, 0 100%);z-index: 0;left: 50%;} */

/* .wrap_mode03[side="1"]::after{width: 20px;}
.wrap_mode03[side="2"]::after{width: calc(50% + 80px);}

.wrap_mode03[side="1"] .lf{width: calc(100% - 40px);transform:none}
.wrap_mode03[side="1"] .rt{transform: translateX(100%);margin-right: 0;}
.wrap_mode03[side="2"] .rt{width: 100%;}
.wrap_mode03[side="2"] .lf{transform: translateX( calc(-100% - 80px) );margin-left: 0;}
.wrap_mode03[side="2"] .rt::before{right: calc(50% - 40px);}
.mode03 .rt .index_title{width: calc(50% - 40px);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;}
.mode03 .rt .index_title.c3{ display: none;}
.wrap_mode03[side="2"] .rt .index_title{width: calc(50% - 40px);} */

.index_031,.index_032{position: relative;z-index: 2;clear: both;}
.index_031 ul{margin: 0 0 0 -40px;width: 1320px;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;padding: 10px 0 0;}
.index_031 li{width: 25%;}
.index_031 .item{margin: 0 0 0 40px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);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 .item:hover{top: -10px;}

.index_031 .img{border-radius: 5px 5px 0 0;}
.index_031 .bottom{padding: 0 0 0 0;position: relative;padding: 55px 20px 30px;background: #fff;border-radius: 0 0 5px 5px;}
.index_031 .title{margin: 0 0 0;}
.index_031 .time{color: #fff;margin: 0 0 0;position: absolute;background: #cc0033;left: 20px;top: -19px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);text-align: center;padding: 10px 0 2px;width: 68px;}
.index_031 .day{color: ;margin: 0 0 0 0;line-height: 20px;}
.index_031 .month{margin: 3px 0 0;line-height: 20px;}
.index_031 .day{font-family: 'din-bold';}
.index_031 .month{font-family: 'DIN';}

.index_032 ul{margin: 0 0 0 -80px;width: 1400px;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;padding: 11px 0 0;}
.index_032 li{width: 50%;}
.index_032 .item{margin: 0 0 0 80px;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);background: #fff;overflow: hidden;border-radius: 5px;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_032 .item:hover{top: -10px;}
.index_032 .img{padding-bottom: 33.8%;border-radius: 5px 5px 0 0;}
.index_032 .bottom{padding: 17px 20px 20px;}
.index_032 .info{margin: 8px 0 0;color: #666;}

.wrap_mode04{padding: 80px 0;background: url(../images/mode04_bg.png) center bottom no-repeat;}
.mode04{position: relative;}
.index_04 ul{margin: 0 0 0 0;}
.index_04 li{width: 25%;}
.index_04 li:nth-child(2n){margin-top: 100px;}
.index_04 .item{margin: 0 0;position: relative;}
.index_04 .img{padding-bottom: 178%;}
.index_04 .box{position: absolute;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;width: 100%;letter-spacing: 8px;}
.index_04 .img_centered{width: 80px;height: 80px;margin: -17px auto 0;}
.index_04 .cover_box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: right bottom no-repeat #006534;padding: 27px 30px;opacity: 0;}
.index_04 .top{padding: 0 0 20px;border-bottom: 1px solid #fff;color: #fff;}
.index_04 .top img{vertical-align: middle;display: inline-block;height: 30px;margin: 0 13px 0 0;}
.index_04 .bottom{padding: 30px 0 0;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);color: #fff;left: 0;right: 0;line-height: 35px;}
.index_04 .bottom a{display: block;color: #fff;margin: 20px auto 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;max-width: 180px;line-height: 46px;background: rgba(255,255,255,.2);}
.index_04 .bottom a:hover{/* transform: scale(1.1); */color: #016536;background: #fff;}


.index_04 .item:hover .cover_box{animation:index21 .4s;-webkit-animation:index21 .4s;opacity: 1;}
/* @keyframes index21{
	from {
		opacity: 0;top: 20px;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;top: 0;
	}
}
 */

.wrap_mode05{padding: 85px 0 50px;background: url(../images/mode05_bg.png) center no-repeat;background-size: cover;}
.mode05{position: relative;}
.index_051{float: right;}
.index_051 ul{margin: -7px 0 0 0;}
.index_051 li{width: auto;}
.index_051 .item{margin: 0 0 0 30px;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_051 .img_centered{width: 60px;height: 60px;background: #1E7347;border-radius: 50%;}
.index_051 li:nth-child(2n) .item{margin-top: 18px;}
.index_051 .item:hover{top: -10px;}
.index_051 .item:hover .img_centered{filter: brightness(1.2);}

.index_051 .item{z-index: 3;}
.index_051 .item::after {display: block;pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)}
.index_051 .item:hover::after{content: '';display: block; -webkit-animation:sonarEffect 1s ease-out 75ms; -moz-animation:sonarEffect 1s ease-out 75ms;	 animation:sonarEffect 1s ease-out 75ms}
.index_051 .img_centered img:nth-child(2){width: 120px!important;position: absolute;left: 50%;margin-left: -60px;transform: translateY(-100%);max-height: none;max-width: initial;transition: all 0.3s ease-in-out;}
.index_051 .item:hover .img_centered{overflow: initial;}  
.index_051 .item .img_centered{transition: all 0.2s ease-in-out;}  

@-webkit-keyframes sonarEffect {
	0% {opacity:.2 }
	40%{opacity:.3;  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5);  -webkit-transform:scale(1.25); opacity:0 }
}
@-moz-keyframes sonarEffect {
	0% { opacity:.2 }
	40% {opacity:.3;  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5) }
	100% { box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5);  -moz-transform:scale(1.25);  opacity:0 }
}
@keyframes sonarEffect {
	0% { opacity:.2}
	40% {  opacity:.3; box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.5) }
	100% {  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.5);  transform:scale(1.25);  opacity:0 }
}

.index_05 .item{margin: 0 0 0;position: relative;overflow: hidden;}
.index_05 .title-box{position: absolute;left: 30px;top: 30px;color: #fff;text-align: center;}
.index_05 .title-box .img_centered{width: 50px;height: 50px;border-radius: 50%;margin: 0 auto 9px;}
.index_05 .title-box .img_centered.c1{background-color: #B57A55;}
.index_05 .title-box .img_centered.c2{background-color: #EA5D5C;}
.index_05 .title-box .img_centered.c3{background-color: #5BAAEB;}
.index_05 .title-box .img_centered.c4{background-color: #28C445;}
.index_05 .title-box .img_centered.c5{background-color: #2B0A1C;}
.index_05 .title-box .img_centered.c6{background-color: #845BEB;}
.index_05 .title-box .img_centered.c7{background-color: #B5CC64;}
.index_05 .bottom{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px;z-index: 2;}
.index_05 .bottom a{color: #fff;position: relative;padding: 0 0 0 16px;display: block;margin: 14px 0 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;text-indent: 0;}
.index_05 .bottom a::before{content: '';display: block;width: 6px;height: 6px;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 15px;}
.index_05 .bottom a:hover{text-indent: 20px;}
.index_05 .img{filter: brightness(.6);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;position: relative;}
.index_05 .img:hover{filter: brightness(1);transform: scale(1.1);}
.index_05 .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));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_05 .img:hover::after{padding-bottom: 20%;}
.index_054 .img:hover::after{display: none;}

.index_052 li{width: 33.3%;}
.index_052 .img{padding-bottom: 427px;padding-bottom: 66.6%;}
.index_053 li{width: 50%;}
.index_053 .img{padding-bottom: 540px;padding-bottom: 56.25%;}
.index_054 li{width: 800px;width: 41.67%;}
.index_054 li:first-child{width: calc(100% - 800px);width: 58.33%;}
.index_054 .img{padding-bottom: 56.25%;}
.index_054 li:first-child .img{padding-bottom: 40.18%;}

.index_0541{}
.index_0541 ul{margin: 0 110px 50px;}
.index_0541 li,.index_0541 li:first-child{width: 33.3%;}
.index_054 .index_0541 .item{margin: 0 15px 0;background: rgba(255,255,255,.4);border: 1px solid #fff;padding: 30px 20px 30px;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_054 .index_0541 .title{margin: 30px 0 20px;color: #fff;padding: 0;text-indent: 0 !important;}
.index_054 .index_0541 .title::before{display: none;}
.index_0541 .time{color: #fff;}
.index_0541 .day{font-family: 'din-bold';}
.index_0541 .month{font-family: 'DIN';}
.index_054 .index_0541 .item:hover{top: -20px;}

.wrap_mode06{padding: 117px 0 0;background: url(../images/mode06_bg.png) center bottom no-repeat #034523;overflow: hidden;position: relative;}
.wrap_mode06::before{content: '';display: block;background: url(../images/mode06_arrow.png) center bottom no-repeat;width: 240px;height: 200px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 1;}
.wrap_mode06[bg='1']::before{background-image: url(../images/mode06_prev_bg.png);}
.wrap_mode06[bg='2']::before{background-image: url(../images/mode06_next_bg.png);}
.mode06{position: relative;}

.index_06{}
.index_06 ul{margin: 0 0 70px;padding-bottom: 24%;}
/* .index_06 li{width: 20% !important;} */
.index_06 .item{margin: 0 auto;position: relative;width: 160px;}
/* .index_06 li:nth-child(2) .item{left: -40px;} */
/* .index_06 li:nth-child(4) .item{left: 40px;} */
/* .index_06 li:nth-child(2),.index_06 li:nth-child(4){margin-top: 90px;} */
/* .index_06 li:nth-child(1),.index_06 li:nth-child(5){margin-top: 310px;} */
.index_06 .box{padding-bottom: 100%;background: rgba(217, 217, 217, 0.3);height: 0;border-radius: 50%;text-align: center;color: #fff;overflow: hidden;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_06 .img_centered{width: 60px;height: 60px;margin: 20% auto 4px;}
.index_06 .title{margin: 0 10px 0;color: #fff;}
.index_06 .item:hover .box{background: #1E7347;}

.index_06 .item{z-index: 3;}
.index_06 .item::after {display: block;pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)}
.index_06 .item:hover::after{content: '';display: block; -webkit-animation:sonarEffect 1s ease-out 75ms; -moz-animation:sonarEffect 1s ease-out 75ms;	 animation:sonarEffect 1s ease-out 75ms}

.index_06 .swiper_box{overflow: hidden;}
.index_06 .swiper_menu{text-align: center;font-size: 0;position: absolute;bottom: -70px;width: 50%;z-index: 10;left: 25%;}
.index_06 .arrow{width: 120px;height: 200px;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0;cursor: pointer;position: static;opacity: .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;}
.index_06 .arrow::after{display: none;}
.index_06 .swiper-button-prev{left: 0px;/* background-image: url(../images/mode06_prev.png) */;}
.index_06 .swiper-button-next{right: 0px;/* background-image: url(../images/mode06_next.png) */;}
.index_06 .arrow:hover{opacity: 1;}


@media screen  and (max-width:1640px){
	
	
}
@media screen and (max-width: 1480px){
	.Banner .slick-arrow{display: none !important;}
	.Banner .Banner-dots{ right:calc(50% - 600px) ;} 
	
	.mode01 .mid{width: 440px;padding:30px 30px 0;}
	.mode01 .lf,.mode01 .rt{width: calc(50% - 250px);}
	.index_011{padding-top: 5px;padding-bottom: 6px;}
	.index_011 .item{padding: 17px 0;}
	.index_013 li{ margin: 0 0 20px; }
	.index_013{padding: 15px 18px 0;}
	.index_013 .item{padding: 15px;}
	.mid .more{margin: 20px auto 0;}
	.index_021{width: 400px;}
	.index_022{width: calc(100% - 430px);}
	.index_022 .item{margin-bottom: 24px;padding-bottom: 40px;}
	.index_023 .img{padding-bottom: 70%;}
	
	.wrap_mode03::before{width: calc(50% + 600px);}
	.wrap_mode03::after{width: calc(50% - 600px);}
	.index_031 ul{width: 1200px;}
	.index_032 ul{width: 1280px;}
	
	.index_06 ul{}
	.index_06 .item{}
	.wrap_mode02::before{ width: calc(50% + 255px); }
	.index_021 .title{ line-height: 30px; height: auto; max-height: 60px;}
	
}

@media screen  and (max-width:1300px){
    .index_0541 ul{margin: 0 0 20px 88px;}
	.index_054 .index_0541 .item{ margin: 0 10px 0; padding: 10px;}
}

@media screen  and (max-width:1200px){

	.Banner .bottom{ left: 15px; padding-bottom: 30px;}
	.Banner .Banner-dots{ right: 15px; bottom: 30px;}
	.Banner{ height: auto;}
	.Banner .slick-img{ height: 0; padding-bottom: 56.2%;}
	
	.wrap_mode01{ padding: 50px 0;}
	.mode01{ display: flex;flex-wrap: wrap }
	.mode01 .lf{ width: 48.5%;order: 2; }
	.mode01 .rt{ width: 48.5%;order: 3; margin-left: 3%; }
	.mode01 .mid{ width: 100%;order: 1; float: none; box-sizing: border-box; margin-bottom: 30px; margin-top: 0; padding: 30px;}
	.mode01 .mid .slick-dots{ display: none !important;  } 
	.index_012.item .img{ width:500px; height: 281px; padding: 0; float: left;}
	.index_012.item .itemText{ margin-left: 530px;}
	.index_012 .title{margin:0 0 20px 0;height: auto;max-height: 60px;}
	.mid .more{ margin: 20px auto 0;}
	/* .index_013 li{ width: 50%;}
	.index_013 ul{ margin: 0 -5px;}
	.index_013 .item{ margin: 0 5px;} */
	
	.wrap_mode02::before{ width: 100%;}
    .mode02 .lf{ width: 100%; float: none;}
    .mode02 .rt{ width: 100%; float: none; margin-top: 25px;}
	.index_021{ width: 480px;}
	.index_022 {width: calc(100% - 510px);}
	.index_023 ul{ margin: -10px;}
	.index_023 li{ width: 50%;}
	.index_023 .item{ margin: 10px;}
	.mode03 .lf{ width: 100%; float: none;}
	.mode03 .rt{ width: 100%; float: none; box-sizing: border-box; margin: 0;padding: 30px 10px 50px 10px;}
	.mode03 .rt::before{display: none;} 
	.mode03 .rt .index_title{ width: calc(50% - 20px);}
	.mode03 .rt .index_title *{ color: #fff;}
	.mode03 .rt .index_title .channel_link{ background-image: url(../images/index_title_more2.png);}
	.mode03 .rt .index_title::before{background: #fff;}
	.mode03 .rt .index_title:first-child .channel_title{ background-image: url(../images/mode03_title22.png);}
	.index_032 ul{ margin-left: -40px;}
	.index_032 .item{ margin-left: 40px;}
	/* .index_032 .item{ margin: 0;} */
	.index_031 ul,.index_032 ul{ width: auto;}
	.index_031 ul{ margin: -10px;}
	.index_031 .item{ margin: 10px;}
	.wrap_mode04{ padding: 50px 0;}
	.index_04 .cover_box{ opacity: 1; position:static;}
	.index_04 .item{ margin: 3px;}
	.index_04 li:nth-child(2n){ margin-top: 50px;}
	.index_04 .img{ display: none;}
	.index_04 .bottom{ position: static; transform: none; padding: 0;}
	.wrap_mode06{ padding: 50px 0 0;}
    
}
@media screen and (max-width: 1040px){
	.index_051 .img_centered img:nth-child(2){width: 100px!important;margin-left: -55px;}
}
@media screen and (max-width: 992px){
	.index_title .channel_title{ background-size: contain;}
	.index_012.item .img{ width: 430px; height:242px;}
	.index_012.item .itemText{ margin-left: 460px;}
	.index_031 li{ width: 50%;}
	.index_031 .bottom{ padding: 45px 15px 15px;}
	.index_04 li:nth-child(2n){ margin-top: 0;}
	.index_054 > ul > li:first-child,.index_054 >ul > li{width: 100%; }
	.index_054 li:first-child .img{ padding-bottom: 56.25%;}
	.index_0541 ul{ margin: 0;}
	.index_05 .bottom{ padding: 15px;}
	.index_05 .title-box{ top: 15px; left: 15px;}
	.index_04 .cover_box{ min-height: 450px; padding: 20px;}
	.index_031 .title{ height:72px; line-height: 24px;}
}
@media screen  and (max-width:767px){
	.wrap_mode01,.wrap_mode02,.wrap_mode04,.wrap_mode05{ padding: 30px 0;}
	.Banner .bottom{ padding-bottom: 15px; left: 10px;}
	.Banner .vicetitle{ display: none;}
	.Banner .slick_menu{ bottom: 10px;}
	.Banner .Banner-dots{bottom: 15px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;}
	.wrap_mode06::before{ width: 140px; height: 117px; background-size: cover;}
	.index_06 .arrow{ width: 70px; height: 120px;}
    .index_06 .item{}
	.index_06 .swiper-slide{ transform: none !important; left: auto !important;}
	.mode01 .mid{ padding: 20px;}
	.index_011,.index_013{ padding: 15px;}
	.index_011 .month,.index_013 .day,.index_013 li{ margin: 0;}
	.index_011 .item{ padding: 13px 0;}
	
	.index_012.item .img{ width: 100%; height:0; padding-bottom: 56.2%; float: none;}
	.index_012.item .itemText{ margin:20px 0 0;}
	.index_012 .info{ height: auto; }
	.mode01 .lf,.index_021{ width: 100%; float:none;}
	.mode01 .rt,.index_022{ width: 100%; float:none; margin: 25px 0 0;}
	.index_04 li{ width: 50%;}
	.mode05 .index_title{ float: none; width: 100%;}
	.index_051{ float: none;}
	.index_051 li:nth-child(2n) .item{ margin-top:5px;}
	.index_051 .item{ margin:5px;}
	.index_052 li,.index_053 li{ width: 100%;}
	.mode03 .rt{ padding: 0 10px 30px 10px;}
	.mode03 .rt .index_title{ width: 100%; float: none !important;}
	.mode03 .rt .index_title.c2{ display: none;}
	.mode03 .rt .index_title.c3{ display: block; margin-top: 30px;}
	.index_032 ul{ margin: 0;}
	.index_032 .item{ margin: 0;}
	.index_032 li{ width: 100%;}

	.mid .more{margin-bottom: 20px;}
	.mode01 .mid .slick-dots{text-align: center;bottom: -12px;}
	.index_011 .title,.index_013 .title,.index_021 .info,.index_022 .title{ height: auto; } 
	.index_04 .bottom{ display: none; }
	.index_04 .cover_box{ min-height: auto; }
	.index_04 .top{ padding: 0; border-bottom: none; }
}

@media screen  and (max-width:640px){
	.index_06 ul{ padding-bottom: 14%;}
	.index_06 .item{ width: auto; margin: 0 10px;}
	.index_054 li:first-child .img{ display: none;}
	.index_0541 li, .index_0541 li:first-child{ width: 100%; margin-bottom: 15px;}
	.index_054 li:first-child .bottom{ position: relative; background: url(../images/mode05_img6.png) no-repeat; background-size: cover; padding-top: 111px;}
	.index_054 li:first-child .bottom::after{content: '';display: block; width: 100%; height: 100%; position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 0;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,1));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));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_0541{ position: relative; z-index: 9;}
	.index_054 > ul > li:first-child .title-box{ z-index: 9;}
	.index_054 .index_0541 .title{ height: auto; margin: 10px 0;}
	
}
@media screen  and (max-width:520px){
	.index_06 .img_centered{ width: 45px; height: 45px;}
	.wrap_mode06::before{ width: 100px; height: 84px; background-size: cover;}
	.index_06 .arrow{ width: 50px; height:84px;}
}

@media screen  and (max-width:480px){
	.index_06 .item{ margin: 0 15px;}
	.index_051 .img_centered{ width:40px; height: 40px; }
}