.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;}
.banner{height: 100%;position: relative;overflow: hidden;}
.banner a{display:block;position:relative;height: 100%;}
/* .banner a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));height: 20rem;pointer-events: none;z-index: 2;} */

.banner .gp-img{padding-bottom: 47.65%;}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;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 10s 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)}
}
.wrapbanner .swiper_menu{position: absolute;left: .3rem;width: 100%;display: flex;justify-content: center;align-items: center;bottom: 4.1rem;z-index: 5;}

.wrapbanner .swiper-pagination{width: auto;bottom: 0;left: auto;position: relative;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 4.2rem;height: 4.2rem;background: none;opacity: 1;border-radius: 0;margin: 0 .4rem;line-height: 4.2rem;position: relative;color: #fff;font-weight: bold;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet::before{content: '';position: absolute;right: -0.7rem;top: -0.7rem;background: url(../images/banner_dot1.png) no-repeat center/cover;width: 6.1rem;height: 6.2rem;z-index: -1;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background-image: url(../images/banner_dot2.png);}

.wrapbanner .arrow{width: 1.6rem;height: 4.2rem;background: none;display: block;margin: 0 .3rem;cursor: pointer;position: relative;top: 0;transform: none;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: 10;border: none;border-radius: 0;}
.wrapbanner .arrow::before{content: '';background: url(../images/banner_prev.png) no-repeat center/cover;width: 3rem;height: 4.2rem;position: absolute;right: -0.5rem;top: .5rem;}
.wrapbanner .next::before{background-image: url(../images/banner_next.png);}
.wrapbanner .prev{left: 0;}
.wrapbanner .next{right: 0;}
.wrapbanner .arrow:hover{}
.wrapbanner .prev:hover::before{background-image: url(../images/banner_prev2.png);}
.wrapbanner .next:hover::before{background-image: url(../images/banner_next2.png);}

.mode01_title{position: relative;text-align: center;background: url(../images/mode01_title.png) no-repeat center/52.5rem;color: #fff;height: 10.6rem;padding: 3.2rem 0 0;font-weight: bold;margin: 0 0 4.4rem;}
.mode01_title h2{margin: 0 0 .5rem 1.4rem;letter-spacing: 1.8rem;}

.index_title{margin: 0 0 1.5rem -2.4rem;background: url(../images/index_title_bg.png) no-repeat left center/50rem;height: 9rem;align-items: flex-end;padding: 0 0 0 3rem;}
.channel_link{position: relative;z-index: 2;background: url(../images/index_more.png) no-repeat right bottom/15rem;width: 15rem;text-align: right;padding: 0 0 1.2rem;}
.channel_title{padding: 0 0 .4rem;color: #fff;font-weight: bold;position: relative;}
.channel_title .ch{font-size: 3rem;letter-spacing: .9rem;position: relative;z-index: 2;font-weight: bold;}
.channel_title .en{font-size: 7.6rem;position: absolute;left: -0.7rem;bottom: 0;line-height: 1;opacity: .2;}


.content{background: url(../images/index_bg.png) no-repeat top center/cover;margin: 0 0 -6.5rem;}

.wrap_mode01{padding: 6rem 0 1.9rem;}
.mode01{border-radius: 2rem;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);padding: 3.8rem 4.4rem 2.6rem;backdrop-filter: blur(.35rem);-webkit-backdrop-filter: blur(.35rem);}

.index_01{overflow: hidden;}
.index_01 .article{text-indent: 2em;line-height: 2em;font-weight: bold;color: #021e4d;margin: 0 0 2.2rem;}
.index_01 .more{float: right;width: 17.8rem;line-height: 4.2rem;text-align: center;color: #fff;font-weight: bold;border-radius: 2rem;background-image: -moz-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -ms-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.2),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border: .1rem solid #fff;letter-spacing: .36rem;position: relative;}
.index_01 .more::before{content: '';display: block;border-radius: 2rem;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.2),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.index_01 .more:hover::before{opacity: 1;}

.wrap_mode02{padding: 6rem 0 2.6rem;}
.mode02{}

.index_02{}
.index_02 ul{margin: 0 0 -2.8rem -2.3rem;padding: 0 0;}
.index_02 .item{margin: 0 0 2.8rem 2.3rem;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border-radius: 2rem;overflow: hidden;padding: 2rem 2.2rem;backdrop-filter: blur(.35rem);-webkit-backdrop-filter: blur(.35rem);position: relative;}
.index_02 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient( 0deg, rgba(1,94,234,0) 75%, rgba(1,94,234,0.67) 92%, rgb(0,192,250) 100%);background-image: -webkit-linear-gradient( 0deg, rgba(1,94,234,0) 75%, rgba(1,94,234,0.67) 92%, rgb(0,192,250) 100%);background-image: -ms-linear-gradient( 0deg, rgba(1,94,234,0) 75%, rgba(1,94,234,0.67) 92%, rgb(0,192,250) 100%);border-radius: 2rem;z-index: 1;opacity: .2;}
.index_02 .img_box{width: 38.8rem;position: relative;z-index: 2;}
.index_02 .info_box{margin: 0 0 -1rem;width: calc(100% - 39.5rem);position: relative;z-index: 2;}
.index_02 .title{margin: 0 0 3.1rem;color: #021e4d;font-weight: bold;}
.index_02 .time{color: #4690c9;font-weight: bold;margin: -0.5rem 0 .7rem;}
.index_02 .more{float: right;border-radius: 2rem;background-image: -moz-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -ms-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.2),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border: .1rem solid #fff;width: 4.4rem;height: 4.4rem;border-radius: 50%;line-height: 3.7rem;text-align: center;color: #fff;position: relative;}
.index_02 .more::before{content: '';display: block;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.2),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border: .1rem solid #fff;border-radius: 50%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 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_02 .more:hover::before{opacity: 1;}




.wrap_mode03{padding: 6rem 0 3rem;}
.mode03{}

.index_03{}
.index_03 ul{margin: 0 0 -3rem -3.6rem;padding: .8rem 0 0;}
.index_03 .item{margin: 0 0 3rem 3.6rem;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border-radius: 2rem;overflow: hidden;padding: 2.3rem 1.3rem 2.8rem;backdrop-filter: blur(.35rem);-webkit-backdrop-filter: blur(.35rem);position: relative;z-index: 2;background: url(../images/mode03_bg.png) no-repeat bottom center/100% auto;}
.index_03 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;box-shadow: 0px 3px 9.7px 0.3px rgba(153, 194, 255, 0.66),inset 0px 2px 1px 0px rgba(255, 255, 255, 0.54),inset 0px -3px 3px 0px rgba(255, 255, 255, 0.54),inset 0px 0px 16.32px 15.68px rgba(255, 255, 255, 0.34);border-radius: 2rem;opacity: 0;background: rgba(255, 255, 255, .4);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_03 .item::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border-radius: 2rem;}
.index_03 .top{padding: 0 0 1.8rem;align-items: center;border-bottom: .2rem solid #fff;margin: 0 0 2rem;}
.index_03 .time{display: flex;flex-direction: column;align-items: center;width: 7.2rem;height: 7.2rem;justify-content: center;color: #fff;border-radius: 2rem;background-image: -moz-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -ms-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.2),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem .51rem .49rem rgba(255, 255, 255, 0.34);line-height: 1.2;}
.index_03 .day{margin: 0 0;transform: scale(.83);}
.index_03 .month{font-weight: bold;}
.index_03 .title{margin: 0 0 -0.9rem;width: calc(100% - 8rem);font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #021e4d;letter-spacing: .04rem;}
.index_03 .summary{margin: 0 0;color: #fff;letter-spacing: .04rem;}
.index_03 .item:hover::before{opacity: 1;}

.wrap_mode04{padding: 6rem 0 12.3rem;}
.mode04{}
.mode04 .lf{width: 80.9rem;}
.mode04 .rt{width: calc(100% - 80.9rem);}

.index_04{align-items: center;padding: .5rem 0 0;}
.index_04a{padding: 2.6rem 2rem;box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);border-radius: 2rem;backdrop-filter: blur(.35rem);-webkit-backdrop-filter: blur(.35rem);}
.index_04a ul{margin: 0 0;}
.index_04a li.off{display: none;}
.index_04a .item{margin: 0 0;}
.index_04a li.on .item{-webkit-animation: inde04a .5s ease-out;animation: inde04a .5s ease-out;}
@-webkit-keyframes inde04a{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes inde04a{
	0% {opacity: 0;}
	100% {opacity: 1;}
}


.index_04b{background-image: -moz-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);background-image: -ms-linear-gradient( 90deg, rgb(1,94,234) 0%, rgb(0,192,250) 100%);}
.index_04b ul{margin: 0 0;}
.index_04b .item{margin: 0 0;height: 10.7rem;align-items: center;padding: 0 4rem 0 1.6rem;position: relative;z-index: 2;}
.index_04b .time{position: relative;text-align: center;width: 7.2rem;color: #fff;font-weight: bold;padding: .5rem 0 0;}
.index_04b .time::before{content: '';display: block;position: absolute;left: 0;top: 0;border-top: .1rem solid #fff;border-left: .1rem solid #fff;width: 1.6rem;height: 1.6rem;}
.index_04b .title{margin: 0 0 0 1.4rem;flex: 1;color: #fff;letter-spacing: .16rem;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_04b .item::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%; box-shadow: 0rem .3rem .97rem .03rem rgba(153, 194, 255, 0.66),inset 0rem .2rem .1rem 0rem rgba(255, 255, 255, 0.54),inset 0rem -0.3rem .3rem 0rem rgba(255, 255, 255, 0.54),inset 0rem 0rem 1.63rem 1.57rem rgba(255, 255, 255, 0.34);opacity: 0;z-index: -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_04b li.on .item::before{opacity: 1;}





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


}
@media screen  and (max-width:996px){
	.wrapbanner{padding-top: 0;height: auto;}
	.wrapbanner .swiper-pagination{}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;width: 28px;height: 28px;line-height: 25px;font-size: 13px;}
	.wrapbanner .swiper-pagination .swiper-pagination-bullet::before{width: 40px;height: 40px;right: -5px;top: -5px;}
	.banner .gp-img{padding-bottom: 48.8%}

	.wrapbanner .swiper_menu{bottom: 10px;}
	.wrapbanner .swiper-pagination{}

	.wrapbanner .arrow{width: 12px;height: 28px;}
	.wrapbanner .arrow::before{width: 20px;height: 28px;right: -3px;top: .3rem;}

	.content{padding: 0;overflow: hidden;margin: 0 auto -10rem;}

	.mode01_title h2{font-size: 18px;margin-bottom: 2px;}
	.mode01_title p{font-size: 12px;}
	
	.channel_title .ch{font-size: 24px;letter-spacing: .6rem;}

	.index_03 .time{width: 54px;height: 54px;}
	.index_03 .title{width: calc(100% - 64px);}
	

	


}
@media screen and (max-width:767px){
	.wrapbanner .swiper-pagination,.wrapbanner .swiper_menu .more{vertical-align: bottom;}
	
	.content{margin-bottom: 0;}

	.mode01{padding: 2.8rem 2.4rem 1.6rem;}
	.wrap_mode04{padding-bottom: 6rem;}

	.index_02 .img_box{width: 26rem;}
	.index_02 .info_box{width: calc(100% - 28rem);}
	.index_02 .title{margin-bottom: 1.2rem;}
	.index_02 .time{margin-bottom: 0;}
	.index_02 .more{display: none;}

	.mode04 .lf{width: 100%;}
	.mode04 .rt{width: 100%;}

	.mode01_title{margin-bottom: 10px;}
	.index_01 .article{max-height: 16em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
	


}
@media screen  and (max-width:639px){
	
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:413px){
	
}
@media screen and (max-width:380px){
	
}
@media screen and (max-width:320px){
	
}