.mouse{position: fixed; width: 20px; height: 40px; left:0; bottom: 5%; right: 0; margin: auto; z-index: 10; background: url("../images/mouse.png") no-repeat ;-webkit-animation: tiao 2s linear infinite;}
.mouse.white{filter: brightness(0) invert(1);}
@-webkit-keyframes tiao {
  0% {-webkit-transform: translateY(.1rem);}
  50% {-webkit-transform: translateY(0);}
  100% {-webkit-transform: translateY(.1rem);}
}
.fp-viewing-7 .mouse{opacity: 0}


.ind_column{padding-bottom: .4rem}
.ind_column h3{line-height: 1; color: var(--color-333); font-size: calc(var(--f42)); font-family: 'hm-B'; padding: 0; margin: 0}
.ind_column h3 span{display: block}
.ind_column h3 span.en{font-size: calc(var(--f50)); color: rgba(0,0,0,0.2); text-transform: uppercase; letter-spacing:5px;font-style: italic}
/* .ind_column h3 span.cn{margin-top: -.1rem;} */
.ind_column.center{text-align: center}
@media(min-width:1024px){
.ind_column h3 span.en{font-size: calc(var(--f42))}
}

@media(min-width:1024px){
.body_index .sider{display: none}
.body_index .header{position:fixed;}
.body_index .header .topT{border-bottom: none!important}
}

.fp-viewing-0 #fp-nav,
.fp-viewing-3 #fp-nav,
.fp-viewing-7 #fp-nav{filter: brightness(0) invert(1);}

.banner-slide{position: relative;overflow: hidden}
.banner-slide .video-box video{width: 100%; height: 100%}
.banner-slide .pic img{width: 100%}
.banner-slide .pic .pc{height: 100vh;object-fit: cover;}
.banner-slide .pic .wap{display: none}
.banner-slide .infobox{color: var(--color-fff);position: absolute;width: 100%; top: 50%; transform: translateY(-50%); z-index:99}
.banner-slide .info{max-width: 12rem}
.banner-slide .info h4,
.banner-slide .info p,
.banner-slide .info .view{opacity: 0; transform: translateY(.5rem); transition: 0.5s;}
.banner-slide .info h4{font-size: calc(var(--f60));font-family: 'hm-B'; transition-delay:0.1s; margin-bottom: .1rem;}
.banner-slide .info p{font-size:calc(var(--f42));font-family: 'hm-L'; transition-delay:0.4s;}
.banner-slide .info .view{transition-delay:0.8s; padding-top: .4rem}
.banner-slide .info .view:not(:hover){filter: brightness(0) invert(1);}
.banner-slide .box{position: absolute; width: 100%; bottom: 10%; z-index: 20}
.banner-slide .auto{position: relative}
.banner-slide .num{display: flex; align-items: center; justify-content: flex-end;color: var(--color-fff); opacity: 0;}
.banner-slide .num span{font-size: var(--f20);padding: 0 .1rem;}
.banner-slide .num span.cur{color: var(--color-fff)}
.banner-slide .num span.total{opacity: 0.5}
.banner-slide .arrow{position: absolute;top: 50%; transform: translateY(-50%); width: .6rem; height: .6rem; display: block; cursor: pointer;background: url("../images/svg/slide-arrow.svg") no-repeat center center; z-index: 10; border: solid 2px rgba(255,255,255,1); border-radius: 100%; transition: 0.5s;display: none}
.banner-slide .arrow.prev{left:-10%; transform: rotate(180deg)}
.banner-slide .arrow.next{right:-10%;}
.banner-slide .swiper-button-disabled{opacity: .4;cursor: default}
.banner-slide .pages{width: auto; display: flex;filter: brightness(0) invert(1);gap:.1rem}
.banner-slide .swiper-pagination-bullet{width: 4px; height: 4px;opacity:1!important;}
.banner-slide .swiper-pagination-bullet:before{content: '';position: absolute;background: var(--color-fff);left: 0 right:0; top: 0; bottom:0; border-radius: 100%;}
.banner-slide .swiper-pagination-bullet-active{opacity: 1;transform: rotate(180deg);}
.banner-slide .swiper-pagination-bullet-active:before{background: url(../images/svg/yuan.svg) no-repeat center center;background-size: contain; left: -.18rem; right: -.18rem; top: -.18rem; bottom: -.18rem;}
.banner-slide .swiper-slide-active .info h4,
.banner-slide .swiper-slide-active .info p,
.banner-slide .swiper-slide-active .info .view{opacity: 1; transform: translateX(0)}
/*.banner-slide:hover .arrow.prev{left:2%;}
.banner-slide:hover .arrow.next{right:2%;}*/

