.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(--secondary-color); border-radius: 100%; position: relative; transition: 0.5s;text-align: left;background-color: var(--secondary-color);}
.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 .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 .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 .slide .arr{top: 36%;border-color: transparent;background-color: var(--primary-color) !important;}
.ind_page2 .slide .swiper-button-prev{left: -1rem;background-image: url(../images/swiper/prev-on.svg);}
.ind_page2 .slide:hover .swiper-button-prev{left: 0.25rem;}
.ind_page2 .slide .swiper-button-next{right:-1rem;background-image: url(../images/swiper/next-on.svg);}
.ind_page2 .slide:hover .swiper-button-next{right:0.25rem;}

.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:75%; }
.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}
.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: 100%}
.ind_page2 .list .tab-con li.istop .info h4{margin-bottom: .1rem;flex: 1;margin-right: 0.1rem;}
.ind_page2 .list .tab-con li.istop .info p{color: #666666; line-height: .24rem;font-weight: var(--font-weight__l);}
.ind_page2 .list .tab-con li.istop .info time{margin-top: 0;margin-bottom: .1rem}
.rows{padding: var(--padding-margin__80) 0;overflow: hidden;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
@media(min-width:1025px){
 /* .rows {min-height: 9.6rem;} */
}
@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_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: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% 5%}
.ind_page4 .txt h4{margin-bottom: .1rem}
.ind_page4 .data{color: var(--primary-color); position: relative;padding-left: 0.15rem;}
.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; margin: auto;transition: 0.5s}
.ind_page4 .swiper-slide:hover{background: var(--primary-color)}
.ind_page4 .swiper-slide:hover .txt{color: var(--white-color)}
.ind_page4 .swiper-slide:hover .data b,
.ind_page4 .swiper-slide:hover .data p,
.ind_page4 .swiper-slide:not(:hover) .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(:hover){background-color: var(--white-color); border-color: var(--white-color)}
@media(max-width:768px){
.ind_page4 .swiper{padding-left:10%; padding-right:10%;}
}

/* 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 img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; bottom: 0}
.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.20em; border-radius: 50%;height: 5.20em; background: rgba(var(--primary-color__rgb), 0.05);left: 0;top: 0;bottom: 0;right: 0;margin: auto;}

.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;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(1) .box:before{}
.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:768px){
 .layout-circle{padding-bottom: 0.5rem;}
}
@media(max-width:640px){
 .layout-circle{width: 4rem;}
 .layout-circle .dots li .box{width: 1.2rem;height: 1.2rem;}
}

/* ind_page7 */
.ind_page7{background-color: #f1f4fb;}
@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 .content .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;display: block;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;}
}
@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;}
}

/* ind_pagezjcj */
.ind_pagezjcj{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}
.ind_pagezjcj::after{
	content: '';
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/zjcjImg_01.png);
	position: absolute;
	left: 0;
	bottom: 0;
}
.ind_pagezjcj .leftBox{
	width: 43.4%;
}
.ind_pagezjcj .leftBox .desc{
	text-align: justify;
}
.ind_pagezjcj .leftBox .desc span{
	color: var(--primary-color);
}
.ind_pagezjcj .rightBox{
	width: 53.75%;
}
.ind_pagezjcj .rightBox .imgbox{
	padding-top: 64.42%;
}
.ind_pagezjcj .slider{
	width: 8.4rem;
	margin-top: -1.84rem;
	margin-left: -0.2rem;
}
.ind_pagezjcj  .itemCon .title{
	text-align: center;
}
.ind_pagezjcj .imgbox{
	padding-top: 56%;
}
.ind_pagezjcj .imgbox img{
	transition: all 0.5s ease;
}
.ind_pagezjcj .itemCon:hover .imgbox img{
	transform: scale(1.05);
}
.ind_pagezjcj .item{
	margin-left: 0.2rem;
}
@media screen and (min-width:769px){
	.ind_pagezjcj  .slick-arrow{
		left: auto;
		top: 1.56rem;
		right: -0.76rem;
		transform: translate(0, 0);
	}
	.ind_pagezjcj  .slick-arrow.slick-next{
		right: -1.5rem;
	}
}
@media screen and (max-width:1024px){
	.ind_pagezjcj .slider{
		margin-top: -1rem;
	}
	.ind_pagezjcj .leftBox .desc{
		padding-right: 0.1rem;
	}
}
@media screen and (max-width:768px){
	.ind_pagezjcj .slider{
		margin-top: 0.3rem;
		width: 100%;
		margin-left: 0rem;
	}
	.ind_pagezjcj .item{
		margin-left: 0.1rem;
		margin-right: 0.1rem;
	}
	.ind_pagezjcj .zjcjCon{
		flex-direction: column;
	}
	.ind_pagezjcj .rightBox,
	.ind_pagezjcj .leftBox{
		width: 100%;
	}
	.ind_pagezjcj .rightBox{
		margin-top: 0.3rem;
	}
	.ind_pagezjcj .leftBox .desc{
		max-height: none;
	}
}




