.side{position: fixed;right: 0;top: 0;width: 12rem;height: 100%;background: #0033cc;z-index: 100;flex-direction: column;border-left: .1rem solid rgba(255, 255, 255, .2);}
.menu_btn{height: 12rem;border-bottom: .1rem solid rgba(255, 255, 255, .2);position: relative;width: 100%;cursor: pointer;}
.menu_btn .ico{width: 3.4rem;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.menu_btn .ico2{display: none;}
.menu_btn .ico path{fill:#fff;}
.side .ser_btn{width: 100%;border-top: .1rem solid rgba(255, 255, 255, .2);height: 12rem;background: url(../images/ser.png) no-repeat center/3.5rem;}

.side_links{display: flex;width: 100%;flex-direction: column;justify-content: space-around;height: calc(100% - 30.5rem);}
.side_links .item{display: block;width: 100%;position: relative;color: #fff;text-align: center;}
.side_links .gp-img_centered{height: 4.5rem;margin: 0 auto .4rem;}

.side_links .item:hover .gp-img_centered{animation: sway-gently 0.8s ease-in-out both;}

.pop_menu{position: fixed;left: 100vw;top: 0;width: calc(100% - 12rem);height: 100%;background: #0d1c9b url(../images/menu_bg.png) no-repeat bottom center/cover;z-index: 99;}
.pop_menu.on{left: 0;}
.index_00{margin: 23rem 18rem 0 19.4rem;}
.index_00 ul{margin: 0 0;}
.index_00 .item{margin: 0 0 6rem 5.6rem;border-radius: 1rem;background: rgba(255,255,255,.85);box-shadow: 0rem 1rem 3.5rem 0rem rgba(0, 5, 37, .1);text-align: center;padding: 3rem 0 3.6rem;}
.index_00 .gp-img_centered{height: 9rem;margin: 0 0 1.2rem;}


.fullscreen_slide::-webkit-scrollbar {width: 0;height: 1px;background-color: rgba(255, 255, 255, .3)}
.fullscreen_slide::-webkit-scrollbar-track {border-radius: 0;background-color: #e2e2e2}
.fullscreen_slide::-webkit-scrollbar-thumb {border-radius: 0;background-color: transparent;}

.fullscreen_slide_box{height: 100vh;overflow: hidden;position: relative;z-index: 1;position: relative;}
.fullscreen_slide{height: 100vh;width: 100%;overflow: auto;box-sizing: border-box;position: absolute;top: 0;transition: top ease-in-out .7s;-ms-transition: top ease-in-out .7s;-moz-transition: top ease-in-out .7s;-webkit-transition: top ease-in-out .7s;-o-transition: top ease-in-out .7s;top: 100vh;}
.fullscreen_slide:first-child,.fullscreen_slide.on{top: 0;}
.fullscreen_slide.before{top: -100vh;}
.content{padding-top: 13rem;overflow: hidden;background: #fbfbf9;}
@media screen and (max-width: 996px){
	
	.fullscreen_slide,.fullscreen_slide_box,.fullscreen_slide.before{height: auto;display: block;position: relative;top: 0;overflow: initial;}
	.content{padding-top: 0;}

	.side{display: none;}
}

.fullscreen_slide1{background: #0d1c9b url(../images/banner_bg.png) no-repeat right bottom/150.5rem;padding-left: 3rem;}
.fullscreen_slide2{}
.fullscreen_slide3{background: #0d1c9b;}
.fullscreen_slide_box{margin-right: 12rem;}
.fullscreen_slide_box .gp-container{width: 147rem;max-width: 100%;margin: 0 auto;box-sizing: border-box;position: relative;}

@keyframes shake-slight {
  10%, 90% {
    transform: translate3d(-1px, 0, 0) rotate(-1deg);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0) rotate(1deg);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0) rotate(-1deg);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0) rotate(1deg);
  }
}
.hover_sway:hover,*:hover > .hover_sway{animation: sway-gently 0.8s ease-in-out both;}
@keyframes sway-gently {
  0%, 100% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  60% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-2deg);
  }
}


.wrapbanner{position: relative;padding: 13rem 0 0 15rem;}
.wrapbanner .bg{display: block;background: url(../images/banner_lf.png) no-repeat center/cover;width: 34rem;height: 34.8rem;position: absolute;left: -11rem;top: 21rem;}
.banner{overflow: hidden;position: relative;border-radius: 2rem;animation: parallelogram-reveal .6s ease-out .3s both;}
@keyframes parallelogram-reveal {
  from { clip-path: polygon(60% 0, 60% 0, 40% 100%, 40% 100%); }
  to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
}
.banner a{display:block;position:relative;}
.banner .gp-img{position: relative;padding-bottom: calc(100vh - 18rem);}
.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-pagination{bottom: auto;right: -4.6rem;top: 18rem;}
.wrapbanner .swiper-pagination-bullet{cursor: pointer;display:block;width: 1.2rem;height: 1.2rem;background: #fff;opacity: .3;margin: 0 0 2.3rem;color: #fff;border-radius: 50%;}
.wrapbanner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

.wrapbanner .swiper_menu{position: absolute;bottom: 4rem;right: -8rem;width: 16rem;height: 6rem;z-index: 5;}
.wrapbanner .arrow{width: 6rem;height: 6rem;background: #fff no-repeat center/2.4rem auto;display: block;margin: 0 0 .1rem;cursor: pointer;position: relative;top: 0;transform: none;z-index: 10;opacity: 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;border-radius: 50%;}
.wrapbanner .arrow::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center/2.4rem auto;border-radius: 50%;}
.wrapbanner .prev{left: 0;}
.wrapbanner .next{right: 0;}
.wrapbanner .prev::before{background-image: url(../images/banner_prev.png);}
.wrapbanner .next::before{background-image: url(../images/banner_next.png);}
.wrapbanner .arrow:hover{opacity: 1;}
.wrapbanner .arrow:hover::before{transform: rotateX(360deg);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;}



/* @media screen and (min-width:99.6rem){
	.banner{animation:banner .7s linear 0s 1 both;transform-style:preserve-3d}
	@-webkit-keyframes banner{
		0%{transform: translateY(100px);opacity: 0;}
		100%{transform: translateY(0);opacity: 1;}
	}
	@keyframes banner{
		0%{transform: translateY(100px);opacity: 0;}
		100%{transform: translateY(0);opacity: 1;}
	}
} */

.index_title{font-weight: bold;position: relative;margin-bottom: 3rem;color: #1d1d1d;font-weight: bold;line-height: 1;}
.index_title p{color: #0033cc;text-transform: uppercase;font-size: 1.3em;margin: .5rem 0 0;}
.index_title.w{color: #fff;}
.index_title.w p{color: #03e8fa;}


.index_more{display: block;position: relative;margin: 0 0 0 6.6rem;width: 14rem;height: 5.2rem;border: .1rem solid #e5e5e5;text-align: center;line-height: 5.2rem;color: #666;}
.index_more::before{content: '';display: block;position: absolute;left: -6.5rem;top: 50%;transform: translateY(-50%);width: 1rem;height: 1rem;border: .1rem solid #b2b2b2;border-radius: 50%;}
.index_more::after{content: '';display: block;position: absolute;left: -5.5rem;top: 50%;width: 6.1rem;border-bottom: .1rem dashed #b2b2b2;}
.index_more .co1{position: absolute;width: 1rem;height: 1rem;border-top: .1rem solid #b2b2b2;border-left: .1rem solid #b2b2b2;left: -0.1rem;top: -0.1rem;}
.index_more .co2{position: absolute;width: 1rem;height: 1rem;border-bottom: .1rem solid #b2b2b2;border-left: .1rem solid #b2b2b2;left: -0.1rem;bottom: -0.1rem;}
.index_more .co3{position: absolute;width: 1rem;height: 1rem;border-top: .1rem solid #b2b2b2;border-right: .1rem solid #b2b2b2;right: -0.1rem;top: -0.1rem;}
.index_more .co4{position: absolute;width: 1rem;height: 1rem;border-bottom: .1rem solid #b2b2b2;border-right: .1rem solid #b2b2b2;right: -0.1rem;bottom: -0.1rem;}
.index_more:hover{color: #0033cc;}
.index_more:hover .co1,.index_more:hover .co4{width: 100%;border-color: #0033cc;}
.index_more:hover .co2,.index_more:hover .co3{height: 100%;border-color: #0033cc;}

.index_more.w{color: #fff;border-color: rgba(255, 255, 255, .2);}
.index_more.w::before,.index_more.w::after{border-color: #fff;}
/* .index_more.w:hover{color: #03e8fa;} */
.index_more.w:hover .co1,.index_more.w:hover .co4,.index_more.w:hover .co2,.index_more.w:hover .co3{border-color: #fff;}


.wrap_mode01{overflow: hidden;height: 100%;position: relative;padding: 5rem 0 3rem 3rem;display: flex;align-items: center;background: #f2f2f2 url(../images/mode01_bg.png) no-repeat right bottom/cover;}
.mode01 .index_title{position: absolute;left: 0;top: 5.7rem;}
.mode01 .index_more{position: absolute;left: 0;bottom: 9.3rem;}

.index_01{float: right;width: 99rem;}
.index_01 ul{margin: -8rem .8rem;text-align: center;}
.index_01 .item{margin: 8rem -0.8rem;position: relative;height: 34rem;border-radius: 50%;background: url(../images/mode01_item1.png) no-repeat bottom center/cover;text-align: center;padding: 4.7rem 0 0;}
.index_01 .img_box{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: -1;width: 83rem;height: 83rem;display: none;padding: 10rem;}
.index_01 .img_box::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/mode01_line1.png) no-repeat center/100% 100%;}
.index_01 .img_box::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/mode01_line2.png) no-repeat center/100% 100%;}
.index_01 .gp-img{border-radius: 50%;}
.index_01 .time{color: #ccaf70;position: relative;padding: 0 0 1.7rem;z-index: 2;width: 23.5rem;margin: 0 auto 3.5rem;border-bottom: .1rem solid #dbdbdb;line-height: 1;}
.index_01 .time::before{content: '';display: block;left: 50%;top: 100%;transform:translateX(-50%) translateY(-50%);position: absolute;width: 3.5rem;height: 3.5rem;background: #fff;border: .9rem solid #fff;border-radius: 50%;z-index: 2;}
.index_01 .time::after{content: '';display: block;left: 50%;top: 100%;transform:translateX(-50%) translateY(-50%);position: absolute;width: 1.8rem;height: 1.8rem;background: #fff;border: .5rem solid #ccaf70;border-radius: 50%;z-index: 2;}
.index_01 .day{margin: 0 0 .5rem;}
.index_01 .title{margin: 0 3rem;}
.index_01 li:first-child .item,.index_01 li:nth-child(3) .item{top: 24rem;}

.index_01 li.on .img_box{display: block;}
.index_01 li.on .item,.index_01 li:hover .item{background: #0d1c9b url(../images/mode01_item2.png) no-repeat center/cover;}
.index_01 li.on .time,.index_01 li:hover .time{border-bottom-color: rgba(219, 219, 219, .3);}
.index_01 li.on .time::before,.index_01 li:hover .time::before{border-color: #0d1c9b;}
.index_01 li.on .time::after,.index_01 li:hover .time::after{border-color: rgba(255,255,255,.3);background: #0d1c9b;}
.index_01 li.on .title,.index_01 li:hover .title{color: #fff;}

.index_01 .isView li.on .img_box{animation: zoomIn-img-box .6s cubic-bezier(0.34, 1.56, 0.64, 1) both;}
.index_01 .isView li.on .img_box::before{animation: rotateIn-arc .8s cubic-bezier(0.34, 1.56, 0.64, 1) .2s both;}
.index_01 .isView li.on .img_box::after{animation: rotateIn-arc .8s cubic-bezier(0.34, 1.56, 0.64, 1) .3s both;}
@keyframes zoomIn-img-box {
    from {opacity: 0;transform: translateX(-50%) translateY(-50%) scale(0.5);}
    to {opacity: 1;transform: translateX(-50%) translateY(-50%) scale(1);}
}
@keyframes rotateIn-arc {
    from {opacity: 0;transform: rotate(-90deg) scale(0.8);}
    to {opacity: 1;transform: rotate(0deg) scale(1);}
}

.wrap_mode02{overflow: hidden;height: 100%;position: relative;padding: 5rem 0 3rem 3rem;display: flex;align-items: center;}
.wrap_mode02::before{content: '';display: block;position: absolute;left: -54.5rem;bottom: -55.4rem;background: url(../images/mode02_bg.png) no-repeat center/cover;width: 123rem;height: 123rem;z-index: 1;animation: slow-rotate 100s linear infinite;}
.mode02 .index_title{position: absolute;left: 0;top: 2.7rem;}
.mode02 .index_more{position: absolute;left: 0;bottom: 5.2rem;}

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


.index_02{margin: 0 0 0 53rem;}
.index_02 ul{margin: 0 0 -1.2rem;padding: 0 0;}
.index_02 .item{margin: 0 0 2.5rem;position: relative;}
.index_02 li:nth-child(2) .item{left: -33rem;}
.index_02 li:nth-child(3) .item{left: -3rem;}

.index_02 .img_box{width: 42.5rem;}
.index_02 .gp-img{border-radius: 1rem;}
.index_02 .info_box{margin: 0 0 0 -3rem;padding: 3.4rem 3rem 1.6rem 4.2rem;width: calc(100% - 40rem);color: #fff;border: .1rem solid rgba(255, 255, 255, .3);border-radius: 0 1rem 1rem 0;flex-direction: column;}
.index_02 .title{margin: 0 0 1.3rem;color: #fff;}
.index_02 .summary{margin: 0 0;color: rgba(255,255,255,.4);}
.index_02 .time{margin: auto 0 0;width: 100%;padding: 0 0 0 2.6rem;background: url(../images/mode02_time.png) no-repeat left center/1.6rem;}

.wrap_mode03{min-height: 100vh;position: relative;overflow: hidden;padding-left: 3rem;}
.wrap_mode03::after{content: '';display: block;position: absolute;left: 0;height: 24.4rem;bottom: 0rem;z-index: -1;background: url(../images/mode03_bg2.png) no-repeat center/cover;width: 51rem;width: calc(50vw - 45rem);}
.wrap_mode03::before{content: '';display: block;position: absolute;right: 0;top: 0;width: 129rem;height: calc(100% - 24.4rem);background: url(../images/mode03_bg1.png) no-repeat center/cover;width: calc(50vw + 33rem);}
.mode03{min-height: 100vh;/* align-items: flex-end; */}

.mode03 .lf{width: 33rem;padding: 9rem 0 30rem;position: relative;height: 100%;}
.mode03 .lf::before{content: '';display: block;position: absolute;right: 0;height: 23rem;top: 0;z-index: -1;background: #0033cc;width: 51rem;width: calc(50vw - 45rem);}
.mode03 .rt{width: calc(100% - 33rem);padding: 6rem 0 7.2rem 14rem;position: relative;margin: auto 0 0;}
.mode03 .rt::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 74rem;height: 24.4rem;background: #ebebeb;}
.mode03 .rt .index_title{margin: 0 0 2.7rem 60rem;}

.index_03a{margin: 5rem 5rem 4rem 0;line-height: 1.75em;max-height: 14em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}

.index_03b1{overflow: hidden;padding: 0 0 3rem;width: 60rem;position: relative;}
.index_03b1 ul{}
.index_03b1 .item{}
.index_03b1 .bottom{padding: 2rem 4.2rem 5.8rem;background: #0033cc;}
.index_03b1 .title{color: #fff;}

.index_03b1 .swiper_menu{text-align: center;padding: 0;font-size: 0;margin: -3rem 0 0;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;}
.index_03b1 .arrow{width: 6rem;height: 6rem;background: #fff no-repeat center/2.4rem;display: inline-block;vertical-align: top;margin: 0 1rem;cursor: pointer;z-index: 10;border-radius: 50%;position: relative;}
/* .index_03b1 .prev{left: 0rem;background-image: url(../images/banner_prev.png);}
.index_03b1 .next{right: 0rem;background-image: url(../images/banner_next.png);} */

.index_03b1 .arrow::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center/2.4rem auto;border-radius: 50%;}
.index_03b1 .prev{left: 0;}
.index_03b1 .next{right: 0;}
.index_03b1 .prev::before{background-image: url(../images/banner_prev.png);}
.index_03b1 .next::before{background-image: url(../images/banner_next.png);}
.index_03b1 .arrow:hover{opacity: 1;}
.index_03b1 .arrow:hover::before{transform: rotateX(360deg);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;}

.index_03b2{width: 40rem;position: relative;height: 47.7rem;padding: 3.4rem 0 0 3rem;}
.index_03b2::before{content: '';display: block; background: #fff;position: absolute;left: 0;top: 0;width: 56rem;height: 100%;z-index: -1;width: calc(50vw - 40rem);}
.index_03b2 .select_month{position: relative;align-items: center;margin: 0 0 2.3rem;}
.index_03b2 .cur_month{color: #0d1c9b;}
.index_03b2 .arrow{width: 5rem;height: 3rem;border: .1rem solid #0033cc;background: url(../images/mode03_arrow.png) no-repeat center/2.1rem;position: relative;}
.index_03b2 .hover_box{display: none;position: absolute;right: -.1rem;top: 100%;background: #fff;border: .1rem solid #0033cc;box-sizing: border-box;z-index: 10;max-height: 20rem;overflow: auto;white-space: nowrap;}
.index_03b2 *:hover > .hover_box{display: block;}
.index_03b2 .hover_box .item{padding: .4rem 2rem;white-space: nowrap;cursor: pointer;}

.index_03b2 .hover_box::-webkit-scrollbar {width: .5rem;height: .5rem;background-color: #f5f5f5}
.index_03b2 .hover_box::-webkit-scrollbar-track {border-radius: 0;background-color: #e2e2e2}
.index_03b2 .hover_box::-webkit-scrollbar-thumb {border-radius: 0;background-color: #333}


@media screen  and (max-width:996px){
	.fullscreen_slide_box{margin: 0;}
	.wrapbanner{padding-left: 5rem;padding-bottom: 2rem;}
	.wrapbanner .bg{width: 24rem;height: 24.6rem;left: -7rem;top: 21rem;}
	.wrapbanner .swiper_menu{right: 4rem;width: 14rem;}
	.wrapbanner .swiper-pagination{display: none;}
	.banner a{height: 0;padding-bottom: 48%;}
	.banner .con_box{left: 20px;width: calc(100% - 40px);}
	.banner .con_box .title{line-height: 1.4em;}

	.fullscreen_slide_box .gp-container{}
	.wrap_mode01,.wrap_mode02{padding: 6rem 0;flex-direction: column;display: block;}
	.mode01 .index_title,.mode02 .index_title{position: relative;top: 0;}
	.mode01 .index_more,.mode02 .index_more{left: auto;right: 0;bottom: auto;top: 25px;}
	.index_01{width: 100%;float: none;}
	.index_01 li:first-child .item, .index_01 li:nth-child(3) .item{top: 0;}
	.index_01 ul{margin: 0;}
	.index_01 li.on .img_box{display: none;}
	.index_01 .item{margin: 0 auto 25px;width: 250px;height: 250px;}

	.index_02{margin: 0;}
	.index_02 li:nth-child(2) .item,.index_02 li:nth-child(3) .item{left: 0;}
	.index_02 .info_box{padding-top: 1rem;}
	.index_02 .summary{margin: 0 0 10px;}

	.wrap_mode03{padding: 0 0 6rem;}
	.wrap_mode03::before,.wrap_mode03::after{display: none;}
	.mode03{min-height: initial;}
	.mode03 .lf{width: 100%;padding: 6rem 0 4rem;height: auto;}
	.mode03 .rt{width: 100%;padding: 6rem 0 0;}
	.mode03 .rt::before{content: '';display: block;position: absolute;left: -20px;right: -20px;top: 0;height: 300px;background: url(../images/mode03_bg1.png) no-repeat center/cover;width: auto;}
	.mode03 .lf::before{width: 100vw;}
	/* .mode03 .rt::before,.index_03b2::before{display: none;} */
	.index_03b2{width: calc(100% - 60rem);background: #fff;padding: 3rem;}

	


}
@media screen and (max-width: 767px){
	.banner .con_box{display: none;}

	.banner .gp-img{left: 0;top: 0;width: 100%;height: 100%;padding-bottom: 0;position: absolute;}
	.banner_side{position: fixed;width: 10rem;height: 17.2rem;z-index: 990;}
	.banner_side .num{width: 9rem;}

	.wrapbanner{padding-top: 60px;padding-left: 15px;}
	.wrapbanner .bg{width: 12rem; height: 12.9rem;left: -4rem;top: 12rem;}
	.fullscreen_slide1{padding-left: 0;}

	.index_01 .swiper-pagination{bottom: 0;}
	.index_01 .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 2px;background: #0d1c9b;opacity: .2;border-radius: 0;margin: 0 20px 0 0;}
	.index_01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}

	.index_02 .img_box{width: 100%;}
	.index_02 .item{margin: 0 0 3rem;}
	.index_02 .info_box{width: 100%;margin: -15px 0 0;border-radius: 10px;padding: 20px 15px 10px;}

	.mode03 .rt .index_title{margin: 0 0 30px;}
	.index_03b1{width: 100%;}
	.index_03b2{width: 100%;padding: 20px;}

	.index_title p{font-size: 1em;}
	
	.mode03 .lf::before{height: 20rem;}

}
@media screen and (max-width:413px){
	.mode01 .index_more, .mode02 .index_more{top: 0;}

}