@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; background: #fff; font: 16px/1.1 'SourceHanSans-Regular', system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #071329; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #1A1311; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

.product-cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.xs-display { display: none !important; }

.text-c { text-align: center; }

@font-face { font-family: "SourceHanSans-Regular"; src: url("../fonts/SourceHanSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Light"; src: url("../fonts/SourceHanSans-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Medium"; src: url("../fonts/SourceHanSans-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "SourceHanSans-Bold"; src: url("../fonts/SourceHanSans-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Poppins-Bold"; src: url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Poppins-SemiBold"; src: url("../fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@keyframes mouseMove { 0% { transform: translate(0, -px2rem(10)); }
  100% { transform: translate(0, 0.1rem); } }

@keyframes rotate360 { 100% { transform: rotate(360deg); } }

@keyframes pointMove { 0% { transform: translate(0, -6px); }
  100% { transform: translate(0, 6px); } }

@keyframes point { 0% { transform: scale(0.85); }
  100% { transform: scale(1.2); } }

/* IE低版本提示 */
.pageTips { width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000; }

.pageTips .con { width: 660px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageTips .con svg { width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block; }

.pageTips .con .msg { font-size: 1px2rem 8; line-height: 36px; padding-top: 0.1rem; color: #000; }

.container { width: 75%; margin: 0 auto; position: relative; transition: all .5s ease; }

.shareWx-box { text-align: center; }

.shareWx-box .url_img { margin: 15px auto 0.1rem; }

.shareWx-box p { font-size: 14px; }

/* header */
.header { width: 100%; height: auto; position: fixed; top: 0; z-index: 26; transition: all .5s ease; }

.header:before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; left: 0; bottom: 0; }

.header:after { content: ""; width: 100%; height: 1rem; background: linear-gradient(180deg, #001a38 0%, rgba(0, 78, 162, 0) 100%); position: absolute; left: 0; top: 0; opacity: 0.5; z-index: -1; transition: all .5s ease; }

.header .container { display: flex; align-items: center; justify-content: space-between; }

.header .logos { display: flex; align-items: center; }

.header .logos a { display: block; }

.header .logos .logo1 { width: 0.77rem; height: 0.55rem; background: url(../images/logo1.webp) no-repeat center/100%; }

.header .logos span { width: 1px; height: 0.55rem; background: rgba(255, 255, 255, 0.2); display: block; margin: 0 0.25rem; }

.header .logos .logo2 { width: 1.01rem; height: 0.57rem; background: url(../images/logo2.webp) no-repeat center/100%; }

.header .right { display: flex; }

.header .right .nav { display: flex; }

.header .right .nav .item { font-size: 0.2rem; color: #fff; line-height: 0.8rem; margin-left: 0.45rem; display: inline-block; position: relative; transition: all .5s ease; }

.header .right .nav .item:before { content: ""; width: 0; height: 0.02rem; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: #004EA2; transition: all .5s ease; }

.header .right .nav .item:first-child { margin: 0; }

.header .right .nav .item:hover:before, .header .right .nav .item.active:before { width: 100%; }

.header .right .nav .item:hover.active:before, .header .right .nav .item.active.active:before { background: #fff; }

.header .right .nav .item.hover_active { color: #004EA2; }

.header .right .nav .other { position: relative; margin-left: 0.5rem; padding-left: 0.5rem; }

.header .right .nav .other:before { content: ""; width: 1px; height: 0.14rem; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.header .right .nav .other .item { display: inline-flex; align-items: center; }

.header .right .nav .other .item:before { display: none; }

.header .right .nav .other .icon-diqiu { font-size: 0.2rem; margin-right: 0.08rem; }

.header .right .nav .other .icon-xiala { font-size: 0.14rem; margin-left: 0.15rem; color: rgba(255, 255, 255, 0.5); transition: all .5s ease; }

.header .right .nav .other .icon-sousuo { font-size: 0.2rem; }

.header .submenu { height: auto; overflow: hidden; position: relative; transition: all .4s; }

.header .submenu .submenuItem { width: 100%; display: none; padding: 0.6rem 0 0.3rem; position: fixed; background: #fff; box-shadow: 0 4px 50px 0 rgba(15, 42, 54, 0.05); }

.header .submenu .submenuItem .container { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }

.header .submenu .submenuItem .container .item { width: 22.3%; margin-right: 3.5%; margin-bottom: 0.3rem; }

.header .submenu .submenuItem .container .item:nth-child(4n) { margin-right: 0; }

.header .submenu .submenuItem .container .item a { display: block; }

.header .submenu .submenuItem .container .item a h2 { font-size: 0.18rem; color: #000; margin-bottom: 0.25rem; padding-bottom: 0.1rem; border-bottom: 1px solid #e1e1e1; transition: all .5s ease; }

.header .submenu .submenuItem .container .item a .img { overflow: hidden; aspect-ratio: 395/222; }

.header .submenu .submenuItem .container .item a .img img { transition: all .5s ease; width: 100%; height: 100%; object-fit: cover; }

.header .submenu .submenuItem .container .item a:hover h2 { color: #004EA2; border-color: #004EA2; }

.header .submenu .submenuItem .container .item a:hover img { transform: scale(1.1); }

.header .submenu .submenuItem .container .item ul li a { display: flex; align-items: center; font-size: 0.16rem; color: #444; padding: 0.14rem 0; }

.header .submenu .submenuItem .container .item ul li a .iconfont { margin-right: 0.06rem; font-size: 0.12rem; color: #004EA2; }

.header .submenu .submenuItem .container .item ul li a:hover { color: #004EA2; }

.header .submenu .submenuItem .container .item ul li:first-child a { padding-top: 0.08rem; }

.header .submenu .submenuItem.pro .container { justify-content: space-between; }

.header .submenu .submenuItem.pro .container .item { width: 16%; margin-right: 0; }

.header .submenu-xs { display: none; }

.header.white, .header:hover { background: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15); }

.header.white:after, .header:hover:after { opacity: 0; }

.header.white .logos .logo1, .header:hover .logos .logo1 { background: url(../images/logo1-1.webp) no-repeat center/100%; }

.header.white .logos span, .header:hover .logos span { background: rgba(0, 0, 0, 0.2); }

.header.white .logos .logo2, .header:hover .logos .logo2 { background: url(../images/logo2-1.webp) no-repeat center/100%; }

.header.white .right .nav .item, .header:hover .right .nav .item { color: #000; }

.header.white .right .nav .item.active:before, .header:hover .right .nav .item.active:before { background: #004EA2; }

.header.white .right .nav .item.hover_active, .header:hover .right .nav .item.hover_active { color: #004EA2; }

.header.white .right .nav .other:before, .header:hover .right .nav .other:before { background: rgba(0, 0, 0, 0.3); }

.header.white .right .nav .other .icon-xiala, .header:hover .right .nav .other .icon-xiala { color: rgba(0, 0, 0, 0.3); }

.header.white .right .menu .bars .bar, .header:hover .right .menu .bars .bar { background: #000; }

.header.white .right .menu:before, .header:hover .right .menu:before { background: rgba(0, 0, 0, 0.1); }

.searchBox { width: 3rem; padding: 0.1rem 0; position: fixed; top: 0.8rem; right: 2.15rem; display: none; z-index: 2; background: rgba(0, 0, 0, 0.5); }

.searchBox .box { display: flex; align-items: center; justify-content: space-between; }

.searchBox .box input { width: 0; flex: 1; height: 0.36rem; padding: 0 0.2rem; font-size: 0.14rem; color: #fff; }

.searchBox .box .btn { width: 0.6rem; display: flex; align-items: center; justify-content: center; }

.searchBox .box .btn i { font-size: 0.2rem; color: rgba(255, 255, 255, 0.5); }

.lang-box { width: 100%; height: 100%; overflow: hidden; padding-top: 0.8rem; position: fixed; top: 0; display: none; z-index: 88; background: rgba(0, 0, 0, 0.5); }

.lang-box .close { width: 0.6rem; height: 0.6rem; background: url(../images/close.png) no-repeat center/100%; position: absolute; right: -1px; top: -1px; cursor: pointer; }

.lang-box .box { width: 5.9rem; background: #fff; border-radius: 0.1rem; float: right; overflow: hidden; transform: translateY(-10%); transition: all .5s ease; opacity: 0; }

.lang-box .box .title { padding: 0.25rem 0; font-size: 0.2rem; color: #071329; font-family: "SourceHanSans-Medium"; background: #F6F7F9; text-align: center; }

.lang-box .box .list { padding: 0.4rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.lang-box .box .list .item { width: 48%; font-size: 0.16rem; padding: 0.12rem 0.1rem; margin-top: 0.2rem; line-height: 1; display: flex; align-items: center; background: #F6F7F9; border-radius: 0.04rem; }

.lang-box .box .list .item img { margin-right: 0.15rem; }

.lang-box .box .list .item:nth-child(-n+2) { margin-top: 0; }

.lang-box .box .list .item:hover { color: #004EA2; }

.lang-box .box .list .item:hover img { margin-left: 0.05rem; }

.lang-box.active .box { transform: translateY(0); opacity: 1; }

/* quote */
.quote { padding: 0.9rem 0; background: linear-gradient(308.13deg, #00909a 0%, #004ea2 100%); }

.quote .title-box .title h3 { font-family: "SourceHanSans-Medium"; }

.quote form { display: flex; }

.quote form .column { flex: 1; padding: 0 0.18rem; background: #fff; border-radius: 0.08rem; margin-right: 0.2rem; display: flex; align-items: center; }

.quote form .column span { font-size: 0.14rem; color: #666; margin-right: 0.15rem; }

.quote form .column span i { color: #E11B1B; }

.quote form .column input { flex: 1; width: 0; height: 0.5rem; }

.quote form .column.long { flex: 0 0 4rem; }

.quote form .btn { width: 2.25rem; font-size: 0.14rem; color: #fff; background: #00AC96; border-radius: 0.08rem; cursor: pointer; transition: all .5s ease; }

.quote form .btn:hover { background: #12CBB3; }

/* footer */
.footer { width: 100%; overflow: visible; position: relative; z-index: 1; background: #F6F6F6; }

.footer .top { padding: 0.7rem 0 0.5rem; border-bottom: 1px solid #DBDBDB; display: flex; justify-content: space-between; align-items: center; }

.footer .top .left ul { display: flex; }

.footer .top .left ul li { font-size: 0.15rem; font-family: "SourceHanSans-Medium"; margin-right: 0.4rem; display: flex; align-items: center; }

.footer .top .left ul li a { display: flex; align-items: center; }

.footer .top .left ul li i { font-size: 0.22rem; margin-right: 0.1rem; color: #272636; position: relative; top: -0.02rem; }

.footer .top .left ul li .icon-WhatsApp { color: #3AC34C; }

.footer .top .left ul li:nth-child(2) a { cursor: default; }

.footer .top .right { /* ul{display: flex; li{margin-left: px2rem(25);width: px2rem(40);height: px2rem(40);display: flex;align-items: center;justify-content: center;background: #DBDBDB;border-radius: 50%;cursor: pointer;@include transition; i{font-size: px2rem(20);color: #8A8A8A;@include transition;} &.weixin:hover{background: #07b952;} &.douyin:hover{background: #131313;} &.shipinhao:hover{background: #e58e2d} &:hover{ i{color: #fff;} } &:first-child{margin-left: 0;} } } */ }

.footer .top .right ul { display: flex; }

.footer .top .right ul li { margin-left: 0.2rem; cursor: pointer; position: relative; background-color: #DBDBDB; border-radius: 50%; }

.footer .top .right ul li .icon { width: 0.5rem; height: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .5s ease; position: relative; z-index: 0; overflow: hidden; }

.footer .top .right ul li .icon:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: -1; transform: scale(0); transition: all .5s ease; }

.footer .top .right ul li .icon:after { content: ""; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; border-radius: 50%; z-index: -2; transform: translate(-50%, -50%); border: 1px solid rgba(255, 255, 255, 0.2); }

.footer .top .right ul li .icon i { font-size: 0.24rem; color: rgba(138, 138, 138, 0.95); transition: all .5s ease; }

.footer .top .right ul li .qr { width: 1.4rem; padding-bottom: 0.15rem; position: absolute; left: -0.45rem; bottom: 0; text-align: center; background: #fff; opacity: 0; box-shadow: 0 0 0.1rem 0.03rem rgba(0, 0, 0, 0.05); transform: translateY(-1rem); transition: all .5s ease; pointer-events: none; }

.footer .top .right ul li .qr img { width: 100%; }

.footer .top .right ul li .qr p { font-size: 0.14rem; }

.footer .top .right ul li:hover .icon:before { transform: scale(1); }

.footer .top .right ul li:hover .icon i { color: #fff; }

.footer .top .right ul li:hover .qr { transform: translateY(-0.7rem); opacity: 1; }

.footer .top .right ul li.weixin .icon:before { background: #07b952; }

.footer .top .right ul li.weibo .icon:before { background: #d9251b; }

.footer .top .right ul li.douyin:hover .icon:before { background: #131313; }

.footer .top .right ul li.shipinhao:hover .icon:before { background: #e58e2d; }

.footer .center { display: flex; justify-content: space-between; padding: 0.45rem 0; }

.footer .center dl { max-width: 2rem; }

.footer .center dl dt { font-size: 0.18rem; font-family: "SourceHanSans-Medium"; padding-bottom: 0.15rem; position: relative; }

.footer .center dl dt:before { content: ""; width: 0.18rem; height: 2px; background: #118DCF; border-radius: 1px; position: absolute; left: 0; bottom: 0; }

.footer .center dl dd { margin-top: 0.3rem; }

.footer .center dl dd a { font-size: 0.15rem; color: #666; margin-top: 0.15rem; display: block; line-height: 1.5; text-transform: capitalize; }

.footer .center dl dd a:hover { color: #004EA2; }

.footer .bot { display: flex; justify-content: flex-end; margin: 0.3rem 0 0.4rem; }

.footer .bot .flist { width: 3rem; height: 0.44rem; font-size: 0.14rem; color: #666; vertical-align: middle; position: relative; z-index: 999; cursor: pointer; }

.footer .bot .flist .t { height: 0.42rem; padding: 0 0.2rem; overflow: hidden; position: relative; background: #fff; border-radius: 0.08rem; display: flex; align-items: center; justify-content: space-between; }

.footer .bot .flist .t .iconfont { font-size: 0.14rem; transition: all .5s ease; display: block; color: #8F8D8D; }

.footer .bot .flist ul { border-radius: 0.08rem 0.08rem 0 0; width: 3rem; max-height: 2.5rem; display: none; padding: 0.1rem 0; position: absolute; left: 0; bottom: 0.44rem; overflow: hidden; z-index: 9999; overflow-y: auto; background: #fff; border-bottom: 1px solid #eee; }

.footer .bot .flist ul::-webkit-scrollbar { width: 4px; height: 4px; background: #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.footer .bot .flist ul::-webkit-scrollbar-thumb { background: #555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.footer .bot .flist ul li { width: 100%; padding: 0 0.2rem; transition: all .5s ease; }

.footer .bot .flist ul li a { color: #666; font-size: 0.15rem; display: block; padding: 0.05rem 0; }

.footer .bot .flist ul li a:hover { color: #004EA2; }

.footer .bot .flist:hover .iconfont { transform: rotate(180deg); }

.footer .bot .flist:hover .t { border-radius: 0 0 0.08rem 0.08rem; }

.footer .bottom { padding: 0.4rem 0; border-top: 1px solid #DBDBDB; display: flex; align-items: center; justify-content: space-between; }

.footer .bottom .left { font-size: 0.14rem; color: #666; }

.footer .bottom .right ul { display: flex; }

.footer .bottom .right ul li { font-size: 0.14rem; position: relative; padding-left: 0.2rem; margin-left: 0.2rem; }

.footer .bottom .right ul li:before { content: ""; width: 1px; height: 100%; background: #DBDBDB; position: absolute; left: 0; top: 0; }

.footer .bottom .right ul li a { color: #666; }

.footer .bottom .right ul li a:hover { color: #004EA2; }

.footer .bottom .right ul li:first-child { padding-left: 0; margin-left: 0; }

.footer .bottom .right ul li:first-child:before { display: none; }

.main { position: relative; z-index: 1; }

.common-btn { font-size: 0.14rem; height: 0.46rem; color: #004EA2; padding: 0 0.26rem; border: 1px solid #C4C1C1; border-radius: 0.25rem; display: inline-flex; align-items: center; justify-content: center; transition: all .5s ease; cursor: pointer; }

.common-btn i { font-size: 0.14rem; color: #00AC96; font-weight: bold; margin-left: 0.05rem; transition: all .5s ease; }

.common-btn.white { background: #fff; border-color: #fff; }

.common-btn.theme { background: #004EA2; border-color: #004EA2; color: #fff; box-shadow: 0 0.03rem 0.06rem rgba(0, 78, 162, 0.23); }

.common-btn.theme i { color: #fff; }

.common-btn:hover { background: #004EA2; border-color: #004EA2; color: #fff; box-shadow: 0 0.03rem 0.06rem rgba(0, 78, 162, 0.23); }

.common-btn:hover i { color: #fff; margin-left: 0.1rem; }

.title-box { margin-bottom: 0.5rem; display: flex; justify-content: space-between; align-items: flex-end; }

.title-box .title h3 { font-size: 0.4rem; font-family: "SourceHanSans-Bold"; color: #000; text-transform: uppercase; }

.title-box .title p { font-size: 0.16rem; color: #333; line-height: 1.7; margin-top: 0.3rem; }

.title-box .title.white h3, .title-box .title.white p { color: #fff; }

/* Index */
.Index .banner { width: 100%; max-height: 100vh; overflow: hidden; position: relative; --swiper-navigation-color: #fff; }

.Index .banner:before { content: ""; width: 100%; height: 2rem; background: linear-gradient(180deg, #071329 0%, rgba(7, 19, 41, 0) 100%); opacity: .62; position: absolute; left: 0; top: 0; z-index: 2; }

.Index .banner .swiper-slide { position: relative; overflow: hidden; z-index: 0; }

.Index .banner .swiper-slide .img, .Index .banner .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }

.Index .banner .swiper-slide .txt { width: 75%; color: #fff; position: absolute; left: 0; top: 25%; right: 0; margin: auto; z-index: 2; }

.Index .banner .swiper-slide .txt h3 { font-size: 0.54rem; font-weight: 700; line-height: 1rem; text-align: center; text-transform: uppercase; }

.Index .banner .swiper-slide .txt h3 span { font-family: "SourceHanSans-Light"; font-weight: 400; }

.Index .banner .swiper-slide.swiper-slide-active .img { animation: bannerScale 3s; }

.Index .banner .mouse { width: 1rem; text-align: center; position: absolute; left: 0; right: 0; bottom: 0.4rem; z-index: 1; margin: auto; animation: mouseMove 1.5s infinite alternate; }

.Index .banner .mouse .icon-shubiao { font-size: 0.3rem; color: #fff; display: block; margin-bottom: 0.1rem; }

.Index .banner .swiper-button-next { right: 0.4rem; }

.Index .banner .swiper-button-prev { left: 0.4rem; }

.Index .section { width: 100%; position: relative; overflow: hidden; padding: 0.9rem 0; }

.Index .product { position: relative; padding: 0; }

.Index .product .bg { overflow: hidden; position: relative; }

.Index .product .bg .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(115.33deg, #043a74 0%, rgba(0, 78, 162, 0) 100%); opacity: 0.6; position: absolute; left: 0; bottom: 0; z-index: 1; }

.Index .product .bg .swiper-slide img { width: 100%; }

.Index .product .bg .swiper-slide .tip { position: absolute; z-index: 2; }

.Index .product .bg .swiper-slide .tip.tip1 { width: 4.25rem; right: 2.87rem; top: 0.84rem; }

.Index .product .bg .swiper-slide .tip.tip2 { width: 3.74rem; right: 1.5rem; top: 0.98rem; }

.Index .product .bg .swiper-slide .tip.tip3 { width: 5.35rem; right: 1.7rem; top: 0; }

.Index .product .bg .swiper-slide .tip.tip4 { width: 3.98rem; right: 3.19rem; top: 0.68rem; }

.Index .product .bg .swiper-slide .tip.tip5 { width: 4.87rem; right: 1.8rem; top: 1.93rem; }

.Index .product .text { width: 100%; height: 100%; padding: 1rem 0; position: absolute; left: 0; top: 0; z-index: 1; }

.Index .product .text .tabs { display: inline-flex; position: relative; }

.Index .product .text .tabs:before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; bottom: 0; }

.Index .product .text .tabs .item { padding-bottom: 0.25rem; position: relative; margin-right: 1rem; cursor: pointer; }

.Index .product .text .tabs .item:before { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .5s ease; }

.Index .product .text .tabs .item img { height: 0.4rem; }

.Index .product .text .tabs .item.active:before { opacity: 1; }

.Index .product .text .slide { position: relative; margin-top: 0.6rem; }

.Index .product .text .slide .swiper-slide h3 { font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-bottom: 0.3rem; }

.Index .product .text .slide .swiper-slide .item { font-size: 0.16rem; color: #fff; line-height: 1.5; margin-top: 0.1rem; position: relative; padding-left: 0.2rem; display: block; }

.Index .product .text .slide .swiper-slide .item i { font-size: 0.12rem; margin-right: 0.1rem; position: absolute; left: 0; top: 0.03rem; }

.Index .product .text .slide .swiper-slide ul { display: flex; margin-top: 0.25rem; }

.Index .product .text .slide .swiper-slide ul li { font-size: 0.13rem; color: #fff; padding: 0 0.13rem; height: 0.32rem; margin-right: 0.07rem; display: flex; align-items: center; background: rgba(255, 255, 255, 0.23); border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 0.04rem; }

.Index .product .text .slide .swiper-slide .common-btn { margin-top: 0.5rem; }

.Index .solution { height: 9rem; padding-top: 0.9rem; background: url(../images/index/solution-bg.webp) no-repeat bottom/cover; }

.Index .solution .title-box .title { width: 100%; text-align: center; }

.Index .solution .text { width: 10rem; margin: 0.5rem auto 0; text-align: center; color: #fff; }

.Index .solution .text h4 { font-size: 0.36rem; margin-bottom: 0.15rem; }

.Index .solution .text p { font-size: 0.18rem; line-height: 1.875; }

.Index .solution .text .common-btn { margin-top: 0.3rem; }

.Index .why { position: relative; height: 9rem; padding-top: 1.1rem; background: url(../images/index/why-bg.webp) no-repeat top/cover; }

.Index .why .container { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.Index .why .title-box { width: 77%; margin: 0 auto; text-align: center; }

.Index .why ul { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.5rem; }

.Index .why ul li { flex: 1; }

.Index .why ul li .icon { width: 0.56rem; margin: 0 auto 0.2rem; }

.Index .why ul li .text { text-align: center; }

.Index .why ul li .text h3 { font-size: 0.16rem; display: flex; align-items: flex-end; justify-content: center; line-height: 1; font-family: "SourceHanSans-Bold"; }

.Index .why ul li .text h3 span { height: 0.32rem; font-size: 0.2rem; display: flex; margin-right: 0.1rem; font-family: "SourceHanSans-Bold"; }

.Index .why ul li .text h3 b { font-size: 0.4rem; margin-right: 0.05rem; }

.Index .why ul li .text p { font-size: 0.16rem; color: #585858; margin-top: 0.2rem; }

.Index .why ul li:nth-child(4) .text h3 { font-family: "SourceHanSans-Bold"; }

.Index .why .common-btn { margin: 0.9rem auto 0; }

.Index .news { padding: 1.2rem 0; }

.Index .news .title-box .btns { display: flex; }

.Index .news .title-box .btns .btn-prev, .Index .news .title-box .btns .btn-next { width: 0.53rem; height: 0.53rem; border: 1px solid #DBDBDB; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 0.15rem; position: relative; overflow: hidden; z-index: 0; }

.Index .news .title-box .btns .btn-prev:before, .Index .news .title-box .btns .btn-next:before { content: ""; width: 100%; height: 100%; background: linear-gradient(234.02deg, #00ac96 0%, #004ea2 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; z-index: -1; }

.Index .news .title-box .btns .btn-prev i, .Index .news .title-box .btns .btn-next i { font-size: 0.18rem; color: #585858; font-weight: bold; transition: all .5s ease; }

.Index .news .title-box .btns .btn-prev:hover:before, .Index .news .title-box .btns .btn-next:hover:before { opacity: 1; }

.Index .news .title-box .btns .btn-prev:hover i, .Index .news .title-box .btns .btn-next:hover i { color: #fff; }

.Index .news .slide { padding: 0 12.5%; }

.Index .news .slide .swiper-slide { width: 4.5rem; cursor: pointer; }

.Index .news .slide .swiper-slide .img { overflow: hidden; border-radius: 0.2rem; }

.Index .news .slide .swiper-slide .img img { width: 100%; transition: all .5s ease; aspect-ratio: 369/277; -webkit-aspect-ratio: 369/277; }

.Index .news .slide .swiper-slide .text { padding-top: 0.35rem; }

.Index .news .slide .swiper-slide .text h3 { font-size: 0.18rem; line-height: 1.4; height: 0.48rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s ease; }

.Index .news .slide .swiper-slide .text p { font-size: 0.14rem; line-height: 1.7; color: #666; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 0.85rem; }

.Index .news .slide .swiper-slide .text .date { color: #333; margin-top: 0.2rem; }

.Index .news .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Index .news .slide .swiper-slide:hover .text h3 { color: #004EA2; }

.Index .partners { display: flex; padding: 0; }

.Index .partners .left { width: 50%; padding: 1.2rem 2.4rem 1.2rem 1.2rem; background: url(../images/index/partners-left.webp) no-repeat center/cover; position: relative; z-index: 0; }

.Index .partners .left .box { margin-top: 0.5rem; }

.Index .partners .left .box ul { display: flex; align-items: center; justify-content: flex-start; }

.Index .partners .left .box ul li { margin-right: 0.15rem; }

.Index .partners .left .box ul li .item { width: 1.02rem; height: 1.02rem; border-radius: 50%; overflow: hidden; filter: grayscale(100%); transition: all .5s ease; cursor: pointer; opacity: 0.45; margin-top: 0.18rem; }

.Index .partners .left .box ul li .item img { width: 100%; height: 100%; }

.Index .partners .left .box ul li .item.active { opacity: 1; filter: grayscale(0%); }

.Index .partners .right { width: 50%; position: relative; }

.Index .partners .right .slide { height: 100%; position: relative; }

.Index .partners .right .slide .swiper-slide .slide1 { height: 100%; }

.Index .partners .right .slide .swiper-slide .img { width: 100%; height: 100%; }

.Index .partners .right .slide .swiper-slide .text { width: 4.3rem; height: 5.9rem; padding: 0.55rem 0.4rem 0 0.44rem; border-radius: 0.24rem 0 0 0; background: transparent; backdrop-filter: blur(40px); background-color: rgba(255, 255, 255, 0.88); position: absolute; left: -4.3rem; bottom: 0; z-index: 1; }

.Index .partners .right .slide .swiper-slide .text .top { display: flex; justify-content: flex-end; position: relative; }

.Index .partners .right .slide .swiper-slide .text .top:before { content: ""; width: 0.66rem; height: 0.61rem; background: url(../images/yin.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Index .partners .right .slide .swiper-slide .text .top .photo { width: 0.88rem; height: 0.88rem; border-radius: 50%; overflow: hidden; }

.Index .partners .right .slide .swiper-slide .text .txt { margin-top: 0.35rem; }

.Index .partners .right .slide .swiper-slide .text .txt h3 { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; line-height: 1.5; }

.Index .partners .right .slide .swiper-slide .text .txt p { font-size: 0.14rem; line-height: 1.7; margin: 0.1rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }

.Index .partners .right .slide .swiper-slide .text .txt .more { font-size: 0.14rem; color: #004EA2; display: flex; align-items: center; margin-top: 0.4rem; font-family: "SourceHanSans-Medium"; cursor: pointer; }

.Index .partners .right .slide .swiper-slide .text .txt .more i { font-size: 0.26rem; margin-right: 0.1rem; transition: all .5s ease; }

.Index .partners .right .slide .swiper-slide .text .txt .more:hover i { margin-right: 0.15rem; }

.Index .partners .right .btns { display: flex; position: absolute; left: 3.87rem; top: 6.66rem; z-index: 1; }

.Index .partners .right .btns .btn-prev, .Index .partners .right .btns .btn-next { width: 0.44rem; height: 0.44rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.Index .partners .right .btns .btn-prev i, .Index .partners .right .btns .btn-next i { font-size: 0.18rem; color: #fff; }

.Index .partners .right .btns .btn-prev.btn-prev, .Index .partners .right .btns .btn-next.btn-prev { background: #004EA2; }

.Index .partners .right .btns .btn-prev.btn-next, .Index .partners .right .btns .btn-next.btn-next { background: #00ac96; }

.Index .service { background: url(../images/index/service-bg.webp) no-repeat center/cover; padding: 1rem 0 1.7rem; }

.Index .service .title-box { width: 70%; margin: 0 auto; }

.Index .service .title-box .title { text-align: center; }

.Index .service .title-box .common-btn { margin-top: 0.3rem; }

.Index .service ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.4rem; }

.Index .service ul li { width: 2.8rem; height: 2.2rem; padding: 0.2rem 0.3rem; margin-bottom: 0.3rem; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(50px); border-radius: 0.24rem; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0.1rem 0.2rem rgba(66, 68, 70, 0.15); cursor: pointer; }

.Index .service ul li:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #0762c4 0%, #004ea2 100%); position: absolute; left: 0; bottom: 0; opacity: 0; z-index: -1; transition: all .5s ease; }

.Index .service ul li .icon { width: 0.55rem; position: relative; }

.Index .service ul li .icon img { width: 100%; transition: all .5s ease; }

.Index .service ul li .icon img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }

.Index .service ul li h3 { font-size: 0.16rem; line-height: 1.3; font-family: "SourceHanSans-Medium"; margin-top: 0.2rem; transition: all .5s ease; }

.Index .service ul li h4 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: transparent; -webkit-text-stroke: 1px #000; opacity: 0.2; position: absolute; left: 0.3rem; bottom: 0.3rem; transition: all .5s ease; }

.Index .service ul li:hover { box-shadow: 0 0.1rem 0.2rem rgba(12, 80, 197, 0.28); }

.Index .service ul li:hover:before { opacity: 1; }

.Index .service ul li:hover .icon img:nth-child(1) { opacity: 0; }

.Index .service ul li:hover .icon img:nth-child(2) { opacity: 1; }

.Index .service ul li:hover h3 { color: #fff; }

.Index .service ul li:hover h4 { color: #fff; -webkit-text-stroke: transparent; }

/* Index1 */
.Index1 .banner { width: 100%; height: 100vh; overflow: hidden; position: relative; }

.Index1 .banner:before { content: ""; width: 100%; height: 2rem; background: linear-gradient(180deg, #071329 0%, rgba(7, 19, 41, 0) 100%); opacity: .62; position: absolute; left: 0; top: 0; z-index: 2; }

.Index1 .banner .swiper-slide { position: relative; overflow: hidden; z-index: 0; }

.Index1 .banner .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(4, 33, 39, 0.39); position: absolute; left: 0; top: 0; z-index: 1; }

.Index1 .banner .swiper-slide .img, .Index1 .banner .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }

.Index1 .banner .swiper-slide .txt { width: 75%; color: #fff; position: absolute; left: 0; top: 25%; right: 0; margin: auto; z-index: 2; }

.Index1 .banner .swiper-slide .txt h3 { font-size: 0.5rem; font-family: "SourceHanSans-Bold"; line-height: 1rem; text-align: center; }

.Index1 .banner .swiper-slide.swiper-slide-active .img { animation: bannerScale 3s; }

.Index1 .banner .mouse { width: 1rem; text-align: center; position: absolute; left: 0; right: 0; bottom: 0.4rem; z-index: 1; margin: auto; animation: mouseMove 1.5s infinite alternate; }

.Index1 .banner .mouse .icon-shubiao { font-size: 0.3rem; color: #fff; display: block; margin-bottom: 0.1rem; }

.Index1 .section { width: 100%; position: relative; overflow: hidden; padding: 0.9rem 0; }

.Index1 .product .slide { overflow: hidden; padding-bottom: 0.5rem; }

.Index1 .product .slide .swiper-slide { padding: 0.4rem 0.2rem; height: 4.7rem; background: #F7F8FC; border-radius: 0.16rem; z-index: 0; overflow: hidden; }

.Index1 .product .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(8, 77, 181, 0.01) 0%, #0953b4 100%); position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transition: all .5s ease; }

.Index1 .product .slide .swiper-slide .img { overflow: hidden; }

.Index1 .product .slide .swiper-slide .img img { width: 100%; }

.Index1 .product .slide .swiper-slide .text { text-align: center; padding-top: 0.2rem; }

.Index1 .product .slide .swiper-slide .text h3 { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; transition: all .5s ease; }

.Index1 .product .slide .swiper-slide .text p { font-size: 0.16rem; color: #585858; margin-top: 0.15rem; transition: all .5s ease; }

.Index1 .product .slide .swiper-slide:hover:before { opacity: 1; }

.Index1 .product .slide .swiper-slide:hover .text h3, .Index1 .product .slide .swiper-slide:hover .text p { color: #fff; }

.Index1 .product .slide .swiper-pagination { bottom: 0; }

.Index1 .product .slide .swiper-pagination .swiper-pagination-bullet { width: 0.4rem; height: 0.04rem; border-radius: 0.02rem; background: #dbdbdb; opacity: 1; }

.Index1 .product .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; }

.Index1 .solutions { position: relative; padding: 0; }

.Index1 .solutions .bg { overflow: hidden; }

.Index1 .solutions .bg img { width: 100%; }

.Index1 .solutions .text { width: 100%; height: 100%; padding: 1rem 0; position: absolute; left: 0; top: 0; z-index: 1; }

.Index1 .solutions .text .tabs { display: inline-flex; position: relative; }

.Index1 .solutions .text .tabs:before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; bottom: 0; }

.Index1 .solutions .text .tabs .item { padding-bottom: 0.25rem; position: relative; margin-right: 0.5rem; cursor: pointer; }

.Index1 .solutions .text .tabs .item:before { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .5s ease; }

.Index1 .solutions .text .tabs .item i { font-size: 0.3rem; color: #fff; }

.Index1 .solutions .text .tabs .item.active:before { opacity: 1; }

.Index1 .solutions .text .slide { position: relative; margin-top: 0.6rem; overflow: hidden; }

.Index1 .solutions .text .slide .swiper-slide h3 { font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-bottom: 0.3rem; }

.Index1 .solutions .text .slide .swiper-slide p { font-size: 0.16rem; color: #fff; line-height: 1.5; margin-top: 0.1rem; position: relative; padding-left: 0.2rem; }

.Index1 .solutions .text .slide .swiper-slide p i { font-size: 0.12rem; margin-right: 0.1rem; position: absolute; left: 0; top: 0.03rem; }

.Index1 .solutions .text .slide .swiper-slide ul { display: flex; margin-top: 0.25rem; }

.Index1 .solutions .text .slide .swiper-slide ul li { font-size: 0.13rem; color: #fff; padding: 0 0.13rem; height: 0.32rem; margin-right: 0.07rem; display: flex; align-items: center; background: rgba(255, 255, 255, 0.23); border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 0.04rem; }

.Index1 .solutions .text .slide .swiper-slide .common-btn { margin-top: 0.5rem; }

.Index1 .why { position: relative; padding-bottom: 4rem; }

.Index1 .why .container { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.Index1 .why:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #fff 0%, #dfeef6 85.34%, #e1eff6 100%); position: absolute; left: 0; bottom: 0; opacity: .66; }

.Index1 .why .title-box { width: 77%; margin: 0 auto; text-align: center; }

.Index1 .why ul { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.5rem; }

.Index1 .why ul li { flex: 1; }

.Index1 .why ul li .icon { width: 0.56rem; margin: 0 auto 0.2rem; }

.Index1 .why ul li .text { text-align: center; }

.Index1 .why ul li .text h3 { font-size: 0.16rem; font-family: "SourceHanSans-Medium"; }

.Index1 .why ul li .text h3 span { font-size: 0.4rem; font-family: "SourceHanSans-Medium"; margin-right: 0.05rem; }

.Index1 .why ul li .text p { font-size: 0.16rem; color: #585858; margin-top: 0.1rem; }

.Index1 .why ul li:nth-child(2) h3, .Index1 .why ul li:nth-child(5) h3 { display: flex; justify-content: center; font-size: 0.2rem; }

.Index1 .why ul li:nth-child(4) .text h3 { font-family: "SourceHanSans-Bold"; }

.Index1 .why .common-btn { margin: 0.9rem auto 0; }

.Index1 .why .bg { width: 100%; position: absolute; left: 0; bottom: 0; pointer-events: none; }

.Index1 .news { padding: 1.2rem 0; }

.Index1 .news .title-box .btns { display: flex; }

.Index1 .news .title-box .btns .btn-prev, .Index1 .news .title-box .btns .btn-next { width: 0.53rem; height: 0.53rem; border: 1px solid #DBDBDB; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 0.15rem; position: relative; overflow: hidden; z-index: 0; }

.Index1 .news .title-box .btns .btn-prev:before, .Index1 .news .title-box .btns .btn-next:before { content: ""; width: 100%; height: 100%; background: linear-gradient(234.02deg, #00ac96 0%, #004ea2 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; z-index: -1; }

.Index1 .news .title-box .btns .btn-prev i, .Index1 .news .title-box .btns .btn-next i { font-size: 0.18rem; color: #585858; font-weight: bold; transition: all .5s ease; }

.Index1 .news .title-box .btns .btn-prev:hover:before, .Index1 .news .title-box .btns .btn-next:hover:before { opacity: 1; }

.Index1 .news .title-box .btns .btn-prev:hover i, .Index1 .news .title-box .btns .btn-next:hover i { color: #fff; }

.Index1 .news .slide { padding: 0 12.5%; }

.Index1 .news .slide .swiper-slide { width: 4.5rem; cursor: pointer; }

.Index1 .news .slide .swiper-slide .img { overflow: hidden; border-radius: 0.2rem; }

.Index1 .news .slide .swiper-slide .img img { width: 100%; transition: all .5s ease; }

.Index1 .news .slide .swiper-slide .text { padding-top: 0.35rem; }

.Index1 .news .slide .swiper-slide .text h3 { font-size: 0.18rem; line-height: 1.4; height: 0.48rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s ease; }

.Index1 .news .slide .swiper-slide .text p { font-size: 0.14rem; line-height: 1.7; color: #666; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.Index1 .news .slide .swiper-slide .text .date { color: #333; margin-top: 0.2rem; }

.Index1 .news .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Index1 .news .slide .swiper-slide:hover .text h3 { color: #004EA2; }

.Index1 .partners { display: flex; padding: 0; }

.Index1 .partners .left { width: 50%; padding: 1.2rem 2.4rem 1.2rem 1.2rem; background: url(../images/index/partners-left.png) no-repeat center/cover #004EA2; position: relative; z-index: 0; }

.Index1 .partners .left:before { content: ""; width: 100%; height: 100%; background: url(../images/index/partners-left.webp) no-repeat center/100%; }

.Index1 .partners .left ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index1 .partners .left ul li { width: 24%; opacity: 0.45; margin-top: 0.1rem; filter: grayscale(100%); transition: all .5s ease; cursor: pointer; }

.Index1 .partners .left ul li.active { opacity: 1; filter: grayscale(0%); }

.Index1 .partners .left .common-btn { margin-top: 0.5rem; }

.Index1 .partners .right { width: 50%; position: relative; }

.Index1 .partners .right .slide { position: relative; overflow: hidden; }

.Index1 .partners .right .slide .swiper-slide .slide1 { overflow: hidden; }

.Index1 .partners .right .slide .swiper-slide .text { width: 4.3rem; height: 5.9rem; padding: 0.55rem 0.4rem 0 0.44rem; border-radius: 0 0.24rem 0 0; background: transparent; backdrop-filter: blur(40px); background-color: rgba(255, 255, 255, 0.88); position: absolute; left: 0; top: 1.2rem; z-index: 1; }

.Index1 .partners .right .slide .swiper-slide .text .top { display: flex; justify-content: flex-end; position: relative; }

.Index1 .partners .right .slide .swiper-slide .text .top:before { content: ""; width: 0.66rem; height: 0.61rem; background: url(../images/yin.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Index1 .partners .right .slide .swiper-slide .text .top .photo { width: 0.88rem; }

.Index1 .partners .right .slide .swiper-slide .text .txt { margin-top: 0.35rem; }

.Index1 .partners .right .slide .swiper-slide .text .txt h3 { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; line-height: 1.5; }

.Index1 .partners .right .slide .swiper-slide .text .txt p { font-size: 0.14rem; line-height: 1.7; margin: 0.1rem 0; }

.Index1 .partners .right .slide .swiper-slide .text .txt .more { font-size: 0.14rem; color: #004EA2; display: flex; align-items: center; margin-top: 0.4rem; font-family: "SourceHanSans-Medium"; cursor: pointer; }

.Index1 .partners .right .slide .swiper-slide .text .txt .more i { font-size: 0.26rem; margin-right: 0.1rem; transition: all .5s ease; }

.Index1 .partners .right .slide .swiper-slide .text .txt .more:hover i { margin-right: 0.15rem; }

.Index1 .partners .right .btns { display: flex; position: absolute; left: 3.87rem; top: 6.66rem; z-index: 1; }

.Index1 .partners .right .btns .btn-prev, .Index1 .partners .right .btns .btn-next { width: 0.44rem; height: 0.44rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.Index1 .partners .right .btns .btn-prev i, .Index1 .partners .right .btns .btn-next i { font-size: 0.18rem; color: #fff; }

.Index1 .partners .right .btns .btn-prev.btn-prev, .Index1 .partners .right .btns .btn-next.btn-prev { background: #004EA2; }

.Index1 .partners .right .btns .btn-prev.btn-next, .Index1 .partners .right .btns .btn-next.btn-next { background: #00ac96; }

.Index1 .service { background: url(../images/index/service-bg.webp) no-repeat center/cover #F6F8FA; padding: 1.9rem 0 1.7rem; }

.Index1 .service:before { content: ""; width: 6.64rem; height: 8.58rem; background: url(../images/index/service-img.webp) no-repeat center/100%; position: absolute; left: 0; bottom: 0; }

.Index1 .service .container { padding-left: 3rem; display: flex; justify-content: space-between; }

.Index1 .service .left { width: 41%; }

.Index1 .service .left .common-btn { margin-top: 0.3rem; }

.Index1 .service .right { width: 45%; }

.Index1 .service .right ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index1 .service .right ul li { width: 46.5%; height: 2.5rem; padding: 0.4rem; margin-bottom: 0.35rem; background: #fff; border-radius: 0.24rem; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0.1rem 0.2rem rgba(66, 68, 70, 0.15); cursor: pointer; }

.Index1 .service .right ul li:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #0762c4 0%, #004ea2 100%); position: absolute; left: 0; bottom: 0; opacity: 0; z-index: -1; transition: all .5s ease; }

.Index1 .service .right ul li .icon { width: 0.6rem; position: relative; }

.Index1 .service .right ul li .icon img { width: 100%; transition: all .5s ease; }

.Index1 .service .right ul li .icon img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }

.Index1 .service .right ul li h3 { font-size: 0.16rem; line-height: 1.3; font-family: "SourceHanSans-Medium"; margin-top: 0.25rem; transition: all .5s ease; }

.Index1 .service .right ul li h4 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: transparent; -webkit-text-stroke: 1px #000; opacity: 0.2; position: absolute; left: 0.4rem; bottom: 0.3rem; transition: all .5s ease; }

.Index1 .service .right ul li:hover { box-shadow: 0 0.1rem 0.2rem rgba(12, 80, 197, 0.28); }

.Index1 .service .right ul li:hover:before { opacity: 1; }

.Index1 .service .right ul li:hover .icon img:nth-child(1) { opacity: 0; }

.Index1 .service .right ul li:hover .icon img:nth-child(2) { opacity: 1; }

.Index1 .service .right ul li:hover h3 { color: #fff; }

.Index1 .service .right ul li:hover h4 { color: #fff; -webkit-text-stroke: transparent; }

/* Nei-page */
.Nei-page .banner { width: 100%; height: 3.5rem; overflow: hidden; position: relative; margin-top: 0.8rem; }

.Nei-page .banner:before { content: ""; width: 100%; height: 100%; background: #000; opacity: .35; position: absolute; left: 0; top: 0; z-index: 1; }

.Nei-page .banner img { width: 100%; height: 100%; animation: bannerScale 3s; max-height: 100vh; }

.Nei-page .banner .text { width: 100%; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center; }

.Nei-page .banner .text h3 { font-size: 0.5rem; margin-bottom: 0.2rem; text-transform: uppercase; font-family: "SourceHanSans-Bold"; }

.Nei-page .banner .text p { font-size: 0.18rem; line-height: 2; font-family: "SourceHanSans-Medium"; }

.Nei-page .crumbs-tabs { height: auto; overflow: hidden; background: #fff; position: relative; }

.Nei-page .crumbs-tabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; }

.Nei-page .crumbs-tabs .container { display: flex; justify-content: space-between; align-items: center; position: relative; }

.Nei-page .crumbs-tabs .crumbs { padding: 0.25rem 0; height: auto; overflow: hidden; font-size: 0.16rem; color: #707070; }

.Nei-page .crumbs-tabs .crumbs .iconfont { font-size: 0.16rem; color: #000; margin-right: 0.05rem; transition: all .5s ease; }

.Nei-page .crumbs-tabs .crumbs a:hover { color: #004EA2; }

.Nei-page .crumbs-tabs .tabs { height: auto; overflow: hidden; position: relative; z-index: 1; }

.Nei-page .crumbs-tabs .tabs .swiper-slide { width: auto; font-size: 0.18rem; color: #000; text-transform: capitalize; padding: 0.3rem 0; margin-left: 0.5rem; position: relative; display: flex; align-items: center; transition: all .5s ease; justify-content: center; }

.Nei-page .crumbs-tabs .tabs .swiper-slide:after { content: ""; width: 0; height: 0.04rem; background: #004EA2; position: absolute; bottom: 0; left: 0; transition: all .5s ease; }

.Nei-page .crumbs-tabs .tabs .swiper-slide.active:after, .Nei-page .crumbs-tabs .tabs .swiper-slide:hover:after { width: 100%; }

.Nei-page .crumbs-tabs .tabs .swiper-slide:first-child { margin: 0; }

.Nei-page .content { background: #fff; position: relative; padding: 1rem 0; }

.Nei-page .content .section { overflow: hidden; position: relative; }

.Nei-page .content .search-box { width: 9.35rem; margin: 0 auto 0.2rem; display: flex; align-items: center; justify-content: center; }

.Nei-page .content .search-box .filter-box { width: 2.75rem; height: 0.7rem; border: 1px solid #D5D5D5; border-radius: 0.2rem; }

.Nei-page .content .search-box .input-box { width: 6.46rem; height: 0.7rem; border: 1px solid #D5D5D5; border-radius: 0.2rem; display: flex; align-items: center; overflow: hidden; }

.Nei-page .content .search-box .input-box input { width: 0; flex: 1; height: 100%; padding: 0 0.2rem; font-size: 0.18rem; }

.Nei-page .content .search-box .input-box .btn { width: 1.85rem; height: 100%; background: #004EA2; font-size: 0.18rem; font-family: "SourceHanSans-Bold"; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.Nei-page .content .search-box .input-box .btn i { font-size: 0.26rem; margin-right: 0.15rem; }

/* page */
.page { height: auto; text-align: center; margin: 0.8rem 0 0; }

.page a { display: inline-flex; width: 0.6rem; height: 0.4rem; border-radius: 0.4rem; align-items: center; justify-content: center; font-size: 0.16rem; color: #000; margin: 0 0.1rem; }

.page a i { font-size: 0.18rem; }

.page a:hover, .page a.active { background: #004EA2; color: #fff; border-color: transparent; }

.page a.first, .page a.prev, .page a.next, .page a.last { width: auto; background: transparent; }

.page a.first:hover, .page a.prev:hover, .page a.next:hover, .page a.last:hover { color: #004EA2; }

.text-img-slide { overflow: hidden; position: relative; }

.text-img-slide .swiper-slide { display: flex; justify-content: space-between; flex-wrap: wrap; }

.text-img-slide .swiper-slide .text { width: 6.6rem; }

.text-img-slide .swiper-slide .text h4 { font-style: 0.16rem; }

.text-img-slide .swiper-slide .text h3 { font-size: 0.3rem; font-family: "SourceHanSans-Medium"; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin: 0.2rem 0; transition: all .5s ease; }

.text-img-slide .swiper-slide .text p { font-size: 0.16rem; line-height: 1.875; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-img-slide .swiper-slide .text h5 { font-size: 0.16rem; font-family: "SourceHanSans-Medium"; color: #004EA2; margin-top: 0.4rem; }

.text-img-slide .swiper-slide .text h5 i { font-size: 0.16rem; position: relative; top: 0.01rem; margin-left: 0.05rem; transition: all .5s ease; }

.text-img-slide .swiper-slide .img { width: 6.8rem; border-radius: 0.08rem; overflow: hidden; }

.text-img-slide .swiper-slide .img img { width: 100%; }

.text-img-slide .swiper-slide:hover .text h3 { color: #004EA2; }

.text-img-slide .swiper-slide:hover .text h5 i { margin-left: 0.1rem; }

.text-img-slide .swiper-slide:hover img { transform: scale(1.05); }

.text-img-slide .swiper-pagination { text-align: left; bottom: 0; }

.text-img-slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.02rem; background: #D0D0D0; border-radius: 0; opacity: 1; }

.text-img-slide .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; }

.list-li-4 { margin: 0 -0.23rem; }

.list-li-4 li { width: 25%; padding: 0 0.23rem; }

.list-li-3 { margin: 0 -0.23rem; }

.list-li-3 li { width: 33.333%; padding: 0 0.23rem; }

.list-li-2 { margin: 0 -0.2rem; }

.list-li-2 li { width: 50%; padding: 0 0.2rem; }

.news-list { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }

.news-list li { margin-top: 0.8rem; }

.news-list li .img { height: 2.96rem; overflow: hidden; border-radius: 0.08rem; }

.news-list li .img img { width: 100%; height: 100%; }

.news-list li .text { padding-top: 0.25rem; }

.news-list li .text h4 { font-style: 0.16rem; }

.news-list li .text h3 { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0.15rem 0; transition: all .5s ease; }

.news-list li .text h5 { font-size: 0.16rem; font-family: "SourceHanSans-Medium"; color: #004EA2; margin-top: 0.2rem; }

.news-list li .text h5 i { font-size: 0.16rem; position: relative; top: 0.01rem; margin-left: 0.05rem; transition: all .5s ease; }

.news-list li:hover img { transform: scale(1.05); }

.news-list li:hover .text h3 { color: #004EA2; }

.news-list li:hover .text h5 i { margin-left: 0.1rem; }

.product-list { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }

.product-list li { margin-top: 0.4rem; }

.product-list li a { height: 4.8rem; padding: 0 0.3rem; background: #F6F6F6; border-radius: 0.2rem; display: block; position: relative; overflow: hidden; }

.product-list li a .img { width: 100%; overflow: hidden; }

.product-list li a .img img { width: 100%; }

.product-list li a .text h3 { font-size: 0.18rem; font-family: "SourceHanSans-Medium"; }

.product-list li a .text .more { font-size: 0.16rem; font-family: "SourceHanSans-Medium"; color: #004EA2; margin-top: 0.2rem; display: flex; align-items: center; }

.product-list li a .text .more i { font-size: 0.16rem; font-weight: bold; margin-left: 0.1rem; transition: all .5s ease; }

.product-list li a:hover .img img { transform: scale(1.05); }

.product-list li a:hover .text .more i { margin-left: 0.15rem; }

/* Product */
.Product.content .leftNav { display: flex; }

.Product.content .leftNav .item { font-size: 0.18rem; margin-right: 0.2rem; font-family: "SourceHanSans-Medium"; line-height: 1.2; padding: 0.2rem 0.4rem; background: #F6F6F6; display: block; margin-bottom: 0.2rem; transition: all .5s ease; }

.Product.content .leftNav .item:hover, .Product.content .leftNav .item.active { background: #004EA2; color: #fff; }

.Product.content .right .title { font-size: 0.3rem; line-height: 2; font-family: "SourceHanSans-Bold"; padding-bottom: 0.15rem; position: relative; margin-top: 0.8rem; }

.Product.content .right .title:before { content: ""; width: 100%; height: 0.03rem; background: linear-gradient(270deg, #004ea2 0%, #00ac96 100%); position: absolute; left: 0; bottom: 0; }

.Product.content .right .right-list:first-child .title { margin-top: 0; }

.Product.content .right .product-list { margin-top: 0; }

.Product.content .right .product-list li a { height: 3.8rem; }

/* Product-xq */
.Product-xq .banner { max-height: 100vh; overflow: hidden; height: auto; margin: 0; }

.Product-xq .banner::before { display: none; }

.Product-xq .banner .info { width: 100%; padding-top: 1.5rem; position: absolute; top: 0; left: 0; }

.Product-xq .banner .info .container { display: flex; align-items: center; justify-content: space-between; align-items: center; }

.Product-xq .banner .info .txt { width: 7rem; }

.Product-xq .banner .info .txt h3 { font-size: 0.42rem; color: #fff; line-height: 1.45; font-family: "SourceHanSans-Medium"; }

.Product-xq .banner .info .txt p { font-size: 0.16rem; color: #DBDBDB; line-height: 1.875; margin-top: 0.2rem; }

.Product-xq .banner .info .txt .use { display: flex; margin-top: 0.5rem; flex-wrap: wrap; }

.Product-xq .banner .info .txt .use li { margin-right: 0.5rem; text-align: center; }

.Product-xq .banner .info .txt .use li img { width: auto; height: 0.35rem; margin: 0 auto; }

.Product-xq .banner .info .txt .use li p { margin-top: 0; }

.Product-xq .banner .info .txt .btns { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }

.Product-xq .banner .info .txt .btns .item { height: 0.48rem; background: #004EA2; font-size: 0.14rem; color: #fff; border-radius: 0.5rem; padding: 0 0.2rem; display: flex; align-items: center; margin-right: 0.2rem; transition: all .5s ease; }

.Product-xq .banner .info .txt .btns .item i { font-size: 0.2rem; margin-right: 0.12rem; }

.Product-xq .banner .info .txt .btns .item i.icon-WhatsApp { color: #25D366; }

.Product-xq .banner .info .txt .btns .item:hover { opacity: 0.8; }

.Product-xq .banner .info .txt .btns .item:last-child { margin-right: 0; }

.Product-xq .banner .info .img { width: 5.8rem; }

.Product-xq .banner .info .img .slide { width: 100%; overflow: hidden; }

.Product-xq .banner .info .img .slide img { width: 100%; animation: none; }

.Product-xq .banner .info .img .tabs { width: 100%; position: relative; top: -0.3rem; overflow: hidden; padding: 0 0.5rem; }

.Product-xq .banner .info .img .tabs .slide1 { overflow: hidden; }

.Product-xq .banner .info .img .tabs .slide1 .swiper-slide { border-radius: 0.12rem; padding: 0.07rem; cursor: pointer; }

.Product-xq .banner .info .img .tabs .slide1 .swiper-slide img { width: 100%; animation: none; }

.Product-xq .banner .info .img .tabs .slide1 .swiper-slide.swiper-slide-thumb-active { background: rgba(255, 255, 255, 0.1); border: 1px solid #176698; }

.Product-xq .banner .info .img .tabs .swiper-button-next, .Product-xq .banner .info .img .tabs .swiper-button-prev { color: #fff; }

.Product-xq .banner .info .img .tabs .swiper-button-next:after, .Product-xq .banner .info .img .tabs .swiper-button-prev:after { font-size: 0.3rem; }

.Product-xq .banner .info .img .btns { display: none; }

.Product-xq.content { padding-bottom: 0; }

.Product-xq.content .title-box { margin-bottom: 0.4rem; display: block; text-align: center; }

.Product-xq.content .section1 { margin-top: 0.7rem; }

.Product-xq.content .info { display: flex; flex-wrap: wrap; }

.Product-xq.content .info .imgs { width: 47.6%; height: 6.17rem; overflow: hidden; position: relative; background: url(../images/product/xq-info-bg.webp) no-repeat center/100%; border-radius: 0.2rem 0 0 0.2rem; overflow: hidden; }

.Product-xq.content .info .imgs .swiper-slide { display: flex; flex-direction: column; justify-content: center; padding: 0 1rem; }

.Product-xq.content .info .imgs .swiper-slide img { width: 100%; }

.Product-xq.content .info .imgs .icon-prev, .Product-xq.content .info .imgs .icon-next { font-size: 0.4rem; color: #fff; position: absolute; left: 0.4rem; top: 50%; transform: translate(0, -50%); z-index: 10; cursor: pointer; transition: all .5s ease; }

.Product-xq.content .info .imgs .icon-prev.icon-next, .Product-xq.content .info .imgs .icon-next.icon-next { left: auto; right: 0.4rem; }

.Product-xq.content .info .imgs .icon-prev:hover, .Product-xq.content .info .imgs .icon-next:hover { color: #004EA2; }

.Product-xq.content .info .imgs .swiper-pagination { bottom: 0.4rem; }

.Product-xq.content .info .imgs .swiper-pagination .swiper-pagination-bullet { width: 0.13rem; height: 0.13rem; background: #B5B5B5; opacity: 1; margin: 0 0.1rem; }

.Product-xq.content .info .imgs .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; }

.Product-xq.content .info .text { width: 52.4%; padding: 0.6rem 0.5rem; background: linear-gradient(148.49deg, #fafbfc 0%, #e7f0f9 100%); border-radius: 0 0.2rem 0.2rem 0; }

.Product-xq.content .info .text h3 { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; color: #333; margin-bottom: 0.3rem; display: flex; align-items: center; }

.Product-xq.content .info .text h3 i { font-size: 0.24rem; color: #004EA2; margin-right: 0.15rem; }

.Product-xq.content .info .text p { font-size: 0.16rem; color: #333; line-height: 1.5; margin-top: 0.15rem; position: relative; padding-left: 0.8rem; }

.Product-xq.content .info .text p span { width: 0.6rem; font-size: 0.16rem; font-family: "SourceHanSans-Bold"; color: rgba(0, 78, 162, 0.6); position: absolute; left: 0; top: 0; }

.Product-xq.content .info .text p span:after { content: ""; width: 0.3rem; height: 0.02rem; background: rgba(0, 78, 162, 0.6); position: absolute; right: 0; bottom: 0.07rem; }

.Product-xq.content .info .text p::before { content: ''; width: 0.6rem; font-size: 0.16rem; font-family: "SourceHanSans-Bold"; color: rgba(0, 78, 162, 0.6); position: absolute; left: 0; top: 0; bottom: 0; }

.Product-xq.content .info .text p:after { content: ""; width: 0.3rem; height: 2px; background: rgba(0, 78, 162, 0.6); position: absolute; left: 0.3rem; top: 0.15rem; }

.Product-xq.content .info .text p:nth-child(2)::before { content: '01'; }

.Product-xq.content .info .text p:nth-child(3)::before { content: '02'; }

.Product-xq.content .info .text p:nth-child(4)::before { content: '03'; }

.Product-xq.content .info .text p:nth-child(5)::before { content: '04'; }

.Product-xq.content .info .text p:nth-child(6)::before { content: '05'; }

.Product-xq.content .info .text p:nth-child(7)::before { content: '06'; }

.Product-xq.content .info .text p:nth-child(8)::before { content: '07'; }

.Product-xq.content .info .text p:nth-child(9)::before { content: '08'; }

.Product-xq.content .info .text p:nth-child(10)::before { content: '09'; }

.Product-xq.content .info .text p:nth-child(11)::before { content: '10'; }

.Product-xq.content .info .text .btns { display: flex; margin-top: 0.5rem; position: absolute; bottom: 0.6rem; }

.Product-xq.content .info .text .btns .btn { font-size: 0.16rem; height: 0.6rem; color: #004EA2; padding: 0 0.35rem; border: 1px solid #004EA2; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-right: 0.2rem; }

.Product-xq.content .info .text .btns .btn i { font-size: 0.2rem; margin-right: 0.08rem; }

.Product-xq.content .info .text .btns .btn:first-child { background: #004EA2; color: #fff; }

.Product-xq.content .info .text .btns .btn:last-child { margin-right: 0; }

.Product-xq.content .info.chun .container { background: linear-gradient(148.49deg, #fafbfc 0%, #e7f0f9 100%); border-radius: 0.12rem; }

.Product-xq.content .info.chun .imgs, .Product-xq.content .info.chun .text { background: transparent; }

.Product-xq.content .section2 { margin-top: 1rem; }

.Product-xq.content .parameters { padding-top: 1rem; background: url(../images/product/parameters-bg.webp) no-repeat top/100%; }

.Product-xq.content .parameters .box { padding: 0.5rem 0.6rem 0; border-radius: 0.2rem; background: #fff; }

.Product-xq.content .parameters .box .table { width: 100%; overflow: auto; height: 6.6rem; }

.Product-xq.content .parameters .box .table::-webkit-scrollbar { width: 0.08rem; height: 0.08rem; background: #EBEBEB; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; }

.Product-xq.content .parameters .box .table::-webkit-scrollbar-thumb { background: #004EA2; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; }

.Product-xq.content .parameters .box table { width: 100% !important; border-collapse: collapse; }

.Product-xq.content .parameters .box table tr td { font-size: 0.16rem; color: #333; padding: 0.2rem 0; border: 1px solid #B5C4D5; line-height: 0.24rem; }

.Product-xq.content .parameters .box table tr.firstRow td, .Product-xq.content .parameters .box table tr th { font-size: 0.18rem; color: #fff; padding: 0.2rem 0; text-align: center; font-family: "SourceHanSans-Bold"; background: #004EA2; text-align: center; }

.Product-xq.content .parameters .box .info1 { text-align: right; font-size: 0.16rem; color: #666; padding: 0.2rem; }

.Product-xq.content .parameters .notice { padding: 0.4rem 0.6rem; font-size: 0.16rem; color: #666; line-height: 1.5; }

.Product-xq.content .parameters .notice span { color: red; }

.Product-xq.content .section3 { margin-top: 0.8rem; }

.Product-xq.content .related ul { display: flex; flex-wrap: wrap; margin: 0 -0.2rem; }

.Product-xq.content .related ul li { width: 25%; padding: 0 0.2rem; }

.Product-xq.content .related ul li .img { height: 3.9rem; background: #FAFAFA; border-radius: 0.12rem; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }

.Product-xq.content .related ul li .img img { width: 100%; }

.Product-xq.content .related ul li .text { padding-top: 0.3rem; }

.Product-xq.content .related ul li .text h3 { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; transition: all .5s ease; }

.Product-xq.content .related ul li .text h4 { font-size: 0.16rem; color: #004EA2; margin-top: 0.15rem; }

.Product-xq.content .related ul li .text h4 i { font-size: 0.16rem; transition: all .5s ease; }

.Product-xq.content .related ul li:hover img { transform: scale(1.05); }

.Product-xq.content .related ul li:hover .text h3 { color: #004EA2; }

.Product-xq.content .related ul li:hover .text h4 i { margin-left: 0.1rem; }

.Product-xq.content .commomOrder { margin-top: 1.2rem; }

.Product-xq.noYouShi { padding-top: 0; }

.Product-xq.noYouShi .section2 { margin-top: 0; }

.commomOrder { padding: 1rem 0; height: auto; overflow: hidden; background: url(../images/order-bg.webp) no-repeat center/cover; }

.commomOrder .title-box { margin-bottom: 0.7rem !important; text-align: center; }

.commomOrder .box { width: 7.2rem; float: right; padding: 0.5rem 0.6rem; background: #fff; border-radius: 0.2rem; box-shadow: 0 0.1rem 0.2rem rgba(8, 68, 140, 0.2); }

.commomOrder .box h4 { font-size: 0.24rem; color: #1A1311; }

.commomOrder .box h4 b { font-family: "SourceHanSans-Bold"; }

.order-form { height: auto; overflow: hidden; }

.order-form .row { margin-top: 0.3rem; }

.order-form .row h5 { font-size: 0.16rem; margin-bottom: 0.15rem; }

.order-form .row h5 i { color: #FF0000; }

.order-form .row input { width: 100%; height: 0.6rem; font-size: 0.16rem; padding: 0 0.2rem; border-radius: 0.08rem; border: 1px solid #ddd; }

.order-form .row textarea { width: 100%; height: 1.8rem; font-size: 0.16rem; padding: 0.2rem; border-radius: 0.08rem; border: 1px solid #ddd; }

.order-form .btn { width: 100%; height: 0.6rem; background: #004EA2; font-size: 0.2rem; color: #fff; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; margin-top: 0.3rem; cursor: pointer; }

.downloadPop { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; display: none; transition: all .5s ease; }

.downloadPop .box { background: #fff; border-radius: 0.1rem; padding: 0.2rem 0.2rem 0.4rem; }

.downloadPop .box .title { display: flex; justify-content: space-between; font-size: 0.2rem; margin-bottom: 0.2rem; }

.downloadPop .box .title i { font-size: 0.2rem; cursor: pointer; transition: all .5s ease; }

.downloadPop .box .title i:hover { color: #004EA2; transform: rotate(180deg); }

.downloadPop .box form { display: flex; align-items: center; justify-content: center; border: 1px solid #eee; border-radius: 0.5rem; }

.downloadPop .box input { flex: 1; font-size: 0.16rem; padding: 0 0.2rem; }

.downloadPop.active { display: flex; }

/* News */
.News .banner .text { bottom: 0.9rem; }

/* News-xq */
.News-xq.content { position: relative; padding: 0 !important; }

.News-xq.content .container { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 0.6rem 0 1rem; }

.News-xq.content .container:before { content: ""; width: 1px; height: 100%; background: #F6F7F9; position: absolute; left: 59.5%; top: 0; }

.News-xq.content .left { width: 54%; overflow: hidden; }

.News-xq.content .left .top { padding-bottom: 0.2rem; border-bottom: 1px solid #EFF0F4; }

.News-xq.content .left .top h2 { font-size: 0.4rem; line-height: 1.4; color: #071329; font-family: "SourceHanSans-Bold"; }

.News-xq.content .left .top .other { display: flex; justify-content: space-between; align-items: center; margin-top: 0.3rem; }

.News-xq.content .left .top .other .date { font-size: 0.16rem; color: #A7AEB9; }

.News-xq.content .left .top .other .share { display: flex; align-items: center; font-size: 0.16rem; color: #636366; }

.News-xq.content .left .top .other .share span { width: 0.32rem; height: 0.32rem; background: #f3f3f4; border-radius: 0.05rem; margin-left: 0.15rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .5s ease; }

.News-xq.content .left .top .other .share span i { font-size: 0.18rem; color: #636B76; transition: all .5s ease; }

.News-xq.content .left .top .other .share span:hover { background: #004EA2; }

.News-xq.content .left .top .other .share span:hover i { color: #fff; }

.News-xq.content .left .text .tableHtml { overflow: auto; }

.News-xq.content .left .text * { font-family: "Poppins-Regular" !important; font-size: 0.16rem !important; color: #636B76 !important; line-height: 1.75 !important; margin-top: 0.2rem; white-space: normal; }

.News-xq.content .left .text a { color: #004EA2 !important; }

.News-xq.content .left .text img { margin: 0 auto; display: block; }

.News-xq.content .right { width: 37%; overflow: hidden; padding: 0 0.5rem 0 0.1rem; }

.News-xq.content .right .title { font-size: 0.3rem; color: #071329; font-family: "SourceHanSans-Bold"; margin-bottom: 0.35rem; }

.News-xq.content .right ul li { width: 100%; margin-right: 0; }

.News-xq.content .right ul li:first-child { margin-top: 0; }

/* News-gallery */
.News-gallery.content { padding-top: 0.2rem; }

.News-gallery.content .news-list { margin-top: 0; }

.News-gallery.content .news-list li .text h3 { margin-top: 0; }

/* Support */
.Support.content .title-box .title { width: 100%; text-align: center; }

.Support.content .title-box .title p { width: 70%; margin: 0.3rem auto 0; }

.Support.content .section1 ul li { margin-top: 0.6rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.Support.content .section1 ul li .text { width: 6rem; }

.Support.content .section1 ul li .text h4 { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; margin-bottom: 0.3rem; position: relative; padding-left: 0.28rem; }

.Support.content .section1 ul li .text h4:before { content: ""; width: 0.08rem; height: 0.22rem; background: linear-gradient(360deg, #004ea2 0%, #00ac96 100%); border-radius: 0.04rem 0.04rem 0.04rem 0; position: absolute; left: 0; top: 0; }

.Support.content .section1 ul li .text p { font-size: 0.16rem; color: #666; line-height: 1.875; }

.Support.content .section1 ul li .img { width: 7rem; }

.Support.content .section1 ul li:nth-child(even) { flex-direction: row-reverse; }

/* Support-station */
.Support-station.content .title-box .title { width: 100%; text-align: center; }

.Support-station.content .search-box { justify-content: space-between; }

.Support-station.content .list { display: flex; flex-wrap: wrap; }

.Support-station.content .list li { margin-top: 0.4rem; }

.Support-station.content .list li .box { height: 3rem; padding: 0.5rem 0.45rem; background: #fff; box-shadow: 0 0.08rem 0.2rem rgba(0, 78, 162, 0.1); border-radius: 0.2rem; }

.Support-station.content .list li .box h4 { font-size: 0.2rem; color: #333; line-height: 1.5; margin-bottom: 0.3rem; font-family: "SourceHanSans-Medium"; transition: all .5s ease; }

.Support-station.content .list li .box p { font-size: 0.16rem; color: #666; line-height: 1.5; margin-top: 0.15rem; position: relative; padding-left: 0.35rem; }

.Support-station.content .list li .box p i { font-size: 0.16rem; color: #666; position: absolute; left: 0; top: 0; }

.Support-station.content .list li .box p i.icon-dingwei { font-size: 0.18rem; left: -0.01rem; }

.Support-station.content .list li:hover h4 { color: #004EA2; }

/* Support-download */
.Support-download.content .title-box .title { width: 100%; text-align: center; }

.Support-download.content .search-box .tabs { display: flex; overflow: hidden; border-radius: 0.5rem; border: 1px solid #004EA2; }

.Support-download.content .search-box .tabs .item { height: 0.6rem; font-size: 0.2rem; color: #004EA2; padding: 0 0.5rem; display: flex; align-items: center; }

.Support-download.content .search-box .tabs .item.active { color: #fff; background: #004EA2; }

.Support-download.content .search-box .input-box { width: 3rem; border: 0; border-bottom: 1px solid #eee; border-radius: 0; margin-left: auto; position: absolute; right: 0; }

.Support-download.content .search-box .input-box input { padding-left: 0; }

.Support-download.content .search-box .input-box .btn { background: transparent; width: auto; }

.Support-download.content .search-box .input-box .btn i { color: #000; }

.Support-download.content .list { display: flex; flex-wrap: wrap; margin: 0.3rem -0.15rem 0; }

.Support-download.content .list li { margin-top: 0.3rem; padding: 0 0.15rem; }

.Support-download.content .list li .box { height: 3rem; padding: 0.6rem 0.2rem; background: #fff; box-shadow: 0 0.08rem 0.2rem rgba(0, 78, 162, 0.1); border-radius: 0.2rem; position: relative; transition: all .5s ease; }

.Support-download.content .list li .box h4 { font-size: 0.24rem; color: #333; line-height: 1.5; margin-bottom: 0.3rem; font-family: "SourceHanSans-Medium"; transition: all .5s ease; }

.Support-download.content .list li .box p { font-size: 0.16rem; color: #666; line-height: 1.5; margin-top: 0.15rem; position: relative; }

.Support-download.content .list li .box p i { font-size: 0.16rem; color: #666; position: absolute; left: 0; top: 0; }

.Support-download.content .list li .box .other { display: flex; justify-content: flex-end; position: absolute; right: 0.2rem; bottom: 0.2rem; }

.Support-download.content .list li .box .other .item { margin-left: 0.3rem; font-size: 0.16rem; color: #004EA2; display: flex; align-items: center; }

.Support-download.content .list li .box .other .item i { font-size: 0.16rem; margin-left: 0.1rem; }

.Support-download.content .list li:hover .box { background: #004EA2; }

.Support-download.content .list li:hover .box h4, .Support-download.content .list li:hover .box p, .Support-download.content .list li:hover .box .item { color: #fff; }

/* Support-faq */
.Support-faq.content .title-box .title { width: 100%; text-align: center; }

.Support-faq.content .list li { padding: 0.32rem 0.4rem; border: 1px solid #D5D5D5; border-radius: 0.2rem; margin-top: 0.4rem; }

.Support-faq.content .list li dl dt { font-size: 0.24rem; line-height: 1.5; font-family: "SourceHanSans-Medium"; position: relative; display: flex; cursor: pointer; }

.Support-faq.content .list li dl dt span { line-height: 0.36rem; padding: 0 0.14rem; font-size: 0.24rem; text-align: center; color: #fff; border-radius: 0.15rem 0.15rem 0 0.15rem; background: #004EA2; margin-right: 0.2rem; align-self: baseline; }

.Support-faq.content .list li dl dt i { font-size: 0.24rem; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transition: all .5s ease; align-self: baseline; }

.Support-faq.content .list li dl dd { border-top: 1px solid #D5D5D5; padding-top: 0.25rem; margin-top: 0.2rem; display: none; }

.Support-faq.content .list li dl dd p { font-size: 0.16rem; color: #666; line-height: 1.875; }

.Support-faq.content .list li.active dl dt i { transform: rotate(180deg); }

/* Case */
.Case.content ul li { padding: 0.3rem 0.4rem; display: flex; flex-wrap: wrap; border-radius: 0.2rem; transition: all .5s ease; margin-bottom: 0.2rem; }

.Case.content ul li .text { width: 0; flex: 1; padding: 0.3rem 0.7rem 0 0.5rem; position: relative; }

.Case.content ul li .text:before { content: ""; width: 0.31rem; height: 0.26rem; background: url(../images/yin1.webp) no-repeat center/100%; position: absolute; left: 0; top: 0.25rem; }

.Case.content ul li .text h3 { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; margin-bottom: 0.2rem; }

.Case.content ul li .text p { font-size: 0.16rem; color: #666; line-height: 1.875; }

.Case.content ul li .text dl { margin-top: 0.4rem; }

.Case.content ul li .text dl dd { height: 0.34rem; font-size: 0.14rem; color: #004EA2; padding: 0 0.22rem; display: inline-flex; align-items: center; background: #EBF5FF; border-radius: 0.2rem; }

.Case.content ul li .img { width: 5.2rem; border-radius: 0.16rem; overflow: hidden; }

.Case.content ul li .img img { width: 100%; }

.Case.content ul li:hover { box-shadow: 0 0.08rem 0.2rem rgba(0, 78, 162, 0.1); }

/* Solution */
.Solution .banner { height: auto; position: relative; }

.Solution .banner::before { display: none; }

.Solution .banner img { height: auto; }

.Solution .banner .text-box { width: 5.3rem; padding: 4% 3% 5%; background: rgba(0, 78, 162, 0.66); position: absolute; right: 9%; top: 30%; }

.Solution .banner .text-box h2 { color: #fff; font-size: 0.22rem; }

.Solution .banner .text-box .line { width: 0.47rem; height: 0.04rem; background: #fff; margin: 0.2rem 0 0.3rem; }

.Solution .banner .text-box h1 { color: #fff; font-size: 0.32rem; font-family: "SourceHanSans-Medium"; line-height: 1.5; }

.Solution.content { padding: 0; }

.Solution.content .title-box .title { width: 100%; text-align: center; }

.Solution.content .title-box .title p { width: 70%; margin: 0.3rem auto 0; }

.Solution.content .section1 { padding: 1rem 0; background-color: #FAFAFA; }

.Solution.content .section1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Solution.content .section1 ul li { width: 19%; background: linear-gradient(338.14deg, #f2f9fd 0%, #e2f4ff 100%); border-radius: 0.2rem; display: flex; flex-direction: column; align-items: center; padding: 0.6rem 0.2rem; }

.Solution.content .section1 ul li img { width: 0.9rem; }

.Solution.content .section1 ul li h2 { font-size: 0.2rem; color: #000; text-align: center; margin: 0.15rem 0; font-family: "SourceHanSans-Medium"; line-height: 1.5; }

.Solution.content .section1 ul li p { font-size: 0.16rem; color: #666; text-align: center; line-height: 1.6; }

.Solution.content .section2 { padding: 1rem 0; }

.Solution.content .section2 .box { display: flex; justify-content: space-between; }

.Solution.content .section2 .box .left { width: 49.5%; }

.Solution.content .section2 .box .right { width: 49.5%; }

.Solution.content .section2 .box .right .item:first-child { margin-bottom: 0.2rem; }

.Solution.content .section2 .box img { border-radius: 0.2rem; }

.Solution.content .section3 { padding: 1rem 0; background: url("../images/solution/section3-bg.jpg") center no-repeat; background-size: cover; }

.Solution.content .section3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Solution.content .section3 ul li { width: 25%; display: flex; flex-direction: column; align-items: center; padding: 0.3rem 0.4rem; position: relative; }

.Solution.content .section3 ul li::before { content: ""; position: absolute; right: 0; top: 0.3rem; bottom: 0.3rem; width: 0.01rem; background-color: #E9E8E8; opacity: .4; }

.Solution.content .section3 ul li:last-child::before { display: none; }

.Solution.content .section3 ul li img { width: 0.9rem; }

.Solution.content .section3 ul li h2 { font-size: 0.2rem; color: #fff; text-align: center; margin: 0.15rem 0; font-family: "SourceHanSans-Medium"; }

.Solution.content .section3 ul li p { font-size: 0.16rem; color: #fff; text-align: center; line-height: 1.6; }

.Solution.content .section4 { padding: 1rem 0; }

.Solution.content .section4 .slide { position: relative; overflow: hidden; --swiper-theme-color: #fff; --swiper-navigation-color: #fff; }

.Solution.content .section4 .slide img { border-radius: 0.2rem; }

.Solution.content .section4 .slide .swiper-button-next, .Solution.content .section4 .slide .swiper-button-prev { transform: scale(0.6); }

/* About */
.About.content { padding-bottom: 0; }

.About.content .section1 .box { display: flex; justify-content: space-between; flex-wrap: wrap; }

.About.content .section1 .box .text { width: 4.95rem; padding-top: 0.7rem; }

.About.content .section1 .box .text h4 { font-size: 0.16rem; font-family: "SourceHanSans-Bold"; line-height: 1.875; }

.About.content .section1 .box .text p { font-size: 0.16rem; color: #333; line-height: 1.875; margin-top: 0.15rem; }

.About.content .section1 .box .right { width: 8.6rem; padding-top: 0.5rem; position: relative; }

.About.content .section1 .box .right img { width: 5.2rem; }

.About.content .section1 .box .right .nums { width: 4.3rem; position: absolute; right: 0; top: 0; }

.About.content .section1 .box .right .nums .item { width: 3rem; border-radius: 0.2rem; padding: 0.5rem 0.3rem; margin-bottom: 0.4rem; }

.About.content .section1 .box .right .nums .item ul li { text-align: center; margin-top: 0.3rem; }

.About.content .section1 .box .right .nums .item ul li h4 { font-size: 0.16rem; font-family: "SourceHanSans-Medium"; display: flex; align-items: center; justify-content: center; }

.About.content .section1 .box .right .nums .item ul li h4 span { font-size: 0.4rem; margin-right: 0.1rem; }

.About.content .section1 .box .right .nums .item ul li p { font-size: 0.16rem; color: #585858; line-height: 1.4; margin-top: 0.1rem; }

.About.content .section1 .box .right .nums .item ul li:first-child { margin-top: 0; }

.About.content .section1 .box .right .nums .item:nth-child(1) { background: #F2F9FF; margin-left: 1.3rem; }

.About.content .section1 .box .right .nums .item:nth-child(2) { background: rgba(246, 255, 252, 0.8); backdrop-filter: blur(5px); }

.About.content .section2 { height: 9.6rem; margin-top: 1rem; padding-top: 0.9rem; background: url(../images/about/section2-bg.webp) no-repeat top/cover; }

.About.content .section2 .title-box .title { width: 100%; text-align: center; }

.About.content .section2 .slide { margin-top: 0.7rem; }

.About.content .section2 .slide .swiper-slide { padding: 0.4rem 0.6rem; color: #fff; background: rgba(0, 105, 213, 0.4); backdrop-filter: blur(5px); border-radius: 0.4rem; }

.About.content .section2 .slide .swiper-slide h4 { font-size: 0.24rem; line-height: 1.4; }

.About.content .section2 .slide .swiper-slide p { font-size: 0.16rem; line-height: 1.875; margin-top: 0.15rem; }

.About.content .section3 { padding-top: 0.5rem; overflow: visible; background: url(../images/about/section3-bg.webp) no-repeat top/100%; }

.About.content .section3:before { content: ""; width: 6rem; height: 8rem; background: url(../images/about/section3-left-bg.webp) no-repeat center/100%; position: absolute; left: 2.4rem; top: 0.3rem; }

.About.content .section3 .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.About.content .section3 .left { position: sticky; top: 1rem; overflow: hidden; }

.About.content .section3 .left .title-box .title h3 { line-height: 1.5; }

.About.content .section3 .right { width: 6.22rem; }

.About.content .section3 .right ul { position: relative; }

.About.content .section3 .right ul:before { content: ""; width: 1px; height: 100%; background: #c4d3e4; position: absolute; left: 0.06rem; bottom: 0; }

.About.content .section3 .right ul li { margin-top: 0.4rem; position: relative; padding-left: 1.3rem; z-index: 0; }

.About.content .section3 .right ul li:before { content: ""; width: 0.14rem; height: 0.14rem; border: 2px solid #004EA2; border-radius: 50%; position: absolute; left: 0; top: 0.07rem; background: #fff; transition: all .5s ease; }

.About.content .section3 .right ul li:after { content: ""; width: 0.32rem; height: 0.32rem; background: rgba(195, 212, 232, 0.8); border-radius: 50%; position: absolute; left: -0.09rem; top: -0.02rem; transition: all .5s ease; z-index: -1; }

.About.content .section3 .right ul li h4 { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; transition: all .5s ease; }

.About.content .section3 .right ul li p { font-size: 0.16rem; color: #333; line-height: 1.4; margin-top: 0.1rem; position: relative; padding-left: 0.16rem; }

.About.content .section3 .right ul li p:before { content: ""; width: 0.04rem; height: 0.04rem; background: #00AC96; border-radius: 50%; position: absolute; left: 0; top: 0.09rem; }

.About.content .section3 .right ul li.active:before { background: #004EA2; top: 0.12rem; }

.About.content .section3 .right ul li.active:after { opacity: 1; top: 0.03rem; }

.About.content .section3 .right ul li.active h4 { font-size: 0.4rem; color: #004EA2; }

.About.content .section4 { height: 7.3rem; padding-top: 1rem; background: url(../images/about/section4-bg.webp) no-repeat bottom/cover; }

.About.content .section4 .title-box .title { width: 100%; text-align: center; }

.About.content .section4 .slide { overflow: hidden; }

.About.content .section4 .slide .swiper-slide { height: 3.45rem; padding: 0.5rem 0.2rem; text-align: center; background: url(../images/about/section4-li.webp) no-repeat center/cover; border-radius: 0.2rem; }

.About.content .section4 .slide .swiper-slide .icon { width: 0.6rem; margin: 0 auto 0.6rem; }

.About.content .section4 .slide .swiper-slide h4 { min-height: 1rem; font-size: 0.16rem; color: #333; line-height: 1.75; position: relative; padding: 0 0.4rem; z-index: 0; display: flex; align-items: center; justify-content: center; }

.About.content .section4 .slide .swiper-slide h4:before { content: ""; width: 100%; height: 0.7rem; background: url(../images/about/section4-zs.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: -1; }

/* About-gaikuang */
.About-gaikuang.content { padding-bottom: 0; background: url("../images/about-gaikuang/bg.webp") right top no-repeat; background-size: 100%; }

.About-gaikuang.content .section1 { padding-bottom: 1rem; background: url("../images/about-gaikuang/bg-section1.webp") center bottom no-repeat; background-size: 100%; }

.About-gaikuang.content .section1 .top .text-box { display: flex; justify-content: space-between; padding-bottom: 0.8rem; }

.About-gaikuang.content .section1 .top .text-box .title { flex: 1; }

.About-gaikuang.content .section1 .top .text-box .title span { font-size: 1rem; font-family: "Poppins-Bold"; color: #004EA2; display: block; }

.About-gaikuang.content .section1 .top .text-box .title span:nth-child(2) { margin-left: 2.3rem; }

.About-gaikuang.content .section1 .top .text-box .title span:nth-child(3) { margin-left: 1.1rem; }

.About-gaikuang.content .section1 .top .text-box .right { width: 6.1rem; padding-top: 0.3rem; }

.About-gaikuang.content .section1 .top .text-box .right h2 { font-size: 0.36rem; line-height: 0.3rem; color: #000; margin-bottom: 0.6rem; font-family: "SourceHanSans-Bold"; }

.About-gaikuang.content .section1 .top .text-box .right p { font-size: 0.16rem; line-height: 0.36rem; color: #333; }

.About-gaikuang.content .section1 .top .img-box img { display: block; width: 100%; }

.About-gaikuang.content .section1 .center { padding-top: 1rem; }

.About-gaikuang.content .section1 .center .text-box { display: flex; justify-content: space-between; padding-bottom: 0.5rem; }

.About-gaikuang.content .section1 .center .text-box h2 { font-size: 0.36rem; line-height: 0.55rem; color: #000; font-family: "SourceHanSans-Bold"; }

.About-gaikuang.content .section1 .center .text-box .text { width: 6.1rem; }

.About-gaikuang.content .section1 .center .text-box .text p { font-size: 0.16rem; line-height: 0.3rem; color: #333; margin-bottom: 0.15rem; }

.About-gaikuang.content .section1 .bottom { display: flex; justify-content: space-between; }

.About-gaikuang.content .section1 .bottom .video-box { width: 4rem; height: 2.4rem; border-radius: 0.2rem; overflow: hidden; position: relative; }

.About-gaikuang.content .section1 .bottom .video-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }

.About-gaikuang.content .section1 .bottom .video-box::before { z-index: 0; content: ""; position: absolute; width: 0.4rem; height: 0.4rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("../images/btn-play.webp") center no-repeat; background-size: cover; }

.About-gaikuang.content .section1 .bottom .video-box:hover img { transform: scale(1.1); }

.About-gaikuang.content .section1 .bottom .tongji { width: 6.1rem; }

.About-gaikuang.content .section1 .bottom .tongji ul { display: flex; flex-wrap: wrap; }

.About-gaikuang.content .section1 .bottom .tongji ul li { width: 50%; padding-bottom: 0.48rem; }

.About-gaikuang.content .section1 .bottom .tongji ul li h2 { font-size: 0.16rem; color: #004EA2; }

.About-gaikuang.content .section1 .bottom .tongji ul li h2 span { font-size: 0.5rem; color: #004EA2; font-family: "Poppins-SemiBold"; }

.About-gaikuang.content .section1 .bottom .tongji ul li h2 em { font-size: 0.5rem; color: #004EA2; font-family: "Poppins-SemiBold"; }

.About-gaikuang.content .section1 .bottom .tongji ul li p { font-size: 0.16rem; line-height: 0.4rem; color: #666666; }

.About-gaikuang.content .section2 { height: 8.5rem; background: url("../images/about-gaikuang/bg-section2.webp") center no-repeat fixed; background-size: cover; }

.About-gaikuang.content .section2 .container { height: 8.5rem; }

.About-gaikuang.content .section2 .title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.About-gaikuang.content .section2 .title h2 { font-family: "SourceHanSans-Bold"; font-size: 0.4rem; text-align: center; color: #fff; margin-bottom: 0.28rem; }

.About-gaikuang.content .section2 .title p { font-size: 0.15rem; line-height: 0.24rem; text-align: center; color: #fff; }

.About-gaikuang.content .section2 .logos-box { width: 5.47rem; position: absolute; top: 0; bottom: 0; }

.About-gaikuang.content .section2 .logos-box .logos { position: absolute; transition: all .5s ease; animation: pointMove 1.3s ease-in-out infinite alternate; opacity: .5; border-radius: 50%; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 78, 162, 0.5); }

.About-gaikuang.content .section2 .logos-box .logos img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.About-gaikuang.content .section2 .logos-box .logos:hover, .About-gaikuang.content .section2 .logos-box .logos.light { opacity: 1; }

.About-gaikuang.content .section2 .logos-box.left { left: 0; }

.About-gaikuang.content .section2 .logos-box.left .logos1 { width: 1.42rem; height: 1.42rem; left: 0.37rem; top: 0.84rem; }

.About-gaikuang.content .section2 .logos-box.left .logos2 { width: 0.78rem; height: 0.78rem; right: 0.57rem; top: 1.39rem; }

.About-gaikuang.content .section2 .logos-box.left .logos3 { width: 1.02rem; height: 1.02rem; left: 2.36rem; top: 2.41rem; }

.About-gaikuang.content .section2 .logos-box.left .logos4 { width: 0.78rem; height: 0.78rem; left: 0; top: 3.68rem; }

.About-gaikuang.content .section2 .logos-box.left .logos5 { width: 0.86rem; height: 0.86rem; right: 0; top: 3.31rem; }

.About-gaikuang.content .section2 .logos-box.left .logos6 { width: 0.81rem; height: 0.81rem; left: 2.2rem; bottom: 2.6rem; }

.About-gaikuang.content .section2 .logos-box.left .logos7 { width: 1.42rem; height: 1.42rem; left: 0; bottom: 1rem; }

.About-gaikuang.content .section2 .logos-box.left .logos8 { width: 1.16rem; height: 1.16rem; right: 0.37rem; bottom: 1.3rem; }

.About-gaikuang.content .section2 .logos-box.right { right: 0; }

.About-gaikuang.content .section2 .logos-box.right .logos1 { width: 0.78rem; height: 0.78rem; left: 0.57rem; top: 1.39rem; }

.About-gaikuang.content .section2 .logos-box.right .logos2 { width: 1.42rem; height: 1.42rem; right: 0.37rem; top: 0.84rem; }

.About-gaikuang.content .section2 .logos-box.right .logos3 { width: 1.02rem; height: 1.02rem; left: 2.36rem; top: 2.41rem; }

.About-gaikuang.content .section2 .logos-box.right .logos4 { width: 0.86rem; height: 0.86rem; left: 0; top: 3.31rem; }

.About-gaikuang.content .section2 .logos-box.right .logos5 { width: 0.78rem; height: 0.78rem; right: 0; top: 3.68rem; }

.About-gaikuang.content .section2 .logos-box.right .logos6 { width: 0.81rem; height: 0.81rem; left: 2.2rem; bottom: 2.6rem; }

.About-gaikuang.content .section2 .logos-box.right .logos7 { width: 1.16rem; height: 1.16rem; left: 0.37rem; bottom: 1.3rem; }

.About-gaikuang.content .section2 .logos-box.right .logos8 { width: 1.42rem; height: 1.42rem; right: 0; bottom: 1rem; }

.About-gaikuang.content .section3 { padding: 0.85rem 0; background: url("../images/about-gaikuang/section3-bg.webp") no-repeat center/cover; }

.About-gaikuang.content .section3 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About-gaikuang.content .section3 .title-box { display: block; }

.About-gaikuang.content .section3 .title-box h2 { font-family: "SourceHanSans-Bold"; font-size: 0.4rem; color: #fff; margin-bottom: 0.28rem; }

.About-gaikuang.content .section3 .title-box p { font-size: 0.15rem; line-height: 0.24rem; color: #fff; line-height: 1.8; }

.About-gaikuang.content .section3 .text { width: 35.7%; padding-top: 0.7rem; }

.About-gaikuang.content .section3 .text .nums { display: flex; flex-wrap: wrap; margin-top: 0.6rem; }

.About-gaikuang.content .section3 .text .nums .item { margin-left: 1.2rem; }

.About-gaikuang.content .section3 .text .nums .item h4 { font-size: 0.18rem; color: #fff; }

.About-gaikuang.content .section3 .text .nums .item h4 span { font-size: 0.6rem; font-family: "SourceHanSans-Bold"; color: #fff; margin-right: 0.1rem; }

.About-gaikuang.content .section3 .text .nums .item p { font-size: 0.18rem; margin-top: 0.1rem; color: #fff; }

.About-gaikuang.content .section3 .text .nums .item:first-child { margin-left: 0; }

.About-gaikuang.content .section3 .img { width: 62%; }

.About-gaikuang.content .section3 .img img { width: 100%; }

/* About-shili */
.About-shili .content.About-shili { padding: 0; background: url("../images/about-shili/bg.webp") left top no-repeat; background-size: 100%; }

.About-shili .section1 { position: relative; padding: 0.8rem 0 1rem; }

.About-shili .section1 .title-box { display: block; }

.About-shili .section1 .title-box .title { text-align: center; }

.About-shili .section1 .title-box .title p { margin: 0 0 1rem 0; }

.About-shili .section1 .title-box .title h2 { font-family: "SourceHanSans-Bold"; font-size: 0.4rem; }

.About-shili .section1 ul { display: flex; justify-content: space-between; }

.About-shili .section1 ul li { width: 18.8%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 3.5rem; border-radius: 0.2rem; background: linear-gradient(338.14deg, #f2f9fd 0%, #e2f4ff 100%); }

.About-shili .section1 ul li img { width: 0.8rem; margin-bottom: 0.32rem; }

.About-shili .section1 ul li h2 { font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: 0.18rem; }

.About-shili .section1 ul li p { font-size: 0.18rem; color: #333; }

.About-shili .section2 { position: relative; padding: 1rem 0; }

.About-shili .section2::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 6rem; background: url("../images/about-shili/bg-shiyan.webp") center no-repeat; background-size: cover; }

.About-shili .section2 .title-box { margin-bottom: 1rem; display: block; }

.About-shili .section2 .title-box .title { width: 9rem; }

.About-shili .section2 .title-box .title h2 { color: #fff; font-family: "SourceHanSans-Bold"; font-size: 0.4rem; }

.About-shili .section2 .title-box .title p { color: #fff; }

.About-shili .section2 .slide .swiper-slide { position: relative; border-radius: 0.2rem; overflow: hidden; }

.About-shili .section2 .slide .swiper-slide .img { background-color: #f5f5f5; }

.About-shili .section2 .slide .swiper-slide p { position: absolute; left: 0; bottom: 0; right: 0; height: 1rem; background: linear-gradient(180deg, rgba(0, 78, 162, 0) 0%, #004ea2 100%); display: flex; justify-content: center; align-items: center; font-size: 0.24rem; color: #fff; }

.About-shili .section3 { padding-bottom: 1rem; }

.About-shili .section3 .title-box { margin-bottom: 0.6rem; display: block; }

.About-shili .section3 .title-box .title h2 { text-align: center; font-family: "SourceHanSans-Bold"; font-size: 0.4rem; }

.About-shili .section3 .title-box .title p { text-align: center; }

.About-shili .section3 .slide { position: relative; overflow: hidden; padding-bottom: 0.62rem; }

.About-shili .section3 .slide .img { height: 6rem; overflow: hidden; }

.About-shili .section3 .slide .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.2rem; }

.About-shili .section3 .slide .swiper-horizontal > .swiper-scrollbar, .About-shili .section3 .slide .swiper-scrollbar.swiper-scrollbar-horizontal { height: 0.02rem; }

.About-shili .section3 .slide .swiper-scrollbar-drag { background: #004EA2; }

.About-shili .section4 { background: url("../images/about-shili/bg-gongyi.webp") center no-repeat; background-size: cover; height: 9rem; padding-top: 1rem; }

.About-shili .section4 .title-box .title h2 { color: #fff; font-family: "SourceHanSans-Bold"; font-size: 0.4rem; }

.About-shili .section4 .box { display: flex; justify-content: space-between; align-items: center; }

.About-shili .section4 .box .left { height: 4.5rem; overflow: hidden; position: relative; }

.About-shili .section4 .box .left .swiper-slide { display: flex; align-items: center; position: relative; cursor: pointer; }

.About-shili .section4 .box .left .swiper-slide::before { content: ""; position: absolute; left: 0.17rem; top: 0; bottom: 0; width: 0.02rem; background: rgba(255, 255, 255, 0.3); }

.About-shili .section4 .box .left .swiper-slide:first-child::before { top: 0.5rem; }

.About-shili .section4 .box .left .swiper-slide:last-child::before { bottom: 0.5rem; }

.About-shili .section4 .box .left .swiper-slide span { position: relative; width: 0.36rem; height: 0.36rem; border-radius: 50%; display: block; margin-right: 0.2rem; transition: all .5s ease; }

.About-shili .section4 .box .left .swiper-slide span::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.16rem; height: 0.16rem; border-radius: 50%; background: #fff; transition: all .5s ease; }

.About-shili .section4 .box .left .swiper-slide p { font-size: 0.24rem; color: #fff; }

.About-shili .section4 .box .left .swiper-slide.swiper-slide-active span { background: #fff; }

.About-shili .section4 .box .left .swiper-slide.swiper-slide-active span::before { background: #004EA2; }

.About-shili .section4 .box .img-box { width: 8rem; height: 5.42rem; overflow: hidden; }

/* About-culture */
.About-culture.content { padding-bottom: 0; padding-top: 0; }

.About-culture.content .title-box { width: 100%; height: 100vh; align-items: flex-start; justify-content: center; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; margin-bottom: 0; padding-top: 1rem; }

.About-culture.content .title-box .title { height: 100%; }

.About-culture.content .section1 { position: relative; padding-top: 1rem; padding-bottom: 2rem; }

.About-culture.content .section1 .container { padding-top: 1rem; }

.About-culture.content .section1 .bg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; }

.About-culture.content .section1 .bg img { width: 100%; height: 100%; }

.About-culture.content .section1 ul { display: flex; justify-content: space-between; margin-top: 0.2rem; position: relative; z-index: 2; }

.About-culture.content .section1 ul li { width: 3.4rem; height: 3.6rem; padding: 0.5rem 0.4rem; background: rgba(0, 78, 162, 0.92); border-radius: 0.2rem; color: #fff; }

.About-culture.content .section1 ul li h3 { font-size: 0.3rem; font-family: "SourceHanSans-Medium"; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 0.25rem; }

.About-culture.content .section1 ul li p { font-size: 0.18rem; line-height: 2; margin-top: 0.2rem; }

.About-culture.content .section1 ul.ul2 { justify-content: center; }

.About-culture.content .section1.fixed .title-box { position: fixed; top: auto; bottom: 0; }

.About-culture.content .section1.fixed .bg { position: fixed; top: auto; bottom: 0; }

.About-culture.content .section1.noFixed .title-box { position: absolute; }

.About-culture.content .section1.noFixed .bg { position: absolute; }

/* About-history */
.About-history.content { background: url("../images/about-history/bg.webp") center bottom no-repeat #fff; background-size: 100%; }

.About-history .section1 { padding-bottom: 2.3rem; }

.About-history .section1 .block-lg .box { position: relative; overflow: hidden; }

.About-history .section1 .block-lg .box .swiper-slide { position: relative; min-height: 1.63rem; }

.About-history .section1 .block-lg .box .swiper-slide:nth-child(2n) { padding-top: 0.6rem; }

.About-history .section1 .block-lg .box .swiper-slide:nth-child(2n)::before { top: 0.67rem; }

.About-history .section1 .block-lg .box .swiper-slide::before { z-index: 0; content: ""; position: absolute; left: 0.06rem; top: 0.07rem; bottom: 0; border: 0.01rem dashed #CCCCCC; }

.About-history .section1 .block-lg .box .swiper-slide h2 { font-size: 0.24rem; color: #004EA2; font-family: "SourceHanSans-Medium"; padding-bottom: 0.2rem; display: flex; align-items: center; position: relative; z-index: 2; font-family: "SourceHanSans-Medium"; }

.About-history .section1 .block-lg .box .swiper-slide h2 span { display: block; width: 0.14rem; height: 0.14rem; background-color: #004EA2; border-radius: 50%; margin-right: 0.11rem; position: relative; }

.About-history .section1 .block-lg .box .swiper-slide h2 span::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.1rem; height: 0.1rem; background-color: #fff; border-radius: 50%; }

.About-history .section1 .block-lg .box .swiper-slide p { font-size: 0.16rem; color: #666; line-height: 1.8; padding-left: 0.25rem; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide { max-width: 70%; position: relative; overflow: hidden; margin-left: 0.25rem; margin-top: 0.2rem; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide .swiper-slide { padding: 0; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide .swiper-slide::before { display: none !important; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide .swiper-pagination { color: #fff; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide img { margin-bottom: 0.07rem; }

.About-history .section1 .block-lg .box .swiper-slide .img-slide p { padding: 0; text-align: center; margin-bottom: 0.15rem; }

.About-history .section1 .block-lg .swiper-button-prev { left: -0.9rem; transform: scale(0.85); color: #004EA2; }

.About-history .section1 .block-lg .swiper-button-next { right: -0.9rem; transform: scale(0.85); color: #004EA2; }

/* About-honor */
.About-honor.content .title-box .title { text-align: center; }

.About-honor.content .title-box .title p { margin: 0 0 0.15rem 0; }

.About-honor.content .title-box .title h3 { font-family: "SourceHanSans-Bold"; padding-bottom: 0.4rem; }

.About-honor.content .section1 ul { display: flex; flex-wrap: wrap; }

.About-honor.content .section1 ul li { width: 32%; margin-right: 2%; padding-bottom: 0.48rem; }

.About-honor.content .section1 ul li:nth-child(3n) { margin-right: 0; }

.About-honor.content .section1 ul li img { width: 100%; }

.About-honor.content .section1 ul li p { text-align: center; font-size: 0.2rem; line-height: 1.5; color: #333; margin-top: 0.2rem; font-family: "SourceHanSans-Medium"; }

/* AboutCompliance */
.AboutCompliance .content { padding-bottom: 8%; }

.AboutCompliance .content h1 { font-weight: bold; margin: 0 0 0.4rem 0; text-align: center; font-size: 0.4rem; font-family: "SourceHanSans-Bold"; }

.AboutCompliance .content h2 { font-size: 0.22rem; margin: 0.4rem 0 0.2rem; color: #000; font-family: "SourceHanSans-Medium"; }

.AboutCompliance .content h3 { font-size: 0.2rem; text-indent: 0.32rem; margin: 0.1rem 0 0.2rem; color: #000; }

.AboutCompliance .content .text-align { text-align: center; }

.AboutCompliance .content p { font-size: 0.16rem; line-height: 1.8; margin-bottom: 0.15rem; text-indent: 0.32rem; }

.AboutCompliance .content p a { color: #004EA2; }

.AboutCompliance .content ul { margin: 0.1rem 0 0.3rem; }

.AboutCompliance .content ul li { list-style-type: disc; margin-bottom: 5px; line-height: 1.75; font-size: 0.16rem; }

.AboutCompliance .content ul li a { text-decoration: underline; }

.AboutCompliance .content .flnav { display: flex; flex-wrap: wrap; justify-content: space-between; }

.AboutCompliance .content .flnav .item { width: 48.5%; overflow: hidden; }

.AboutCompliance .content .flnav .item .img { overflow: hidden; }

.AboutCompliance .content .flnav .item .img img { display: block; width: 100%; transition: all .5s ease; }

.AboutCompliance .content .flnav .item h3 { transition: all .5s ease; font-size: 0.2rem; margin-top: 0.1rem; text-align: center; text-indent: 0; }

.AboutCompliance .content .flnav .item :hover img { transform: scale(1.08); }

/* Contact */
.Contact.content { padding-bottom: 0; }

.Contact.content .section1 .box { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Contact.content .section1 .box .text { width: 6rem; }

.Contact.content .section1 .box .text ul { margin-top: 0.9rem; }

.Contact.content .section1 .box .text ul li { color: #333; position: relative; padding-bottom: 0.6rem; margin-top: 0.6rem; display: flex; align-items: center; }

.Contact.content .section1 .box .text ul li a { display: flex; align-items: center; }

.Contact.content .section1 .box .text ul li:after { content: ""; width: 100%; height: 1px; background: linear-gradient(270deg, #004ea2 0%, #00ac96 100%); position: absolute; left: 0; bottom: 0; }

.Contact.content .section1 .box .text ul li .label { width: 2rem; font-size: 0.2rem; display: flex; align-items: center; }

.Contact.content .section1 .box .text ul li .label i { font-size: 0.34rem; margin-right: 0.3rem; }

.Contact.content .section1 .box .text ul li .label i.icon-WhatsApp { color: #25D366; }

.Contact.content .section1 .box .text ul li p { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; }

.Contact.content .section1 .box .right { width: 5.8rem; border-radius: 1rem 1rem 1rem 0; overflow: hidden; }

.Contact.content .section1 .box .right img { width: 100%; }

.Contact.content .section1 .box .right .address { color: #fff; padding: 0.3rem 0.35rem 0.4rem; background: linear-gradient(270.48deg, #004ea2 0%, #00ac96 100%); }

.Contact.content .section1 .box .right .address h4 { font-size: 0.2rem; margin-bottom: 0.15rem; font-family: "SourceHanSans-Medium"; display: flex; align-items: center; }

.Contact.content .section1 .box .right .address h4 i { font-size: 0.38rem; margin-right: 0.05rem; }

.Contact.content .section1 .box .right .address p { font-size: 0.16rem; line-height: 1.875; padding-left: 0.45rem; }

.Contact.content .section2 { margin-top: 1.1rem; padding: 0.9rem 0; background: url(../images/contact/section2-bg.webp) no-repeat center/cover; }

.Contact.content .section2 .container { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Contact.content .section2 .left { width: 6.3rem; }

.Contact.content .section2 .right { width: 6rem; background: #fff; padding: 0.45rem 0.5rem; border-radius: 0.2rem; /* form{ .row{margin-bottom: px2rem(20); h5{font-size: px2rem(16);color: #333;margin-bottom: px2rem(10);} input{width: 100%;height: px2rem(60);font-size: px2rem(16);color: #333;padding: 0 px2rem(20);border: 1px solid #707070;border-radius: px2rem(8);} textarea{width: 100%;height: px2rem(170);font-size: px2rem(16);color: #333;padding: px2rem(20);border: 1px solid #707070;border-radius: px2rem(8);} } .agree{font-size: px2rem(16);color: #999;position: relative;padding-left: px2rem(30);line-height: 1.5; input{width: px2rem(18);height: px2rem(18);cursor: pointer;position: absolute;top: px2rem(2);left: 0;} a{color: $themeColor;} } .btn{width: 100%;height: px2rem(60);line-height: px2rem(60);text-align: center;border-radius: px2rem(30);background: $themeColor;font-size: px2rem(18);color: #fff;@include SourceHanSansBold;cursor: pointer;margin-top: px2rem(30);} } */ }

/* Contact-become */
.Contact-become.content .section1 { padding-bottom: 0.2rem; }

.Contact-become.content .section1 .title-box .title { width: 100%; text-align: center; }

.Contact-become.content .section1 .box { background: #fff; box-shadow: 0 0.08rem 0.2rem rgba(0, 78, 162, 0.2); border-radius: 0.2rem; display: flex; flex-wrap: wrap; }

.Contact-become.content .section1 .box .img { width: 50%; }

.Contact-become.content .section1 .box .img img { width: 100%; }

.Contact-become.content .section1 .box .right { width: 50%; padding: 0.3rem 0.7rem 0; }

.Contact-become.content .section1 .box .right form .row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.2rem; }

.Contact-become.content .section1 .box .right form .row .column { width: 48%; border: 1px solid #d5d5d5; border-radius: 0.06rem; padding: 0 0.2rem; display: flex; align-items: center; }

.Contact-become.content .section1 .box .right form .row .column i { font-size: 0.16rem; color: #D13030; margin-right: 0.05rem; }

.Contact-become.content .section1 .box .right form .row .column input { flex: 1; width: 0; height: 0.52rem; font-size: 0.16rem; }

.Contact-become.content .section1 .box .right form .row .column textarea { width: 100%; height: 1.3rem; padding: 0.2rem 0; font-size: 0.16rem; }

.Contact-become.content .section1 .box .right form .row .column.w100 { width: 100%; }

.Contact-become.content .section1 .box .right form .row.agree { display: flex; flex-wrap: wrap; }

.Contact-become.content .section1 .box .right form .row.agree .check { width: 0.2rem; height: 0.2rem; border: 1px solid #004EA2; display: inline-block; border-radius: 0.04rem; position: relative; margin-right: 0.1rem; cursor: pointer; }

.Contact-become.content .section1 .box .right form .row.agree .check:before { transition: all .5s ease; opacity: 0; content: ""; width: 0.1rem; height: 0.1rem; background: #004EA2; border-radius: 0.03rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Contact-become.content .section1 .box .right form .row.agree .check.active:before { opacity: 1; }

.Contact-become.content .section1 .box .right form .row.agree p { width: 0; flex: 1; font-size: 0.16rem; color: #333; line-height: 1.5; }

.Contact-become.content .section1 .box .right form .row.agree p a { color: #004EA2; margin-left: 0.05rem; }

.Contact-become.content .section1 .box .right form .row .common-btn { width: 1.7rem; margin-top: 0.3rem; }

/* .About-join */
.About-join .content { padding-bottom: 1.2rem; }

.About-join .content .title-box { display: block; }

.About-join .content .title-box .title { text-align: center; }

.About-join .content .title-box .title p { margin: 0 0 0.15rem 0; }

.About-join .content .title-box .title h3 { font-family: "SourceHanSans-Bold"; padding-bottom: 0.4rem; }

.About-join .content .title-box .btn { width: 2.2rem; height: 0.6rem; font-size: 0.18rem; color: #fff; background: #004EA2; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin: 0.3rem auto 0; }

.About-join .content .title-box .btn i { font-size: 0.2rem; margin-left: 0.1rem; position: relative; top: 0.02rem; transition: all .5s ease; }

.About-join .content .title-box .btn:hover i { margin-left: 0.15rem; }

.About-join .content .box { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-top: 0.7rem; }

.About-join .content .box .img { width: 49.2%; overflow: hidden; border-radius: 0.12rem; }

.About-join .content .box .img img { width: 100%; height: 100%; object-fit: cover; }

.About-join .content .box .text { width: 48.8%; padding: 0.6rem 0.8rem; background: #F7F7F7; border-radius: 0.12rem; }

.About-join .content .box .text .tit { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: #333; display: flex; justify-content: center; align-items: center; }

.About-join .content .box .text .tit span { width: 0.5rem; height: 1px; background: #CBCBCB; margin: 0 0.3rem; }

.About-join .content .box .text ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About-join .content .box .text ul li { width: 33.333%; text-align: center; margin-top: 0.5rem; }

.About-join .content .box .text ul li img { width: 1rem; margin: 0 auto; }

.About-join .content .box .text ul li p { font-size: 0.2rem; margin-top: 0.1rem; }

/* About-join-pos */
.About-join-pos .section1 h3 { font-size: 0.32rem; color: #333333; margin-bottom: 0.4rem; font-family: "SourceHanSans-Medium"; }

.About-join-pos .section1 .table-box { height: auto; overflow: hidden; }

.About-join-pos .section1 .table-box .table-title { width: 100%; overflow: hidden; line-height: 0.6rem; background: #F9F9F9; }

.About-join-pos .section1 .table-box .table-title .item { width: 14.28%; float: left; text-align: center; font-size: 0.16rem; color: #8C8D8F; position: relative; }

.About-join-pos .section1 .table-box .table { height: auto; overflow: hidden; }

.About-join-pos .section1 .table-box .table li { height: auto; overflow: hidden; border-bottom: 1px solid #E2E3E4; }

.About-join-pos .section1 .table-box .table li .item { width: 14.28%; line-height: 0.65rem; float: left; text-align: center; font-size: 0.16rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.About-join-pos .section1 .table-box .table li .item .iconfont { font-size: 0.18rem; color: #07243F; transition: all .5s ease; display: inline-block; transform: rotate(90deg); }

.About-join-pos .section1 .table-box .table li .con { height: auto; overflow: hidden; padding: 0.3rem; display: none; background: #F9F9F9; }

.About-join-pos .section1 .table-box .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 25px; }

.About-join-pos .section1 .table-box .table li .con .bb .tt { font-size: 0.2rem; color: #333; margin-bottom: 0.2rem; font-family: "SourceHanSans-Medium"; text-indent: 0.15rem; }

.About-join-pos .section1 .table-box .table li .con .bb p { font-size: 0.16rem; color: #8C8D8F; line-height: 0.26rem; position: relative; margin-bottom: 0.08rem; position: relative; padding-left: 0.15rem; }

.About-join-pos .section1 .table-box .table li .con .bb p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #004EA2; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0.12rem; }

.About-join-pos .section1 .table-box .table li .con .bb p a { color: #004EA2; }

.About-join-pos .section1 .table-box .table li .con .bb:last-child { margin: 0; }

.About-join-pos .section1 .table-box .table li.active { border: 0; }

.About-join-pos .section1 .table-box .table li.active .item .iconfont { transform: rotate(270deg); }

/* About-join-pos-xq */
.About-join-pos-xq .top { margin-bottom: 0.4rem; }

.About-join-pos-xq .top .tit { display: flex; justify-content: space-between; align-items: center; }

.About-join-pos-xq .top .tit h2 { font-size: 0.26rem; color: #333; font-family: "SourceHanSans-Bold"; }

.About-join-pos-xq .top .tit p { font-size: 0.2rem; color: #4296ED; }

.About-join-pos-xq .top .info { display: flex; justify-content: space-between; font-size: 0.2rem; color: #999; margin-top: 0.25rem; }

.About-join-pos-xq .top .info h3 { color: #333333; }

.About-join-pos-xq .line { border-bottom: 1px solid #F4F4F4; margin-top: 0.4rem; }

.About-join-pos-xq .text-box { height: auto; }

.About-join-pos-xq .text-box h2 { font-size: 0.2rem; color: #333; font-weight: bold; margin: 0.4rem 0 0.2rem; }

.About-join-pos-xq .text-box p { font-size: 0.16rem; color: #666; line-height: 0.24rem; margin-bottom: 0.1rem; position: relative; padding-left: 0.15rem; }

.About-join-pos-xq .text-box p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #4296ED; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0.08rem; }

.About-join-pos-xq .text-box p a { color: #004EA2; }

.About-join-pos-xq .text-box .bb { height: 0.2rem; }

.Search.content { overflow: hidden; }

.Search.content .title-box { margin-bottom: 0.2rem; }

.Search.content .title-box .title { width: 100%; text-align: center; }

.Search.content .form { width: 7.3rem; height: auto; overflow: hidden; margin: 0 auto; }

.Search.content .form .box { padding-left: 0.2rem; margin: 0 auto 0.15rem; background: #f8f8f8; display: flex; align-items: center; border-radius: 0.5rem; overflow: hidden; }

.Search.content .form .box input { flex: 1; height: 0.5rem; font-size: 0.16rem; padding: 0 0.2rem; float: left; }

.Search.content .form .box .btn { line-height: 0.6rem; padding: 0 0.3rem 0 0.1rem; height: 0.6rem; font-size: 0.16rem; color: #004EA2; cursor: pointer; }

.Search.content .form .res { font-size: 0.16rem; color: #636B76; padding-left: 0.4rem; }

.Search.content .filter { width: 10rem; height: auto; overflow: hidden; margin: 0.4rem auto 0; position: relative; }

.Search.content .filter::before { content: ""; width: 100%; height: 1px; background: #E9EBEF; position: absolute; left: 0; bottom: 0; }

.Search.content .filter .swiper-wrapper { justify-content: center; }

.Search.content .filter a { line-height: 0.6rem; width: auto; text-align: center; padding: 0 0.3rem; font-size: 0.2rem; margin-right: 3rem; transition: all .5s ease; }

.Search.content .filter a.active, .Search.content .filter a:hover { color: #004EA2; border-bottom: 1px solid #004EA2; }

.Search.content .filter a:last-child { margin-right: 0; }

.Search.content .nodate { text-align: center; margin: 5% 0; }

.Search.content .nodate img { width: 3.5rem; display: block; margin: 0 auto 3%; }

.Search.content .nodate p { font-size: 0.16rem; color: #999; }

.Search.content .list { margin-top: 0.8rem; }

.Search.content .list .tit { font-size: 0.2rem; font-family: "SourceHanSans-Medium"; color: #071329; }

/* Page404 */
.Page404 .banner { height: 5rem !important; }

.Page404 .content { padding: 1rem 0; }

.Page404 .content .img { margin: 0 auto; display: block; }

.Page404 .content .text { display: flex; align-items: center; justify-content: center; margin: 0.4rem auto 0; }

.Page404 .content .text h1 { font-size: 0.5rem; color: #333; display: inline-block; font-weight: bold; }

.Page404 .content .text .p { display: flex; align-items: center; }

.Page404 .content .text .p p { width: 3rem; font-size: 0.14rem; line-height: 0.18rem; color: #333; margin: 0 0.15rem; }

.Page404 .content .text .p .btn11 { padding: 0 0.2rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.14rem; border: 1px solid #004EA2; color: #004EA2; text-align: center; display: block; float: left; }

.Page404 .content .text .p .btn11 i { font-size: 0.14rem; color: #004EA2; }

/* Legal */
.Legal.content .title-box { margin-bottom: 0.5rem; }

.Legal.content .title-box .title { width: 100%; text-align: center; }

.Legal.content h4 { font-size: 0.2rem; color: #333; margin: 0.4rem 0 0.2rem; }

.Legal.content p { font-size: 0.16rem; color: #666; margin-bottom: 0.1rem; line-height: 0.28rem; }

.Legal.content table { width: 100%; border-collapse: collapse; }

.Legal.content table td { font-size: 0.16rem; color: #666; padding: 0.2rem; border: 1px solid #eee; line-height: 0.24rem; }

/* Sitemap */
.Sitemap.content .title-box { margin-bottom: 0.2rem; }

.Sitemap.content .title-box .title { width: 100%; text-align: center; }

.Sitemap.content dl { height: auto; overflow: hidden; padding-bottom: 0.2rem; margin-top: 0.35rem; border-bottom: 1px solid #eee; }

.Sitemap.content dl dt { font-size: 0.22rem; color: #000; font-family: "SourceHanSans-Medium"; }

.Sitemap.content dl dt a { color: #000; }

.Sitemap.content dl dt a:hover { color: #004EA2; }

.Sitemap.content dl dd { height: auto; overflow: hidden; margin-top: 0.25rem; display: flex; flex-wrap: wrap; }

.Sitemap.content dl dd a { width: auto; font-size: 0.18rem; color: #333; margin-bottom: 0.15rem; margin-right: 0.5rem; }

.Sitemap.content dl dd a:hover { color: #004EA2; }

.no-data { text-align: center; padding: 0.6rem 0; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.no-data img { width: 1.2rem; margin-bottom: 0.1rem; }

.no-data p { font-size: 0.18rem; color: #666; line-height: 1.7; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 0.4rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  /* header */
  .header { top: 0 !important; }
  .header .logos .logo1 { width: 0.77rem; height: 0.55rem; }
  .header .logos span { width: 1px; height: 0.55rem; background: rgba(255, 255, 255, 0.2); display: block; margin: 0 0.25rem; }
  .header .logos .logo2 { width: 1.01rem; height: 0.57rem; }
  .header .right { height: 1rem; }
  .header .right .menu { width: 0.45rem; height: 0.45rem; position: relative; margin: auto; transition: 0.3s; }
  .header .right .menu .bar { height: 0.04rem; width: 100%; display: block; position: absolute; left: 0; background: #fff; transition: 0.3s; }
  .header .right .menu .bar:nth-of-type(1) { top: 0.05rem; transition: top 0.2s ease,transform 0.2s ease-out; }
  .header .right .menu .bar:nth-of-type(2) { top: 0.2rem; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .right .menu .bar:nth-of-type(3) { top: 0.36rem; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .right .menu.active .bar:nth-of-type(1) { top: 0.21rem; transform: rotate(45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header .right .menu.active .bar:nth-of-type(2) { opacity: 0; }
  .header .right .menu.active .bar:nth-of-type(3) { top: 0.21rem; transform: rotate(-45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header .submenu { display: none; }
  .header .submenu-xs { width: 100%; height: calc(100vh - .98rem); overflow: auto; background: #fff; position: absolute; left: 0; top: 0.98rem; border-top: 1px solid #eee; display: none; }
  .header .submenu-xs dl { height: auto; overflow: hidden; }
  .header .submenu-xs dl a { display: block; }
  .header .submenu-xs dl dt { font-size: 0.3rem; line-height: 0.95rem; padding: 0 0.3rem; border-bottom: 1px solid #eee; color: #000; position: relative; }
  .header .submenu-xs dl dt i { font-size: 0.34rem; margin-right: 0.2rem; vertical-align: -0.02rem; }
  .header .submenu-xs dl dt i.icon-add { z-index: 3; color: #999; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1.8rem; text-align: right; margin-right: 0; padding-right: 0.3rem; }
  .header .submenu-xs dl dt i.icon-add.active:before { content: "\e67a"; }
  .header .submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0.5rem 0.3rem 0.2rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl dd a { width: 100%; margin-bottom: 0.3rem; font-size: 0.28rem; color: #333; line-height: 1.5; padding-bottom: 0.3rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  .header .submenu-xs form { width: 80%; height: auto; overflow: hidden; padding: 0 0.3rem; border: 1px solid #efefef; border-radius: 0.5rem; margin: 0.5rem auto; display: flex; align-items: center; justify-content: space-between; }
  .header .submenu-xs form input { flex: 1; height: 0.7rem; font-size: 0.26rem; }
  .header.white .right .menu .bar, .header:hover .right .menu .bar { background: #000; }
  /* footer */
  .footer .top { padding: 0.7rem 0 0.5rem; flex-wrap: wrap; }
  .footer .top .left ul { flex-wrap: wrap; }
  .footer .top .left ul li { width: 100%; font-size: 0.26rem; margin-right: 0; margin-bottom: 0.35rem; }
  .footer .top .left ul li i { font-size: 0.32rem; margin-right: 0.15rem; }
  .footer .top .right ul li { margin-left: 0.3rem; width: 0.6rem; height: 0.6rem; }
  .footer .top .right ul li .icon { width: 0.6rem; height: 0.6rem; }
  .footer .top .right ul li .icon i { font-size: 0.35rem; }
  .footer .top .right ul li.linkin { background: #3D8BBD; }
  .footer .top .right ul li.youtube { background: #EA3323; }
  .footer .top .right ul li.facebook { background: #435994; }
  .footer .top .right ul li.ins { background: #E80D72; }
  .footer .top .right ul li.twitter { background: #000; }
  .footer .bottom { flex-wrap: wrap; }
  .footer .bottom .left { width: 100%; font-size: 0.26rem; line-height: 1.75; }
  .footer .bottom .right { width: 100%; margin-top: 0.3rem; }
  .footer .bottom .right ul { flex-wrap: wrap; }
  .footer .bottom .right ul li { font-size: 0.26rem; padding-left: 0.2rem; margin-left: 0.2rem; }
  .common-btn { font-size: 0.26rem; height: 0.8rem; border-radius: 0.5rem; }
  .common-btn i { font-size: 0.26rem; margin-left: 0.1rem; }
  .title-box .title p { font-size: 0.26rem; margin-top: 0.3rem; }
  /* quote */
  .quote { padding: 0.9rem 0; }
  .quote form { flex-wrap: wrap; }
  .quote form .column { flex: 0 0 100%; padding: 0; margin-right: 0; background: transparent; flex-wrap: wrap; margin-top: 0.4rem; }
  .quote form .column span { width: 100%; font-size: 0.26rem; margin-right: 0.15rem; color: #fff; margin-bottom: 0.15rem; }
  .quote form .column input { height: 0.8rem; background: #fff; border-radius: 0.08rem; padding: 0 0.2rem; }
  .quote form .column.long { flex: 0 0 100%; }
  .quote form .column:first-child { margin-top: 0; }
  .quote form .btn { width: 100%; font-size: 0.28rem; height: 0.8rem; margin-top: 0.5rem; }
  /* Index */
  .Index .banner .swiper-slide { position: relative; overflow: hidden; z-index: 0; }
  .Index .banner .swiper-slide .img, .Index .banner .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }
  .Index .banner .swiper-slide .txt { width: 90%; top: 25%; }
  .Index .banner .swiper-slide .txt h3 { font-size: 0.5rem; line-height: 0.7rem; }
  .Index .banner .mouse .icon-shubiao { font-size: 0.5rem; }
  .Index .banner .swiper-button-next { right: 0.3rem; transform: scale(0.75); }
  .Index .banner .swiper-button-prev { left: 0.3rem; transform: scale(0.75); }
  .Index .product .bg .swiper-slide .tip.tip1 { right: 0.4rem; top: 0.4rem; }
  .Index .product .bg .swiper-slide .tip.tip2 { right: 1.5rem; top: 0.98rem; }
  .Index .product .bg .swiper-slide .tip.tip3 { right: 1.7rem; top: 0; }
  .Index .product .bg .swiper-slide .tip.tip4 { right: 3.19rem; top: 0.68rem; }
  .Index .product .bg .swiper-slide .tip.tip5 { right: 1.8rem; top: 1.93rem; }
  .Index .product .text { padding-top: 0; position: relative; background: #004EA2; margin-top: -0.2rem; }
  .Index .product .text .title-box { position: absolute; left: 0.4rem; top: -6.5rem; }
  .Index .product .text .tabs { width: 100%; display: flex; }
  .Index .product .text .tabs .item { padding-bottom: 0.3rem; }
  .Index .product .text .tabs .item:last-child { margin-right: 0; }
  .Index .product .text .slide { position: relative; margin-top: 0.6rem; }
  .Index .product .text .slide .swiper-slide h3 { font-size: 0.42rem; margin-bottom: 0.3rem; }
  .Index .product .text .slide .swiper-slide .item { font-size: 0.26rem; line-height: 1.75; margin-top: 0.15rem; padding-left: 0.3rem; }
  .Index .product .text .slide .swiper-slide .item i { font-size: 0.16rem; margin-right: 0.1rem; position: absolute; left: 0; top: 0.06rem; }
  .Index .product .text .slide .swiper-slide ul { display: flex; margin-top: 0.25rem; }
  .Index .product .text .slide .swiper-slide ul li { font-size: 0.13rem; color: #fff; padding: 0 0.13rem; height: 0.32rem; margin-right: 0.07rem; display: flex; align-items: center; background: rgba(255, 255, 255, 0.23); border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 0.04rem; }
  .Index .product .text .slide .swiper-slide .common-btn { margin-top: 0.5rem; }
  .Index .solution { height: 12.4rem; padding-top: 0.9rem; background: url(../images/index/solution-bg-xs.webp) no-repeat bottom/cover; }
  .Index .solution .title-box { margin-bottom: 0.3rem; }
  .Index .solution .text { width: 100%; margin: 0.2rem auto 0; }
  .Index .solution .text h4 { font-size: 0.34rem; margin-bottom: 0.2rem; line-height: 1.4; }
  .Index .solution .text p { font-size: 0.26rem; line-height: 1.875; }
  .Index .solution .text .common-btn { margin-top: 0.3rem; }
  .Index .why { height: 13.88rem; padding-top: 0.8rem; background: url(../images/index/why-bg-xs.webp) no-repeat top/cover; }
  .Index .why .container { display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .Index .why .title-box { width: 100%; }
  .Index .why ul { margin-top: 0; justify-content: center; }
  .Index .why ul li { flex: 0 0 33.333%; margin-top: 0.4rem; }
  .Index .why ul li .icon { width: 0.6rem; }
  .Index .why ul li .text h3 { font-size: 0.26rem; }
  .Index .why ul li .text p { font-size: 0.26rem; line-height: 1.6; }
  .Index .why .common-btn { margin: 0.4rem auto 0; }
  .Index .news { padding: 1rem 0; }
  .Index .news .title-box .btns .btn-prev, .Index .news .title-box .btns .btn-next { width: 0.6rem; height: 0.6rem; margin-left: 0.2rem; }
  .Index .news .title-box .btns .btn-prev i, .Index .news .title-box .btns .btn-next i { font-size: 0.24rem; }
  .Index .news .slide { padding: 0 0.4rem; }
  .Index .news .slide .swiper-slide .text h3 { height: 1rem; font-size: 0.3rem; line-height: 1.6; }
  .Index .news .slide .swiper-slide .text p { font-size: 0.26rem; margin-top: 0.15rem; display: none; }
  .Index .news .slide .swiper-slide .text .date { margin-top: 0.2rem; display: block; }
  .Index .partners { padding-bottom: 1rem; flex-wrap: wrap; background: url(../images/index/partners-bg-xs.webp) no-repeat center/cover; }
  .Index .partners .left { width: 100%; padding: 0.7rem 0.4rem; background: transparent; text-align: center; }
  .Index .partners .left .title-box { text-align: center; }
  .Index .partners .left .box { margin-top: 0.5rem; }
  .Index .partners .left .box ul { justify-content: center; }
  .Index .partners .left .box ul li .item { width: 1.5rem; height: 1.5rem; }
  .Index .partners .right { width: 100%; padding: 0 0.4rem; }
  .Index .partners .right .slide .swiper-slide { border-radius: 0.3rem; }
  .Index .partners .right .slide .swiper-slide .img { height: 4rem; }
  .Index .partners .right .slide .swiper-slide .text { width: 100%; height: 7rem; padding: 0.4rem 0.4rem 0.4rem; border-radius: 0; backdrop-filter: blur(0); background-color: #fff; position: relative; left: 0; }
  .Index .partners .right .slide .swiper-slide .text .top .photo { width: 1.4rem; height: 1.4rem; position: relative; top: -0.9rem; }
  .Index .partners .right .slide .swiper-slide .text .txt { margin-top: -0.2rem; }
  .Index .partners .right .slide .swiper-slide .text .txt h3 { font-size: 0.32rem; }
  .Index .partners .right .slide .swiper-slide .text .txt p { font-size: 0.26rem; margin: 0.1rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
  .Index .partners .right .slide .swiper-slide .text .txt .more { font-size: 0.26rem; margin-top: 0.4rem; }
  .Index .partners .right .slide .swiper-slide .text .txt .more i { font-size: 0.36rem; position: relative; top: -0.05rem; }
  .Index .partners .right .btns { left: auto; top: auto; right: 0.8rem; bottom: 0.4rem; }
  .Index .partners .right .btns .btn-prev, .Index .partners .right .btns .btn-next { width: 0.7rem; height: 0.7rem; }
  .Index .partners .right .btns .btn-prev i, .Index .partners .right .btns .btn-next i { font-size: 0.3rem; }
  .Index .service { background: url(../images/index/service-bg-xs.webp) no-repeat center/cover; padding: 0.9rem 0 1rem; }
  .Index .service .title-box { width: 100%; }
  .Index .service ul { margin-top: 1.4rem; }
  .Index .service ul li { width: 48%; height: 3.4rem; padding: 0.4rem; margin-bottom: 0.25rem; }
  .Index .service ul li .icon { width: 0.7rem; }
  .Index .service ul li h3 { font-size: 0.26rem; margin-top: 0.3rem; }
  .Index .service ul li h4 { font-size: 0.4rem; left: 0.4rem; bottom: 0.4rem; }
  /* Nei-page */
  .Nei-page .banner { height: 6rem; margin-top: 1rem; }
  .Nei-page .banner .text { width: 100%; padding: 0; bottom: 0.6rem; }
  .Nei-page .banner .text h3 { font-size: 0.5rem; margin-bottom: 0.2rem; }
  .Nei-page .banner .text p { width: 100%; font-size: 0.24rem; line-height: 1.75; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide { font-size: 0.28rem; padding: 0.3rem 0; margin-left: 0.6rem; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide:hover:after { width: 0; }
  .Nei-page .content .search-box { width: 100%; flex-wrap: wrap; }
  .Nei-page .content .search-box .filter-box { width: 100%; height: 0.9rem; margin-bottom: 0.3rem; }
  .Nei-page .content .search-box .input-box { width: 100%; height: 0.9rem; }
  .Nei-page .content .search-box .input-box input { font-size: 0.28rem; }
  .Nei-page .content .search-box .input-box .btn { width: 2.2rem; font-size: 0.28rem; }
  .Nei-page .content .search-box .input-box .btn i { font-size: 0.3rem; margin-right: 0.15rem; }
  .text-img-slide { padding-bottom: 0.8rem; }
  .text-img-slide .swiper-slide { flex-direction: column-reverse; }
  .text-img-slide .swiper-slide .text { width: 100%; }
  .text-img-slide .swiper-slide .text h4 { font-style: 0.28rem; }
  .text-img-slide .swiper-slide .text h3 { font-size: 0.36rem; margin: 0.2rem 0; }
  .text-img-slide .swiper-slide .text p { font-size: 0.28rem; line-height: 1.75; }
  .text-img-slide .swiper-slide .text h5 { font-size: 0.28rem; margin-top: 0.4rem; }
  .text-img-slide .swiper-slide .text h5 i { font-size: 0.28rem; top: 0.01rem; margin-left: 0.05rem; }
  .text-img-slide .swiper-slide .img { width: 100%; margin-bottom: 0.5rem; }
  .text-img-slide .swiper-slide:hover .text h3 { color: #004EA2; }
  .text-img-slide .swiper-slide:hover .text h5 i { margin-left: 0.1rem; }
  .text-img-slide .swiper-slide:hover img { transform: scale(1.05); }
  .text-img-slide .swiper-pagination { text-align: center; }
  .text-img-slide .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.04rem; }
  .list-li-4, .list-li-3, .list-li-2 { margin: 0; }
  .list-li-4 li, .list-li-3 li, .list-li-2 li { width: 100%; padding: 0; }
  .news-list { margin-top: 0.5rem; }
  .news-list li { margin-top: 0.6rem; }
  .news-list li .img { height: auto; }
  .news-list li .text { padding-top: 0.4rem; }
  .news-list li .text h4 { font-style: 0.28rem; }
  .news-list li .text h3 { font-size: 0.36rem; margin: 0.2rem 0; }
  .news-list li .text h5 { font-size: 0.28rem; margin-top: 0.2rem; }
  .news-list li .text h5 i { font-size: 0.28rem; }
  .product-list { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }
  .product-list li { margin-top: 0.4rem; }
  .product-list li:first-child { margin-top: 0.2rem; }
  .product-list li a { height: auto !important; padding: 0 0.3rem 0.6rem; }
  .product-list li a .text h3 { font-size: 0.3rem; }
  .product-list li a .text .more { font-size: 0.26rem; margin-top: 0.2rem; }
  .product-list li a .text .more i { font-size: 0.26rem; }
  /* Product */
  .Product.content .container { flex-wrap: wrap; }
  .Product.content .xs-nav { width: 100%; position: sticky; top: 1rem; z-index: 2; padding: 0 0.4rem; overflow: hidden; margin-bottom: 0.5rem; background: #F6F6F6; }
  .Product.content .xs-nav .swiper-slide { width: auto; font-size: 0.3rem; padding: 0.3rem; transition: all .5s ease; }
  .Product.content .xs-nav .swiper-slide.active { color: #004EA2; }
  .Product.content .right { width: 100%; }
  .Product.content .right .title { font-size: 0.3rem; padding-bottom: 0.15rem; }
  .Product.content .right .title:before { content: ""; width: 100%; height: 0.03rem; background: linear-gradient(270deg, #004ea2 0%, #00ac96 100%); position: absolute; left: 0; bottom: 0; }
  .Product.content.active .xs-nav { background: transparent; }
  .Product.content.active .xs-nav .swiper-slide { width: auto; background: #F6F6F6; }
  .Product.content.active .xs-nav .swiper-slide.active { background: #004EA2; color: #fff; }
  /* Product-xq */
  .Product-xq .banner { max-height: inherit; height: auto; }
  .Product-xq .banner .bg { position: absolute; left: 0; top: 0; }
  .Product-xq .banner .info { width: 100%; padding-top: 1rem; position: relative; }
  .Product-xq .banner .info .container { padding: 0; flex-wrap: wrap; flex-direction: column-reverse; }
  .Product-xq .banner .info .txt { width: 100%; margin-top: 0.8rem; background: #fff; padding: 0.4rem 0.4rem 0.6rem; }
  .Product-xq .banner .info .txt h3 { font-size: 0.42rem; color: #000; }
  .Product-xq .banner .info .txt p { font-size: 0.26rem; line-height: 1.875; margin-top: 0.2rem; color: #333; }
  .Product-xq .banner .info .txt .use { margin-top: 0.2rem; }
  .Product-xq .banner .info .txt .use li { margin-top: 0.3rem; }
  .Product-xq .banner .info .txt .use li img { height: 0.4rem; }
  .Product-xq .banner .info .txt .btns { display: none; }
  .Product-xq .banner .info .img { width: 100%; }
  .Product-xq .banner .info .img .slide img { width: 90%; margin: 0 auto; }
  .Product-xq .banner .info .img .btns { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0.4rem; }
  .Product-xq .banner .info .img .btns .item { height: 0.66rem; background: #004EA2; color: #fff; border-radius: 0.5rem; padding: 0 0.35rem; display: flex; align-items: center; margin-right: 0.3rem; transition: all .5s ease; }
  .Product-xq .banner .info .img .btns .item i { font-size: 0.32rem; margin-right: .1rem; }
  .Product-xq .banner .info .img .btns .item i.icon-WhatsApp { color: #25D366; }
  .Product-xq .banner .info .img .btns .item:last-child { margin: 0; }
  .Product-xq.content .info .imgs { width: 100%; border-radius: 0.2rem 0.2rem 0 0; }
  .Product-xq.content .info .imgs .icon-prev, .Product-xq.content .info .imgs .icon-next { font-size: 0.5rem; left: 0.3rem; }
  .Product-xq.content .info .imgs .icon-prev.icon-next, .Product-xq.content .info .imgs .icon-next.icon-next { right: 0.3rem; }
  .Product-xq.content .info .text { width: 100%; padding: 0.75rem 0.3rem; border-radius: 0 0 0.2rem 0.2rem; }
  .Product-xq.content .info .text h3 { font-size: 0.3rem; }
  .Product-xq.content .info .text h3 i { font-size: 0.3rem; }
  .Product-xq.content .info .text p { font-size: 0.26rem; line-height: 1.8; padding-left: 1rem; }
  .Product-xq.content .info .text p span { width: 0.75rem; font-size: 0.26rem; }
  .Product-xq.content .info .text p span:after { width: 0.3rem; bottom: 0.15rem; }
  .Product-xq.content .info .text p::before { width: 0.75rem; font-size: 0.26rem; }
  .Product-xq.content .info .text p:after { top: 0.34rem; left: 0.38rem; }
  .Product-xq.content .info .text .btns { position: relative; bottom: 0; }
  .Product-xq.content .info .text .btns .btn { font-size: 0.26rem; height: 0.8rem; padding: 0 0.28rem; }
  .Product-xq.content .info .text .btns .btn i { font-size: 0.28rem; margin-right: 0.08rem; }
  .Product-xq.content .parameters { padding-top: 0.9rem; background: url(../images/product/parameters-bg-xs.webp) no-repeat top/100%; }
  .Product-xq.content .parameters .container { padding: 0; }
  .Product-xq.content .parameters .box { padding: 0.4rem 0.3rem; }
  .Product-xq.content .parameters .box .table { height: auto; overflow: auto; }
  .Product-xq.content .parameters .box .table .info1 { font-size: 0.26rem; padding: 0.2rem 0; }
  .Product-xq.content .parameters .box table tr td { font-size: 0.26rem; padding: 0.2rem; line-height: 0.24rem; }
  .Product-xq.content .parameters .box table tr.firstRow td, .Product-xq.content .parameters .box table tr th { font-size: 0.28rem !important; padding: 0.2rem !important; }
  .Product-xq.content .parameters .notice { padding: 0 0.3rem; font-size: 0.26rem; }
  .Product-xq.content .related ul { margin: 0 -0.15rem; }
  .Product-xq.content .related ul li { width: 50%; padding: 0 0.15rem; margin-top: 0.4rem; }
  .Product-xq.content .related ul li .img { height: 3.3rem; }
  .Product-xq.content .related ul li .text h3 { font-size: 0.28rem; }
  .Product-xq.content .related ul li .text h4 { font-size: 0.26rem; margin-top: 0.2rem; }
  .Product-xq.content .related ul li .text h4 i { font-size: 0.24rem; }
  .Product-xq.content .related ul li:nth-child(-n+2) { margin-top: 0; }
  .Product-xq.content .commomOrder { margin-top: 1rem; }
  .commomOrder { padding: 0.9rem 0; background: url(../images/order-bg-xs.webp) no-repeat top/100%; }
  .commomOrder .box { width: 100%; padding: 0.5rem; margin-top: 3rem; }
  .commomOrder .box h4 { font-size: 0.28rem; }
  .order-form .row { margin-top: 0.3rem; }
  .order-form .row h5 { font-size: 0.26rem; margin-bottom: 0.2rem; }
  .order-form .row input { height: 0.8rem; font-size: 0.26rem; }
  .order-form .row textarea { height: 2.2rem; font-size: 0.26rem; }
  .order-form .btn { height: 0.8rem; font-size: 0.3rem; }
  .downloadPop .box { padding: 0.4rem 0.4rem 0.6rem; }
  .downloadPop .box .title { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .downloadPop .box .title i { font-size: 0.32rem; }
  .downloadPop .box input { font-size: 0.28rem; }
  /* News */
  .News .banner .text { bottom: 0.9rem; }
  /* News-xq */
  .News-xq.content .container { padding: 0; }
  .News-xq.content .container:before { display: none; }
  .News-xq.content .left { width: 100%; padding: 0.6rem 0.3rem; }
  .News-xq.content .left .top { padding-bottom: 0.4rem; }
  .News-xq.content .left .top .other { margin-top: 0.4rem; }
  .News-xq.content .left .top .other .date { font-size: 0.26rem; }
  .News-xq.content .left .top .other .share { font-size: 0.24rem; }
  .News-xq.content .left .top .other .share span { width: 0.52rem; height: 0.52rem; }
  .News-xq.content .left .top .other .share span i { font-size: 0.3rem; }
  .News-xq.content .left .top .other .share span:hover { background: rgba(99, 99, 102, 0.05); }
  .News-xq.content .left .top .other .share span:hover i { color: #636B76; }
  .News-xq.content .left .text * { font-size: 0.28rem !important; }
  .News-xq.content .left .text img { margin: 0 auto; display: block; }
  .News-xq.content .right { width: 100%; padding: 0.8rem 0.3rem; border-top: 1px solid #eee; }
  .News-xq.content .right .title { font-size: 0.36rem; margin-bottom: 0.4rem; text-align: center; }
  .News-xq.content .right .slide { overflow: hidden; padding-bottom: 0.6rem; position: relative; }
  .News-xq.content .right .slide .swiper-slide .img { overflow: hidden; border-radius: 0.1rem; overflow: hidden; }
  .News-xq.content .right .slide .swiper-slide .img img { width: 100%; }
  .News-xq.content .right .slide .swiper-slide .text { padding-top: 0.3rem; }
  .News-xq.content .right .slide .swiper-slide .text h4 { font-size: 0.26rem; color: #A7AEB9; margin-bottom: 0.15rem; }
  .News-xq.content .right .slide .swiper-slide .text h3 { font-size: 0.32rem; color: #071329; line-height: 1.5; font-family: "SourceHanSans-Bold"; transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .News-xq.content .right .slide .swiper-slide .text p { font-size: 0.26rem; color: #636B76; line-height: 1.6; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .News-xq.content .right .slide .swiper-pagination { bottom: 0; }
  .News-xq.content .right .slide .swiper-pagination-bullet { width: 0.3rem; height: 0.06rem; background: rgba(7, 19, 41, 0.1); border-radius: 0.04rem; opacity: 1; }
  .News-xq.content .right .slide .swiper-pagination-bullet-active { background: #071329; }
  /* Support */
  .Support.content .title-box .title p { width: 100%; }
  .Support.content .section1 ul li { margin-top: 0.6rem; flex-direction: column-reverse; }
  .Support.content .section1 ul li .text { width: 100%; padding-top: 0.4rem; }
  .Support.content .section1 ul li .text h4 { font-size: 0.36rem; margin-bottom: 0.3rem; padding-left: 0.28rem; }
  .Support.content .section1 ul li .text h4:before { width: 0.08rem; height: 0.3rem; border-radius: 0.04rem 0.04rem 0.04rem 0; }
  .Support.content .section1 ul li .text p { font-size: 0.28rem; line-height: 1.875; }
  .Support.content .section1 ul li .img { width: 100%; }
  .Support.content .section1 ul li:nth-child(even) { flex-direction: column-reverse; }
  /* Support-station */
  .Support-station.content .list li .box { height: auto; }
  .Support-station.content .list li .box h4 { font-size: 0.32rem; margin-bottom: 0.3rem; }
  .Support-station.content .list li .box p { font-size: 0.28rem; margin-top: 0.2rem; position: relative; padding-left: 0.55rem; }
  .Support-station.content .list li .box p i { font-size: 0.28rem; }
  .Support-station.content .list li .box p i.icon-dingwei { font-size: 0.3rem; left: -0.01rem; }
  /* Support-download */
  .Support-download.content .search-box .tabs { width: 90%; }
  .Support-download.content .search-box .tabs .item { flex: 1; height: 0.8rem; font-size: 0.28rem; padding: 0; justify-content: center; }
  .Support-download.content .search-box .input-box { width: 90%; position: relative; margin-top: 0.3rem; margin-left: 0; }
  .Support-download.content .search-box .input-box input { padding: 0 0.2rem; }
  .Support-download.content .search-box .input-box .btn { width: auto; }
  .Support-download.content .list { margin: 0.3rem -0.15rem 0; }
  .Support-download.content .list li { margin-top: 0.4rem; padding: 0 0.15rem; }
  .Support-download.content .list li .box { height: auto; padding: 0.6rem 0.4rem 1.3rem; }
  .Support-download.content .list li .box h4 { font-size: 0.36rem; margin-bottom: 0.3rem; }
  .Support-download.content .list li .box p { font-size: 0.26rem; }
  .Support-download.content .list li .box p i { font-size: 0.26rem; }
  .Support-download.content .list li .box .other { right: 0.2rem; bottom: 0.4rem; }
  .Support-download.content .list li .box .other .item { margin-left: 0.4rem; font-size: 0.26rem; }
  .Support-download.content .list li .box .other .item i { font-size: 0.28rem; margin-left: 0.15rem; }
  .Support-download.content .list li .box .other .item:nth-child(1) { display: none; }
  /* Support-faq */
  .Support-faq.content .list li { padding: 0.32rem 0.4rem; margin-top: 0.4rem; }
  .Support-faq.content .list li dl dt { font-size: 0.36rem; line-height: 1.4; }
  .Support-faq.content .list li dl dt span { min-width: 0.48rem; line-height: 0.46rem; font-size: 0.28rem; padding: 0 0.15rem; margin-right: 0.3rem; }
  .Support-faq.content .list li dl dt i { font-size: 0.28rem; position: absolute; right: 0; bottom: 0.05rem; margin: auto; transition: all .5s ease; }
  .Support-faq.content .list li dl dd { padding-top: 0.3rem; margin-top: 0.25rem; }
  .Support-faq.content .list li dl dd p { font-size: 0.26rem; line-height: 1.75; }
  .Support-faq.content .list li.active dl dt i { transform: rotate(180deg); }
  /* Case */
  .Case.content { padding-bottom: 1.1rem; }
  .Case.content ul li { padding: 0.3rem 0.4rem; margin-bottom: 0.4rem; box-shadow: 0 0.08rem 0.2rem rgba(0, 78, 162, 0.1); }
  .Case.content ul li .text { width: 100%; flex: 1; padding: 0.3rem 0 0 0.5rem; }
  .Case.content ul li .text h3 { font-size: 0.36rem; margin-bottom: 0.2rem; line-height: 1.5; }
  .Case.content ul li .text p { font-size: 0.28rem; line-height: 1.6; }
  .Case.content ul li .text dl { margin-top: 0.4rem; }
  .Case.content ul li .text dl dd { height: 0.5rem; font-size: 0.26rem; border-radius: 0.4rem; }
  .Case.content ul li .img { width: 100%; margin-top: 0.5rem; }
  /* Solution */
  .Solution .banner .text-box { width: auto; padding: 0.5rem 0.4rem; background: #004ea2; position: static; }
  .Solution .banner .text-box h2 { font-size: 0.28rem; }
  .Solution .banner .text-box h1 { font-size: 0.4rem; }
  .Solution.content .title-box .title p { width: auto; }
  .Solution.content .section1 { padding: 1rem 0; background-color: #FAFAFA; }
  .Solution.content .section1 ul li { width: 49%; padding: 0.5rem 0.4rem 0.5rem; margin-bottom: 0.15rem; }
  .Solution.content .section1 ul li img { width: 1rem; }
  .Solution.content .section1 ul li h2 { font-size: 0.3rem; margin: 0.15rem 0; }
  .Solution.content .section1 ul li p { font-size: 0.24rem; }
  .Solution.content .section2 .box { display: block; }
  .Solution.content .section2 .box .left { width: 100%; margin-bottom: 0.2rem; }
  .Solution.content .section2 .box .right { width: 100%; }
  .Solution.content .section2 .box .right .item:first-child { margin-bottom: 0.2rem; }
  .Solution.content .section3 ul li { width: 49%; padding: 0.3rem 0.2rem; }
  .Solution.content .section3 ul li::before { display: none; }
  .Solution.content .section3 ul li img { width: 1.1rem; }
  .Solution.content .section3 ul li h2 { font-size: 0.3rem; }
  .Solution.content .section3 ul li p { font-size: 0.24rem; }
  /* About */
  .About.content .section1 .box .text { width: 100%; padding-top: 0; }
  .About.content .section1 .box .text h4 { font-size: 0.26rem; line-height: 1.75; }
  .About.content .section1 .box .text p { font-size: 0.26rem; line-height: 1.75; margin-top: 0.15rem; }
  .About.content .section1 .box .right { width: 100%; padding-top: 0.5rem; display: flex; flex-direction: column-reverse; }
  .About.content .section1 .box .right img { width: 100%; }
  .About.content .section1 .box .right .nums { width: 100%; position: relative; display: flex; justify-content: space-between; }
  .About.content .section1 .box .right .nums .item { width: 48%; margin-bottom: 0.4rem; }
  .About.content .section1 .box .right .nums .item ul li { text-align: center; margin-top: 0.5rem; }
  .About.content .section1 .box .right .nums .item ul li h4 { font-size: 0.26rem; }
  .About.content .section1 .box .right .nums .item ul li h4 span { font-size: 0.42rem; }
  .About.content .section1 .box .right .nums .item ul li p { font-size: 0.24rem; line-height: 1.5; margin-top: 0.15rem; }
  .About.content .section1 .box .right .nums .item ul li:first-child { margin-top: 0; }
  .About.content .section1 .box .right .nums .item:nth-child(1) { margin-left: 0; }
  .About.content .section2 { height: 8.72rem; background: url(../images/about/section2-bg-xs.webp) no-repeat top/100%; }
  .About.content .section2 .slide { margin-top: 0.5rem; }
  .About.content .section2 .slide .swiper-slide h4 { font-size: 0.34rem; line-height: 1.4; }
  .About.content .section2 .slide .swiper-slide p { font-size: 0.26rem; line-height: 1.6; margin-top: 0.15rem; }
  .About.content .section3 { padding: 0.5rem 0 1rem; background: url(../images/about/section3-bg-xs.webp) no-repeat top/cover; }
  .About.content .section3:before { display: none; }
  .About.content .section3 .left { width: 100%; position: static; }
  .About.content .section3 .left .title-box .title { width: 100%; text-align: center; }
  .About.content .section3 .left .title-box .title h3 { line-height: 1.5; }
  .About.content .section3 .right { width: 100%; }
  .About.content .section3 .right ul:before { left: 0.06rem; }
  .About.content .section3 .right ul li { margin-top: 0.5rem; padding-left: 0.7rem; }
  .About.content .section3 .right ul li:before { width: 0.19rem; height: 0.19rem; border: 2px solid #004EA2; top: 0.07rem; left: -0.01rem; }
  .About.content .section3 .right ul li:after { width: 0.4rem; height: 0.4rem; left: -0.12rem; top: -0.04rem; }
  .About.content .section3 .right ul li h4 { font-size: 0.36rem; margin-bottom: 0.3rem; }
  .About.content .section3 .right ul li p { font-size: 0.26rem; margin-top: 0.15rem; padding-left: 0.3rem; }
  .About.content .section3 .right ul li p:before { width: 0.1rem; height: 0.1rem; top: 0.09rem; }
  .About.content .section4 { height: 7.8rem; padding-top: 0; background: url(../images/about/section4-bg-xs.webp) no-repeat bottom/cover; }
  .About.content .section4 .slide { overflow: visible; }
  .About.content .section4 .slide .swiper-slide { height: 4rem; padding: 0.5rem 0.15rem; }
  .About.content .section4 .slide .swiper-slide .icon { margin: 0 auto 0.3rem; }
  .About.content .section4 .slide .swiper-slide h4 { min-height: 1rem; font-size: 0.24rem; padding: 0 0.6rem; line-height: 1.6; }
  /* About-gaikuang */
  .About-gaikuang.content .section1 .top .text-box { display: block; padding-bottom: 0.6rem; }
  .About-gaikuang.content .section1 .top .text-box .right { width: auto; padding-top: 0.6rem; }
  .About-gaikuang.content .section1 .top .text-box .right h2 { font-size: 0.4rem; margin-bottom: 0.4rem; }
  .About-gaikuang.content .section1 .top .text-box .right p { font-size: 0.26rem; line-height: 1.7; }
  .About-gaikuang.content .section1 .top .img-box img { display: block; width: 100%; }
  .About-gaikuang.content .section1 .center { padding-top: 1rem; }
  .About-gaikuang.content .section1 .center .text-box { display: block; padding-bottom: 0.5rem; }
  .About-gaikuang.content .section1 .center .text-box h2 { font-size: 0.4rem; line-height: 0.55rem; margin-bottom: 0.4rem; }
  .About-gaikuang.content .section1 .center .text-box .text { width: auto; }
  .About-gaikuang.content .section1 .center .text-box .text p { font-size: 0.26rem; line-height: 1.7; margin-bottom: 0.15rem; }
  .About-gaikuang.content .section1 .bottom { display: block; }
  .About-gaikuang.content .section1 .bottom .video-box { width: 100%; height: 4rem; }
  .About-gaikuang.content .section1 .bottom .video-box::before { width: 0.8rem; height: 0.8rem; }
  .About-gaikuang.content .section1 .bottom .tongji { width: 100%; margin-top: 0.8rem; }
  .About-gaikuang.content .section1 .bottom .tongji ul { display: flex; flex-wrap: wrap; }
  .About-gaikuang.content .section1 .bottom .tongji ul li h2 { font-size: 0.26rem; }
  .About-gaikuang.content .section1 .bottom .tongji ul li p { font-size: 0.26rem; }
  .About-gaikuang.content .section2 { height: auto; background: url("../images/about-gaikuang/bg-section2-xs.webp") center no-repeat fixed; background-size: cover; }
  .About-gaikuang.content .section2 .container { height: auto; padding-bottom: 0.8rem; }
  .About-gaikuang.content .section2 .title { position: static; transform: none; padding: 1rem 0; }
  .About-gaikuang.content .section2 .title h2 { font-size: 0.4rem; margin-bottom: 0.4rem; }
  .About-gaikuang.content .section2 .title p { font-size: 0.26rem; line-height: 0.4rem; }
  .About-gaikuang.content .section2 .logos-box { width: 100%; position: static; display: flex; flex-wrap: wrap; }
  .About-gaikuang.content .section2 .logos-box.left .logos, .About-gaikuang.content .section2 .logos-box.right .logos { display: block; position: static; animation: none; width: 20%; height: auto; margin-right: 6.6%; opacity: 1; margin-bottom: 0.3rem; }
  .About-gaikuang.content .section2 .logos-box.left .logos:nth-child(4n), .About-gaikuang.content .section2 .logos-box.right .logos:nth-child(4n) { margin-right: 0; }
  .About-gaikuang.content .section3 { padding: 0.8rem 0 2rem; background: url("../images/about-gaikuang/section3-bg-xs.webp") no-repeat center/cover; }
  .About-gaikuang.content .section3 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .About-gaikuang.content .section3 .title-box p { font-size: 0.26rem; }
  .About-gaikuang.content .section3 .text { width: 100%; padding-top: 0; }
  .About-gaikuang.content .section3 .text .nums .item h4 { font-size: 0.26rem; }
  .About-gaikuang.content .section3 .text .nums .item p { font-size: 0.26rem; }
  .About-gaikuang.content .section3 .img { width: 100%; margin-top: 0.8rem; }
  /* About-shili */
  .About-shili .section1 .title-box .title p { margin: 0 0 0.8rem 0; font-size: 0.26rem; }
  .About-shili .section1 .title-box .title h2 { font-size: 0.4rem; }
  .About-shili .section1 ul { flex-wrap: wrap; }
  .About-shili .section1 ul li { width: 48.5%; margin-bottom: 0.18rem; }
  .About-shili .section1 ul li h2 { font-size: 0.32rem; }
  .About-shili .section1 ul li p { font-size: 0.26rem; }
  .About-shili .section2::before { height: 8.5rem; background: url("../images/about-shili/bg-shiyan-xs.webp") center no-repeat; background-size: cover; }
  .About-shili .section2 .title-box { margin-bottom: 0.8rem; }
  .About-shili .section2 .title-box .title { width: 100%; }
  .About-shili .section2 .slide .swiper-slide p { height: 1rem; font-size: 0.26rem; }
  .About-shili .section3 .slide .img { height: 5rem; }
  .About-shili .section3 .slide .swiper-horizontal > .swiper-scrollbar, .About-shili .section3 .slide .swiper-scrollbar.swiper-scrollbar-horizontal { height: 0.04rem; }
  .About-shili .section4 { background: url("../images/about-shili/bg-gongyi-xs.webp") center no-repeat; background-size: cover; height: auto; padding-bottom: 1rem; }
  .About-shili .section4 .box { flex-direction: column; padding-top: 0.5rem; }
  .About-shili .section4 .box .left { height: auto; padding-bottom: 0.5rem; }
  .About-shili .section4 .box .left .swiper-slide { flex-direction: column; justify-content: center; width: auto !important; padding: 0 0.3rem; }
  .About-shili .section4 .box .left .swiper-slide::before { content: ""; position: absolute; left: 0; top: 0.18rem; bottom: auto; right: 0; width: 100%; height: 0.02rem; }
  .About-shili .section4 .box .left .swiper-slide:first-child::before { top: 0.18rem; }
  .About-shili .section4 .box .left .swiper-slide span { margin: 0 auto 0.25rem; }
  .About-shili .section4 .box .left .swiper-slide p { font-size: 0.27rem; }
  .About-shili .section4 .box .img-box { width: 100%; height: 5rem; }
  /* About-culture */
  .About-culture.content { padding-bottom: 0; }
  .About-culture.content .title-box { width: 100%; height: auto; position: relative; padding: 0 0.3rem 1rem; }
  .About-culture.content .section1 { position: relative; padding-bottom: 1rem; background: url("../images/about-culture/bg-xs.webp") center bottom no-repeat fixed; background-size: 100%; }
  .About-culture.content .section1 .container { padding-top: 0; }
  .About-culture.content .section1 .bg { top: 0; bottom: 0; display: none; }
  .About-culture.content .section1 .bg img { height: 100%; object-fit: cover; }
  .About-culture.content .section1 ul { margin-top: 0; flex-wrap: wrap; }
  .About-culture.content .section1 ul li { width: 100%; min-height: 3.6rem; height: auto; margin-bottom: 0.3rem; }
  .About-culture.content .section1 ul li p { font-size: 0.24rem; }
  /* About-history */
  .About-history.content { background: url("../images/about-history/bg-xs.webp") center bottom no-repeat #fff; }
  .About-history .section1 .block-xs { padding: 0 0 2.3rem 0; position: relative; }
  .About-history .section1 .block-xs ul { z-index: 12; position: relative; padding-bottom: 0.6rem; }
  .About-history .section1 .block-xs ul li { padding-bottom: 0.45rem; }
  .About-history .section1 .block-xs ul li h2 { font-size: 0.3rem; margin-left: 0.4rem; color: #004EA2; margin-bottom: 0.15rem; font-family: "SourceHanSans-Medium"; }
  .About-history .section1 .block-xs ul li p { font-size: 0.26rem; line-height: 0.4rem; margin-left: 0.4rem; color: #666666; }
  .About-history .section1 .block-xs ul li:after { content: "\e604"; font-family: "iconfont"; font-size: 0.22rem; color: #004EA2; font-weight: bold; position: absolute; left: 0.02rem; top: 0.08rem; background: #fff; }
  .About-history .section1 .block-xs ul li:before { content: ""; height: 100%; width: 0; border-right: 1px dashed #CECDCD; position: absolute; left: 0.1rem; top: 0.12rem; }
  .About-history .section1 .block-xs ul li .img-slide { padding: 0.15rem 0 0 0.4rem; display: flex; flex-wrap: wrap; }
  .About-history .section1 .block-xs ul li .img-slide a { width: 49%; margin-right: 2%; }
  .About-history .section1 .block-xs ul li .img-slide a:nth-child(2n) { margin: 0; }
  .About-history .section1 .block-xs ul li .img-slide a img { margin: 0 0.15rem 0.15rem 0; width: 100%; }
  .About-history .section1 .block-xs ul li .img-slide a p { text-align: center; padding: 0; margin: 0; }
  .About-history .section1 .block-xs .img-xs { position: absolute; bottom: 0; width: 100%; }
  /* About-honor */
  .About-honor.content .section1 ul li { width: 48%; margin-right: 4%; padding-bottom: 0.48rem; }
  .About-honor.content .section1 ul li:nth-child(3n) { margin-right: 4%; }
  .About-honor.content .section1 ul li:nth-child(2n) { margin-right: 0; }
  .About-honor.content .section1 ul li p { font-size: 0.26rem; padding: 0 0.15rem; }
  .AboutCompliance .content { padding-bottom: 8%; }
  .AboutCompliance .content h1 { margin-bottom: 0.6rem; }
  .AboutCompliance .content h2 { font-size: 0.34rem; margin: 0.4rem 0 0.2rem; }
  .AboutCompliance .content h2.text-align { margin-top: 0.6rem; }
  .AboutCompliance .content h3 { font-size: 0.28rem; text-indent: 2em; margin: 0.2rem 0 0.15rem; }
  .AboutCompliance .content p { font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 10px; text-indent: 2em; }
  .AboutCompliance .content ul { padding-inline-start: 2em; }
  .AboutCompliance .content ul li { font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 0.15rem; }
  .AboutCompliance .content .flnav .item { width: 100%; margin-bottom: 0.25rem; }
  .AboutCompliance .content .flnav .item h3 { font-size: 0.3rem; margin-top: 0.2rem; }
  /* Contact */
  .Contact.content .section1 .box .text { width: 100%; }
  .Contact.content .section1 .box .text ul { margin-top: 0.9rem; }
  .Contact.content .section1 .box .text ul li .label { width: 2.6rem; font-size: 0.28rem; }
  .Contact.content .section1 .box .text ul li .label i { font-size: 0.4rem; margin-right: 0.3rem; position: relative; top: -0.05rem; }
  .Contact.content .section1 .box .text ul li p { font-size: 0.3rem; }
  .Contact.content .section1 .box .right { width: 100%; margin-top: 0.8rem; }
  .Contact.content .section1 .box .right img { width: 100%; }
  .Contact.content .section1 .box .right .address { padding: 0.4rem; }
  .Contact.content .section1 .box .right .address h4 { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .Contact.content .section1 .box .right .address h4 i { font-size: 0.44rem; margin-right: 0.1rem; }
  .Contact.content .section1 .box .right .address p { font-size: 0.26rem; padding-left: 0.55rem; }
  .Contact.content .section2 .left { width: 100%; }
  .Contact.content .section2 .right { width: 100%; padding: 0.45rem 0.5rem; /* form{ .row{margin-bottom: px2rem(30); h5{font-size: px2rem(26);margin-bottom: px2rem(15);} input{height: px2rem(80);font-size: px2rem(26);} textarea{height: px2rem(170);font-size: px2rem(26);padding: px2rem(20);} } .agree{font-size: px2rem(26);padding-left: px2rem(45); input{width: px2rem(28);height: px2rem(28);} } .btn{height: px2rem(80);line-height: px2rem(80);font-size: px2rem(28);margin-top: px2rem(30);border-radius: px2rem(50);} } */ }
  /* Contact-become */
  .Contact-become.content .section1 .box .img { width: 100%; }
  .Contact-become.content .section1 .box .right { width: 100%; padding: 0.3rem 0.4rem 0.6rem; }
  .Contact-become.content .section1 .box .right form .row { margin-top: 0; }
  .Contact-become.content .section1 .box .right form .row .column { width: 100%; margin-top: 0.3rem; }
  .Contact-become.content .section1 .box .right form .row .column i { font-size: 0.26rem; }
  .Contact-become.content .section1 .box .right form .row .column input { height: 0.9rem; font-size: 0.26rem; }
  .Contact-become.content .section1 .box .right form .row .column textarea { height: 1.7rem; font-size: 0.26rem; }
  .Contact-become.content .section1 .box .right form .row.agree { margin-top: 0.3rem; }
  .Contact-become.content .section1 .box .right form .row.agree .check { width: 0.32rem; height: 0.32rem; border-radius: 0.06rem; margin-right: 0.1rem; }
  .Contact-become.content .section1 .box .right form .row.agree .check:before { width: 0.16rem; height: 0.16rem; border-radius: 0.03rem; }
  .Contact-become.content .section1 .box .right form .row.agree p { font-size: 0.26rem; }
  .Contact-become.content .section1 .box .right form .row .common-btn { width: 100%; margin-top: 0.5rem; border-radius: 0.6rem; }
  /* Join */
  .About-join .content .title-box .btn { width: 2.6rem; height: 0.8rem; font-size: 0.26rem; margin: 0.4rem auto 0; }
  .About-join .content .title-box .btn i { font-size: 0.28rem; }
  .About-join .content .box { flex-direction: column-reverse; }
  .About-join .content .box .img { width: 100%; }
  .About-join .content .box .text { width: 100%; padding: 0.4rem; margin-bottom: 0.4rem; }
  .About-join .content .box .text .tit { font-size: 0.32rem; }
  .About-join .content .box .text ul li { margin-top: 0.5rem; }
  .About-join .content .box .text ul li p { font-size: 0.26rem; }
  /* About-join-pos */
  .About-join-pos .section1 h3 { font-size: 0.36rem; margin-bottom: 0.4rem; }
  .About-join-pos .section1 .table-box-xs ul li { border-bottom: 1px solid #E2E3E4; padding: 0.3rem 0; }
  .About-join-pos .section1 .table-box-xs ul li h2 { font-size: 0.3rem; display: flex; justify-content: space-between; align-items: center; font-family: "SourceHanSans-Medium"; }
  .About-join-pos .section1 .table-box-xs ul li h2 span { font-size: 0.26rem; color: #333; }
  .About-join-pos .section1 .table-box-xs ul li p { font-size: 0.26rem; color: #8C8D8F; margin-top: 0.25rem; display: flex; justify-content: space-between; align-items: center; }
  .About-join-pos .section1 .table-box-xs ul li:last-child { margin: 0; }
  /* About-join-pos-xq */
  .About-join-pos-xq .back { display: flex; align-items: center; color: #999; font-size: 0.28rem; margin-bottom: 0.4rem; }
  .About-join-pos-xq .back .iconfont { margin-right: 0.05rem; }
  .About-join-pos-xq .top { margin-bottom: 0.2rem; }
  .About-join-pos-xq .top .tit h2 { font-size: 0.32rem; }
  .About-join-pos-xq .top .tit p { font-size: 0.3rem; }
  .About-join-pos-xq .top .info { font-size: 0.26rem; margin-top: 0.2rem; color: #666; }
  .About-join-pos-xq .top .info .iconfont { margin-right: 0.05rem; display: inline-block; }
  .About-join-pos-xq .text-box h2 { font-size: 0.3rem; margin: 0.4rem 0 0.2rem; font-weight: normal; }
  .About-join-pos-xq .text-box p { font-size: 0.26rem; line-height: 0.5rem; margin-bottom: 0.1rem; padding-left: 0.3rem; color: #666; }
  .About-join-pos-xq .text-box p:before { width: 0.12rem; height: 0.12rem; top: 0.18rem; }
  .page-xs { margin-top: 0.8rem; }
  .page-xs .common-btn { width: 2.5rem; line-height: 1; margin: 0 auto; border-radius: 0.5rem; display: flex; }
  .page-xs .common-btn i { position: relative; top: -0.05rem; }
  .page-xs .no-more { text-align: center; font-size: 0.26rem; }
  .back-top { right: 0.6rem; top: 0rem; }
  .back-top span { font-size: 0.28rem; }
  .no-data { padding: 0.6rem 0; }
  .no-data p { font-size: 0.26rem; }
  .Search.content .form { width: 100%; }
  .Search.content .form .box { padding-left: 0.3rem; margin: 0 auto 0.3rem; }
  .Search.content .form .box i { font-size: 0.34rem; }
  .Search.content .form .box input { flex: 1; height: 1rem; font-size: 0.28rem; padding: 0 0.2rem; }
  .Search.content .form .box .btn { height: 1rem; line-height: 1.1rem; padding: 0 0.3rem 0 0.1rem; font-size: 0.28rem; }
  .Search.content .form .res { font-size: 0.28rem; padding-left: 0; text-align: center; }
  .Search.content .filter { width: 100%; }
  .Search.content .filter a { line-height: 0.9rem; padding: 0 0.3rem; font-size: 0.3rem; margin-right: 0.5rem; }
  .Search.content .list { margin-top: 0.5rem; }
  .Search.content .list .tit { font-size: 0.34rem; margin-bottom: 0.5rem; }
  .Search.content .product-list li:first-child, .Search.content .news-list li:first-child { margin-top: 0; }
  .Page404 .content .text { flex-wrap: wrap; }
  .Page404 .content .text h1 { font-size: 0.5rem; }
  .Page404 .content .text .p { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem; }
  .Page404 .content .text .p p { width: auto; font-size: 0.26rem; line-height: 0.4rem; }
  .Page404 .content .text .p .btn11 { height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; margin: 0.3rem auto; }
  .Page404 .content .text .p .btn11 i { font-size: 0.26rem; }
  /* Legal */
  .Legal.content h4 { font-size: 0.32rem; margin: 0.7rem 0 0.3rem; }
  .Legal.content p { font-size: 0.28rem; line-height: 0.44rem; }
  .Legal.content table td { font-size: 0.28rem; padding: 0.25rem; line-height: 0.44rem; }
  /* Sitemap */
  .Sitemap.content dl dt { font-size: 0.32rem; margin-bottom: 0.4rem; }
  .Sitemap.content dl dd { margin-top: 0.25rem; }
  .Sitemap.content dl dd a { font-size: 0.28rem; margin-bottom: 0.35rem; line-height: 1.5; } }