.side{position: fixed;right: -12rem;top: 50%;transform: translateY(-50%);z-index: 100;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;opacity: 0;width: 10rem;}
.side.on{right: .8rem;opacity: 1;}
.robot{display: block;position: relative;animation:robotFloat 2.8s ease-in-out infinite;-webkit-animation:robotFloat 2.8s ease-in-out infinite;}
.robot .r1{display: block;width: 100%;}
.robot .r2{display: block;position: absolute;left: 50%;top: 0;width: 1.5rem;margin-left: -0.5rem;transform-origin:50% 100%;animation:robotAntenna 2.8s ease-in-out infinite;-webkit-animation:robotAntenna 2.8s ease-in-out infinite;}
@-webkit-keyframes robotFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-0.8rem);}
}
@keyframes robotFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-0.8rem);}
}

@-webkit-keyframes robotAntenna{
    0%,100%{transform:rotate(0deg);}
    25%{transform:rotate(-4deg);}
    50%{transform:rotate(2deg);}
    75%{transform:rotate(4deg);}
}
@keyframes robotAntenna{
    0%,100%{transform:rotate(0deg);}
    25%{transform:rotate(-4deg);}
    50%{transform:rotate(2deg);}
    75%{transform:rotate(4deg);}
}

.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:20;padding-top: 11.6rem;}
.banner{position:relative;overflow:hidden;}
.banner a{display:block;position:relative;}
.banner a::before{content: '';display:block;position: absolute;left: 0;bottom: 0;width: 100%;height: 20rem;background: linear-gradient(180.00deg, rgba(0, 75, 200, 0) 0%,rgba(0, 75, 200, 0.6) 100%);z-index: 2;}
.banner .banner-img{padding-bottom: 60rem;height: 0;}
.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;pointer-events: none;}
.banner .banner-img video{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.banner .swiper-slide-active .banner-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)}
}
.gp-video-box{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:3}

