.auto{max-width: 16rem; width: 96%; margin: auto}

.ind_column{text-align: center; padding-bottom:var(--padding-margin__30);position: relative;z-index: 10;}
.ind_column h2{ text-align: center; line-height: 1}
.ind_column h2 .en{color: rgba(var(--primary-color__rgb),0.05);font-family:'Montserrat-Bold';display: block;font-size: var(--font-size__62); text-transform: uppercase; font-style: italic;}
.ind_column h2 .cn{ color: var(--primary-color);transform: translateY(-.3rem); font-size: var(--font-size__42); position: relative; display: inline-block}
.ind_column h2 .cn i{width: .26rem; height: .31rem; right: -.4rem; top: -.2rem; position: absolute; background: url(../images/column-icon.svg) no-repeat center center;background-size: contain;}
.ind_column.white .en{color: rgba(var(--white-color__rgb),0.05);}
.ind_column.white .cn{color: #fff;}
.ind_column.white .cn i{filter: brightness(0) invert(1);}

.ind_more a{display: inline-flex; align-items: center; color: var(--primary-color)}
.ind_more a i{width: .24rem; height: .24rem; margin-left: .1rem; border: solid 1px var(--primary-color); border-radius: 100%; position: relative; transition: 0.5s;text-align: left;}
.ind_more a i:before{content: '';position: absolute; width: 100%; height: 100%;background: url("../images/jt.svg") no-repeat center center; transition: 0.5s}
.ind_more a:hover i{background: var(--secondary-color); border-color: var(--secondary-color)}
.ind_more a:hover i:before{filter: brightness(0) invert(1);}

@media(max-width:768px){
 .ind_column{padding-bottom: 0;}
 .ind_column h2 .cn{font-size:var(--font-size__62);}
}

/* ind_page1 */
.ind_page1 {overflow: hidden;width: 100%;}
.ind_page1 .inbox{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 10}
.ind_page1 .info{transition-delay: 0.3s; opacity: 0; transform: translateY(.6rem); transition: 0.5s}
.ind_page1 figure{padding-top: 100vh;display: block;position: relative;width: 100%;}
.ind_page1 figure img{width:100%;height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);object-fit: cover;position: absolute;left: 0;top: 0;}
.ind_page1 .inbox[data-type="left"]{text-align: left}
.ind_page1 .inbox[data-type="center"]{text-align: center}
.ind_page1 .inbox[data-type="right"]{text-align: right}
.ind_page1 .swiper-slide-active .info{opacity: 1; transform: translateY(0)}
.ind_page1 .swiper-slide-active figure img,
.ind_page1 .swiper-slide-duplicate-active figure img{transition:6s linear;	transform:scale(1,1);}
.ind_page1 .other{position: absolute; width: 100%; bottom: .5rem; z-index: 20}
.ind_page1 .swiper-pagination{width: auto; position: inherit; display: flex}
.ind_page1 .swiper-pagination span{width:inherit; height:inherit;display: flex; justify-content: center; align-items: center;background: none; color: rgba(255,255,255,0.5)}
.ind_page1 .swiper-pagination span:after{display: none}
.ind_page1 .swiper-pagination span b{width: .38rem; height: .38rem; line-height: .38rem; text-align: center;display: block; border-radius: 100%;box-shadow:inset 0 0 0 2px rgba(255,255,255,0);transition: 0.5s}
.ind_page1 .swiper-pagination span:nth-child(1) b:before{content: 'C'}
.ind_page1 .swiper-pagination span:nth-child(2) b:before{content: 'N'}
.ind_page1 .swiper-pagination span:nth-child(3) b:before{content: 'C'}
.ind_page1 .swiper-pagination span:nth-child(4) b:before{content: 'E'}
.ind_page1 .swiper-pagination span:nth-child(5) b:before{content: 'C'}
.ind_page1 .swiper-pagination span:nth-child(6) b:before{content: 'T'}
.ind_page1 .swiper-pagination span:nth-child(7) b:before{content: 'C'}
.ind_page1 .swiper-pagination span:nth-child(8) b:before{content: 'E'}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active{color: rgba(255,255,255,1)}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active b{box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5);}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i{ display:block; position: absolute; top: 0; z-index: 5;  width:.19rem; height:.38rem; margin: 0; padding: 0; overflow: hidden; font-style:normal;}   
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1) {left: 0;}        
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2) {right: 0;}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:before {position: absolute;content:''; margin: 0;  width:.38rem; height: .38rem; border-radius: 50%; border:2px solid transparent; transform: rotate(135deg);}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1):before { left: 0; border-top-color: #ffffff; border-left-color:#ffffff; animation: yl 5s linear ;animation-fill-mode:forwards}
.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2):before { right: 0; border-bottom-color:#ffffff; border-right-color:#ffffff; animation: yr 5s linear ;animation-fill-mode:forwards;}
@keyframes yr {
0% {transform: rotate(135deg);}
50%,
100% {transform: rotate(315deg);}
}
@keyframes yl {
0%,
50% {transform: rotate(135deg);}
100% {transform: rotate(315deg);}
}
@media(max-width:768px){
.ind_page1 figure{padding-top: 40vh;}
.ind_page1 .info img{max-height: 1rem;}
.ind_page1 .swiper-slide .info img{max-height: 1.5rem;}
}

/* ind_page2 */
.ind_page2{padding-bottom:var(--padding-margin__160); background: rgba(var(--primary-color__rgb),0.05);}
.ind_page2 .slide{width: calc(800 / 1600 * 100%); background: var(--white-color)}
.ind_page2 .slide .ispic{padding-bottom: 4.50rem}
.ind_page2 .slide .info{padding: .3rem .2rem .3rem 1.1rem; position: relative}
.ind_page2 .slide .info time{position: absolute; left: .2rem;background: var(--secondary-color); border-radius: .1rem; color: var(--white-color); text-align: center; width: .7rem; height: .7rem; display: flex; align-items: center; flex-wrap: wrap; line-height:.8}
.ind_page2 .slide .info time b{display: block;font-size: var(--font-size__36); width: 100%}
.ind_page2 .slide .info time span{width: 100%; font-size: var(--font-size__14)}
.ind_page2 .slide .info h4{font-weight: var(--font-weight__b); margin-bottom: .1rem; color: #000000}
.ind_page2 .slide .info p{color: #666666; line-height: .24rem;font-weight: var(--font-weight__l);}
.ind_page2 .slide:hover  .info h4{color: var(--primary-color)}
.ind_page2 .slide .swiper-pagination{bottom: 1.7rem}
.ind_page2 .slide .swiper-pagination-bullet{background-color:rgba(255,255,255,0.4)}
.ind_page2 .slide .swiper-pagination-bullet:after{background-color:var(--white-color)}
.ind_page2 .list{width: calc(760 / 1600 * 100%); background: var(--white-color); position: relative}
.ind_page2 .list .tab-item{padding: .3rem}
.ind_page2 .list .tab-first{background: rgba(var(--primary-color__rgb),0.05);border-bottom: solid 2px  var(--primary-color); line-height: .58rem}
.ind_page2 .list .tab-nav{display: flex;gap:.1rem;width:60%; max-width: 3.7rem;}
.ind_page2 .list .tab-nav li{flex: 1;font-size: var(--font-size__20); text-align: center; background: var(--white-color); cursor: pointer; transition: 0.5s}
.ind_page2 .list .tab-nav li.on{font-size: var(--font-size__24);background: var(--primary-color); text-align: center;font-weight: var(--font-weight__b);color: var(--white-color);}
.ind_page2 .list .tab-more{flex: 1;margin-left: .1rem; background: var(--white-color); display: flex; justify-content:flex-end; padding-right: .3rem}
.ind_page2 .list .tab-info{opacity: 1!important;transform:none!important}
.ind_page2 .list .tab-con li{border-bottom: solid 1px #e8ebf2}
.ind_page2 .list .tab-con li time{float: right; color: #999999;padding-left: .2rem; font-weight: var(--font-weight__l);}
.ind_page2 .list .tab-con li:not(.istop){line-height: .6rem;display: flex;flex-direction: row-reverse;}
.ind_page2 .list .tab-con li:not(.istop) a{flex:1;}
.ind_page2 .list .tab-con li.istop{padding-top: .05rem; padding-bottom: .25rem}
.ind_page2 .list .tab-con li.istop .ispic{width: 1.60rem; height: .90rem}
.ind_page2 .list .tab-con li.istop .info{width: calc(87% - 1.6rem)}
.ind_page2 .list .tab-con li.istop .info h4{margin-bottom: .1rem}
.ind_page2 .list .tab-con li.istop .info p{color: #666666; line-height: .24rem;font-weight: var(--font-weight__l);}

.rows{padding: var(--padding-margin__80) 0;.ind_page1 .infooverflow: hidden;position: relative;}
@media(min-width:1025px){
 .rows {min-height: 9.6rem;}
}
@media(max-width:1024px){
    .rows{overflow:hidden;}
}
@media(max-width:768px){
.ind_page2 .slide,
.ind_page2 .list{width: 100%}
.ind_page2 .list{margin-top: 3%}
.ind_page2 .slide .ispic{padding-bottom: 60%;}
.ind_page2 .list .tab-con li.istop .info{width: calc(97% - 1.6rem)}
}

/* ind_page3 */
.ind_page3{position: relative;color: var(--white-color); overflow: hidden}
.ind_page3 .ind_column h2 .en{color: rgba(var(--white-color__rgb),0.05)}
.ind_page3 .ind_column h2 .cn{color: var(--white-color)}
.ind_page3 .ind_column h2 .cn i{filter: brightness(0) invert(1);}
.ind_page3 .part1{position: relative; z-index: 2;}
.ind_page3 .company{width: 75%; padding-top: 3%}
.ind_page3 .info{max-width: 6.6rem; line-height: .32rem}
.ind_page3 .info h1{margin-bottom: .4rem}
.ind_page3 .data {padding: .3rem 0}
.ind_page3 .data dl{width: 19%}
.ind_page3 .data sub{font-size: .18rem;position: relative;bottom: 0.05rem;}
.ind_page3 .data b i{font-style: normal}
.ind_page3 .data .num{position: absolute;}
.ind_page3 .data .no{opacity: 0}
.ind_page3 .ind_more{padding-bottom: 10%; padding-top: 5%}
.ind_page3 .ind_more a{color: var(--secondary-color)}
.ind_page3 .ind_more a i{background: var(--secondary-color); border-color: var(--secondary-color)}
.ind_page3 .photo{position: absolute; width: 100%; height: 100%; bottom: 0}
.ind_page3 .photo:before{content: '';position: absolute; width: 100%; height: 100%; background:linear-gradient(90deg,rgba(0, 60, 150, 1),rgba(0, 60, 150, 0) 80%)}
.ind_page3 .photo img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; bottom: 0}
.ind_page3 .part2{position: relative; z-index: 2;}
.ind_page3 .qualifications{color: var(--white-color);background: rgba(var(--primary-color__rgb),0.8); padding: .5rem 0}
@media(max-width:1560px){
    .ind_page3 .data dl{width: 20%}
}
@media(max-width:1440px){
    .ind_page3 .data dl{width: 21%}
}
@media(max-width:768px){
.ind_page3 .company{width: 100%;}
.ind_page3 .data dl{width: 48%; padding: 3% 0}
}

/* ind_page4 */
.ind_page4 {background: #f1f4fb;padding-bottom:var(--padding-margin__130);}
.ind_page4 .slide{position: relative}
.ind_page4 .swiper{padding-left: 22.3125%; padding-right: 22.3125%; overflow: inherit;}
.ind_page4 .swiper-slide{background:var(--white-color); transition: 0.5s }
.ind_page4 .ispic{padding-bottom: 56.22641509433962%; position: relative}
.ind_page4 .ispic span{position: absolute; left: .3rem; top: .3rem; padding-left: .15rem; line-height: .5rem; z-index: 10;color: var(--white-color); background: url(../images/ind_page4_txtbg.png) no-repeat left;}
.ind_page4 .ispic span:before{content: '';position: absolute; right: -.32rem; width: .32rem; height: 100%;background: url(../images/ind_page4_txtbg.png) no-repeat right;}
.ind_page4 .info{padding: 3% 0% 3% 5%;min-height:1.9rem;transitiona:all 0.5s;}
.ind_page4 .txt{flex: 1;}
.ind_page4 .txt h4{margin-bottom: .1rem;min-height: 3em;}
.ind_page4 .txt p{min-height:1.5em;}
.ind_page4 .data{color: var(--primary-color); position: relative;padding-left: 0.35rem;width: 2rem;}
.ind_page4 .data b{display: block; line-height: 1.2;transition: 0.5s}
.ind_page4 .data p{transition: 0.5s}
.ind_page4 .read-more{position: absolute; top: 0; bottom: 0; right: 0.25rem; margin: auto;transition: 0.5s}
.ind_page4 .swiper-slide.swiper-slide-active{background: var(--primary-color)}
.ind_page4 .swiper-slide.swiper-slide-active .info{background: rgba(var(--primary-color__rgb), 0.8);min-height:3.5rem;margin-top:-1.6rem;position:relative;z-index:10;}
.ind_page4 .swiper-slide.swiper-slide-active .txt p{--clamp: 7;max-height:7.5em;overflow-y:auto;padding-right:0.1rem;}
.ind_page4 .swiper-slide.swiper-slide-active .txt,
.ind_page4 .swiper-slide.swiper-slide-active .data{color: var(--white-color)}
.ind_page4 .swiper-slide:not(.swiper-slide-active) .read-more{opacity: 0}
.ind_page4 .info p::-webkit-scrollbar-thumb {
    background: rgba(var(--white-color__rgb),.5);
}

.ind_page4 .swiper-slide .read-more{opacity: 0}

.ind_page4 .swiper-button-prev{left: 15.5%;top: 47%;}
.ind_page4 .swiper-button-next{right: 15.5%;top: 47%;}
.ind_page4 .arr:not(.swiper-slide-active){background-color: var(--white-color); border-color: var(--white-color)}
@media(max-width:768px){
.ind_page4 .swiper{padding-left:10%; padding-right:10%;}
}
@media(max-width:480px){
    .ind_page4 .data{width: 1.2rem;}
	
	.ind_page4 .swiper-slide.swiper-slide-active .info{min-height:2.6rem;margin-top:-0.7rem;}
}

/* ind_page5 */
.ind_page5{padding:var(--padding-margin__100) 0;background: no-repeat center center; background-size: cover}
.ind_page5 .ind_column h2 .en{color: rgba(var(--white-color__rgb),0.05)}
.ind_page5 .ind_column h2 .cn{color: var(--white-color)}
.ind_page5 .ind_column h2 .cn i{filter: brightness(0) invert(1);}
.ind_page5 .swiper{overflow: visible;}
.ind_page5 .item .icon{width: 1rem; height: 1rem; display: flex; justify-content: center; align-items: center; margin: 0 auto var(--padding-margin__25);position: relative;}
.ind_page5 .item .icon span{z-index: -1;width: 100%;text-align: center;top: -0.37rem;position: absolute;font-size: var(--font-size__60);font-weight: var(--font-weight__m);color: rgba(255,255,255,0.2);}
.ind_page5 .item .icon img{max-height: 100%}
.ind_page5 .item .info{padding: var(--padding-margin__70) 10%;text-align: center;width: 100%}
.ind_page5 .item .info h4{font-size: .18rem;margin-bottom: var(--padding-margin__15);}
.ind_page5 .item .info p{visibility: hidden; opacity: 0;}
.ind_page5 .item .date{position: absolute; padding:.1rem .2rem; white-space: nowrap; left: 50%; top: 50%;transform: translate(-50%,-50%);background: rgba(255,255,255,0.15); border: solid 1px rgba(255,255,255,0.15); border-radius: 4px;transition: all 0.5s;}
.ind_page5 .item .date b{display: block;font-size: .32rem; line-height: 1; margin-bottom: .04rem}
.ind_page5 .item .date b:before,.ind_page5 .item .date b:after{width: 0.03rem;height: 0.03rem;border-radius: 50%;background-color: rgba(255,255,255,0.2);content:"";position: absolute;}
.ind_page5 .item .date b:before{left: 0.05rem;top: 0.05rem;}
.ind_page5 .item .date b:after{right: 0.05rem;top: 0.05rem;}
.ind_page5 .item .date span{display: block}
.ind_page5 .item .date span:before,.ind_page5 .item .date span:after{width: 0.03rem;height: 0.03rem;border-radius: 50%;background-color: rgba(255,255,255,0.2);content:"";position: absolute;}
.ind_page5 .item .date span:before{left: 0.05rem;bottom: 0.05rem;}
.ind_page5 .item .date span:after{right: 0.05rem;bottom: 0.05rem;}
.ind_page5 .ind_more{margin-top: var(--padding-margin__80);}
.ind_page5 .ind_more a{color: var(--secondary-color)}
.ind_page5 .ind_more a i{background: var(--secondary-color); border-color: var(--secondary-color)}

@media(min-width:1025px){
 .ind_page5 .swiper{border-left: solid 1px rgba(255,255,255,0.2);margin-top: 0.4rem;}
 .ind_page5 .swiper-slide{height: 5rem;position: relative;}
 .ind_page5 .swiper-slide:not(.hover) .item{ color: var(--white-color);}
 .ind_page5 .swiper-slide:not(:last-child) .item{border-right: solid 1px rgba(255,255,255,0.2);}
 .ind_page5 .item{border: solid 1px rgba(255,255,255,0.2);border-left:0;background: rgba(255,255,255,0.15); position: absolute; transition: 0.4s;width:100%;height: 5rem;left: 50%;top: 50%;transform: translate(-50%,-50%);}
 .ind_page5 .item .ispic{position: absolute; width: calc(100% + 2px);padding-bottom: calc(200 /  300 * 100%);left:-1px;bottom:-1px;z-index: 1;}
 .ind_page5 .item .ispic figure{opacity: 0;transition: all 0.5s;}
 .ind_page5 .swiper-slide{width: calc(100% / 7);}
 .ind_page5 .swiper-slide.hover{z-index: 10;}
 .ind_page5 .swiper-slide.hover .item{width: 3rem;height: 5.4rem;margin: 0;position: absolute;z-index: 10;background-image: linear-gradient(to bottom, #b4d1f2 , #ffffff);border: 1px solid rgba(255,255,255,0.5);}
 .ind_page5 .swiper-slide.hover .ispic figure{opacity: 1;}
 .ind_page5 .swiper-slide.hover .icon:after{content:"";position:absolute;bottom:-0.3rem;left:0;width:100%;height:1rem;background: url(../images/home_tec_shadow.png) no-repeat center bottom/100% 100%;}
 .ind_page5 .swiper-slide.hover .ispic .date{opacity: 0;}
 .ind_page5 .swiper-slide.hover .txt h4{font-size: var(--font-size__24);}
 .ind_page5 .swiper-slide.hover .txt p{opacity: 1;visibility: visible;}
}
@media(max-width:1024px){
 .ind_page5 .swiper{padding-left:10%; padding-right:10%;}
 .ind_page5 .swiper-slide .item{background-image: linear-gradient(to bottom, #b4d1f2 , #ffffff);border: 1px solid rgba(255,255,255,0.5);}
 .ind_page5 .swiper-slide .ispic{padding-bottom: 50%;}
 .ind_page5 .swiper-slide .icon:after{content:"";position:absolute;bottom:-0.3rem;left:0;width:100%;height:1rem;background: url(../images/home_tec_shadow.png) no-repeat center bottom/100% 100%;}
 .ind_page5 .swiper-slide .ispic .date{opacity: 0;}
 .ind_page5 .swiper-slide .txt h4{font-size: var(--font-size__24);min-height: 3em;}
 .ind_page5 .swiper-slide .txt p{opacity: 1;visibility: visible;}
}

/* ind_page6 */
.ind_page6{position: relative; z-index: 2; margin-top: -.22rem}
.ind_page6 .photo{position: absolute; width: 100%; height: 100%; bottom: 0; z-index: -1}
.ind_page6 .photo li{position: absolute;width: 100%; height: 100%;}
.ind_page6 .photo img,.ind_page6 .photo video{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; top: 0;opacity: 0;transform: scale(1.1);transition: all 1s;left: 0;position: absolute;}
.ind_page6 .photo video{z-index: 10;}
.ind_page6 .photo li.active img,.ind_page6 .photo li.active video{opacity: 1;transform: scale(1);}
.ind_page6 .photo li.on2 video{display: none !important;}
.ind_page6 .first{position: absolute; top:50%; left: 50%;transform: translate(-50%,-50%);color: var(--white-color); z-index: 10;width: 2.40rem; height: 2.40rem; border: 10px solid;border-image: conic-gradient(red, yellow, lime, aqua, blue, magenta, red) 1;border-radius: 100%;display: flex;justify-content: center;align-items: center;}

.layout-circle{color: var(--white-color); width:5.20em;margin: 0 auto; padding: 1.2rem 0; font-size: 1rem; line-height: 0;}
.layout-circle .circle-ani{position: relative;}
.layout-circle .circle:before{position: absolute; content: '';width:5.16em; border-radius: 50%;height: 5.16em; background: rgba(var(--primary-color__rgb), 0.3);left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.layout-circle .innerti{width: 2.4rem;height: 2.4rem;left: 50%;top: 50%;z-index: 10;position: absolute;margin: -1.2rem 0 0 -1.2rem;display: flex;align-items: center;justify-content: center;font-size: var(--font-size__36);}
.layout-circle .innerti:after{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;background: url(../images/cricle.png) var(--background-contain);animation: turn 10s linear infinite;}

.layout-circle .swiper{height: 100%;background: rgba(var(--primary-color__rgb), 0.1);backdrop-filter: blur(10px);}
.layout-circle h4{line-height: 1.2; text-align: center; font-weight: var(--font-weight__m); width: 100%;padding-bottom: .1rem}
.layout-circle h4 span{display: block}
.layout-circle h4 span.cn{font-size: var(--font-size__36)}
.layout-circle h4 span.en{font-size: .16rem; opacity: 0.5}
.layout-circle .content{width:calc(100% - 8px);height:calc(100% - 8px);border-radius: 50%; left: 0;top: 0;bottom: 0;right: 0;margin: auto; overflow: hidden;position: absolute;}
.layout-circle .content .item{height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center}

.layout-circle .content .txt{font-size: .18rem; line-height: calc(36 / 18);min-height: 6em;margin-bottom: var(--padding-margin__30);}
.layout-circle .content .txt p{position: relative;}
.layout-circle .content .txt p:before{content: ''; left: -10px; top: .18rem; position: absolute; width: 4px; height: 4px; background: var(--white-color); border-radius: 100%}
.layout-circle .content .swiper-slide:not(.swiper-slide-active){opacity: 0!important}
.layout-circle .tc{width: 100%;display: flex;justify-content: center;}
.layout-circle .dots li{list-style: none;position: absolute;width: 0.08em;height: 0.08em; border-radius: 50%; z-index: 20;cursor: pointer;}
.layout-circle .dots li .box{position: absolute;background: rgba(var(--primary-color__rgb), 0.2);width: 1.5em; height: 1.5em; border-radius: 100%;backdrop-filter: blur(10px); left: 50%; top: 50%;transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; transition: 0.5s}
.layout-circle .dots li .box:before{content: '';position: absolute;background: url(../images/yuan.png) no-repeat center center; z-index: 2; background-size: 100% 100%; margin: auto; left: 0; right: 0; top:0; bottom: 0;transition: 0.5s; border-radius: 100%}
.layout-circle .dots li .icon{opacity: 0; position: absolute; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; background: var(--primary-color);transition: 0.5s; z-index: 4 ; border-radius: 100%}
.layout-circle .dots li .icon img{object-fit: contain;width: 0.6em;height: 0.6em;}
.layout-circle .dots li .txt{width: 100%; transition: 0.5s}
.layout-circle .dots li.active .box{backdrop-filter: blur(0px);}
.layout-circle .dots li.active .box::before{left:-.1rem; right:-.1rem; top:-.1rem; bottom:-.1rem; box-shadow:  0 0 0 3px var(--white-color); background: none}
.layout-circle .dots li.active .icon{opacity: 1}
.layout-circle .dots li.active .txt{opacity: 0}


.layout-circle[data-num="4"] .process-circle{transform: rotate(-100deg);}
.layout-circle[data-num="4"] .dots li:nth-child(1){left:0; top:2.5em;}
.layout-circle[data-num="4"] .dots li:nth-child(2){left: 50%; top: 0;}
.layout-circle[data-num="4"] .dots li:nth-child(3){right: 0; top:2.5em;}
.layout-circle[data-num="4"] .dots li:nth-child(4){left: 50%; bottom:0;}
.layout-circle[data-num="4"] .dots li:nth-child(2) .box:before{transform: rotate(-45deg)}
.layout-circle[data-num="4"] .dots li:nth-child(3) .box:before{transform: rotate(80deg)}
.layout-circle[data-num="4"] .dots li:nth-child(4) .box:before{transform: rotate(150deg)}

@media(max-width:1024px){
  .ind_page6 .photo video{z-index: 10;display: none !important;opacity: 0;}
}
@media(max-width:768px){
 .layout-circle{padding-bottom: 0.5rem;}
}
@media(max-width:640px){
 .layout-circle{width: 4rem;}
 .layout-circle .circle:before{width: 3.95rem;height: 3.95rem;}
 .layout-circle .dots li .box{width: 1.2rem;height: 1.2rem;}
}

/* ind_page7 */
.ind_page7{background-color: #f1f4fb;}
.ind_page7 .ind_column{z-index: 0;}
@media(min-width:1025px){
    .ind_page7 .tab_title{position: absolute;width: 2rem;top: 35%;right: 1.58rem;z-index: 100;}
    .ind_page7 .tab_title ul{display: block;}
    .ind_page7 .tab_title ul li:not(:last-child){margin-bottom: 0.2rem;}
}
@media(min-width:1440px){
    .ind_page7 .tab_title{width: 1.6rem;right: 1.3rem;}
}
@media(min-width:1560px){
    .ind_page7 .tab_title{width: 2rem;right: 1.58rem;}
}

/* ind_page8 */
.ind_page8 .content .inner{min-height: 1.5rem;background: rgba(var(--white-color__rgb), 0.5);backdrop-filter: blur(20px) saturate(150%);padding:0.4rem 0.3rem;position: relative;transition: all 0.8s;display: block;}
.ind_page8 .content .inner h3{font-size: var(--font-size__24);color: var(--primary-color);text-align: left;line-height: calc(30 / 24);}
.ind_page8 .content .inner:after{content: "";right: 0.22rem;top: 0.17rem;line-height: 1;font-size: var(--font-size__36);color: rgba(var(--primary-color__rgb), 0.1);position: absolute;font-weight:var(--font-weight__m);}
.ind_page8 .content .item:nth-child(1) .inner:after{content: "01";}
.ind_page8 .content .item:nth-child(2) .inner:after{content: "02";}
.ind_page8 .content .item:nth-child(3) .inner:after{content: "03";}
.ind_page8 .content .dot i{width: 0.05rem;height: 0.05rem;position:absolute;border-radius: 50%;background-color: #fff;}
.ind_page8 .content .dot i:nth-child(1){left: 0.1rem;top: 0.1rem;}
.ind_page8 .content .dot i:nth-child(2){right: 0.1rem;top: 0.1rem;}
.ind_page8 .content .dot i:nth-child(3){left: 0.1rem;bottom: 0.1rem;}
.ind_page8 .content .dot i:nth-child(4){right: 0.1rem;bottom: 0.1rem;}
.ind_page8 .boxline{height: 3.48rem;position: absolute;position: absolute;left: 50%;top: 4rem;width: 14.26rem;transform: translateX(-50%);z-index: 10;}
.ind_page8 .boxline .line{background: url(../images/home_qhse_line.png) no-repeat center center/contain;position: absolute;width: 9.11rem;height: 1.11rem;left: 50%;margin-left: -4.55rem;top: 0;}
.ind_page8 .boxline .line span{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%); animation: spanEllipseRotate 8s linear infinite;}
.ind_page8 .boxline .line span:after{content:"";width: 0.3rem;height: 0.3rem;position: absolute;border-radius: 50%;background-image: linear-gradient(to bottom, #ffffff , #9fb2d1);left: 1.94rem;bottom: -0.06rem;}

.ind_page8 .boxline .light{background: url(../images/home_qhse_light.png) no-repeat center center/contain;position: absolute;width: 7.63rem;height: 3.93rem;left: 50%;margin-left: -3.815rem;top: -1.48rem;transform-origin: center center;animation: rotateFade 4s ease-in-out infinite;}

.ind_page8 .desc{text-align: left;line-height: 1.875;margin: 0rem;max-height: 0;}
.ind_page8 .more{transition: all 0.5s;margin-top: -0.3rem;opacity: 0;}
.ind_page8 .item.hover .inner{width: 4rem;background-image: linear-gradient(to bottom, #c9def5 , #e7edf7);}
.ind_page8 .item.hover .desc{animation:fadeInUpSmall 0.5s .8s ease both;-webkit-animation:fadeInUpSmall 0.5s .8s ease both;-moz-animation:fadeInUpSmall 0.5s .8s ease both;margin: 0.12rem 0 0.2rem;max-height:5.625em;}
.ind_page8 .item.hover .more{animation:fadeInUpSmall 0.6s 1s ease both;-webkit-animation:fadeInUpSmall 0.6s 1s ease both;-moz-animation:fadeInUpSmall 0.6s 1s ease both;opacity: 1;margin: 0;}

@media(min-width:1025px){
.ind_page8 .ind_column .en{color: rgba(var(--white-color__rgb),0.05);}
.ind_page8 .ind_column .cn{color: #fff;}
.ind_page8 .ind_column .cn i{filter: brightness(0) invert(1);}
.ind_page8 .content .inner{width: 2.4rem;}
.ind_page8 .content{height: 3.48rem;position: absolute;position: absolute;left: 50%;top: 4rem;width: 14.26rem;transform: translateX(-50%);z-index: 10;}
.ind_page8 .content .item{position: absolute;transition: all 0.5s;}
.ind_page8 .content .item .dian{width: 0;height: 0;position: absolute;border-radius: 50%;background-image: linear-gradient(to bottom, #0096ff , #145dff);top: 0.7rem;content: "";transition: all 0.5s;opacity: 0;}
.ind_page8 .content .item.hover .dian{width: 0.3rem;height: 0.3rem;opacity: 1;}
.ind_page8 .content .item:nth-child(1){left: 0;}
.ind_page8 .content .item:nth-child(1).hover{left: -1.07rem;}
.ind_page8 .content .item:nth-child(1).hover .dian{right: -0.61rem;}
.ind_page8 .content .item:nth-child(2){right: 0;}
.ind_page8 .content .item:nth-child(2).hover{right: -0.67rem;}
.ind_page8 .content .item:nth-child(2).hover .dian{left: -0.61rem;top: 0.77rem;}
.ind_page8 .content .item:nth-child(3){top: 1.99rem;left: 50%;transform: translateX(-50%);}
.ind_page8 .content .item:nth-child(3).hover .dian{left: 50%;margin-left:-0.15rem;top: -1.05rem;}
}
@media(max-width:1024px){
 .ind_page8 .bg{position: relative;}
 .ind_page8 .boxline{top: 40%;transform:translateX(-50%) scale(0.7);}
 .ind_page8 .content{width: 87.5%;margin: 0.25rem auto 0;}
 .ind_page8 .item{width: 3rem;}
 .ind_page8 .item:not(:last-child){margin-right: 0.15rem;}
 .ind_page8 .item .inner{background-image: linear-gradient(to bottom, #c9def5 , #e7edf7);}
 .ind_page8 .item .desc{animation:fadeInUpSmall 0.5s .8s ease both;-webkit-animation:fadeInUpSmall 0.5s .8s ease both;-moz-animation:fadeInUpSmall 0.5s .8s ease both;display: block;margin: 0.12rem 0 0.2rem;max-height:5.625em;}
 .ind_page8 .item .more{animation:fadeInUpSmall 0.6s 1s ease both;-webkit-animation:fadeInUpSmall 0.6s 1s ease both;-moz-animation:fadeInUpSmall 0.6s 1s ease both;opacity: 1;margin: 0;}
}
@media(max-width:640px){
 .ind_page8 ul{flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;}
 .ind_page8 .item{white-space:inherit;}
}
@medua(max-width:480px){
    width: 5.4rem;
    margin-left: -2.7rem;
    top: -1.88rem;
}
@keyframes spanEllipseRotate {
0% { transform: translate(-50%, -50%) translate(-0.7rem, 0); }
25% { transform: translate(-50%, -50%) translate(5rem, 0rem); }
50% { transform: translate(-50%, -50%) translate(2.5rem, 0.05rem); }
75% { transform: translate(-50%, -50%) translate(-0.7rem, -0.05rem); }
100% { transform: translate(-50%, -50%) translate(-0.7rem, 0); }
}
@keyframes rotateFade {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    25% {
        transform: scale(1.1);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0.6;
    }
    75% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.6;
    }
}

/* ind_page9 */
.ind_page9{padding-bottom:var(--padding-margin__100);min-height: auto;}
.ind_page9 .item{display: block;cursor: pointer;}
.ind_page9 .item .ispic{padding-bottom: calc(280 / 500 * 100%);}
.ind_page9 .item .ispic:before{width: 0.46rem;height: 0.46rem;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;content: "";position: absolute;background: url(../images/ico-play.svg) var(--background-contain);transition: all 0.25s;}
.ind_page9 .item .ispic:after{width: 100%;height: 100%;left: 0;top: 0;z-index: 1;content: "";position: absolute;background-color: rgba(var(--primary-color__rgb), 0.12);}
.ind_page9 .item .info{position: absolute;z-index: 10;left: 0;bottom: 0.24rem;width: 100%;text-align: center;font-size: var(--font-size__18);color: #fff;padding: 0 var(--padding-margin__30);}
.ind_page9 .item .info h4{font-weight: var(--font-weight__r);}
.ind_page9 .item:hover .ispic:before{width: 0.4rem;height: 0.4rem;}
.ind_page9 .other{position: relative; margin-top:var(--padding-margin__50)}
.ind_page9 .swiper-pagination{position: initial; width: auto; margin-right: .25rem}
.ind_page9 .swiper-pagination-bullet-active:after{background: var(--secondary-color)}
@media(max-width:767px){
 .ind_page9 .swiper{padding: 0 10%;overflow: visible;}
}