@media(min-width:1025px){
.banner-slide .open-video .play{ display: none;}
}
@media(max-width:1024px){
.banner-slide .pic .pc{display: none}
.banner-slide .pic .wap{display:block}
}

.section{overflow: hidden}
@media(max-width:1024px){
.section:not(.ind_page1,.ind_page8){padding: 6.25% 0;}
}

.ind_page2 {background: no-repeat center center; background-size: cover}
.ind_page2 .intro{width: 47%}
.ind_page2 .intro .txt {font-family: 'hm-L'; color: var(--color-666); padding-bottom: .1rem}
.ind_page2 .intro .txt p{padding: .2rem 0}
.ind_page2 .intro .first{font-size:var(--f20); color: var(--color-333); padding: 0 0 .2rem 0; margin: 0; font-weight: normal}
.ind_page2 .pic{position: relative;width: 47.3125%; }
.ind_page2 .pic figure{position: relative; padding-bottom:56.14266842800528%;-webkit-mask-image: url("../images/svg/path-about.svg");-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;}
.ind_page2 .pic figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.ind_page2 .open-video{position: absolute; left: 27%; top: 50%; transform: translateY(-50%); z-index: 10; width: 4.167vw; height: 4.167vw;}
.ind_page2 .open-video .play{width: 100%; height: 100%;}
.ind_page2 .view{padding-top: .3rem;}
.ind_page2 .ind_partner{width: 100%; overflow: hidden;}
.ind_page2 .ind_partner.many{padding-top: .3rem}
.ind_page2 .ind_partner span{padding:.1rem;display:block}
.ind_page2 .ind_partner a{width:1.60rem;height:.58rem;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,0.08)}
.ind_page2 .ind_partner img{max-width:80%;max-height:80%;}

@media(max-width:1024px){
.ind_page2 .intro{width:100%; padding-bottom: 3.25%}
.ind_page2 .pic{width: 100%}
.ind_page2 .open-video{width: 6vw; height: 6vw;}
}
@media(max-width:640px){
.ind_page2 .open-video{width: 10vw; height: 10vw;}
}

