.wrapbanner{overflow: hidden;position: relative;}

.banner{}
.banner .video_box{position: relative;height: 100vh;/*height: 940px;*/}
.banner .video_box video{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 1;}
.banner .video_box::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index:2;background: rgba(69, 145, 255, 0.1);}
.banner .video_box .box{position: absolute;z-index: 10;width: 100%;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);text-align: center;color: #fff;}
.banner .title{font-weight: bold;font-size: 120px;line-height: 1.3em;margin: -30px 0 30px;text-shadow: 0px 6px 12.1px rgba(0, 0, 0, 0.25);}
.banner .vicetitle{text-shadow: 0px 4px 7.1px rgba(0, 0, 0, 0.25);}


/* .banner a{display:block;position:relative}
.banner .title{color:#fff;margin:auto;white-space:nowrap;line-height:1.2em;position: absolute;left: 106px;right: 40px;bottom: 62px;z-index: 2;}
.banner .gp-img{display:block;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: calc(523% / 19.2);height: 0;padding-bottom: 33.3%;}
.banner .gp-img::before{content: '';display: block;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;height: 170px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner .gp-img img{min-width: 100%;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.1)}
} */

.index_title{margin-bottom: 42px;display: block;position: relative;}
.index_title::after{content: '';display: block;clear: both;}
.channel_link{float: right;position: relative;z-index: 2;padding: 0 25px 0 0;background: url(../images/index_more.png) no-repeat right center/32px;line-height: 32px;margin: 16px 0 0;}
.channel_title{padding: 0 0 0;color: #01337B;font-weight: bold;position: relative;}
.channel_title::before{content: '';display: block;width: 60px;height: 60px;background: rgba(255, 168, 0, 0.7);border-radius: 50%;position: absolute;left: -12px;top: -8px;z-index: -1;}
.channel_vicetitle{position: absolute;left: -114px;bottom: 0;z-index: -2;color: #E4E5EC;font-family: 'dinpro_b';font-size: 128px;text-transform: uppercase;}

.index_title.w .channel_title{color: #fff;}
.index_title.w .channel_link{color: #fff;background-image: url(../images/index_more2.png);}
.index_title.w .channel_vicetitle{color: #E4E5EC;opacity: 0.1;}

.mode02 .channel_title::before{background: #03C988;}
.mode03 .channel_title::before{background: #FFFF45;}
.mode04 .channel_title::before{background: #A1A9FF;}

.mode03 .channel_vicetitle{color: rgba(255, 255, 255, .55);}

.wrap_mode01{padding: 122px 0 90px;position: relative;overflow: hidden;}
.wrap_mode01::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 59%;background: #F2F2F9;}
.mode01{}

.wrap_index_01{overflow: hidden;padding: 20px 0;border-radius: 10px;}
.index_01{margin: 0 auto;width: 652px;}
.index_01 ul{margin: 0 0;}
.index_01 .swiper-slide{}
.index_01 .item{margin: 0 5px;border-radius: 10px;overflow: hidden;position: relative;}
.index_01 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;background: rgba(0, 0, 0, 0.2);}
.index_01 .gp-img{padding-bottom: 53.7%;position: relative;}
.index_01 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(1.71deg, rgba(0, 0, 0, 0.3) 2.22%, rgba(0, 0, 0, 0) 99.32%);height: 40.5%;}
.index_01 .title{margin: 0 0;position: absolute;left: 10px;right: 10px;bottom: 22px;color: #fff;opacity: 0;font-weight: bold;}
.index_01 .swiper-slide-active .item::before{display: none;}
.index_01 .swiper-slide-active .title{opacity: 1;}


.wrap_mode02{padding: 102px 0 82px;background: #003279;}
.mode02{}

.index_02{background: #fff;border-radius: 10px;position: relative;padding: 44px 10px 43px;}
.index_02::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 187px;height: 1px;background: #E5E5E5;z-index: 3;}
.index_02 ul{margin: 0 0;/*position: relative;z-index: 2;*/}
.index_02 *{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_02 .item{margin: 0 0;padding: 0 30px 38px;border-radius: 10px;}
.index_02 .time{text-align: center;padding: 19px 0 45px;position: relative;top: 0;}
.index_02 .time::before{content: '';display: block;background: rgba(0, 0, 0, .1);width: 20px;height: 20px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;z-index: 10;}
.index_02 .time::after{content: '';display: block;background: #03C988;width: 16px;height: 16px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -9px;border: 1px solid #fff;z-index: 10;}
.index_02 .day{margin: 0 0 3px;line-height: 1.1;padding: 0 0 0;color: #03C988;font-family: 'dinpro_b';position: relative;top: 0;}
.index_02 .day span{color: #01337C;}
.index_02 .year{margin: 0 0;line-height: 1.1;padding: 0 0 0;color: #01337C;font-family: 'dinpro_m';position: relative;top: 0;}
.index_02 .bottom{padding: 40px 0 0;}
.index_02 .summary{margin: 16px 0 0;color: #999;}

.index_02 .item:hover{background: #01337C;color: #fff;}
.index_02 .item:hover .day,.index_02 .item:hover .year{top: 10px;}
.index_02 .item:hover .day{opacity: .5;}
.index_02 .item:hover .time span,.index_02 .item:hover .year,.index_02 .item:hover .title,.index_02 .item:hover .summary{color: #fff;}

.wrap_mode03{padding: 110px 0 48px;background: url(../images/mode03_bg.png) no-repeat center/cover;}
.mode03{}
.mode03 .lf{float: left;width: 34%;}
.mode03 .rt{float: right;width: 64.6%;margin: -32px 0 0;}

.index_03a{padding: 15px 0 0;}
.index_03a .title{margin: 0 0 42px;color: #01337C;font-weight: bold;color: #2770dd;}
.index_03a .title span{font-size: 1.4375em;}
.index_03a .summary{margin: 0 0;color: #333;/*font-weight: bold;*/line-height: 1.82em;color: #2770dd;}

.index_03b{}
.index_03b ul{margin: 0 0 -20px -28px;}
.index_03b .item{margin: 0 0 20px 23px;position: relative;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);border: 1px solid rgba(255, 255, 255, 0.6);filter: drop-shadow(0px 8.58716px 23.9009px rgba(0, 0, 0, 0.25));border-radius: 10px;padding: 10px;}
.index_03b .gp-img{padding-bottom: 488px;border-radius: 10px;}
.index_03b .box{width: 154px;height: 154px;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 50%;background: #1E3D6B;box-shadow: 0px 4px 32.6px rgba(0, 0, 0, 0.3);top: 230px;color: #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_03b .box span{display: block;width: 1em;font-weight: bold;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.index_03b li:nth-child(2) .box{background: #5B2C63;top: 146px;}
.index_03b li:nth-child(3) .box{background: #78191D;top: 71px;}

.index_03b .item:hover .box{background: #fff;color: #1E3D6B;}
.index_03b li:nth-child(2) .item:hover .box{color: #5B2C63;}
.index_03b li:nth-child(3) .item:hover .box{color: #78191D;}

.wrap_mode04{padding: 140px 0 80px;}
.mode04{}

.index_04a{position: relative;overflow: hidden;margin: -8px 0 67px;}
.index_04a ul{margin: 0 0;padding: 0 0;}
.index_04a .item{margin: 0 0;background: #01337C;border-radius: 10px;}
.index_04a .img_box{width: calc(50% + 10px);float: right;}
.index_04a .gp-img{padding-bottom: 54.3%;padding-bottom: 386px;}
.index_04a .info_box{margin: 0 calc(50% + 10px) 0 0;padding: 36px 22px 0;overflow: hidden;}
.index_04a .vicetitle{margin: 0 0 0 -22px;background: #03C988;color: #fff;padding: 0 22px 0 15px;border-radius: 0 50px 50px 0;line-height: calc(2em - 2px);display: inline-block;}
.index_04a .top{overflow: hidden;}
.index_04a .vicetitle_box{text-align: center;background: #03C988;color: #fff;display: inline-block !important;vertical-align: bottom;margin: 0 10px 0 0;padding: 5px;}
.index_04a .vicetitle_box.c2{background: #9ae6ff;}
.index_04a .vicetitle_box.c3{background: #a6adfe;}
.index_04a .vicetitle_box.c4{background: #b7fefa;color: #84bafb;padding-left: 10px;padding-right: 10px;}


.index_04a .time_box{display: inline-block;vertical-align: bottom;}
.index_04a .day{display: inline-block;vertical-align: bottom;color: #fff;font-family: 'dinpro_m';line-height: 1em;}
.index_04a .time{display: inline-block;vertical-align: bottom;}
.index_04a .time span{display: block;}
.index_04a .time span.fs14{color: #03C988;}
.index_04a .time span.fs18{color: #fff;}

.index_04a .title{margin: 28px 0 26px;color: #fff;line-height: 1.85em;}
.index_04a .summary{margin: 0 0;color: #fff;line-height: 1.85em;}
.index_04a .time{}

.index_04a .swiper_menu{text-align: center;padding: 0 20px;font-size: 0;position: absolute;left: 0;right: calc(50% + 10px);bottom: 0;background: #4A6DA1;z-index: 2;border-radius: 0 0 0 10px;}
.index_04a .arrow{width: 50px;height: 50px;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0 14px 1px;cursor: pointer;background-size: 50px;}
.index_04a .prev{left: 0px;background-image: url(../images/mode04_prev.png);}
.index_04a .next{right: 0px;background-image: url(../images/mode04_next.png);}
/* .index_04a .arrow:hover{background-color: #00873c;}
.index_04a .prev:hover{background-image: url(../images/mode04a_prev2.png);}
.index_04a .next:hover{background-image: url(../images/mode04a_next2.png);} */

.index_04b{}
.index_04b ul{margin: 0 0 -30px -26px;}
.index_04b .item{margin: 0 0 30px 26px;position: relative;padding: 16px 12px 24px 8px;background: #fff;box-shadow: 0px 4px 34.8px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.index_04b .tip{background: #03C988;width: 93px;text-align: center;border-radius: 8px;line-height: 2em;color: #fff;position: absolute;top: 0%;transform: translateY(-50%);left: 8px;}
.index_04b .item.color2 .tip{background: #DFB50C;}
.index_04b .item.color3 .tip{background: #6A76FF;}
.index_04b .title{margin: 0 0 0 115px;}
.index_04b .time_box{float: left;padding: 10px 0 0;position: relative;}
.index_04b .time_box::before{content: '';border-right: 1px solid #03C988;transform: translateY(-50%) rotate(14deg);position: absolute;left: 100%;height: 61px;top: 50%;margin: 6px 0 0 3px;transform-origin: left bottom;}
.index_04b .month{margin: 0 0;line-height: 1.1;padding: 0 0 0;color: #333;}
.index_04b .month span{font-weight: bold;font-size: 2em;font-family: 'dinpro_b';}
.index_04b .year{margin: 0 0;line-height: 1.1;padding: 0 0 0;color: #333;font-family: 'dinpro_m';}
.index_04b .day{margin: 0 0 0 12px;line-height: 1.1;padding: 0 0 0;color: #333;position: absolute;left: 100%;bottom: -4px;font-weight: bold;font-family: 'dinpro_b';}
.index_04b .item.color2 .time_box::before{border-right-color: #DFB50C;}
.index_04b .item.color3 .time_box::before{border-right-color: #6A76FF;}

@media screen and (min-width:992px){

}
@media screen and (max-width:1640px){
	.banner .title{font-size: 80px;margin: -20px 0 20px;}

	.index_title{margin-bottom: 30px;}
	.channel_vicetitle{font-size: 80px;left: -70px;}
	
	.wrap_mode01{padding-top: 80px;padding-bottom: 50px;}
	.wrap_mode02{padding-top: 80px;}
	.wrap_mode03{padding-top: 80px;}
	.wrap_mode04{padding-top: 100px;padding-bottom: 50px;}

}
@media screen and (max-width:1280px){
	.banner .title{font-size: 60px;margin-bottom: 10px;}

	.channel_vicetitle{left: -40px;}

	.index_02{padding: 24px 10px;}
	.index_02::before{top: 150px;}
	.index_02 .bottom{padding: 20px 0 0;}
	.index_03b .box{width: 100px;height: 100px;}

}
@media screen and (max-width: 996px){
	.banner .video_box{height: auto;}
	.banner .video_box video{position: relative;}

	.index_title{margin-bottom: 20px;}
	.channel_vicetitle{font-size: 70px;left: -20px;}
	
	.wrap_mode01{padding-top: 50px;padding-bottom: 50px;}
	.wrap_mode02{padding-top: 50px;padding-bottom: 50px;}
	.wrap_mode03{padding-top: 50px;}
	.wrap_mode04{padding-top: 70px;padding-bottom: 50px;}

	.channel_link{margin-top: 8px;}

	.index_02{padding-left: 0;padding-right: 0;}
	.index_02::before{display: none;}
	.index_02 .time{border-bottom: 1px solid #E5E5E5;padding: 10px 0 24px;}
	.index_02 .item{padding: 0 0 16px;}
	.index_02 .bottom{padding-left: 20px;padding-right: 20px;}
	.index_02 .summary{margin: 2px 0 0;}

	.mode03 .lf{width: auto;float: none;}
	.mode03 .rt{width: 100%;margin: 20px 0 0;float: none;}

	.index_03a{padding: 0;}
	.index_03a .title{margin: 0 0 20px;}

	.index_03b .gp-img{padding-bottom: 320px;}
	.index_03b .box,.index_03b li:nth-child(2) .box,.index_03b li:nth-child(3) .box{top: 60px;}

	.index_04a{margin: 0 0 40px;}

	.index_04a .img_box{width: 100%;float: none;}
	.index_04a .info_box{margin: 0;padding: 20px 10px 60px;}
	.index_04a .gp-img{padding-bottom: 54.3%;border-radius: 10px 10px 0 0;}
	.index_04a .title{margin: 10px 0 10px;}

	.index_04a .swiper_menu{right: 0;}
	.index_04a .arrow{width: 40px;height: 40px;background-size: 40px;}

	/* .index_04a .vicetitle_box .fs32{font-size: 30px;}
	.index_04a .vicetitle_box .fs28{font-size: 22px;} */

	.index_04a .vicetitle_box .fs32{font-size: 32px;}
	.index_04a .vicetitle_box .fs28{font-size: 28px;}
	.index_04a .vicetitle_box .fs22{font-size: 22px;}
	.index_04a .vicetitle_box .fs14{font-size: 14px;}

	.index_04a .day{font-size: 44px;}

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

	.banner .title{font-size: 30px;margin-top: 0;margin-bottom: 6px;}

	.channel_vicetitle{font-size: 42px;left: -20px;bottom: 20px;}

	.wrap_mode01{padding-top: 50px;padding-bottom: 30px;}
	.wrap_mode02{padding-top: 50px;padding-bottom: 30px;}
	.wrap_mode03{padding-top: 50px;}
	.wrap_mode04{padding-top: 50px;padding-bottom: 30px;}

	.index_01{width: 90%;}
	.index_01 .title{bottom: 10px;}

	.index_02 .title{font-size: 16px;line-height: 1.8em;}
	.index_02 .summary{font-size: 14px;line-height: 1.8em;}

	.index_03b .gp-img{padding-bottom: 270px;background-position-y: 25%;}
	.index_03b .box{font-size: 26px;width: 150px;height: 150px;}
	.index_03b .box, .index_03b li:nth-child(2) .box, .index_03b li:nth-child(3) .box{top: 65px;}

	.index_04b .title{margin-left: 100px;}

	.channel_title::before{width: 50px;height: 50px;}


}
@media screen and (max-width:413px){
	.wrap_index_01{padding: 0;}
	.index_01{width: auto;margin: 0 -5px;}

}