/* zyywCon */
.zyywCon{}
.zyywCon .leftBox{
    width: 50%;
}
.zyywCon .leftBox .imgbox{
    padding-top: 66.625%;
}
.zyywCon .rightBox{
    flex: 1;
    margin-left: var(--padding-margin__60);
	padding-right: 0.8rem;
}
.zyywCon .rightBox .line{
	width: 100%;
	height: 0.02rem;
	background: #003C96;
	opacity: 0.1;
}
.zyywCon .rightBox .fontBox{
    background: linear-gradient(135deg, #F0F3FA 0%, rgba(240,243,250,0) 100%);
    margin-top: var(--padding-margin__40);
    padding: var(--padding-margin__40);
}
.zyywCon .rightBox .fontBox div{
    font-size: var(--font-size__24);
    font-weight: bold;
}
.zyywCon .rightBox .fontBox ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.zyywCon .rightBox .fontBox ul li{
    width: 48%;
    line-height: 2;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 0.17rem;
}
.zyywCon .rightBox .fontBox ul li:before{
	content: '';
	display: block;
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	border: 0.02rem solid #003C96;
	opacity: 0.8;
	position: absolute;
	left: 0;
	top: 0.1rem;
}
@media screen and (min-width:769px) and (max-width:1024px){
	.zyywCon .rightBox{
		padding-right: 0;
		margin-left: 0.2rem;
	}
	.zyywCon .rightBox .fontBox,
	.zyywCon .mt35{
		margin-top: var(--padding-margin__15);
	} 
	 .zyywCon .rightBox .fontBox{
		 padding: var(--padding-margin__15);
	 }
	 .zyywCon .rightBox .fontBox ul {
	     margin-top: 0;
	     margin-bottom: 0;
	 }
}
@media screen and (max-width:768px){
	.zyywCon .leftBox{
		width: 100%;
	}
	.zyywCon .rightBox{
		margin-left: 0;
	}
	.zyywCon .rightBox{
		padding-right: 0;
	}
}

/* ind_pagejsfw */
.ind_pagejsfw{
	padding-bottom: var(--padding-margin__60);
}
.ind_pagejsfw .ind_column h2 .cn{
	color: #fff;
}
.ind_pagejsfw .ind_column h2 .en{
	color: #fff;
	opacity: 0.05;
}
.jsfwCon .slider{
	width: calc(100% + 0.1rem);
	margin-left: -0.1rem;
}
.jsfwCon .item{margin-left: 0.1rem;flex: 1;}
.jsfwCon .item .itemCon{
	display: flex;
	flex-direction: column;
	/* border: 0.01rem solid rgba(255,255,255,.2); */
	border-bottom: 0.03rem solid #fff;
	padding: var(--padding-margin__40);
background-image: url(../images/blueBg.png);
	background-size: cover;
	transition: all 0.5s ease;
}
.jsfwCon .item.on .itemCon{
	border-color: transparent;
}

.jsfwCon .item .titleH{
	text-align: center;
	transition: all 0.5s ease;
}
.jsfwCon .item .title{display: none;}

.jsfwCon .item .intro{height: 0;opacity: 0;overflow: hidden;transition: height 0.5s ease, opacity 0.4s ease, padding 0.5s ease;padding-right: 0;margin-bottom:0 ;}
.jsfwCon .item:hover .intro{margin-bottom: var(--padding-margin__70);}
.jsfwCon .item:hover .intro{height: 4.5em;opacity: 1;overflow-y: auto;padding-right: 0.05rem;--clamp: 10;}


/* .jsfwCon .item .fontBox{
	transition: all 0.5s ease;
	transform: scale(0);
	height: 0;
} */
/* .jsfwCon .item .fontBox .title,
.jsfwCon .item .fontBox .intro,
.jsfwCon .item .fontBox .read-more{
	opacity: 0;
} */
/* .jsfwCon .item.on .fontBox{
	transform: scale(1);
	height: auto;
} */
/* .jsfwCon .item.on .titleH{
	display: none;
} */
/* .jsfwCon .item.on{
	background-image: url(../images/blueBg.png);
	border-color: transparent !important;
}
.jsfwCon .item.on .fontBox .title,
.jsfwCon .item.on .fontBox .intro,
.jsfwCon .item.on .fontBox .read-more{
	opacity: 1;
} */
.jsfwCon .slick-track{
	display: flex;
	align-items: flex-end;
}
.jsfwCon .read-more{
	color: var(--secondary-color);
}
.jsfwCon .tabNav{
	align-items: flex-end;
	min-height: 5.5rem;
}
@media screen and (max-width:768px){
	.jsfwCon .tabNav{
		flex-direction: column;
	}
	.jsfwCon .item{flex: none;width: 100%;}
	.jsfwCon .item .intro{height: auto;--clamp: 10;}
	/* .jsfwCon .item .fontBox{
		transform: scale(1);
		height: auto;
	} */
	.jsfwCon .item .fontBox .title,
	.jsfwCon .item .fontBox .intro,
	.jsfwCon .item .fontBox .read-more{
		opacity: 1;
	}
	.jsfwCon .item .titleH{
		display: none;
	}
	.jsfwCon {
	    margin-top: 0;
	}
	.jsfwCon .item{
		margin-bottom: 0.3rem;
	}
}