.ind_page3{background: #f6f6f6}
.ind_page3 .ind_column{position: relative; z-index: 20}
.ind_page3 .auto{position: relative}
.ind_page3 .data{}
.ind_page3 .data li{width: 48%; display: flex}
.ind_page3 .data li:nth-child(even){justify-content: flex-end}
.ind_page3 .data dl{max-width: 2.8rem; width: 100%; position: relative; border-bottom: solid 1px rgba(102,102,102,0.14); padding:6% 0; line-height: 1; z-index: 20}
.ind_page3 .data dl:after{content: '';position: absolute; right: -7px; bottom: -3px; width: 7px; height: 7px; border: solid 1px var(--color-red); border-radius: 100%}
.ind_page3 .data dt b{font-size: calc(var(--f60)); font-family: 'montserrat-R'; font-weight: bold; display: inline-block;}
.ind_page3 .data dt b i{font-style: normal}
.ind_page3 .data dt b i.num{position: absolute}
.ind_page3 .data dt b i.no{opacity: 0}
.ind_page3 .data dt span{font-size: var(--f24); color:var(--color-red);padding-left: .1rem}
.ind_page3 .data dd{color:var(--color-666); font-family: 'hm-L'; padding: .1rem 0}
.ind_page3 .data figure{width: .25rem; position: absolute; right: 0;}
.ind_page3 .global{position: absolute; width: 100%; bottom: 0}
.ind_page3 .global .editor-point{width: 100%}
.ind_page3 .global .editor-point .point{transform: scale(0.8)}
@media(max-width:1024px){
.ind_page3 .global{position: relative;}
.ind_page3 .global .editor-point .box:before{display: none}
.ind_page3 .global .editor-txt{display: none}
}

.ind_page3 .data dt b{transform:scale(0);-webkit-transform:scale(0);opacity:0;transition:all 1.5s 0.5s;}
.ind_page3.active .data dt b{transform:scale(1);-webkit-transform:scale(1);opacity:1;}


.ind_page4 .list li{flex: 1; transition: 0.5s; background:var(--color-000); position: relative}
.ind_page4 .list li .info{position: absolute; width: 100%; top: 50%; text-align: center}
.ind_page4 .list li .info h4{font-size: var(--f24); color: var(--color-fff); transition: 0.5s; transition-delay: 0.2s}
.ind_page4 .list li .info .view {padding-top:7vw;}
.ind_page4 .list li .info .view .link{width: .54rem; height: .54rem; padding: 0; justify-content: center;border-color:var(--color-fff)}
.ind_page4 .list li .info .view em{display: none}

.ind_page4 .list li .pic figure{opacity: .46;}
.ind_page4 .list li:not(:hover) .view i{filter: brightness(0) invert(1);}
.ind_page4 .list li:hover .pic figure{opacity: 1;}
.ind_page4 .list li:hover .info .view .link{border-color:var(--color-red)}
.ind_page4 .list li:hover h4{transform: scale(1.5)}
@media(min-width:1024px){
.ind_page4 .box{position: absolute; width: 100%; z-index: 10; top: 20%}
.ind_page4 .box .ind_column h3 span.cn{color: var(--color-fff)}
.ind_page4 .list li{flex: 1;}
.ind_page4 .list li:hover{flex: 2}
.ind_page4 .list li .pic figure{padding-bottom: 0; height: 100vh}
}
@media(max-width:1024px){
.ind_page4 .list li{width: 33%;flex: auto}
.ind_page4 .list li .pic figure{padding-bottom:120%;}
.ind_page4 .list li .info{transform: translateY(-50%)}
.ind_page4 .list.num5  li:nth-child(4) .pic figure,
.ind_page4 .list.num5  li:nth-child(5) .pic figure{padding-bottom:66%;}
}

.ind_page5 {background: no-repeat center center; background-size: cover}
.ind_page5 .box-photo{width: 56.25%;}
.ind_page5 .item .pic figure{padding-bottom:56%; border-radius: var(--br20)}
.ind_page5 .box-photo .info{display: none;}
.ind_page5 .info .icon{position: absolute;left: 0;width: .4rem; height: .4rem; object-fit: contain}
.ind_page5 .info{position: relative;  }
.ind_page5 .info h4{font-size: var(--f20); line-height: .4rem}
.ind_page5 .info p{margin: .2rem 0; color: var(--color-666); line-height: .3rem;}
.ind_page5 .box-info{width: 39.375%}
.ind_page5 .box-info li{width: 100%; height: auto; background: none; border: none;text-align: left; overflow: hidden; margin: 0!important; border-radius: 0}
.ind_page5 .box-info .pic{display: none}
.ind_page5 .box-info .info{padding-left: .8rem; padding-top: .15rem;padding-bottom: .15rem; border-bottom:dashed 1px rgba(0,0,0,0.13); position: relative}
.ind_page5 .box-info .info h4{position: relative;padding-right: 30px}
.ind_page5 .box-info .info h4 i{position: absolute; right: 0; top: .1rem; width: 22px; height: 22px;border-radius: 100%}
/* .ind_page5 .box-info .info h4 i:before,
.ind_page5 .box-info .info h4 i:after{content: '';position: absolute; width:80%; height: 2px; background: #cdcdcd; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.ind_page5 .box-info .info h4 i:after{transform: rotate(90deg)} */
.ind_page5 .box-info .info .view .link{border: none; background: none;padding: 0; line-height: .24rem}
.ind_page5 .box-info .info .view .link:hover{color: var(--color-red)}
.ind_page5 .box-info .info .view .link:hover i{filter:none}
.ind_page5 .box-info .txt{visibility: hidden;height: 0; opacity: 0; transition: 0.5s}
.ind_page5 .box-info .swiper-pagination-bullet-active .txt{visibility: inherit; height: auto; opacity: 1}
.ind_page5 .box-info .swiper-pagination-bullet-active .info h4 i{background: var(--color-red)}
.ind_page5 .box-info .swiper-pagination-bullet-active .info h4 i:after{opacity: 0}
.ind_page5 .box-info .swiper-pagination-bullet-active .info h4 i:before{width:60%;background: var(--color-fff)}
@media(max-width:768px){
.ind_page5 .box-photo{width: 100%}
.ind_page5 .box-photo .info{display:block; padding: .2rem 0}
.ind_page5 .box-photo .info h4{padding-left: .6rem;}
.ind_page5 .box-photo .swiper-slide:not(.swiper-slide-active){opacity: 0!important}
.ind_page5 .box-info{display: none}
}
@media(max-width:1560px){
  .ind_page5 .box-info .info{padding-top: 0.1rem;padding-bottom: 0.1rem;}
  .ind_page5 .info h4{line-height: 0.35rem;}
}
@media(min-width:1024px){
.ind_page5 .ind_column{padding-top: .5rem}
}

.ind_page6 {background: no-repeat center center; background-size: cover}
.ind_page6 .swiper-listbox{padding-top: 1.5%;}
.ind_page6 .swiper-wrapper{padding:.2rem 0}
.ind_page6 .swiper-slide{padding: .6rem .1rem 0 .1rem; transition: 0.5s;}
.ind_page6 .item{display: block; padding:1.04rem 5% 5% 5%; text-align: center; background:  url(../images/page6_boxbg.png) no-repeat center top;background-size:100% 100%; border-radius: var(--br10); height: 100%; border: solid 1px var(--color-fff); position: relative;transition: 0.5s;}
.ind_page6 .item .num{position: absolute; width: 100%; line-height: .6rem; left: 0; bottom:100%;background: url(../images/page6_nunbg.png) no-repeat center top/100% 100%; color: var(--color-fff);font-size: var(--f24);font-family: 'montserrat-R';}
.ind_page6 .item .icon{width: .5rem; height: .5rem;margin: auto}
.ind_page6 .item .icon img{max-height: 100%}
.ind_page6 .info:before{content: ''; display:block; height: 2px; width: .3rem; background: #bfbfbf; margin: auto; margin-bottom:15%;}
.ind_page6 .info{padding:15% 0 8% 0;}
.ind_page6 .item h4{font-size: var(--f24); margin-bottom: .2rem}
.ind_page6 .item p{font-size: var(--f18); line-height: .3rem; min-height: .9rem}
.ind_page6 .swiper-slide:hover{transform: translateY(-.2rem);}
.ind_page6 .swiper-slide:hover .item{ box-shadow: 0 0 0 0.02rem var(--color-red);}
.ind_page6 .swiper-other{position: relative; width: 100%; margin-top: .3rem}
@media(min-width:1024px){
.ind_page6 .ind_column{padding-top: .5rem}
}

.ind_page7 {background: no-repeat center bottom; background-size: cover}
.ind_page7 .swiper-listbox{position: relative;}
.ind_page7 .swiper-listbox:before{content: '';position: absolute;height: 1px; background: #e7e7e7; left: -50%; right: -50%; top: .7rem;}
.ind_page7 .swiper-slide{padding:.1rem; transition: 0.5s;}
.ind_page7 .item{transition: 0.5s;display: block;}
.ind_page7 .pic{padding-top: .25rem}
.ind_page7 .pic figure{padding-bottom: 56%}
.ind_page7 .info{line-height: .3rem; }
.ind_page7 .info time{display: block; height: .9rem;font-family: 'montserrat-R';position: relative}
.ind_page7 .info time span{font-size: var(--f40); padding-right: .1rem}
.ind_page7 .info time:after{content: '';position: absolute; display: block; width: 7px; height: 7px;position: absolute; bottom: .25rem; border-radius: 100%; background: var(--color-red)}
.ind_page7 .info h4 span{font-size: var(--f20)}
.ind_page7 .info h4 label{display: inline-block; color: var(--color-red); background: #f3e8e9; border-radius: var(--br5); padding:0 .1rem; margin-right: .15rem}
.ind_page7 .info p{color: var(--color-666); height: .6rem; margin: .2rem 0}
.ind_page7 .info .view .link{border: none; background: none;padding: 0; line-height: .24rem}
.ind_page7 .swiper-slide:hover{box-shadow: inset 0 0 0 .02rem var(--color-red);background: #fff; border-radius: var(--br10);}
.ind_page7 .item:hover .info .view .link{color: var(--color-red)}
.ind_page7 .item:hover .info .view .link i{filter:none}
.ind_page7 .swiper-pagination{margin-top: 3.125%}
@media(min-width:1024px){
.ind_page7 .ind_column{padding-top: .5rem}
}


.move {visibility: hidden; opacity: 0; transition: all 1s;}
.move[data-type=up]{transform: translateY(.5rem); }
.move[data-type=down]{transform: translateY(-.5rem); }
.move[data-type=in]{transform: scale(0);}
.active .move,
.end_page .move{visibility: inherit; opacity: 1; transform: translateY(0); }
.active .move[data-type=in]{transform: scale(1);}
.active .move[data-rel=n1]{ transition-delay: 0.8s;}
.active .move[data-rel=n2]{ transition-delay: 1.2s;}
.active .move[data-rel=n3]{ transition-delay: 1.5s;}
.active .move[data-rel=n4]{ transition-delay: 1.8s;}
.banner-slide .swiper-pagination-bullet{width:0.4rem;height:0.4rem;background:none;margin:0 !important;}
.banner-slide .swiper-pagination-bullet:before{left:0;right:0;top:0;bottom:0;background-color:transparent;}
.banner-slide .swiper-pagination-bullet:after{width:4px;height:4px;background:rgba(189,10,25,0.3);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.banner-slide .swiper-pagination-bullet-active:after{background:#fff;}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-0.5rem,0); }
.whir-fade-right{transform: translate(0.5rem,0);}
.whir-fade-up{transform: translate(0,0.5rem);}
.whir-fade-down{transform: translate(0,-0.5rem);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}