@font-face {
	font-family: 'num';
	src: url('../fonts/num.eot?#iefix') format('embedded-opentype'),
	url('../fonts/num.woff') format('woff'),
	url('../fonts/num.woff2') format('woff2'),
	url('../fonts/num.ttf') format('truetype'),
	url('../fonts/num.svg#num') format('svg');
}
.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;}

.banner{overflow: hidden;position: relative;}
.banner .swiper-slide{display:block;position:relative;height: 100vh;overflow: hidden;height: 90.8rem;}
.banner .gp-img{padding-bottom: 47.4%;padding-bottom: 100vh;padding-bottom: 90.8rem;}
.banner video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
/* .banner 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)}
}

.banner .gp-video-box{position: absolute;left: 0;top: 0;width: 100%;height: 102%;} 



.banner1{position: absolute;right: 0;bottom: 0;width: 169.6rem;}
.banner1 .bg{pointer-events: none;display: block;width: 100%;}
.banner1 .icos{position: absolute;display: block;width: 20.6rem;z-index: 2;width: 12.14%;}
.banner1 .icos{opacity: 0;}
/* .banner1 img.icos,.banner1 .icos img{opacity: 0;} */
.banner1 .icos img{display: block;width: 100%;}
.banner1 a.icos{z-index: 5;}
.banner1 .icos .a{position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;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;}
.banner1 .icos:hover .a{opacity: 1;}
.banner1 .icos:hover .d{}

.banner1 .icos span{position: absolute;bottom: -5.5rem;left: 0;transform: translateX(-23%) skew(12deg) rotatex(18deg) rotatez(12deg);color: #8698b1;white-space: nowrap;z-index: 3;font-size: 2.3rem;font-weight: bold;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;}
.banner1 .icos.ico5 span{bottom: -6rem;}
.banner1 .icos.ico9 span{bottom: -4.9rem;}
.banner1 .icos.ico13 span{bottom: -5.4rem;}
.banner1 .icos:hover span{color: #c7000a;}


.banner1 .ico0{left: 11.38%;top: 54.06%;}

.banner1 .ico1{left: 20.22%;top: 0%;}
.banner1 .ico2{left: 30.54%;top: 2.99%;}
.banner1 .ico3{left: 41.27%;top: 7.37%;}
.banner1 .ico4{left: 51.59%;top: 11.73%;}
.banner1 .ico5{left: 62.5%;top: 17.48%;}
.banner1 .ico6{left: 73.11%;top: 18.85%;}
.banner1 .ico7{left: 83.96%;top: 23.85%;}

.banner1 .ico8{left: 29.07%;top: 29.96%;}
.banner1 .ico9{left: 40.68%;top: 35.08%;}
.banner1 .ico10{left: 52.12%;top: 42.45%;}
.banner1 .ico11{left: 63.68%;top: 45.57%;}

.banner1 .ico12{left: 33.61%;top: 62.17%;}
.banner1 .ico13{left: 44.81%;top: 65.42%;}
.banner1 .ico14{left: 56.43%;top: 69.29%;}

/* .banner1 .icos.active img:first-child{animation: bounce 2s ease-in-out infinite;} */
.banner1 .icos.active img.a{animation: bounce 2s ease-in-out infinite;}

@keyframes bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(-3.5rem); }
    100% { transform: translateY(0); }
}
@keyframes textBounce {
    0% { transform: translateY(0) translateX(-23%) skew(12deg) rotatex(18deg) rotatez(22deg); }
    50% { transform: translateY(-3.5rem) translateX(-23%) skew(12deg) rotatex(18deg) rotatez(22deg); }
    100% { transform: translateY(0) translateX(-23%) skew(12deg) rotatex(18deg) rotatez(22deg); }
}


