.auto { margin: auto; max-width: 16rem; width: 96%}.ind_column { padding-bottom: 0.3rem; position: relative; text-align: center; z-index: 10}.ind_column h2 { line-height: 1; text-align: center}.ind_column h2 .cn { color: #181818; display: inline-block; font-family: Barlow-Bold; font-size: 0.6rem; position: relative}.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 { align-items: center; color: var(--primary-color); display: inline-flex}.ind_more a i { border: 1px solid var(--primary-color); border-radius: 100%; height: .24rem; margin-left: .1rem; position: relative; text-align: left; transition: 0.5s; width: .24rem}.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.2rem } .ind_column h2 .cn { font-size: var(--font-size__62) }}.ind_page1 .inbox { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10}.ind_page1 .info { opacity: 0; transform: translateY(.6rem); transition-delay: 0.3s; transition: 0.5s}.ind_page1 .info h3 { color: transparent; font-family: Montserrat-Bold; font-size: 0.36rem; line-height: 0.4rem; line-height: 0.8; text-transform: uppercase; -webkit-text-stroke: 0.5px hsla(0, 0%, 100%, .36); text-stroke: 0.5px hsla(0, 0%, 100%, .36)}.ind_page1 .info h1 { color: #fff; font-family: Barlow-Bold; font-size: 0.66rem; line-height: 1rem; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3)}.ind_page1 figure img { height: auto; height: 100%; object-fit: cover; transform: scale(1); transition: 1s linear 2s; width: 100%}.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 { transform: scale(1); transition: 6s linear}.ind_page1 .other { bottom: .5rem; position: absolute; width: 100%; z-index: 20}.ind_page1 .swiper-pagination { display: flex; position: inherit; width: auto}.ind_page1 .swiper-pagination span { align-items: center; background: none; color: hsla(0, 0%, 100%, .5); display: flex; height: inherit; justify-content: center; width: inherit}.ind_page1 .swiper-pagination span:after { display: none}.ind_page1 .swiper-pagination span b { border-radius: 100%; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0); display: block; height: .38rem; line-height: .38rem; text-align: center; transition: 0.5s; width: .38rem}.ind_page1 .swiper-pagination span:first-child 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: #fff}.ind_page1 .swiper-pagination .swiper-pagination-bullet-active b { box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .5)}.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i { display: block; font-style: normal; height: .38rem; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: .19rem; z-index: 5}.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:first-child { 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 { border: 2px solid transparent; border-radius: 50%; content: ""; height: .38rem; margin: 0; position: absolute; transform: rotate(135deg); width: .38rem}.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:first-child:before { animation: yl 5s linear; animation-fill-mode: forwards; border-left-color: #fff; border-top-color: #fff; left: 0}.ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2):before { animation: yr 5s linear; animation-fill-mode: forwards; border-bottom-color: #fff; border-right-color: #fff; right: 0}@keyframes yr { 0% { transform: rotate(135deg) } 50%, to { transform: rotate(315deg) }}@keyframes yl { 0%, 50% { transform: rotate(135deg) } to { transform: rotate(315deg) }}@media(max-width:1024px) { .ind_page1 .info h3 { font-size: 0.3rem } .ind_page1 .info h1 { font-size: 0.4rem; line-height: 0.5rem }}@media(max-width:768px) { .ind_page1 figure img { height: 40vh } .ind_page1 .info img { max-height: 1rem } .ind_page1 .swiper-slide .info img { max-height: 1.5rem }}.ind_page2 { padding-bottom: var(--padding-margin__160)}.ind_page2 .slide { background: var(--white-color); width: 50%}.ind_page2 .list .info { padding: .3rem .2rem .1rem 1.1rem; position: relative}.ind_page2 .list .info time { align-items: center; background: var(--secondary-color); border-radius: .1rem; color: var(--white-color); display: flex; flex-wrap: wrap; height: .7rem; left: .2rem; line-height: .8; position: absolute; text-align: center; width: .7rem}.ind_page2 .list .info time b { display: block; font-size: var(--font-size__36); width: 100%}.ind_page2 .list .info time span { font-size: var(--font-size__14); width: 100%}.ind_page2 .list .info h4 { color: #000; font-weight: var(--font-weight__b); margin-bottom: .1rem}.ind_page2 .list .info p { color: #666; font-weight: var(--font-weight__l); line-height: .24rem}.ind_page2 .list:hover .info h4 { color: var(--primary-color)}.ind_page2 .slide .swiper-pagination { bottom: 1.7rem}.ind_page2 .slide .swiper-pagination-bullet { background-color: hsla(0, 0%, 100%, .4)}.ind_page2 .slide .swiper-pagination-bullet:after { background-color: var(--white-color)}.ind_page2 .list { background: var(--white-color); position: relative; width: 47.5%}.ind_page2 .list .tab-first { background: rgba(var(--primary-color__rgb), 0.05); border-bottom: 2px solid var(--primary-color); line-height: .58rem}.ind_page2 .list .tab-nav { display: flex; gap: .1rem; max-width: 3.7rem; width: 60%}.ind_page2 .list .tab-nav li { background: var(--white-color); cursor: pointer; flex: 1; font-size: var(--font-size__20); text-align: center; transition: 0.5s}.ind_page2 .list .tab-nav li.on { background: var(--primary-color); color: var(--white-color); font-size: var(--font-size__24); font-weight: var(--font-weight__b); text-align: center}.ind_page2 .list .tab-more { background: var(--white-color); display: flex; flex: 1; justify-content: flex-end; margin-left: .1rem; padding-right: .3rem}.ind_page2 .list .tab-info { opacity: 1 !important; transform: none !important}.ind_page2 .list .tab-con li { border-bottom: 1px solid #e8ebf2}.ind_page2 .list .tab-con li time { color: #999; float: right; font-weight: var(--font-weight__l); padding-left: .2rem}.ind_page2 .list .tab-con li:not(.istop) { display: flex; flex-direction: row-reverse; line-height: .6rem}.ind_page2 .list .tab-con li:not(.istop) a { flex: 1}@media(min-width:1025px) { .rows { min-height: 9.6rem }}@media(max-width:1024px) { .rows { overflow: hidden }}@media(max-width:768px) { .ind_page2 .list, .ind_page2 .slide { width: 100% } .ind_page2 .list { margin-top: 3% }}.ind_page1 .info,.ind_page3 { overflow: hidden; position: relative}.ind_page3 { color: var(--white-color)}.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 { padding-top: 3%; width: 75%}.ind_page3 .info { line-height: .32rem; max-width: 6.6rem}.ind_page3 h1 { margin-bottom: .4rem}.ind_page3 .data { padding: .3rem 0}.ind_page3 .data dl { width: 19%}.ind_page3 .data sub { bottom: 0.05rem; font-size: .18rem; position: relative}.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 { bottom: 0; height: 100%; position: absolute; width: 100%}.ind_page3 .photo:before { background: linear-gradient(90deg, #003c96, rgba(0, 60, 150, 0) 80%); content: ""; height: 100%; position: absolute; width: 100%}.ind_page3 .photo img { bottom: 0; height: 100%; object-fit: cover; -o-object-fit: cover; width: 100%}.ind_page3 .part2 { position: relative; z-index: 2}@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 { padding: 3% 0; width: 48% }}.info .more { align-items: center; border: 0.01rem solid var(--first-color); border-radius: 0.08rem; box-sizing: border-box; cursor: pointer; display: flex; font-weight: 500; gap: .1rem; margin-top: 0.5rem; max-width: 2rem; overflow: hidden; padding: 0.12rem 0.28rem; position: relative; text-align: center; text-decoration: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 1}.info .more:before { background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4), transparent); content: ""; height: 100%; left: -100%; position: absolute; top: 0; transition: left 0.5s ease; width: 100%; z-index: -1}.info .more:hover:before { left: 100%}.info .more:hover { background-color: #0078d4; box-shadow: 0 0.08rem 0.2rem rgba(0, 120, 212, .35); color: #fff; transform: translateY(-0.02rem)}.ind_page99 { padding: 0; position: relative}.ind_page99 .ind_column { left: 0; position: absolute; top: 1rem; width: 100%}.ind_page99 .ind_column h2 { text-align: left}.ind_page99 .ind_column h2 .cn { color: #fff; font-family: Barlow-Bold; font-size: 0.6rem; line-height: 0.57rem}@media(max-width:1024px) { .ind_page99 .ind_column { top: 0.4rem } .ind_column h2 .cn, .ind_page99 .ind_column h2 .cn{ font-size: 0.4rem; line-height: 0.5rem } .rows { padding: var(--padding-margin__40) 0 }}.ind_page98 { background: #f4f6f9; min-height: unset; padding: 150px 0}.ind_page98 .ind_column .desc { text-align: left; width: 40%}.ind_page98 .slider { margin-top: 0.2rem; position: relative}.ind_page98 .slider li .txt { background-color: #fff; border-radius: 0.2rem; float: left; height: 5.4rem; padding: 0.6rem; width: 36.5%}.ind_page98 .slider li .txt .ti1 { color: #003c96; font-family: Barlow-Bold; font-size: 0.4rem; line-height: 0.6rem}.ind_page98 .slider li .ispic { border-radius: 0.2rem; float: right; height: 5.4rem; width: 60%}.ind_page98 .slider .arrows { float: right; position: relative}.ind_page98 .slider .controls { bottom: 0.6rem; height: 0.5rem; left: 0; line-height: 0.45rem; padding: 0 0.6rem; position: absolute; width: 36.5%; z-index: 9}.ind_page98 .slider .controls .slick-pages { color: rgba(51, 51, 51, .6); float: left; font-family: Barlow-Bold; font-size: 0.24rem}.ind_page98 .slider .controls .slick-arrow { float: left; height: 0.5rem; margin-left: 0.1rem; position: static; transform: translate(0%); width: 0.5rem}.line-clamp-2 { -webkit-line-clamp: 2}.line-clamp-2,.line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}.line-clamp-3 { -webkit-line-clamp: 3}.px-5 { height: 100%; padding: 0 0.5rem}dl.contact-info dd svg { vertical-align: sub}.ind_page98 .slider .controls .prev:after { background-image: url(../images/larr-g.png)}.ind_page98 .slider .controls .next:after { background-image: url(../images/rarr-g.png)}.ind_page98 .slider .controls .prev:hover:after { background-image: url(../images/larr-w.png)}.ind_page98 .slider .controls .next:hover:after { background-image: url(../images/rarr-w.png)}.ind_page98 .slider .controls .slick-pages #cur { color: #003c96; font-family: Barlow-Bold; font-size: 0.4rem}.ind_products .ind_column { margin-bottom: 0.6rem}.ind_products { overflow: hidden; padding: var(--padding-margin__100) 0}.ind-prod-grid { display: grid; gap: 40px 48px; grid-template-columns: repeat(3, 1fr)}.ind-prod-group { position: relative}.ind-prod-group:before { background: linear-gradient(180deg, var(--first-color), rgba(26, 118, 209, .15)); border-radius: 2px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 3px}.ind-pg-head { margin-bottom: 28px; padding-left: 20px; position: relative}.ind-pg-head h3 { color: #1a1a2e; font-family: Barlow-Bold, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3}.ind-pg-head .ind-pg-count { color: var(--first-color); display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .5px; margin-top: 6px}.ind-pg-list { list-style: none; margin: 0; padding-left: 20px}.ind-pg-list li { border-bottom: 1px solid #f0f0f0; padding: 11px 0; position: relative; transition: all .3s}.ind-pg-list li:last-child { border-bottom: none}.ind-pg-list li:before { background: #ccc; border-radius: 50%; content: ""; height: 4px; left: -12px; position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s; width: 4px}.ind-pg-list li:hover:before { background: var(--first-color); box-shadow: 0 0 0 4px rgba(26, 118, 209, .12)}.ind-pg-list a { align-items: center; display: flex; gap: 12px; justify-content: space-between; line-height: 1.5; text-decoration: none; transition: all .3s}.ind-pg-list a:hover { color: var(--first-color); padding-left: 4px}.ind-pg-list a .ind-pg-name { flex: 1; min-width: 0}.ind-pg-list a .ind-pg-name span { display: block; max-width: 370px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}.ind-pg-list a .ind-pg-cas { color: #aaa; flex-shrink: 0; font-size: 13px; font-weight: 400; transition: color .3s; white-space: nowrap}.ind-pg-list a:hover .ind-pg-cas { color: var(--first-color)}.ind-pg-list a .ind-pg-go { flex-shrink: 0; opacity: 0; transform: translateX(-6px); transition: all .3s}.ind-pg-list li:hover .ind-pg-go { opacity: 1; transform: translateX(0)}.ind-prod-more { display: flex; justify-content: center; padding-top: 56px}.ind-prod-more a { align-items: center; background: transparent; border: 2px solid #e0e0e0; border-radius: 50px; color: #333; display: inline-flex; font-size: 15px; font-weight: 600; gap: 8px; padding: 14px 40px; text-decoration: none; transition: all .4s}.ind-prod-more a:hover { background: rgba(26, 118, 209, .04); border-color: var(--first-color); color: var(--first-color)}@media(max-width:1024px) { .ind_products { padding: var(--padding-margin__60) 0 } .ind-prod-grid { gap: 32px 36px; grid-template-columns: repeat(2, 1fr) }}@media(max-width:768px) { .ind-prod-grid { gap: 28px; grid-template-columns: 1fr } .ind-pg-head h3 { font-size: 19px } .ind-pg-list a { font-size: 14px } .ind-prod-more { padding-top: 40px } .ind-prod-more a { font-size: 14px; padding: 12px 32px }}.sub-column h2 span.cn { font-size: var(--font-size__38); line-height: 1rem; margin-top: .1rem}.QHSE-info { background-color: #f1f4fb; overflow: hidden}.QHSE-info .item { padding: 4% 0; position: relative; z-index: 2}.QHSE-info .item .photo { display: block; line-height: 0; width: 100%}.QHSE-info .item .photo img { width: 100%}.QHSE-info .item .info { padding: 4% 0; width: 100%}.QHSE-info .item .txt { font-size: .18rem; line-height: .36rem; text-align: justify}.QHSE-info .item .bg { bottom: 0; position: absolute; width: 100%; z-index: -1}.QHSE-info .item .bg img { width: 100%}@media(min-width:768px) { .QHSE-info .sub-column h2 span.en { width: 80% } .QHSE-info .item { padding: 0 } .QHSE-info .item .info { width: 42% } .QHSE-info .item .bg, .QHSE-info .item .photo { width: 66.66666666666667% } .QHSE-info .item .bg { bottom: 0; z-index: -1 } .QHSE-info .item:nth-child(odd) .photo { margin-left: -16.66666666666667% } .QHSE-info .item:nth-child(2n) .photo { margin-right: -16.66666666666667%; order: 2 } .QHSE-info .item:nth-child(odd) .bg { margin-right: -16.66666666666667% } .QHSE-info .item:nth-child(2n) .bg { margin-left: -16.66666666666667% }}.ind_partners { background: #f4f6f9; overflow: hidden; padding: var(--padding-margin__80) 0}.ind-partner-track { align-items: center; display: flex}.ind-partner-track .swiper-wrapper { transition-timing-function: linear !important}.ind-partner-track .swiper-slide { width: auto !important}.ind-partner-item { align-items: center; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, .05); display: flex; justify-content: center; padding: 12px 20px; transition: all .4s; width: 230px}.ind-partner-item:hover { box-shadow: 0 6px 24px rgba(0, 0, 0, .1); transform: translateY(-2px)}.ind-partner-item img { max-height: 100%; max-width: 100%; object-fit: contain; transition: all .4s}.ind-partner-item:hover img { filter: grayscale(0) opacity(1)}@media(max-width:1024px) { .ind_partners { padding: var(--padding-margin__60) 0 } .ind-partner-item { height: 70px; padding: 10px 16px; width: 150px }}@media(max-width:768px) { .ind-partner-item { border-radius: 8px; height: 60px; padding: 8px 14px; width: 130px }}.ind_page5 { background: no-repeat 50%; background-size: cover; padding: var(--padding-margin__100) 0}.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 { align-items: center; display: flex; height: 1rem; justify-content: center; margin: 0 auto var(--padding-margin__25); position: relative; width: 1rem}.ind_page5 .item .icon span { color: hsla(0, 0%, 100%, .2); font-size: var(--font-size__60); font-weight: var(--font-weight__m); position: absolute; text-align: center; top: -0.37rem; width: 100%; z-index: -1}.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 { opacity: 0; visibility: hidden}.ind_page5 .item .date { background: hsla(0, 0%, 100%, .15); border: 1px solid hsla(0, 0%, 100%, .15); border-radius: 4px; left: 50%; padding: .1rem .2rem; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s; white-space: nowrap}.ind_page5 .item .date b { display: block; font-size: .32rem; line-height: 1; margin-bottom: .04rem}.ind_page5 .item .date b:after,.ind_page5 .item .date b:before { background-color: hsla(0, 0%, 100%, .2); border-radius: 50%; content: ""; height: 0.03rem; position: absolute; width: 0.03rem}.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:after,.ind_page5 .item .date span:before { background-color: hsla(0, 0%, 100%, .2); border-radius: 50%; content: ""; height: 0.03rem; position: absolute; width: 0.03rem}.ind_page5 .item .date span:before { bottom: 0.05rem; left: 0.05rem}.ind_page5 .item .date span:after { bottom: 0.05rem; right: 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: 1px solid hsla(0, 0%, 100%, .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: 1px solid hsla(0, 0%, 100%, .2) } .ind_page5 .item { background: hsla(0, 0%, 100%, .15); border: 1px solid hsla(0, 0%, 100%, .2); border-left: 0; height: 5rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.4s; width: 100% } .ind_page5 .item .ispic { bottom: -1px; left: -1px; padding-bottom: 66.66667%; position: absolute; width: calc(100% + 2px); z-index: 1 } .ind_page5 .item .ispic figure { opacity: 0; transition: all 0.5s } .ind_page5 .swiper-slide { width: 14.28571% } .ind_page5 .swiper-slide.hover { z-index: 10 } .ind_page5 .swiper-slide.hover .item { background-image: linear-gradient(180deg, #b4d1f2, #fff); border: 1px solid hsla(0, 0%, 100%, .5); height: 5.4rem; margin: 0; position: absolute; width: 3rem; z-index: 10 } .ind_page5 .swiper-slide.hover .ispic figure { opacity: 1 } .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(180deg, #b4d1f2, #fff); border: 1px solid hsla(0, 0%, 100%, .5) } .ind_page5 .swiper-slide .ispic { padding-bottom: 50% } .ind_page5 .swiper-slide .icon:after { background: url(../image/home_tec_shadow.png) no-repeat bottom/100% 100%; bottom: -0.3rem; content: ""; height: 1rem; left: 0; position: absolute; width: 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_page98 .ind_column .desc { font-size: 0.16rem; width: 60% } .ind_page98 .slider li .txt { padding: 0.2rem } .ind_page98 .slider .controls { bottom: 0.2rem; padding: 0 0.2rem } .swiper-pagination.st { margin-bottom: 0.3rem; margin-top: 0.2rem }}@media(max-width:480px) { .ind_page98 .slider li .txt .ti1 { font-size: 0.24rem; line-height: 1.6 }}footer .logo { padding-bottom: var(--padding-margin__25)}.ind_page4 { background: #f4f6f9; min-height: unset; padding-bottom: var(--padding-margin__80); padding-top: 0}.ind_page4 .ind_column h2 .en { color: #003c96; font-family: Barlow-Bold; font-size: 0.2rem}.ind_page4 .ind_column h2 .cn { color: #181818; font-family: Barlow-Bold; font-size: 0.34rem; margin-top: 0.1rem}.ind_page2 .ind_column { padding-bottom: 1rem}.ind_page4 .ind_column .more { border: 0.01rem solid #ccc; border-radius: 50%; color: #333; font-size: 0.15rem; height: 0.4rem; line-height: 0.4rem; position: absolute; right: 0; text-align: center; top: 0.2rem; width: 1rem}.ind_page4 .ind_column .more:hover { background: #003c96; border-color: #003c96; color: #fff}.ind_page4 .slide { position: relative}.ind_page4 .swiper { overflow: inherit; padding-left: 22.3125%; padding-right: 22.3125%}.ind_page4 .swiper-slide { background: var(--white-color); border-radius: 0.2rem; overflow: hidden; transition: 0.5s}.ind_page4 .ispic { padding-bottom: 56.22641509433962%; position: relative}.ind_page4 .ispic span { background: #003c96; border-radius: 0.34rem; color: var(--white-color); left: .3rem; line-height: .34rem; max-width: calc(100% - 0.4rem); padding-left: 0.3rem; padding-right: 0.15rem; position: absolute; top: .3rem; z-index: 10}.ind_page4 .info { padding: 3% 5%}.ind_page4 .info .txt { flex: 1}.ind_page4 .txt h4 { color: #181818; font-family: Barlow-Bold; font-size: 0.28rem; line-height: 0.4rem; min-height: 0.8rem}.ind_page4 .txt p { min-height: 1.5em}.ind_page4 .data { color: var(--primary-color); padding-left: 0.15rem; position: relative}.ind_page4 .data .more { border: 0.01rem solid #ccc; border-radius: 50%; display: inline-block; height: 0.66rem; line-height: 0.66rem; text-align: center; width: 1.2rem}.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); margin-top: -1.6rem; min-height: 3.3rem; position: relative; z-index: 10}.ind_page4 .swiper-slide.swiper-slide-active .txt h4 { color: var(--white-color)}.ind_page4 .swiper-slide.swiper-slide-active .data .more { border-color: #fff; color: #fff}.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)}.ind_page4 .swiper-slide.swiper-slide-active .txt p { max-height: 7.5em; overflow-y: auto; padding-right: 0.1rem}.ind_page4 .swiper-slide.swiper-slide-active .data,.ind_page4 .swiper-slide.swiper-slide-active .txt { color: var(--white-color)}.ind_page4 .swiper-slide.swiper-slide-active .data { display: none}.ind_page4 .info p::-webkit-scrollbar-thumb { background: rgba(var(--white-color__rgb), .5)}@media(max-width:1560px) { .ind_page4 .swiper-slide.swiper-slide-active .info { min-height: 3.18rem }}@media(max-width:768px) { .ind_page4 .swiper { padding-left: 10%; padding-right: 10% }}@media(max-width:480px) { .ind_page4 .ispic span { line-height: 1.25; padding-bottom: 0.05rem; padding-top: 0.05rem } .ind_page4 .swiper-slide.swiper-slide-active .info { margin-top: -0.5rem; min-height: 2.2rem } .ind_page4 .ind_column h2 { text-align: left } .ind_page4 .ind_column .more { top: -0 }}.ind_page97 { background: #f1f4fb url(../images/gbg.png) no-repeat bottom; padding: 0.9rem 0 0}@keyframes rotate_line { 0% { opacity: 1; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1) } to { opacity: 0; transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); -o-transform: translate(-50%, -50%) scale(1.2) }}@keyframes top_bot { 0% { transform: translate(-50%, -0.15rem); -webkit-transform: translate(-50%, -0.15rem); -moz-transform: translate(-50%, -0.15rem); -ms-transform: translate(-50%, -0.15rem); -o-transform: translate(-50%, -0.15rem) } 50% { transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%) } to { transform: translate(-50%, -0.15rem); -webkit-transform: translate(-50%, -0.15rem); -moz-transform: translate(-50%, -0.15rem); -ms-transform: translate(-50%, -0.15rem); -o-transform: translate(-50%, -0.15rem) }}.ind_page97 .ind_column { z-index: 0}.tab_main .hide { left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%}.global-layout { background: #f1f4fb; overflow: hidden; padding-top: 1rem}.global-layout .tab_title { padding: .5rem 0; position: relative}.global-layout .tab_title ul { font-size: .18rem; gap: .1rem}.global-layout .tab_title li a { background: #f6f7fb; border: 1px solid #dfe5ee; border-radius: 0.58rem; cursor: pointer; display: block; line-height: .58rem; min-width: 2rem; text-align: center; transition: all 0.5s}.global-layout .tab_title li.show a { background: var(--primary-color); border-color: var(--primary-color); color: var(--white-color)}.global-layout .inbox { background: url(../images/about_map.png) no-repeat top; background-size: 100%}.global-layout .part { margin: 0 auto -1.3rem; min-height: 9.60rem; position: relative; width: 9.60rem}.global-layout .global .item { cursor: pointer; height: 0.01rem; position: absolute; width: 0.01rem}.global-layout .global .city { align-items: center; background: rgba(48, 127, 226, .15); border-radius: 0.46rem; display: flex; font-size: .18rem; justify-content: center; left: 50%; min-height: 0.36rem; position: absolute; top: 50%; transform: translate(-50%, -50%); width: max-content; z-index: 20}.global-layout .global .city span { display: block; padding: .05rem 0.25rem; text-align: center}.global-layout .global .info { background: hsla(0, 0%, 100%, .9); border-radius: 0.1rem; box-shadow: 0 0 .5rem rgba(var(--primary-color__rgb), 0.2); left: 50%; max-width: max-content; min-width: 3.2rem; opacity: 0; padding: .2rem .3rem; pointer-events: none; position: absolute; transform: translate(-50%, -50%) scale(0); transition: 0.5s; visibility: hidden}.global-layout .global .info h4 { color: var(--primary-color); font-size: .18rem; font-weight: 400; margin-bottom: .1rem}.global-layout .global .info h4 br { display: none}.global-layout .global .info dl { padding-left: 0rem}.global-layout .global .info dl dd { flex: 1}.global-layout .global .info .other { padding-top: 0.12rem}.global-layout .global .info .other dd { font-size: var(--font-size__14); min-width: 50%}.global-layout .global .item:hover { z-index: 10}.global-layout .global .item:hover .info { opacity: 1; pointer-events: none; transform: translate(-50%, -130%) scale(1); visibility: inherit}.global-layout .line { height: 100%; overflow: hidden; position: absolute; width: 100%}.global-layout .line span { animation: rotate_line 1s linear infinite; -webkit-animation: rotate_line 1s linear infinite; border: 1px solid rgba(48, 127, 226, .15)}.global-layout .dian span,.global-layout .line span { border-radius: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%)}.global-layout .dian span { background: #307fe2; height: 0.06rem; opacity: 0.15; width: 0.06rem}.global-layout .tab_item:not(.tab1) .item .city { transition: all 0.3s}.global-layout .tab_item:not(.tab1) .item .city span { align-items: center; border-radius: 0.45rem; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; z-index: 10}.global-layout .tab_item:not(.tab1) .item:hover .city span { align-items: center; background-image: linear-gradient(180deg, #3080e2, #2fb6fd); color: #fff; display: flex; justify-content: center; min-height: 0.36rem; width: 100%}.global-layout .tab_item:not(.tab1) .item:hover .city span:before { background: url(../images/local.svg) no-repeat 50%/contain; display: block; height: 0.16rem; margin: 0px 0.06rem 0 0; width: 0.13rem}.global-layout .tab_item:not(.tab1) .item:hover .city:after,.global-layout .tab_item:not(.tab1) .item:hover .city:before { animation: scaleAnimate 2s linear; animation-iteration-count: infinite; background: rgba(48, 127, 226, .6); border-radius: 0.56rem; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%}.global-layout .tab_item:not(.tab1) .item:hover:after { animation-delay: .5s}.global-layout .city { line-height: 1.15}.global-layout .item { animation: top_bot 3s infinite; -webkit-animation: top_bot 3s infinite}.global-partner { overflow: hidden; padding-bottom: 0.25rem}.global-partner .swiper:nth-child(2) { margin: 0 0.8rem}.global-partner .swiper-slide { display: flex; flex-wrap: wrap; justify-content: center; padding: 0.2rem}.global-partner .swiper-slide .card { padding: 0.05rem; width: 10%}.global-partner .swiper-slide a { background: var(--white-color); box-shadow: 0 0 0.3rem rgba(var(--primary-color__rgb), 0.15); height: 0.75rem; position: relative; transition: 0.5s}.global-partner .swiper-slide a img { max-height: 100%; max-width: 100%; transition: 0.5s}.global-partner .swiper-slide a:hover { box-shadow: 0 0 .24rem 0 rgba(var(--primary-color__rgb), 0.12); z-index: 10}.global-partner .swiper-slide-active .card a { animation: zoomInSmall 0.5s ease .5s both}.global-partner .swiper-slide-active .card:first-child a { animation: zoomInSmall 0.5s ease .6s both}.global-partner .swiper-slide-active .card:nth-child(2) a { animation: zoomInSmall 0.5s ease .4s both}.global-partner .swiper-slide-active .card:nth-child(3) a { animation: zoomInSmall 0.5s ease .7s both}.global-partner .swiper-slide-active .card:nth-child(8) a { animation: zoomInSmall 0.5s ease .5s both}.global-partner .swiper-slide-active .card:nth-child(11) a { animation: zoomInSmall 0.5s ease .8s both}.global-partner .swiper-slide-active .card:nth-child(12) a { animation: zoomInSmall 0.5s ease .7s both}.global-partner .swiper-slide-active .card:nth-child(13) a { animation: zoomInSmall 0.5s ease .5s both}.global-partner .swiper-slide-active .card:nth-child(14) a { animation: zoomInSmall 0.5s ease .6s both}.global-partner .swiper-slide-active .card:nth-child(15) a { animation: zoomInSmall 0.5s ease .9s both}.global-partner .swiper-slide-active .card:nth-child(16) a { animation: zoomInSmall 0.5s ease .7s both}.global-partner .swiper-slide-active .card:nth-child(17) a { animation: zoomInSmall 0.5s ease .8s both}.global-partner .swiper-slide-active .card:nth-child(18) a { animation: zoomInSmall 0.5s ease .5s both}.global-partner .swiper-slide-active .card:nth-child(19) a { animation: zoomInSmall 0.5s ease .6s both}.global-partner .swiper-slide-active .card:nth-child(20) a { animation: zoomInSmall 0.5s ease .8s both}.global-partner .swiper-pagination-bullet-active:after { background-color: var(--secondary-color)}.global-partner .other { height: .42rem; margin: auto; position: relative; width: 1.2rem}.global-partner .other .arr { height: .42rem; top: 0; width: .42rem}.global-partner .other .arr.swiper-button-disabled { background-color: var(--white-color); border-color: var(--white-color); opacity: 1}.global-partner .other .arr:not(.swiper-button-disabled) { background-color: var(--primary-color); border-color: var(--primary-color)}.global-partner .other .swiper-button-prev:not(.swiper-button-disabled) { background-image: url(../images/swiper/prev-on.svg)}.global-partner .other .swiper-button-next:not(.swiper-button-disabled) { background-image: url(../images/swiper/next-on.svg)}.global-partner .swiper-pagination { margin-top: -0.1rem; position: static}.global-layout .global .item[data-type=N] .info { display: none !important}.global-layout .global .item[data-type=N] { pointer-events: none}@media(min-width:1025px) { .global-partner { margin-left: -2rem; width: calc(100% + 4rem) } .global-layout .tab_title { position: absolute; right: 1.58rem; top: 37%; width: 2rem; z-index: 100 } .global-layout .tab_title ul { display: block } .global-layout .tab_title ul li:not(:last-child) { margin-bottom: 0.2rem }}@media(max-width:1024px) { .global-layout .part { margin-bottom: 0; min-height: 100vw; transform: scale(0.9); width: 100% } .global-layout .tab_title { padding-top: 0 } .global-partner { margin-left: -0.5rem; width: calc(100% + 1rem) } .global-partner .swiper-slide .card { width: 14.285% }}@media(max-width:480px) { .global-layout .tab_title li a { line-height: 1; min-width: 1rem; padding: 0.05rem 0.1rem } .global-partner .swiper-slide a { height: 0.4rem } .global-layout .global .city { height: auto !important; line-height: 1; transform: scale(0.7) } .global-layout .global .info { min-width: 2.6rem; padding: 0.2rem } .global-partner { transform: translateY(-0.6rem) } .global-layout .global .item:hover .info { transform: translate(-36%, -101%) scale(0.9) } .global-layout .global .city span { padding: 0.08rem 0.1rem }}.ind_page96 { min-height: 50vw; padding-top: 1.6rem}.ind_page96 .ind_column h2 .cn { color: #fff}.ind_page96 .desc { color: #fff; margin: 0 auto; max-width: 10.6rem; text-align: center}.ind_page96 .more { background: transparent; border: none; color: #fff; cursor: pointer; display: block; font-size: 0.3rem; margin-top: 0.15rem; text-align: center; text-decoration: underline; text-underline-offset: 0.04rem; transition: all 0.3s ease}.ind_page96 .more:hover { color: hsla(0, 0%, 100%, .8); text-decoration-thickness: 0.02rem}.ind_page96 .more:after { background-color: #fff; bottom: 0; content: ""; height: 0.02rem; left: 0; position: absolute; transition: width 0.3s ease; width: 0}.ind_page96 .more:hover:after { width: 100%}@media(max-width:1024px) { .ind_page97 { padding-top: 0.4rem } .ind_page96 { padding-top: 1rem } .ind_page96 .desc { font-size: 0.16rem; line-height: 0.24rem } rows ind_page99 { padding-bottom: 0 }}@media(max-width:480px) { .ind_page4 .data { display: none } .ind_page98 .slider li .txt { height: auto; width: 100% } .ind_page98 .slider li .ispic { height: auto; margin-bottom: 0.8rem; margin-top: 0.15rem; padding-bottom: 56.25%; width: 100% } .ind_page98 .slider .controls { bottom: 0.2rem; width: 100% } .ind_column { flex-wrap: wrap } .ind_page98 .ind_column .desc { margin-top: 0.2rem; width: 100% } .ind_page1 .info h1 { font-size: 0.24rem; line-height: 0.3rem } .ind_page1 .info h3 { font-size: 0.2rem } .ind_page4 .ispic span { font-size: 0.14rem; left: 0.15rem; max-width: calc(100% - 0.3rem); top: 0.15rem } .ind_page4 .ispic span:before { top: 0.01rem } .ind_page96 { padding-top: 0.4rem } .info .more { padding: 0 } .ind_page4 .txt h4 { font-size: 0.2rem; line-height: 0.3rem; min-height: 0.6rem }}h2.sec-title{color: #181818;font-family: Barlow-Bold;font-size: 0.4rem;margin-bottom: 0.2rem;}