.wrapbanner .swiper_menu{position: absolute;bottom: 3rem;z-index: 10;display: flex;align-items: center;justify-content: center;right: 24rem;}
.wrapbanner .swiper-pagination{position: relative;bottom: 0;width: auto;left: 0;color: #fff;display: flex;align-items: flex-end;justify-content: center;line-height: 1;margin: 0 2rem;}
.wrapbanner .swiper-pagination .cur{font-weight: bold;}
.wrapbanner .swiper-pagination .total{padding: 0 0 0 .2rem;}
.wrapbanner .arrow{width: 4rem;height: 4rem;background: rgba(255, 255, 255, 0) no-repeat center/4rem;display: block;margin: 0;cursor: pointer;border-radius: 0;}
.wrapbanner .prev{left: 0rem;background-image: url(../images/prev.svg);}
.wrapbanner .next{right: 0rem;background-image: url(../images/next.svg);}
/* .wrapbanner .arrow:hover{background-color: #fff;} */
.wrapbanner .prev:hover{background-image: url(../images/prev2.svg);}
.wrapbanner .next:hover{background-image: url(../images/next2.svg);}

.content{position: relative;z-index: 21;}

.channel_link{align-items: center;padding: 1rem 3.5rem;margin: .8rem 0 0;position: relative;color: #fff;justify-content: center;}
.channel_link::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 100%;transform: skew(-15deg);background: linear-gradient(270.00deg, rgba(234.16, 23.64, 114.87, 1) 6.024%,rgba(0, 75, 200, 1) 100%);z-index: -10;box-shadow: 0rem 1rem 1rem 0rem rgba(0, 75, 200, 0.3);}
.channel_link::after{content: '';display: block;position: absolute;left: -2rem;top: -0.8rem;width: 6.6rem;height: 1.6rem;transform: skew(-20deg);background: #EB523A;z-index: -1;box-shadow: 0rem 1rem 1rem 0rem rgba(0, 75, 200, 0.3);}
.channel_link .line{width: 3rem;height: .1rem;background: #fff;margin-right: 1rem;}
.channel_link:hover{color: #fff;font-weight: bold;}

.wrap_mode01{padding: 0 0 20rem;background: url(../images/mode01_bg.png) no-repeat center/cover;margin: 0 0 -10rem;overflow: hidden;}
.mode01{}

.mode01_title{position: absolute;left: 0;top: -10rem;background: url(../images/mode01_title.png) no-repeat center/cover;width: 40rem;height: 30rem;z-index: 1;color: #fff;font-weight: bold;padding: 4rem 0 0 5rem;}

.index_01{overflow: hidden;margin: 0 -24rem 0 25rem;background: #fff;position: relative;z-index: 2;}
.index_01 ul{margin: 0 0;}
.index_01 .item{margin: 0 0;padding: 5rem 0 5rem;}
.index_01 li:nth-child(2n) .item{background: #F5F8FD;}
.index_01 .gp-img_centered{width: 15rem;height: 15rem;border-radius: 50%;margin: 0 auto 2.6rem;background: #F5F8FD;}
.index_01 .gp-img_centered::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: .1rem dashed rgba(0, 75, 200, 1);z-index: 1;}
.index_01 .gp-img_centered img{max-height: 9rem;}
.index_01 .title{text-align: center;font-weight: bold;}

.index_01 .item:hover .gp-img_centered::before{animation: rotate360 20s linear 0s 1;-webkit-animation: rotate360 20s linear 0s 1;}
@-webkit-keyframes rotate360{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes rotate360{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.mode01_bottom{margin: 5rem 0 0;}

.mode01 .swiper-pagination{left: 0;text-align: left;width: auto;bottom: 0;position: relative;flex: 1;align-items: center;display: flex;margin: 0 2rem 0 0;}
.mode01 .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2rem;background: url(../images/mode01_dot.png) no-repeat center/cover;opacity: .3;border-radius: 0;margin: 0 0 0 1.1rem;}
.mode01 .swiper-pagination .swiper-pagination-bullet:first-child{margin: 0;}
.mode01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 3rem;height: 3rem;}
.mode01 .swiper-pagination::after{content: '';display: block;width: 100%;border-bottom: .1rem solid #004BC8;margin: 0 0 0 3rem;}

.wrap_mode02{background: url(../images/mode02_bg.png) no-repeat top center/cover;overflow: hidden;}
.mode02{padding-bottom: 14.6rem;}
.mode02_title{font-weight: bold;margin: 0 0 13.2rem;}
.mode02 .channel_link{position: absolute;right: 0;bottom: 5rem;z-index: 10;}

.index_02{position: relative;padding: 5rem 0 0 5rem;}
.index_02::before{content: '';display: block;position: absolute;left: 0;top: 0;width: calc(50% + 50vw);bottom: -12.1rem;background: url(../images/mode02_bg2.png) no-repeat center/cover;z-index: -1;border-left: .4rem solid #A4F1FF;}
.index_02 ul{margin: 0 0 -3.2rem -3.2rem;}
.index_02 .item{margin: 0 0 3.2rem 3.2rem;background: #fff;padding: 3rem;position: relative;}
.index_02 .item:hover{background: #004BC8;color: #fff;}
.index_02 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;height: 0;background: #EB523A;width: .4rem;}
.index_02 .item:hover::before{height: 100%;}
.index_02 .notice_date{display:flex;align-items:flex-start;gap:1rem;color:#004bc8;margin: .4rem 0 2.2rem;}
.index_02 .notice_date strong,.index_02 .notice_date span{line-height:1;}
.index_02 .notice_date em{font-style:normal;line-height: 1.3;opacity:.82;}
.index_02 .item:hover .notice_date strong,.index_02 .item:hover .notice_date span,.index_02 .item:hover .notice_date em{color:#ffd83d;}

.wrap_mode03{padding: 8rem 0;background: url(../images/mode03_bg.png) no-repeat center/cover;}
.mode03{}

.mode03_title{position: absolute;left: 0;top: 0;color: #fff;font-weight: bold;z-index: 10;}
.mode03 .channel_link{position: absolute;left: 2rem;bottom: 0;z-index: 10;}

.index_03{height:60rem;overflow:hidden;padding: 0 0 0 20rem;height: 52rem;}
/* .index_03 .swiper-wrapper{height:100%;} */
.index_03 .swiper{height: 60rem;margin: -4rem 0 0;}
.index_03 .swiper-slide{}
.index_03 .item{position: relative;height: 20rem;align-items: center;}
.index_03 .img_box{width:48rem;flex:none;padding:0 6rem;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;height: 0;}
.index_03 .gp-img{padding-bottom: 66.6%;position: relative;top: 50%;transform: translateY(-50%);}
.index_03 .gp-img::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: #000;opacity: .4;}
.index_03 .info_box{flex:1;padding: 3rem;color: #fff;width: 76rem;position: relative;}
.index_03 .title{margin: 0 0 1.5rem;}
.index_03 .title.istop{padding-left: 4rem;background: url(../images/mode03_new.png) no-repeat left center/3rem;}
.index_03 .summary{margin: 0 0;color: rgba(255, 255, 255, .6);}
.index_03 .more{margin: -1rem 0 0;color: #004BC8;opacity: 0;}
.index_03 .time{position: absolute;top: 50%;transform: translateY(-50%);padding: 0 3rem 1.9rem;text-align: center;opacity: 0;left: 0;color: #fff;z-index: 2;}
.index_03 .time::before{content: '';display: block;position: absolute;filter: blur(.4rem);width: 1rem;height: 1rem;background: rgba(217, 217, 217, 1);left: .4rem;top: 50%;margin: -0.4rem 0 0;}
.index_03 .time::after{content: '';display: block;position: absolute;width: 23rem;height: .1rem;background: #fff;left: .9rem;top: 50%;margin: .1rem 0 0;}
.index_03 .day{margin: 0 0 3.2rem;line-height: 1.1;padding: 0 0 0;color: #fff;font-weight: bold;}


.index_03 .swiper-slide-active{z-index:3;height: 20rem;}
.index_03 .swiper-slide-active .item{}
.index_03 .swiper-slide-active .img_box{padding: 0;}
.index_03 .swiper-slide-active .gp-img::before{opacity: 0;}
.index_03 .swiper-slide-active .info_box{background: #DDE1EE;top: 0;}
.index_03 .swiper-slide-active .title{color: #333;}
.index_03 .swiper-slide-active .time{opacity:1;left: -20rem;}
.index_03 .swiper-slide-active .more{margin: 2.4rem 0 0;opacity: 1;}
.index_03 .swiper-slide-active .summary{color: #778098;}
.index_03 .swiper-slide-next .info_box{top: -1.5rem;}
.index_03 .swiper-slide-prev .info_box{top: 2rem;}

.wrap_mode04{padding: 8rem 0 5.7rem;overflow: hidden;}
.mode04{display: flex;flex-direction: column;align-items: center;}

.mode04_title{font-weight: bold;text-align: center;margin: 0 0 5rem;}

.index_04{width: 100%;}
.index_04 ul{white-space: nowrap;position: relative;-webkit-animation: index_04 40s linear infinite;animation: index_04 40s linear infinite;display: inline-block;}
@-webkit-keyframes index_04{
	0% {transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}
@keyframes index_04{
	0% {transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}
.index_04 ul:nth-child(2){animation-direction: reverse;-webkit-animation-direction: reverse;}
.index_04 ul:hover{animation-play-state: paused;}
.index_04 li{position: relative;z-index: 2;display: inline-block;vertical-align: bottom;width: 33.5rem;}

.index_04{}
.index_04 ul{margin: 0 0 2rem -3rem;}
.index_04 .item{margin: 0 0 3rem 3rem;position: relative;background: url(../images/mode04_bg1.png) no-repeat center/100% 100%;padding: 4.5rem 2rem 3rem;}
.index_04 .market_card_icon{position: absolute;left: 1.5rem;top: 1.5rem;width: 6rem;height: 6rem;z-index: 2;}
.index_04 .title{margin: 0 0 1.2rem 9rem;font-weight: bold;}
.index_04 .summary{color: #333;}

.index_04 .item:hover{background: url(../images/mode04_bg2.png) no-repeat center/100% 100%;filter: drop-shadow(0rem 0rem 2rem rgba(0, 111, 255, 0.2));}




.wrap_mode05{padding: 2rem 0 3rem;}
.mode05{}

.index_05{}
.index_05 ul{margin: 0 0 -3rem -3rem;}
.index_05 .item{margin: 0 0 3rem 3rem;position: relative;}
.index_05 .gp-img{padding-bottom: 42.55%;}
.index_05 .title{margin: 0 0;position: absolute;left: 5rem;right: 5rem;top: 4.8rem;border-bottom: .1rem solid rgba(255, 255, 255, .3);padding: 0 0 1.9rem;color: #fff;font-weight: bold;}
.index_05 .title::after{content: '';display: inline-block;vertical-align: middle;background: url(../images/mode05_ico.png) no-repeat center/cover;width: 3rem;height: 3rem;margin-left: 1rem;}

.wrap_mode06{padding: 5rem 0 8rem;}
.mode06{padding: 5rem 5rem 2rem;background: rgba(249, 250, 255, 1);}

.mode06_title{border-bottom: .1rem solid rgba(0, 0, 0, .1);padding: 0 0 1.8rem;align-items: center;}
.mode06_title .title{font-weight: bold;color: #333;}
.mode06_title .more{position: relative;display: block;color: #004BC8;}
.mode06_title .more .line{position: absolute;right: 100%;top: 50%;width: 3rem;height: .1rem;background: linear-gradient(90deg, #004BC8 0%,#EA1873 100%);margin: 0 1rem 0 0;}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
	.mode06_title .more{background-image: linear-gradient(90deg, #004BC8 0%, #EA1873 100%);background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;}
}

.index_06{}
.index_06 ul{margin: 0 0;}
.index_06 .item{margin: 0 0;border-bottom: .1rem dashed rgba(0, 0, 0, .1);align-items: center;padding: 2.9rem 0;}
.index_06 li:last-child .item{border: none;}
.index_06 .title{margin: 0 0;width: calc(100% - 14rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 6rem 0 0;background: url(../images/mode06_more.png) no-repeat right center/4rem;}
.index_06 .time{align-items: center;color: #004BC8;}
.index_06 .day{font-weight: bold;}
.index_06 .day::after{content: '';display: inline-block;vertical-align: middle;border-left: .1rem solid rgba(0, 0, 0, .1);height: 2rem;margin: 0 1rem;}
.index_06 .month{opacity: .6;}

@media screen  and (max-width:1780px){
    .index_01{margin-right: calc(50% - 50vw);}


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


}
@media screen  and (max-width:996px){
    .wrapbanner{padding: 0;}
    .banner{height: auto;}
	.banner .banner-img{padding-bottom: 31.25%;}
   
    .wrapbanner .swiper_menu{right: 20px;}

    .mode01_title{top: 4rem;padding-top: 2.4rem;}

    .wrap_mode01{padding-top: 14rem;}
    .index_01{margin: 0;}

    .wrap_mode03{padding: 30px 0;}
    .mode03{display: flex;align-items: center;flex-direction: column;}
    .mode03_title{position: relative;margin: 0 0 20px;}
    .index_03{height: auto;padding: 0 0 20px;width: 100%;}
    .index_03 .swiper{height: auto;margin: 0;}

    .index_03 .item{height: auto;padding-left: 20rem;}
    .index_03 .img_box{width: 100%;height: auto;/*max-width: 300px;*/padding: 0;}
    .index_03 .gp-img{top: 0;transform: none;}
    .index_03 .swiper-slide-active .time{left: 0;}
    .index_03 .more{margin: 20px 0 0;opacity: 1;}

    .mode03 .channel_link{position: relative;}

    .index_04 li{width: 240px;}
    .index_05 .title{left: 2rem;right: 2rem;top: 3.5rem;}

}
@media screen and (max-width: 767px){
    /* .content{margin: -10px 0 0;} */
    .wrapbanner .swiper_menu{width: 100%;bottom: 10px;right: 0;}
    .wrapbanner .swiper-pagination .total{padding: 0;}

    .wrap_mode01{padding-bottom: 30px;margin: 0;}
    .mode02_title{margin: 0 0 20px;color: #fff;}

    .wrap_mode02{background: linear-gradient(270.00deg, rgba(13.49, 202.67, 255, 1) 0%,rgba(0, 75, 200, 1) 100%);padding-top: 30px;}

    .index_03 .item{padding-left: 80px;}

    .wrap_mode06{padding-bottom: 30px;}
    .mode06{padding: 3rem 3rem 0;}
    .index_06 .title{width: 100%;}

}