.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:20;}
.banner{position:relative;overflow:hidden;height: 96rem;height: calc(100vh + 8.8rem);}

.banner a{display:block;position:relative;}
.banner a::before{content: '';display:block;position: absolute;left: 0;bottom: 0;width: 100%;height: 20rem;  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);z-index: 2;opacity: .7;}
.banner .banner-img{padding-bottom: 96rem;height: 0;padding-bottom: calc(100vh + 8.8rem);}
.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 20s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
.gp-video-box{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:3}

.wrapbanner .swiper-pagination{position: relative;bottom: 0;width: auto;left: 0;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 1rem;background: #fff;opacity: .6;margin: 0 1.3rem;vertical-align: middle;line-height: 1;font-weight: bold;border-radius: 0;color: #fff;position: relative;border-radius: 50%;}
/* .wrapbanner .swiper-pagination .swiper-pagination-bullet::before,.wrapbanner .swiper-pagination .swiper-pagination-bullet::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border: .2rem solid #fff;border-radius: 50%;width: 1.6rem;height: 1.6rem;transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-ms-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-moz-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-webkit-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;-o-transition: all cubic-bezier(0.03, 0.37, 0.81, 1.42) .5s;} */
/* .wrapbanner .swiper-pagination .swiper-pagination-bullet::after{width: 0;height: 0;background: #fff;border: none;} */
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #2e758a;width: 1.6rem;height: 1.6rem;}
/* .wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{width: 2.4rem;height: 2.4rem;border-width: .1rem;} */
/* .wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width: 1rem;height: 1rem;} */

.wrapbanner .swiper_menu{position: absolute;bottom: 11.8rem;z-index: 10;display: flex;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);}
.wrapbanner .arrow{width: 4.8rem;height: 4.8rem;background: rgba(255, 255, 255, .5) no-repeat center/1.3rem;display: block;margin: 0 1.5rem;cursor: pointer;border-radius: 50%;}
.wrapbanner .prev{left: 0rem;background-image: url(../images/banner_prev.png);}
.wrapbanner .next{right: 0rem;background-image: url(../images/banner_next.png);}
.wrapbanner .arrow:hover{background-color: #fff;}
.wrapbanner .prev:hover{background-image: url(../images/banner_prev2.png);}
.wrapbanner .next:hover{background-image: url(../images/banner_next2.png);}

.banner_bottom{position: absolute;left: 50%;top: 0;width: 166.6rem;margin: 0 0 0 -83.3rem;height: 21.6rem;transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;mask-image: url(../images/banner_bottom_mask.png);mask-size: 100% 100%;mask-position: center;mask-repeat: no-repeat;z-index: 3;max-width: initial;}

#banner-bottom-container{opacity: 0;transform: translateY(0);z-index: 10;position: relative;z-index: 3;}
#banner-bottom-container.isView{opacity: 1;transform: translateY(0);}

.content{position: relative;z-index: 21;margin: -8.8rem 0 0;overflow: hidden;}
.content::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 192rem;height: 0;top: 16rem;z-index: 1000;background: url(../images/bg_top.png) no-repeat top center/cover;cursor: pointer;display: block;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;z-index: 2;}
.content.isView::before{height: 16rem;top: 0;}