.banner1 .icos.active img.a{opacity: 1;}
.banner1 .icos.active img.d{opacity: 0;}
.banner1 .icos.active span{color:#C7000A;animation: textBounce 2s ease-in-out infinite;}
.banner .swiper-slide-active .banner1 .icos{animation-name: banner1icos;animation-duration: .5s;animation-timing-function: ease-out;animation-fill-mode: both;}
@keyframes banner1icos {
    from { transform: translateY(-80vh); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.banner .swiper-slide-active .banner1 .icos span{animation-name: banner1icos_span;animation-duration: 1s;animation-timing-function: ease-out;animation-fill-mode: both;}
@keyframes banner1icos_span {
    from { opacity: 0; }
    to { opacity: 1; }
}







.banner2{position: absolute;width: 106.7rem;left: 50%;top: 50%;margin: -14.2rem 0 0 -53.3rem;}

@keyframes slideUp {
	0% {transform: translateY(10rem);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}
@keyframes zoomIn {
	0% {transform: scale(0.5);opacity: 0;}
	100% {transform: scale(1);opacity: 1;}
}
.banner .swiper-slide-active .banner1 .bg{animation: slideUp 1s ease-out forwards;}
.banner .swiper-slide-active .banner2{animation: zoomIn 1.2s ease-out forwards;}

@-webkit-keyframes play {
	0% {-webkit-transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg)}
}
@-moz-keyframes play {
	0% {-webkit-transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg)}
}

.banner3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background: no-repeat center/cover;}
.banner3 .block_0{position: absolute;background: url(../images/banner3_0.png) no-repeat center/cover;width: 64.5rem;height: 41.5rem;margin: -16.5rem 0 0 -32.2rem;top: 50%;left: 50%;z-index: 10;pointer-events: none;}
.banner3 .block{position: absolute;top: 50%;left: 50%;background: url(../images/banner3_1.png) no-repeat center/cover;width: 54.9rem;height: 29.6rem;margin: -23rem 0 0 -27.6rem;z-index: 3;filter: drop-shadow( 0rem 3rem 8rem rgba(197, 219, 254, 0.8) );}
.banner3 .block_2{background-image: url(../images/banner3_2.png);margin: -7.6rem 0 0 1.5rem;z-index: 2;}
.banner3 .block_3{background-image: url(../images/banner3_3.png);margin: 8.4rem 0 0 -27.7rem;z-index: 1;}
.banner3 .block_4{background-image: url(../images/banner3_4.png);margin: -7.3rem 0 0 -56.5rem;z-index: 4;}
.banner3 .block:hover{background-image: url(../images/banner3_12.png);}
.banner3 .block_2:hover{background-image: url(../images/banner3_22.png);}
.banner3 .block_3:hover{background-image: url(../images/banner3_32.png);}
.banner3 .block_4:hover{background-image: url(../images/banner3_42.png);}

.banner3 .txt{position: absolute;left: 3.2rem;top: -3.4rem;width: 45rem;}
.banner3 .block_2 .txt{left: 9.7rem;top: -2.8rem;width: 37.3rem;}
.banner3 .block_3 .txt{left: 8.7rem;top: 6.9rem;width: 38.2rem;}
.banner3 .block_4 .txt{left: 1.2rem;top: 3.5rem;width: 34.2rem;}

/* 新增动画 */
.banner .swiper-slide-active .banner3 .block,
.banner .swiper-slide-active .banner3 .block_0,
.banner .swiper-slide-active .banner3 .txt {
    opacity: 0;
    animation-fill-mode: forwards;
}

/* block_1 从上进入 */
.banner .swiper-slide-active .banner3 .block_1 {
    animation-name: slideInFromTop;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
}

/* block_3 从下进入 */
.banner .swiper-slide-active .banner3 .block_3 {
    animation-name: slideInFromBottom;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
}

/* block_4 从左进入 */
.banner .swiper-slide-active .banner3 .block_4 {
    animation-name: slideInFromLeft;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-delay: 0.2s;
}

/* block_2 从右进入 */
.banner .swiper-slide-active .banner3 .block_2 {
    animation-name: slideInFromRight;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-delay: 0.2s;
}

/* block_0 从上进入 */
.banner .swiper-slide-active .banner3 .block_0 {
    animation-name: slideInFromTop;
    animation-duration: 0.6s;
    animation-timing-function: ease-out;
    animation-delay: 0.5s;
}

/* txt 依次显示 */
.banner .swiper-slide-active .banner3 .block_1 .txt { animation: slideUpAndFade 0.5s 1.1s; animation-fill-mode: forwards; }
.banner .swiper-slide-active .banner3 .block_4 .txt { animation: slideUpAndFade 0.5s 1.4s; animation-fill-mode: forwards; }
.banner .swiper-slide-active .banner3 .block_3 .txt { animation: slideUpAndFade 0.5s 1.7s;  animation-fill-mode: forwards;}
.banner .swiper-slide-active .banner3 .block_2 .txt { animation: slideUpAndFade 0.5s 2s;  animation-fill-mode: forwards;}


@keyframes slideInFromTop {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes slideInFromBottom {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes slideInFromLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideInFromRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideUpAndFade {
    from { 
        opacity: 0;
        transform: translateY(2rem);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}
/* 动画结束 */


.circle{position:absolute;width:104vw;height:104vw;top:50%;left:50%;margin-top:-52vw;margin-left:-52vw;z-index:1;-webkit-animation:play 100s linear infinite;-moz-animation:play 100s linear infinite;animation:play 100s linear infinite;pointer-events:none}
.circle span{position:absolute;width:104vw;height:104vw;top:50%;left:50%;margin-top:-52vw;margin-left:-52vw;background:url(../images/n_bg1.png) center no-repeat;background-size:cover;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:circleScale 9s linear infinite;-moz-animation:circleScale 9s linear infinite;-ms-animation:circleScale 9s linear infinite;animation:circleScale 9s linear infinite;transition:.5s}
.circle span:nth-of-type(2){animation-delay:3s}
.circle span:nth-of-type(3){animation-delay:6s}
@keyframes circleScale{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
	90%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
	100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
}
@-webkit-keyframes circleScale{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
	90%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
	100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
}
@-moz-keyframes circleScale{
	0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
	90%{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
	100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}
}


.wrapbanner .banner .swiper-pagination{bottom: 2.6rem;}
.wrapbanner .banner .swiper-pagination-bullet{cursor: pointer;display:inline-block;width: 3.3rem;height: .6rem;background: #fff;opacity: .6;margin: 0 1rem;color: #fff;vertical-align: bottom;border-radius: 1rem;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;}
.wrapbanner .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 11.2rem;}

/* .banner .arrow{width: 5rem;height: 5rem;background: no-repeat center/1.7rem auto;display: block;margin: 0 0 .1rem;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;opacity: .5;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;}
.banner .prev{left: 2.4rem;background-image: url(../images/banner_prev.png);}
.banner .next{right: 2.4rem;background-image: url(../images/banner_next.png);}
.banner .arrow:hover{opacity: 1;} */

.help{position: absolute;left: 1.1rem;bottom: 2.5rem;z-index: 1000;}
.help_img{position: relative;display: block;width: 17rem;z-index: 2;}
.help_text{position: absolute;left: 15.5rem;top: -1.8rem;display: block;width: 72.3rem;max-width: initial;z-index: 1;transition: all ease-in-out .6s;-ms-transition: all ease-in-out .6s;-moz-transition: all ease-in-out .6s;-webkit-transition: all ease-in-out .6s;-o-transition: all ease-in-out .6s;transform: scale(0) translateX(-28rem);transform-origin: left bottom;}
.help:hover .help_text{transform: scale(1) translateX(0);}

.content{}

.index_title{margin: 0 auto 7.4rem;width: 4em;position: relative;font-weight: bold;text-align: center;line-height: 1;padding: .8rem 0 0;}
.index_title::before{content: '';display: block;position: absolute;background: url(../images/index_title.png) no-repeat center/cover;width: 4.9rem;height: 2.2rem;top: -1.3rem;right: -5.5rem;}
.index_title p{color: #8f98a6;font-weight: normal;margin: 1.1rem 0 0;}


.wrap_mode01{padding: 4.7rem 0 7.8rem;position: relative;overflow: hidden;}
.wrap_mode01::before{content: '';display: block;position: absolute;right: -52.6rem;top: -47.6rem;background: url(../images/mode01_bg.png) no-repeat center/cover;width: 140rem;height: 140rem;}
.wrap_mode01::after{content: '';display: block;position: absolute;left: -48.9rem;bottom: -21.2rem;background: url(../images/mode01_bg.png) no-repeat center/cover;width: 140rem;height: 140rem;}
.mode01{}

.wrap_mode01_title{overflow: hidden;padding: 4rem 0 0;}

.index_01{}
.index_01 ul{margin: 0 0;}
.index_01 li{margin: 0 0 4.4rem;}
.index_01 .item{}
.index_01 .left{width: 28rem;padding: 12.7rem 0 0;}
.index_01 .title{margin: 0 0 1.6rem;font-weight: bold;}
.index_01 .summary{margin: 0 4rem 4.9rem 0;color: #282828;}
.index_01 .more{display: block;line-height: 3.5rem;width: 14.1rem;background: #c7000a;border-radius: 5rem;position: relative;color: #fff;padding: 0 0 0 2.5rem;margin: 0 0 0 .2rem;}
.index_01 .more::before{content: '';display: block;width: 2rem;height: 2rem;background: #fff url(../images/more.png) no-repeat center/.8rem;position: absolute;top: 50%;transform: translateY(-50%);right: 1.2rem;border-radius: 50%;}
.index_01 .right{width: calc(100% - 29rem);position: relative;}
.index_01 .img_box{border-radius: 2rem;overflow: hidden;position: relative;/* height: 0; */}
.index_01 .img_box::before{content: '';display: block;position: absolute;left: -0.2rem;right: -0.2rem;top: -0.2rem;height: 100%;background: url(../images/mode01_cover.png) no-repeat center/100% 100%;}
.index_01 .img_box video{display: block;border: none;width: 101%;border-radius: 2rem;margin-left: -0.5rem;margin-bottom: -0.2rem;}
.index_01 .info_box{position: absolute;left: 4rem;top: 20.6rem;line-height: 2em;}
.index_01 .info_box p{position: relative;margin: 0 0 2rem;padding: 0 0 0 2.3rem;color: #8f98a6;}

.index_01 .info_box p span{position:relative;background-image:linear-gradient(#c7000a,#c7000a);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;}




.index_01 .info_box p::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #8f98a6;border-radius: 50%;width: .6rem;height: .6rem;}
.index_01 .info{display: none;}

.wrap_mode02{padding: 5.5rem 0 5.7rem;background: #f9f9f9 url(../images/mode02_bg.png) no-repeat bottom center/100% auto;position: relative;}
.mode02{}

.index_02{display: block;margin: -2.4rem 0 0;}

.index_02a{margin: -3.4rem 15.4rem 0;}
.index_02a ul{margin: 0 0 0 -3rem;}
.index_02a .item{margin: 0 0 2rem 3rem;position: relative;border-radius: 2rem;padding: 3.6rem 3.6rem 3.6rem;z-index: 1;overflow: hidden;background-image: -moz-linear-gradient( 154deg, rgb(227,230,255) 0%, rgb(236,237,255) 100%);background-image: -webkit-linear-gradient( 154deg, rgb(227,230,255) 0%, rgb(236,237,255) 100%);background-image: -ms-linear-gradient( 154deg, rgb(227,230,255) 0%, rgb(236,237,255) 100%);}
.index_02a .item > *,.index_02b .item > *{position: relative;z-index: 100;}
.index_02a .num{font-family: 'num';font-size: 15rem;color: #ccd1ff;line-height: 1em;margin: 0 0 1.4rem;height: 1em;}
.index_02a .img_box{position: absolute;right: 3.2rem;top: 3.8rem;width: 16rem;}
.index_02a .title{margin: 0 0 1.5rem 1rem;}
.index_02a .more{display: inline-block;background: #ccd1ff;padding: 0 4.5rem 0 1.2rem;position: relative;border-radius: 5rem;color: #fff;line-height: 1.9em;height: 2em;margin: 0 0 0 1rem;}
.index_02a .more::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 1.1rem;background: url(../images/mode02_more.png) no-repeat center/cover;width: 2.1rem;height: 2.1rem;}

.index_02a li:nth-child(2) .item{background-image: -moz-linear-gradient( 114deg, rgb(217,236,251) 0%, rgb(229,240,251) 100%);background-image: -webkit-linear-gradient( 114deg, rgb(217,236,251) 0%, rgb(229,240,251) 100%);background-image: -ms-linear-gradient( 114deg, rgb(217,236,251) 0%, rgb(229,240,251) 100%);}
.index_02a li:nth-child(2) .num{color: #c1e4f5;}
.index_02a li:nth-child(2) .more{background: #c1e4f5;}
.index_02a .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index_02b{margin: 0 0 2rem;}
.index_02b ul{margin: 0 0 -2rem -2.2rem;}
.index_02b .item{margin: 0 0 2rem 2.2rem;position: relative;border-radius: 2rem;padding: 3.6rem 3.6rem 2.8rem;z-index: 1;overflow: hidden;background-image: -moz-linear-gradient( 135deg, rgb(255,241,213) 0%, rgb(255,250,241) 100%);background-image: -webkit-linear-gradient( 135deg, rgb(255,241,213) 0%, rgb(255,250,241) 100%);background-image: -ms-linear-gradient( 135deg, rgb(255,241,213) 0%, rgb(255,250,241) 100%);}
.index_02b .num{font-family: 'num';font-size: 15rem;color: #f8e6c1;line-height: 1em;margin: 0 0 .9rem;height: 1em;}
.index_02b .img_box{position: absolute;right: 3.4rem;top: 3rem;width: 13rem;}
.index_02b .title{margin: 0 0 1.5rem .5rem;}
.index_02b .more{display: inline-block;background: #f8e6c1;padding: 0 4.5rem 0 1.2rem;position: relative;border-radius: 5rem;color: #fff;line-height: 1.9em;height: 2em;margin: 0 0 0 .4rem;}
.index_02b .more::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 1.1rem;background: url(../images/mode02_more.png) no-repeat center/cover;width: 2.1rem;height: 2.1rem;}

.index_02b li:nth-child(2) .item{background-image: -moz-linear-gradient( 142deg, rgb(208,247,229) 0%, rgb(237,255,247) 100%);background-image: -webkit-linear-gradient( 142deg, rgb(208,247,229) 0%, rgb(237,255,247) 100%);background-image: -ms-linear-gradient( 142deg, rgb(208,247,229) 0%, rgb(237,255,247) 100%);}
.index_02b li:nth-child(2) .num{color: #bbe7d3;}
.index_02b li:nth-child(2) .more{background: #bbe7d3;}

.index_02b li:nth-child(3) .item{background-image: -moz-linear-gradient( 141deg, rgb(212,227,255) 0%, rgb(235,242,255) 100%);background-image: -webkit-linear-gradient( 141deg, rgb(212,227,255) 0%, rgb(235,242,255) 100%);background-image: -ms-linear-gradient( 141deg, rgb(212,227,255) 0%, rgb(235,242,255) 100%);}
.index_02b li:nth-child(3) .num{color: #ccdcf8;}
.index_02b li:nth-child(3) .more{background: #ccdcf8;}

.index_02a li .item .mask,.index_02b li .mask{background: #c7000a url(../images/mode02_bg1.png) no-repeat right bottom/auto 100%;}
.index_02a li:nth-child(2) .item .mask{background-image: url(../images/mode02_bg2.png);}
.index_02b li:nth-child(1) .item .mask{background-image: url(../images/mode02_bg3.png);}
.index_02b li:nth-child(2) .item .mask{background-image: url(../images/mode02_bg4.png);}
.index_02b li:nth-child(3) .item .mask{background-image: url(../images/mode02_bg5.png);}
.index_02a li .item:hover .num,.index_02a li .item:hover .title,.index_02b li .item:hover .num,.index_02b li .item:hover .title{color: #fff;}
.index_02a li .item:hover .more,.index_02b li .item:hover .more{background: #fff;color: #c7000a;}
.index_02a li .item:hover .more::before,.index_02b li .item:hover .more::before{background-image: url(../images/mode02_more2.png);}



/* .wrap_mode03_ani{position: relative;height: 200vh;max-height: 200rem;} */

.wrap_mode03{padding: 16rem 0 5.4rem;position: relative;background: url(../images/mode03_bg.png) no-repeat bottom center/cover;height: 100vh;max-height: 99rem;padding-top: 20rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}

.mode03{width: 100%;}

.index_03a{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;overflow: hidden;background: #f9f9f9;}
.index_03a::before{content: '';display: block;position: absolute;right: -31rem;top: -56.1rem;background: url(../images/mode01_bg.png) no-repeat center/cover;width: 140rem;height: 140rem;}
.index_03a::after{content: '';display: block;position: absolute;left: -58.8rem;bottom: -90rem;background: url(../images/mode01_bg.png) no-repeat center/cover;width: 140rem;height: 140rem;}
.index_03a_lf{position: absolute;top: 50%;width: 66.2rem;left: 34.6rem;margin: -11.7rem 0 0 0;}
.index_03a_rt{position: absolute;top: 50%;width: 51.6rem;right: 34rem;margin: -27.8rem 0 0 0;}

@keyframes scrollLeft {
    0% {transform: translateX(0);}
	100% {transform: translateX(-50%);}	
}
@keyframes scrollRight {
	 0% {transform: translateX(-50%);}
	100% {transform: translateX(0);}
}

.index_03 {overflow: hidden;position: relative;margin: 6.5rem 0 0;}
.index_03:first-child{margin: 0;}
.index_03 ul {display: flex;width: fit-content;animation-duration: 100s;animation-timing-function: linear;animation-iteration-count: infinite;}
.index_03 ul li {flex-shrink: 0;width: auto;}
.index_03 ul {animation-name: scrollLeft;}
.index_03:nth-child(2) ul {animation-name: scrollRight;animation-delay: -60s;}
.index_03:nth-child(3) ul {animation-delay: -80s;}

.index_03:hover ul {animation-play-state: paused;}

.index_03 .item{background: #fff;border-radius: 1.2rem;box-shadow: 0rem 0rem 3rem 0rem rgba(213, 218, 252, 0.3);margin: 0 1.5rem;padding: .5rem 1rem;}
.index_03 .gp-img_centered{height: 12rem;width: 26.4rem;}

.index_03b{margin: 14.2rem auto 0;display: block;line-height: 3.5rem;width: 16.8rem;background: #c7000a;border-radius: 5rem;position: relative;color: #fff;padding: 0 0 0 3.5rem;}
.index_03b a{color: #fff;}
.index_03b::before{content: '';display: block;position: absolute;background: url(../images/mode03_btn.png) no-repeat center/cover;width: 11.9rem;height: 11.9rem;bottom: 0;right: -5.4rem;}

.wrap_mode04{padding: 6.8rem 0 9.6rem;}
.mode04{z-index: 3;}
.mode04 .lf{width: calc(50% - 1.1rem);margin: -1.3rem 0 0;}
.mode04 .rt{width: calc(50% - 1.1rem);}

.index_04a{}
.index_04a ul{margin: 0 0 0 -2.2rem;}
.index_04a .item{margin: 0 0 0 2.2rem;height: 62rem;border-radius: 2rem;padding: 5rem 2.6rem 0;position: relative;}
.index_04a .title{margin: 0 0 2rem;font-weight: bold;}
.index_04a .gp-img_centered{position: absolute;top: 4.1rem;right: 3.2rem;background: #fff;border-radius: 1.5rem;width: 5.4rem;height: 5.4rem;}
.index_04a .item1{background-image: -moz-linear-gradient( 90deg, rgb(247,248,255) 0%, rgb(227,229,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(247,248,255) 0%, rgb(227,229,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(247,248,255) 0%, rgb(227,229,255) 100%);}
.index_04a .item1 .bottom{background: url(../images/mode04_bg1.png) no-repeat center/cover;width: 29.7rem;height: 29.7rem;position: absolute;bottom: 4.4rem;left: 50%;transform: translateX(-50%);}
.index_04a .item1 .bottom .wrap{position: absolute;left: 50%;top: 0;width: 7rem;height: 7rem;margin: -3.5rem 0 0 -3.5rem;transform-origin: 50% 18.3rem; animation: rotateWrap 20s linear infinite;}
.index_04a .item1 .bottom img{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border-radius: 50%;box-shadow: 0rem 1.3rem 2.9rem 0rem rgba(183, 202, 249, 0.4);}
.index_04a .item1 .bottom .dot{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border-radius: 50%;width: .8rem;height: .8rem;background: #fff;border: .1rem solid #c6d8fc;}

@keyframes rotateWrap {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.index_04a .item1 .bottom .wrap .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;animation: rotateWrap 20s linear infinite;animation-fill-mode: both;animation-timing-function: linear;animation-direction: reverse;}

.index_04a .item1 .bottom .wrap:first-child ,.index_04a .item1 .bottom .wrap:first-child .inner{animation-delay: -18s;}
.index_04a .item1 .bottom .wrap:nth-child(2) ,.index_04a .item1 .bottom .wrap:nth-child(2) .inner{animation-delay: -2.94s;}
.index_04a .item1 .bottom .wrap:nth-child(3) ,.index_04a .item1 .bottom .wrap:nth-child(3) .inner{animation-delay: -9.17s;}
.index_04a .item1 .bottom .wrap:nth-child(4) ,.index_04a .item1 .bottom .wrap:nth-child(4) .inner{animation-delay: -6.22s;}
.index_04a .item1 .bottom .wrap:nth-child(5) ,.index_04a .item1 .bottom .wrap:nth-child(5) .inner{animation-delay: -15s;}

/* .index_04a .item1 .bottom .wrap:first-child{transform: rotate(-36deg);}
.index_04a .item1 .bottom .wrap:nth-child(2){transform: rotate(53deg);}
.index_04a .item1 .bottom .wrap:nth-child(3){transform: rotate(165deg);}
.index_04a .item1 .bottom .wrap:nth-child(4){transform: rotate(112deg);}
.index_04a .item1 .bottom .wrap:nth-child(5){transform: rotate(270deg);} */

.index_04a .item2{background-image: -moz-linear-gradient( -90deg, rgb(217,236,251) 0%, rgb(246,246,251) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(217,236,251) 0%, rgb(246,246,251) 100%);background-image: -ms-linear-gradient( -90deg, rgb(217,236,251) 0%, rgb(246,246,251) 100%);}
.index_04a .item2 .bottom{background: url(../images/mode04_bg2.png) no-repeat center/cover;width: 29.4rem;height: 24.2rem;position: absolute;bottom: 4.8rem;left: 1.7rem;filter: drop-shadow( 0rem 1.1rem 3.5rem rgba(75, 151, 250, 0.51) );}
@keyframes floatingElement {
    0% { transform: translateY(0); }
    50% { transform: translateY(-1.5rem); }
    100% { transform: translateY(0); }
}
.index_04a .item2 .mode04_ico2_1{position: absolute;left: 20rem;top: -11rem;animation: floatingElement 4s ease-in-out infinite;width: 5.5rem;}
.index_04a .item2 .mode04_ico2_2{position: absolute;left: 10.5rem;top: -7rem; animation: floatingElement 5s ease-in-out infinite;animation-delay: -1.3s;width: 7.7rem;}
.index_04a .item2 .mode04_ico2_3{position: absolute;left: 24.7rem;top: 17.4rem;animation: floatingElement 4.5s ease-in-out infinite;animation-delay: -2.7s;width: 9.5rem;}

.index_04b{}
.index_04b ul{margin: -1.3rem 0 -1.9rem -2.1rem;}
.index_04b .item{margin: 0 0 1.9rem 2.1rem;height: 30rem;background: #f6f6fb;border-radius: 2rem;padding: 5rem 2.6rem;position: relative;}
.index_04b .title{margin: 0 0;font-weight: bold;}
.index_04b .summary{margin: 0 0;color: #282828;position: absolute;left: 2.6rem;bottom: 4.9rem;}
.index_04b .gp-img_centered{width: 5.4rem;height: 5.4rem;position: absolute;top: 4rem;right: 3.2rem;background: #fff;border-radius: 1.5rem;}
.index_04b .more{position: absolute;right: 3.4rem;bottom: 5.8rem;display: block;padding: 0 3.3rem 0 0;color: #c7000a;}
.index_04b .more::before{content: '';display: block;width: 2rem;height: 2rem;background: #c7000a url(../images/more2.png) no-repeat center/.8rem auto;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}

.index_04b .heart{display: block;position: absolute;width: 34.3rem;right: 0;bottom: -15.1rem;}

.wrap_mode05 {position: relative;overflow: hidden;background: #1a1820;}
.wrap_mode05 .bg{position: absolute;top: 0;left: -5%;margin: -36.9rem 0 0;width: 110%;z-index: 1;pointer-events: none;max-width: initial;}
.particle-canvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
.mode05{height: 24.7rem;}
.mode05_title{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}

.wrap_mode06{padding: 10.4rem 0 8.5rem;background: #f9f9f9;}
.mode06{}
.index_06{margin: -2.4rem 0 0;}
.index_06 .lf{width: 40%;}
.index_06 .rt{width: 57.8%;background: #fff;border: .1rem solid #ededed;padding: 1rem 5rem 1rem 2.7rem;}

.index_06a{display: block;}
.index_06a .bottom{padding: 2.9rem 4.2rem 3.4rem 1.5rem;background: #fff;border: .1rem solid #ededed;align-items: center;}
.index_06a .time{width: 9.2rem;position: relative;text-align: center;color: #24252a;line-height: 1.1;}
.index_06a .time::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: .1rem;height: 8.5rem;background: #eee;}
.index_06a .day{margin: -0.5rem 0 .5rem;font-weight: bold;}
.index_06a .month{margin: 0 0 0;}
.index_06a .right{position: relative;width: calc(100% - 11.2rem);}
.index_06a .title{margin: 0 0 1rem;}
.index_06a .summary{color: #8f98a6;}

.index_06b{display: block;overflow: hidden;}
.index_06b ul{margin: 0 0 -0.1rem;}
.index_06b .item{padding: 1.6rem 0;background: #fff;border-bottom: .1rem solid #ededed;align-items: center;}
.index_06b .img_box{width: 23.2rem;}
.index_06b .time{width: 9rem;position: relative;text-align: center;color: #24252a;line-height: 1.1;margin: 0 2rem 0 0;}
.index_06b .time::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: .1rem;height: 8.5rem;background: #eee;}
.index_06b .day{margin: -0.5rem 0 .5rem;font-weight: bold;}
.index_06b .month{margin: 0 0 0;}
.index_06b .right{position: relative;width: calc(100% - 35.5rem);}
.index_06b .title{margin: 0 0 .9rem;}
.index_06b .summary{color: #8f98a6;}


.lh-clamp-1, .lh-clamp-2, .lh-clamp-3 {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.lh-clamp-1 {-webkit-line-clamp: 1;}
.lh-clamp-2 {-webkit-line-clamp: 2;}
.lh-clamp-3 {-webkit-line-clamp: 3;}
.d-none {display: none;}

@media screen  and (min-width:996px){
	.index_06 .lf,.index_06b li,.index_03b{transition: transform 0.35s ease-out;}
	.index_06 .lf:hover{transform: translateY(-15px);box-shadow: 0 0 10px rgba(0,0,0,0.12);}
	.index_06b li:hover,.index_03b:hover{transform: translateY(-15px);}
	.index_06b li .title span,.index_06 .lf .title span{position:relative;background-image:linear-gradient(#c7000a,#c7000a);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s;}
	.index_06b li:hover .title span,.index_06 .lf:hover .title span{background-size:100% 1px;color: #c7000a}
	.index_01 .info_box p:hover span{background-size:100% 1px;color: #c7000a}
		/* .index_01 .left:hover .title{color: #c7000a} */
}



@media screen  and (max-width:996px){
	.banner .swiper-slide{height: 0;padding-bottom: 66%;}
    .banner .swiper-slide-active .gp-img{padding-bottom: 66%;}

    .banner1{width: 105%;}

    .index_title{margin-bottom: 24px;}

    .index_01 .right{width: 100%;width: calc(100% - 240px);}
    .index_01 .left{width: 100%;padding: 20px 0 0;width: 230px;}
    .index_01 .info_box{left: 3rem;top: 5rem;}
    .index_01 .info_box p{margin: 0;}
    .index_01 .more{width: 112px;line-height: 26px;}
    
    .index_02a{margin: 0;}

    .wrap_mode06{padding: 40px 0;}
    .index_06{margin: 0;}
    .index_06 .lf{width: 100%;}
    .index_06 .rt{width: 100%;margin-top: 20px;}

    .index_03a{display: none;}

    .index_06a .time,.index_06b .time{width: 64px;}
    .index_06a .right{width: calc(100% - 84px);}
    .index_06b .right{width: calc(100% - 230px);}

    .wrap_mode03_ani{min-height: auto;height: auto;}
    .wrap_mode03{padding: 40px 0 30px;min-height: initial;height: auto;}

    .mode04 .lf{width: 100%;margin: 0 0 20px;}
    .mode04 .rt{width: 100%;}

}
@media screen and (max-width: 767px){
    .wrapbanner .banner .swiper-pagination{bottom: 3px;opacity: .5;}
    .wrapbanner .banner .swiper-pagination-bullet{width: 8px;}
    .wrapbanner .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 16px;}

    .banner1 .icos span{font-size: 12px;bottom: -22px;}
    .banner1 .icos.ico5 span{bottom: -22px;}
    .banner1 .icos.ico9 span{bottom: -22px;}
    .banner1 .icos.ico13 span{bottom: -22px;}

    .banner2{width: 300px;margin-left: -150px;margin-top: -30px;}

    .index_01{padding: 0 0 20px;position: relative;}
    .index_01 .item{padding: 0 5px;}
    .index_01 .right{width: 100%;order: 1;}
    .index_01 .left{width: 100%;order: 2;}
    .index_01 .img_box{height:0;}
    .index_01 .img_box{padding-bottom: 45.15%;background: no-repeat center/cover;}
    .index_01 .info_box{display: none;}
    .index_01 .title{text-align: center;}
    .index_01 .info{position: relative;line-height: 1.6em;display: block;margin: 0 0 20px;text-align: center;}
    .index_01 .info p{position: relative;color: #8f98a6;}
    .index_01 .summary{margin: 0 0 5px;text-align: center;}
    .index_01 .summary br{display: none;}
    .index_01 .more{margin: 0 auto;}

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

    .index_06a .bottom{padding: 2rem 2rem 2.2rem 1.5rem;}
    .index_06a .title{line-height: 1.5;}
    
    .index_06b .img_box{width: 100px;}
    .index_06b .right{width: calc(100% - 180px);}
    .index_06b .title{line-height: 1.5;}


    .index_04a .gp-img_centered,.index_04b .gp-img_centered{width: 28px;height: 28px;top: 10px;right: 10px;}
    .index_04a .gp-img_centered img,.index_04b .gp-img_centered img{max-width: 70%;}

    .index_04a .item{height: 290px;}
    .index_04a .item1 .bottom{width: 100px;height: 100px;bottom: 20px;}
    .index_04a .item1 .bottom .wrap{width: 4rem;height: 4rem;margin: -2rem 0 0 -2rem;transform-origin: 50% 61px;}

    .index_04a .item2 .bottom{width: 100px;height: 82px;bottom: 24px;left: 20px;}
    .index_04a .item2 .mode04_ico2_1{left: calc(20rem * .56);top: calc(-11rem * .56);width: calc(5.5rem * .56);}
    .index_04a .item2 .mode04_ico2_2{left: calc(10.5rem * .56);top: calc(-7rem * .56);width: calc(7.7rem * .56);}
    .index_04a .item2 .mode04_ico2_3{left: calc(24.7rem * .56);top: calc(17.4rem * .56);width: calc(9.5rem * .56);}

    .index_04b .item{height: 190px;}
    .index_04b .summary{position: relative;left: 0;top: 0;right: 0;bottom: 0;margin: 20px 0;}
    .index_04b .more{position: relative;left: 0;top: 0;right: 0;bottom: 0;display: inline-block;}

    .index_04b .heart{width: 160px;}

    


}
@media screen and (max-width:413px){
    .index_06 .rt{padding: 1rem 1.5rem;}
    .index_06b .img_box{width: 100%;margin: 0 0 10px;}
    .index_06b .right{width: calc(100% - 80px);}



}