.index_title{margin-bottom: 3.5rem;position: relative;width: 100%;padding: 0 0 3.3rem;border-bottom: .1rem solid #c5d9de;}
.index_title::before{content: '';display: block;position: absolute;left: 0;bottom: -0.2rem;width: 15.6rem;border-bottom: .3rem solid #2e758a;}
.channel_link{position: absolute;z-index: 2;right: 0;top: 1rem;background: url(../images/index_more.png) no-repeat top center/8.3rem;color: #2e758a;min-width: 8.3rem;text-align: center;padding: 2rem 0 0;}
.channel_title{color: #2e758a;position: relative;}
.channel_title .more{position: absolute;left: 100%;margin: 0 0 0 3rem;color: #2e758a;white-space: nowrap;bottom: 1rem;}

.index_title.c{padding: 0;border: none;}
.index_title.c::before{display: none;}
@media screen and (min-width: 992px){
    .index_title.c{justify-content: center;}
}

.index_title.w{border-bottom-color: rgba(255, 255, 255, .5);}
.index_title.w::before{border-bottom-color: #fff;}
.index_title.w .channel_link{background-image: url(../images/index_more_w.png);color: #fff;}
.index_title.w .channel_title{color: #fff;}


.side{position: fixed;right: 1.5rem;top: 11.2rem;text-align: center;z-index: 1000;width: 12rem;height: 74.7rem;background: url(../images/side_bg.png) no-repeat center/cover;padding: 11.7rem 0 0;right: -20rem;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;}
.side.active{right: 0;opacity: 0;}
.side.active:hover{right: 1.5rem;opacity: 1;}
.side ul{margin: 0 0;}
.side .item{margin: 0 0;line-height: 2.6;cursor: pointer;}
.side .item:hover{color: #2e758a;font-weight: bold;}
.gotop{background: url(../images/gotop.png) no-repeat center/cover;margin: 4.8rem auto 0;width: 4.2rem;height: 4.2rem;cursor: pointer;}


.wrap_mode01{padding: 22.3rem 0 4.8rem;position: relative;}
.wrap_mode01:before{content:'';display: block;position: absolute;left: 0;top: 10rem;width: 100%;height: 100%;background: url(../images/mode01_bg.png) no-repeat top -30.4rem center/100%;}
.mode01{} 
.mode01 .lf{width: 84.5rem;position: relative;z-index: 2;}
.mode01 .lf::before{content: '';display: block;position: absolute;right: 0;bottom: 0;width: calc(50vw + 6.5rem);height: 29.3rem;z-index: -1;background: url(../images/mode01a_item.png) no-repeat right bottom/cover;}
.mode01 .rt{width: 67rem;position: relative;}

.index_01a{}
.index_01a ul{margin: 0 0;padding: 0 0;}
.index_01a .item{margin: 0 0;}
.index_01a .bottom{padding: 4.2rem 17rem 4.8rem 13.7rem;position: relative;}
.index_01a .title{margin: 0 0;color: #fff;font-weight: bold;}
.index_01a .time{color: #fff;margin: 0 0;position: absolute;left: 0;bottom: 1.7rem;background: #f5ac1a url(../images/mode01_time.png) no-repeat center/cover;border-radius: 0 1.2rem 1.2rem 1.2rem;flex-direction: column;align-items: center;padding: 2rem 0 3.5rem;min-width: 10.6rem;}
.index_01a .day{font-weight: bold;}
.index_01a .day span{font-size: .5em;}
.index_01a .year{margin: .5rem 0 0;background: #fff;color: #f5ac1a;padding: 0 .7rem;line-height: 1.25em;border-radius: 5rem;}

.index_01a .swiper-pagination{left: auto;text-align: left;width: auto;bottom: 5.3rem;right: 3.6rem;align-items: center;display: flex;}
.index_01a .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 1rem;background: #fff;opacity: .6;border-radius: 50%;margin: 0 0 0 2.7rem;}
.index_01a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 1.6rem;height: 1.6rem;}

.index_01b{overflow: hidden;margin: -1.5rem 0 0;}

.index_01b1{align-items: flex-start;padding: .6rem 0 1.6rem;border-bottom: .1rem solid #8fb6c1;position: relative;display: none;}
.index_01b1::before{content: '';display: block;position: absolute;left: 0;bottom: -0.2rem;height: .3rem;background: #2e758a;width: 8.3rem;}
.index_01b1 .time{position: relative;text-align: center;color: #2e758a;line-height: 1.1;flex-direction: column;align-items: center;}
.index_01b1 .time::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: -2.4rem;height: 6.2rem;border-left: .1rem solid #2e758a;}
.index_01b1 .day{font-weight: bold;}
.index_01b1 .day span{font-size: .5em;}
.index_01b1 .year{margin: 1rem 0 0;background: #2e758a;color: #fff;padding: 0 .7rem;line-height: 1.25em;border-radius: 5rem;}
.index_01b1 .info_box{width: calc(100% - 13rem); padding: 0 0 0;position: relative;}
.index_01b1 .title{margin: .5rem 0 1.2rem;font-weight: bold;color: #2e758a;}
.index_01b1 .summary{color: #696969;}

@supports not (display: flex) {
  .index_01b1 .time{width: 12rem;}
  .index_01b1 .time::before{right: 0;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .index_01b1 .time{width: 12rem;}
  .index_01b1 .time::before{right: 0;}
}



/* .index_01b2{} */
/* .index_01b2 ul{margin: 0 0;padding: 0 0;} */
.index_01b2{margin: 0 0 .3rem;line-height: 6.9rem;border-bottom: .1rem dashed #93b8c2;display: block;}
.index_01b2 .title{white-space: nowrap;position: relative;}
.index_01b2 .time{color: #2e758a;margin: 0 0 0 4rem;float: right;}


.index_01b li.active .index_01b1{display: flex;}
.index_01b li.active .index_01b2{display: none;}

.index_01b + .swiper-pagination{bottom: -3.5rem;align-items: center;width: 100%;left: 0;justify-content: center;}
.index_01b + .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 1rem;background: #d3d3d3;opacity: .6;border-radius: 50%;margin: 0 1.3rem;}
.index_01b + .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #2e758a;width: 1.6rem;height: 1.6rem;}


.bg23{background: url(../images/mode03_bg.png) no-repeat bottom center/100% auto;}

.wrap_mode02{padding: 4.5rem 0 3rem;}
.mode02{}
.mode02 .lf{width: 98rem;}
.mode02 .rt{width: 49.7rem;}

.index_02a{position: relative;}
.index_02a ul{margin: -3.6rem 0 -0.2rem -5.2rem;}
.index_02a .item{margin: 0 0 0 5.2rem;height: 11.8rem;align-items: center;border-bottom: .1rem dashed #95b9c3;}
.index_02a .time{position: relative;text-align: center;color: #2e758a;line-height: 1.1;align-items: center;}
.index_02a .day span{font-size: .66em;}
.index_02a .day{margin: 0 0 .5rem;}
.index_02a .year{margin: 1rem 0 0;background: #2e758a;color: #fff;padding: 0 .7rem;line-height: 1.25em;border-radius: 5rem;}
.index_02a .title{width: calc(100% - 10rem);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.index_02b{position: relative;margin: -.8rem 0 0;}
.index_02b .swiper{overflow: hidden;height: 56rem;}
.index_02b ul{margin: 0 0;}
.index_02b li{height: auto;}
.index_02b .item{padding: 0 0 2.9rem;border-bottom: .1rem dashed #95b9c3;margin: 0 0 2.9rem 5rem;}
.index_02b .time{position: relative;display: inline-block;color: #2e758a;line-height: 1.3;}
.index_02b .time::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: -2.4rem;width: .8rem;height: .8rem;background: #2e758a;border-radius: 50%;}
.index_02b .title{margin: 1rem 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 1.3;}

.index_02b .swiper-slide-active .time{background: #f5ac1a;color: #fff;padding: 0 .8rem;}
.index_02b .swiper-slide-active .time::after{content: '';display: block;position: absolute;right: 100%;border-bottom: .4rem solid transparent;border-top: .4rem solid transparent;border-right: .4rem solid #f5ac1a;top: 50%;transform: translateY(-50%);}

.index_02b .swiper-scrollbar{position: absolute;left: .1rem;top: 0;bottom: 3rem;width: 1.2rem;background: transparent;z-index: 10;}
.index_02b .swiper-scrollbar::before{content: '';display: block;position: absolute;height: 100%;left: 50%;top: 0;bottom: 0;border-right: .1rem solid #95b9c3;}
.index_02b .swiper-scrollbar-drag{background: #2e758a url(../images/mode02_drag.png) no-repeat center/.8rem auto;}

.wrap_mode03{padding: 2.3rem 0 2rem;}
.mode03{}


.index_03{overflow: hidden;margin: -0.3rem -1.3rem -6.3rem;position: relative;padding-top: 7rem;}
.index_03 ul{margin: 0 0;}
.index_03 .item{margin: 0 1.3rem;position: relative;top: 0;border-radius: 1.8rem;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: 66.7rem;color: #fff;padding: 3.3rem 3rem 0;}
.index_03 .item{background: url(../images/mode03_bg1.png) no-repeat top center/cover;}
.index_03 li.swiper-slide:nth-child(2n) .item{background: url(../images/mode03_bg2.png) no-repeat top center/cover;}

.index_03 .gp-img{border-radius: 1.5rem;}
.index_03 .title{margin: .9rem 0 1.8rem;}
.index_03 .summary{color: rgba(255, 255, 255, .8);text-indent: 2em;}


.index_03 li.swiper-slide-active + li .item,.index_03 li.swiper-slide-active + li + li .item{top: -7rem;}

.mode03_bottom{position: absolute;left: 50%;transform: translateX(-50%);bottom: 2.3rem;width: 73.8rem;height: 39.5rem;z-index: 10;padding: 1rem 0 0;}
.mode03_bottom .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;
    -webkit-mask-image: url(../images/mode03_bottom_mask.png);
    mask-image: url(../images/mode03_bottom_mask.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.mode03_bottom .bg::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/mode03_bottom.png) no-repeat center/cover;}

.mode03_bottom .bg .point{position: absolute;width: 69.8rem;left: 50%;transform: translateX(-50%);top: 1.2rem;z-index: 2;opacity: .8;}
.mode03_bottom .bg .line{position: absolute;width: 69.5rem;left: 50%;transform: translateX(-50%);top: 1.3rem;z-index: 2;opacity: .8;}

.mode03_bottom .mask{position: absolute;top: -1rem;left: 50%;transform: translateX(-50%); width: 74rem;height: 69rem;z-index: 2;pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 25rem, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 25rem, rgba(0,0,0,1) 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.mode03_bottom .mask .tick-canvas{
    display: block;
    width: 100%;
    height: 100%;
}

.mode03_bottom .cls-1 {stroke: rgba(39, 146, 147, 0.9) !important;}

.mode03_bottom .dots{position: absolute;top: 14.5rem;left: 50%;transform: translateX(-50%);width: 38.1rem;height: 35.7rem;z-index: 2;pointer-events: none;}
.mode03_bottom .dots .dots-canvas{display: block;width: 100%;height: 100%;}

.mode03_bottom .arrow{width: 5.1rem;height: 5.1rem;position: absolute;left: 50%;bottom: 5.9rem;}
.mode03_bottom .prev{background: url(../images/mode03_prev.png) no-repeat center/cover;margin-left: -20.9rem;}
.mode03_bottom .next{background: url(../images/mode03_next.png) no-repeat center/cover;margin-left: 15rem;}
.mode03_bottom .pointer{position: absolute;background: url(../images/mode03_pointer.png) no-repeat center/cover;width: 22.8rem;height: 12.1rem;left: 15rem;bottom: 7.5rem;transform-origin: right bottom;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_bottom .pointer[num="2"]{transform: scale(.9) translateX(-0.4rem) rotate(28deg);}
.mode03_bottom .pointer[num="3"]{transform: scale(.85) translateX(-1.6rem) rotate(63deg);}
.mode03_bottom .pointer[num="4"]{transform: scale(.9) translateX(-1.9rem) rotate(95deg);}
.mode03_bottom .pointer[num="5"]{transform: translateX(-1.8rem)  translateY(-1rem) rotate(125deg);}

.wrap_mode04{padding: 7.1rem 0 6.9rem;background: #fcfdfc url(../images/mode04_bg.png) no-repeat center/cover;position: relative;z-index: 2;}
.mode04{}
.mode04 .lf{width: 78rem;position: relative;}
.mode04 .rt{width: 68.8rem;position: relative;}

.index_04a{margin: -0.3rem 0 0;overflow: hidden;position: relative;padding: 0 0 3rem;}
.index_04a .item{background: #fff;border-radius: 2rem 0 0 0;}
.index_04a .img_box{width: 38.3rem;position: relative;}
.index_04a .gp-img{border-radius: 1.5rem;}
.index_04a .info_box{width: calc(100% - 40rem);padding: 2.3rem 1.5rem 0 0;}
.index_04a .title{margin: 0 0 .3rem;}
.index_04a .summary{color: #696969;}
.index_04a .ico{margin: 0 0 1rem .8rem;}
.index_04a .ico img{display: block;height: 3rem;}

.index_04a .time{color: #fff;margin: 0 0;position: absolute;left: 0;bottom: -2.1rem;background: #f5ac1a url(../images/mode01_time.png) no-repeat center/cover;border-radius: 0 1.2rem 1.2rem 1.2rem;flex-direction: column;align-items: center;padding: .9rem .3rem 1rem;}
.index_04a .day{font-weight: bold;}
.index_04a .day span{font-size: .66em;}
.index_04a .year{margin: 0rem;background: #fff;color: #f5ac1a;padding: 0 .5rem;line-height: 1.1em;border-radius: 5rem;}

.index_04a .swiper-pagination{bottom: 4.5rem;align-items: center;width: calc(100% - 40rem);left: auto;right: 2rem;justify-content: center;}
.index_04a .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 1rem;background: #d3d3d3;opacity: .6;border-radius: 50%;margin: 0 .8rem;}
.index_04a .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #2e758a;}


.index_04b{}
.index_04b ul{margin: 0 0 -1.5rem -1.9rem;}
.index_04b .item{margin: 0 0 1.5rem 1.9rem;background: #fff;position: relative;padding: 2rem 3rem 1.6rem;}
.index_04b .item::before{content: '';display: block;position: absolute;right: 0;bottom: 0;border-bottom: 2rem solid #2e758a;border-left: 2rem solid transparent;}
.index_04b .ico{margin: 0 0 .4rem;}
.index_04b .ico img{display: block;height: 3rem;}

.index_04c{overflow: hidden;margin: -1.5rem 0 0;}
.index_04c ul{margin: -1.9rem 0 -0.2rem -4.8rem;}
.index_04c .item{padding: 2.4rem 0 2.3rem;border-bottom: .1rem dashed #95b9c3;margin: 0 0 0 4.8rem;}
.index_04c .time{position: relative;color: #2e758a;line-height: 1.3;}
.index_04c .title{margin: .7rem 0 0;}


.wrap_mode05{padding: 5.4rem 0 5rem;background: #2e758a url(../images/mode05_bg.png) no-repeat right center/auto 100%;position: relative;overflow: hidden;}
.wrap_mode05::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 99rem;height: 100%;background: url(../images/mode05_lf_bg.png) no-repeat right center/cover;z-index: 1;}
.mode05{}
.mode05 .lf{width: 55.5rem;position: relative;margin-left: 12.7rem;}
.mode05 .lf::before{content: '';display: block;position: absolute;right: 51.2rem;top: 3.3rem;width: 57.3rem;height: 57.3rem;border: .2rem dashed #2e758a;border-radius: 50%;-webkit-transform-origin: center center;transform-origin: center center;-webkit-animation: mode04Rotate 50s linear infinite;animation: mode05Rotate 80s linear infinite;}
.mode05 .rt{width: 69rem;}

.index_05a{position: relative;z-index: 2;margin: -1.4rem -2.5rem 0 -2.1rem;}
.index_05a .swiper{overflow: hidden;height: 42.6rem;padding-left: 5.8rem;}
.index_05a ul{}
.index_05a li{display: flex;align-items: center;position: relative;padding-left: 2.5rem;}
.index_05a li::before{content: '';display: block;width: 1.2rem;height: 1.2rem;background: #f5ac1a;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_05a .item{background: url(../images/mode05_lf_item.png) no-repeat left center/auto 100%;border-radius: 0 1rem 1rem 0;height: 5rem;padding: 0 2rem;align-items: center;flex-wrap: nowrap;max-width: 100%;}
.index_05a .time{color: #2e758a;}
.index_05a .title{margin: 0 0 0 2rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex-shrink: 1;}

.index_05a .arrow{width: 4.8rem;height: 4.8rem;border: .1rem solid #2e758a;background: #fff no-repeat center/1.7rem;display: block;cursor: pointer;position: absolute;left: -6.5rem;border-radius: 50%;}
.index_05a .prev{background-image: url(../images/mode06_prev2.png);transform: rotate(-45deg);top: -3.2rem;}
.index_05a .next{background-image: url(../images/mode06_next2.png);transform: rotate(45deg);bottom: -3.2rem;}
.index_05a .arrow:hover{background-color: #2e758a;}
.index_05a .prev:hover{background-image: url(../images/mode06_prev1.png);}
.index_05a .next:hover{background-image: url(../images/mode06_next1.png);}

.index_05b{overflow: hidden;margin: -0.6rem 0 0;}
.index_05b ul{margin: -1.9rem 0 -0.2rem -4.8rem;}
.index_05b .item{padding: 1.5rem 0 1.6rem;border-bottom: .1rem dashed #b0d7d8;margin: 0 0 0  4.8rem;}
.index_05b .time{position: relative;color: #fff;line-height: 1.3;}
.index_05b .title{margin: 1rem 0 0;color: #fff;}

@-webkit-keyframes mode05Rotate{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}
@keyframes mode05Rotate{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}


.wrap_mode06{padding: 0rem 0 8.2rem;background: url(../images/mode06_bg.png) no-repeat center/cover;position: relative;overflow: hidden;}
.wrap_mode06::before{content: '';display: block;position: absolute;left: 100%;top: 0;width: 100%;height: 100%;z-index: 1;background: url(../images/mode06_rt_bg.png) no-repeat right center/auto 100%;transition: all ease-in-out 1.5s;-ms-transition: all ease-in-out 1.5s;-moz-transition: all ease-in-out 1.5s;-webkit-transition: all ease-in-out 1.5s;-o-transition: all ease-in-out 1.5s;}
.wrap_mode06.isView::before{left: 0;}
.mode06{padding-top: 9.7rem;align-items: center;}
.mode06_title{position: absolute;left: 0;top: 0;background-image: -moz-linear-gradient( -90deg, rgb(245,172,26) 0%, rgba(245,172,26,0) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(245,172,26) 0%, rgba(245,172,26,0) 100%);background-image: -ms-linear-gradient( -90deg, rgb(245,172,26) 0%, rgba(245,172,26,0) 100%);padding: 7rem 2rem;color: #2e758a;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;}
.mode06_link{top: 4rem;}

.mode06 .lf{width: 43.3rem;height: 63.8rem;position: relative;left: 1.6rem;}
.mode06 .md{width: 46rem;padding: 0 10.7rem 0 0;overflow: hidden;margin: 0 -3.3rem 0 0;}
.mode06 .rt{width: 64rem;position: relative;padding: 0 0 0 20.7rem;}
.mode06 .rt::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-bottom: .3rem solid #f5ac1a;width: 18.4rem;}
.mode06 .rt::after{content: '';display: block;position: absolute;left: 18rem;top: 50%;transform: translateY(-50%);width: 1rem;height: 1rem; background: #f5ac1a;border-radius: 50%;}

.mode06 .arrow{width: 4.7rem;height: 4.7rem;border: .1rem solid #2e758a;border-radius: 50%;background: #fff no-repeat center/1.7rem;position: absolute;left: 50%;transform: translateX(-50%);transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.mode06 .arrow.prev{background-image: url(../images/mode06_prev2.png);top: 0rem;}
.mode06 .arrow.next{background-image: url(../images/mode06_next2.png);bottom: 0rem;}
.mode06 .arrow:hover{background-color: #2e758a;}
.mode06 .arrow.prev:hover{background-image: url(../images/mode06_prev1.png);}
.mode06 .arrow.next:hover{background-image: url(../images/mode06_next1.png);}
.mode06 .arrow::before{content: '';display: block;width: .9rem;height: .9rem;background: #2e758a;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);}
.mode06 .arrow::after{content: '';display: block;width: .1rem;height: 5.5rem;background: #2e758a;position: absolute;left: 50%;}
.mode06 .arrow.prev::before{bottom: -6.2rem;}
.mode06 .arrow.next::before{top: -6.2rem;}
.mode06 .arrow.prev::after{bottom: -5.5rem;}
.mode06 .arrow.next::after{top: -5.5rem;}

.index_06a{position: absolute;left: 50%;top: 50%;width: 36.6rem;height: 36.6rem;z-index: 10;margin: -18.3rem 0 0 -18.3rem;}
.index_06a .bg{position: absolute;left: 50%;top: 50%;width: 36.6rem;height: 36.6rem;z-index: 10;/*margin: -18.3rem 0 0 -18.3rem;*/background: #2e758a;border-radius: 50%;}
.index_06a .c1{position: absolute;left: 50%;top: 50%;width: 43.3rem;height: 43.3rem;z-index: 10;/*margin: -21.6rem 0 0 -21.6rem;*/display: block;max-width: initial;}
.index_06a .c2{position: absolute;left: 50%;top: 50%;width: 39.6rem;height: 39.6rem;z-index: 10;/*margin: -19.8rem 0 0 -19.8rem;*/display: block;max-width: initial;}
.index_06a .gp-img{position: absolute;left: 50%;top: 50%;width: 32.3rem;height: 32.3rem;z-index: 12;/*margin: -16.2rem 0 0 -16.2rem;*/display: block;max-width: initial;}
.index_06a .cur{position: absolute;left: 50%;top: 50%;transform: translateY(-50%);margin: 0 0 0 2.6rem; width: 24.7rem;height: 16.3rem;z-index: 15;background: url(../images/mode06_lf_cur.svg) no-repeat left center/24.7rem;}

.index_06a .bg,
.index_06a .c1,
.index_06a .c2,
.index_06a .gp-img,
.index_06a .cur{
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.index_06a .bg{
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.index_06a .c1{
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.index_06a .c2{
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.index_06a .gp-img{
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.index_06a .cur{
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 0;
    height: 0;
    background-size: 24.7rem 16.3rem;
}

.mode06 .lf.isView .index_06a .bg{
    opacity: 1;
    -webkit-animation: mode06PopBg .7s cubic-bezier(.175,.885,.32,1.35) 0s forwards;
    animation: mode06PopBg .7s cubic-bezier(.175,.885,.32,1.35) 0s forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.mode06 .lf.isView .index_06a .c1{
    opacity: 1;
    -webkit-animation: mode06PopC1 .8s cubic-bezier(.175,.885,.32,1.35) .18s forwards, mode06RotateC1 20s linear 1.05s infinite;
    animation: mode06PopC1 .8s cubic-bezier(.175,.885,.32,1.35) .18s forwards, mode06RotateC1 20s linear 1.05s infinite;
    -webkit-animation-play-state: running, running;
    animation-play-state: running, running;
}
.mode06 .lf.isView .index_06a .c2{
    opacity: 1;
    -webkit-animation: mode06PopC2 .8s cubic-bezier(.175,.885,.32,1.35) .34s forwards, mode06RotateC2 16s linear 1.1s infinite;
    animation: mode06PopC2 .8s cubic-bezier(.175,.885,.32,1.35) .34s forwards, mode06RotateC2 16s linear 1.1s infinite;
    -webkit-animation-play-state: running, running;
    animation-play-state: running, running;
}
.mode06 .lf.isView .index_06a .gp-img{
    opacity: 1;
    -webkit-animation: mode06PopImg .85s cubic-bezier(.175,.885,.32,1.35) .5s forwards;
    animation: mode06PopImg .85s cubic-bezier(.175,.885,.32,1.35) .5s forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.mode06 .lf.isView .index_06a .cur{
    opacity: 1;
    -webkit-animation: mode06ArrowWidth .38s ease-out .82s forwards, mode06ArrowHeight .28s ease-out 1.2s forwards;
    animation: mode06ArrowWidth .38s ease-out .82s forwards, mode06ArrowHeight .28s ease-out 1.2s forwards;
    -webkit-animation-play-state: running, running;
    animation-play-state: running, running;
}

@-webkit-keyframes mode06PopBg{
    0%{opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) scale(0);}
    70%{opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%) scale(1.08);}
    100%{opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%) scale(1);}
}
@keyframes mode06PopBg{
    0%{opacity: 0;transform: translateX(-50%) translateY(-50%) scale(0);}
    70%{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1.08);}
    100%{opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}
}

@-webkit-keyframes mode06PopC1{
    0%{opacity: 0;-webkit-transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1);}
}
@keyframes mode06PopC1{
    0%{opacity: 0;transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;transform: translate(-50%,-50%) scale(1);}
}

@-webkit-keyframes mode06PopC2{
    0%{opacity: 0;-webkit-transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1);}
}
@keyframes mode06PopC2{
    0%{opacity: 0;transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;transform: translate(-50%,-50%) scale(1);}
}

@-webkit-keyframes mode06PopImg{
    0%{opacity: 0;-webkit-transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;-webkit-transform: translate(-50%,-50%) scale(1);}
}
@keyframes mode06PopImg{
    0%{opacity: 0;transform: translate(-50%,-50%) scale(0);}
    70%{opacity: 1;transform: translate(-50%,-50%) scale(1.08);}
    100%{opacity: 1;transform: translate(-50%,-50%) scale(1);}
}

@-webkit-keyframes mode06ArrowWidth{
    0%{opacity: 0;width: 0;height: 0;-webkit-transform: translateY(-50%);}
    100%{opacity: 1;width: 24.7rem;height: 0;-webkit-transform: translateY(-50%);}
}
@keyframes mode06ArrowWidth{
    0%{opacity: 0;width: 0;height: 0;transform: translateY(-50%);}
    100%{opacity: 1;width: 24.7rem;height: 0;transform: translateY(-50%);}
}

@-webkit-keyframes mode06ArrowHeight{
    0%{opacity: 1;width: 24.7rem;height: 0;-webkit-transform: translateY(-50%);}
    100%{opacity: 1;width: 24.7rem;height: 16.3rem;-webkit-transform: translateY(-50%);}
}
@keyframes mode06ArrowHeight{
    0%{opacity: 1;width: 24.7rem;height: 0;transform: translateY(-50%);}
    100%{opacity: 1;width: 24.7rem;height: 16.3rem;transform: translateY(-50%);}
}

@-webkit-keyframes mode06RotateC1{
    from{-webkit-transform: translate(-50%,-50%) scale(1) rotate(0deg);}
    to{-webkit-transform: translate(-50%,-50%) scale(1) rotate(360deg);}
}
@keyframes mode06RotateC1{
    from{transform: translate(-50%,-50%) scale(1) rotate(0deg);}
    to{transform: translate(-50%,-50%) scale(1) rotate(360deg);}
}

@-webkit-keyframes mode06RotateC2{
    from{-webkit-transform: translate(-50%,-50%) scale(1) rotate(0deg);}
    to{-webkit-transform: translate(-50%,-50%) scale(1) rotate(-360deg);}
}
@keyframes mode06RotateC2{
    from{transform: translate(-50%,-50%) scale(1) rotate(0deg);}
    to{transform: translate(-50%,-50%) scale(1) rotate(-360deg);}
}

.index_06b{height: 64.6rem;}
.index_06b ul{margin: 0 0;}
.index_06b .item{margin: 0 0;padding: 2.3rem 0 2rem;border-bottom: .1rem dashed #2e758a;position: relative;left: 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_06b .summary{margin: .5rem 0 0;color: #696969;}
.index_06b .summary p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index_06b .swiper-slide-active .item{left: 10.5rem;}

.index_06c{overflow: hidden;}
.index_06c ul{margin: 0 0;}
.index_06c .item{margin: 0 0;padding: 1.5rem;background: rgba(255, 255, 255, .7);}

.wrap_mode07{margin: -10.5rem 0;position: relative;z-index: 10;}
.mode07{}

.index_07{background: #fff;padding: 4.6rem 12.3rem 5rem;border-radius: 500rem;}
.index_07 ul{margin: 0 0;}
.index_07 li{width: auto;}
.index_07 .item{margin: 0 0;}
.index_07 .top{padding: 0 0 0;height: 9rem;position: relative;margin: 0 auto;}
.index_07 .top .line{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.index_07 .top .line svg{display: block;width: 100%;height: auto;}
.index_07 .top .cover{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);opacity: 0;}
.index_07 .title{margin: 0rem 0 0;text-align: center;white-space: nowrap;}

.index_07 .top.s1{width: 8.6rem;}
.index_07 .top.s2{width: 7.9rem;}
.index_07 .top.s3{width: 9.9rem;}
.index_07 .top.s4{width: 8.8rem;}
.index_07 .top.s5{width: 8.9rem;}
.index_07 .top.s6{width: 8.4rem;}
.index_07 .top.s7{width: 8.4rem;}

.wrap_mode08{padding: 9rem 0 17rem;background: url(../images/mode07_bg.png) no-repeat bottom center/100% auto;}
.mode08{}

.index_08a{position: relative;width: 42.5rem;}
.index_08a::before{content: '';display: block;position: absolute;background-image: -moz-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);opacity: 0.702;position: absolute;left: 0;bottom: 0;width: 100%;height: 12rem;z-index: 2;}
.index_08a .title{margin: 0 0;position: absolute;bottom: 2.5rem;left: 3rem;color: #fff;z-index: 3;right: 3rem;}
.index_08a .gp-img{padding-bottom: 63.6rem;}

.index_08b{width: 111.5rem;}
.index_08b ul{margin: 0 0 -2rem -2rem;}
.index_08b .item{margin: 0 0 2rem 2rem;position: relative;}
/* .index_08a .gp-img{padding-bottom: 63.6rem;} */
.index_08b .item::before{content: '';display: block;position: absolute;background-image: -moz-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(40,40,40) 0%, rgba(40,40,40,0) 100%);opacity: 0.702;position: absolute;left: 0;bottom: 0;width: 100%;height: 12rem;z-index: 2;}
.index_08b .title{margin: 0 0;position: absolute;bottom: 2.5rem;left: 3rem;color: #fff;z-index: 3;right: 3rem;}

@media screen  and (max-width:992px){
    .banner{height: auto;}
	.banner .banner-img{padding-bottom: 50%;}

    .banner_bottom{width: 96%;margin: 0;left: 2%;height: auto;}
    .wrap_mode01{padding-top: 14vw;}

    .mode01 .lf::before{width: 100%;}
    .mode01 .lf{width: 100%;margin: 0 0 20px;}
    .mode01 .rt{width: 100%;margin: 0;}
    
    .index_01a .time{padding: 10px 5px;}
    .index_01b1 .info_box{width: calc(100% - 15rem);}

    .index_01b2 .item{line-height: 48px;}

    .mode02 .lf{width: 100%;margin: 0 0 45px;}
    .mode02 .rt{width: 100%;margin: 0;}
    .index_02a .title{width: calc(100% - 12rem);}

    .wrap_mode04{padding: 40px 0 30px;}
    .mode04 .lf{width: 100%;margin: 0 0 40px;}
    .mode04 .rt{width: 100%;margin: 0;}

    .mode03_bottom .bg{display: none;}
    .index_03{padding: 0;}
    .index_03 li.swiper-slide-active + li .item, .index_03 li.swiper-slide-active + li + li .item{top: 0;}

    .mode03_bottom{width: auto;height: auto;display: flex;bottom: 40px;}
    .mode03_bottom .pointer{display: none;}
    .mode03_bottom .arrow{position: relative;left: 0;bottom: 0;width: 40px;height: 40px;;border: .1rem solid #2e758a;border-radius: 50%;background: #fff no-repeat center/17px;}
    .mode03_bottom .prev,.mode03_bottom .next{margin: 0 10px;}

    .mode03_bottom .prev{background-image: url(../images/mode06_prev2.png);transform: rotate(-90deg);}
    .mode03_bottom .next{background-image: url(../images/mode06_next2.png);transform: rotate(-90deg);}
    .mode03_bottom .arrow:hover{background-color: #2e758a;}
    .mode03_bottom .prev:hover{background-image: url(../images/mode06_prev1.png);}
    .mode03_bottom .next:hover{background-image: url(../images/mode06_next1.png);}

    .wrap_mode05::before{width: 98%;height: 400px;}

    .mode05 .lf{width: calc(92% - 50px);margin: 0 0 80px 50px;}
    .mode05 .lf::before{right: auto;left: -315px;}

    .mode05 .rt{width: 100%;}

    .mode06 .lf{display: none;}
    .mode06 .md{margin: 0 0 30px 90px;width: calc(100% - 110px);padding: 0;}

    .index_06b{height: auto;overflow: hidden;}
    .index_06b .item{}
    /* .index_06b .swiper-slide{height: 160px;} */
    .index_06b .swiper-slide-active .item{left: 0;}

    .mode06 .rt{padding-left: 90px;width: 46%;}
    .mode06 .rt::before,.mode06 .rt::after{display: none;}

    .wrap_mode06::before{width: 105%;height: 100%;top: auto;bottom: 0;}

    .index_08a{width: 100%;}
    .index_08a .gp-img{padding-bottom: 100%;}
    .index_08b{width: 100%;margin-top: 20px;}

    .index_07{padding: 2rem 24px;border-radius: 30px;}
    .index_07 li{width: 25%;}
    .index_07 .item{padding: 10px 0;}

    .wrap_mode07{margin-bottom: -40px;}

}
@media screen and (max-width: 767px){
    .wrapbanner .swiper_menu{width: 100%;bottom: 20px;}
    .content{margin: -10px 0 0;}

    .index_01a .bottom{padding-top: 2rem;padding-bottom: 2rem;}
    .index_01b1 .title{margin-top: 0;}

    .index_04a .img_box{width: 100%;margin-bottom: 1rem;}
    .index_04a .info_box{width: 100%;padding: 10px 10px 30px;}
    .index_04a .swiper-pagination{width: 100%;}

    .wrap_mode06{padding-bottom: 40px;}
    .wrap_mode06::before{display: none;}
    .mode06 .rt{padding: 0;width: 100%;}

    .wrap_mode08{padding-top: 40px;}

    .index_07 li{width: 50%;}

    .index_02b .swiper{height: 240px;}


}