@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 'Poppins', 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: "Poppins"; src: url("../fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Poppins-Medium"; src: url("../fonts/Poppins-Medium.ttf") format("truetype"); 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; }

@font-face { font-family: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); 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 .logo { width: 3.8rem; height: 0.32rem; background: url(../images/logo.png) no-repeat center/100%; }

.header .right { display: flex; }

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

.header .right .nav .item { font-size: 0.16rem; 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 .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; position: fixed; background: #fff; box-shadow: 0 4px 50px 0 rgba(15, 42, 54, 0.05); }

.header .submenu .submenuItem .container { align-items: flex-start; }

.header .submenu .submenuItem .l { width: 38.7%; border-radius: 0.1rem; overflow: hidden; }

.header .submenu .submenuItem .l img { width: 100%; height: 100%; }

.header .submenu .submenuItem .r { width: 54.5%; padding-top: 0.1rem; }

.header .submenu .submenuItem .r dl dt { font-size: 0.3rem; color: #071329; text-transform: capitalize; }

.header .submenu .submenuItem .r dl dd { margin-top: 0.3rem; }

.header .submenu .submenuItem .r dl dd a { font-size: 0.16rem; color: #071329; display: inline-block; }

.header .submenu .submenuItem .r dl dd a i { font-size: 0.16rem; margin-left: 0.15rem; }

.header .submenu .submenuItem .r dl dd a:hover { color: #004EA2; transform: translateX(10px); }

.header .submenu .submenuItem .r dl dd:first-child { margin-top: 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 .logo, .header:hover .logo { background: url(../images/logo-c.png) 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 .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: "Poppins-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: "Poppins-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: hidden; 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.14rem; font-family: "Poppins-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 .right ul { display: flex; }

.footer .top .right ul li { margin-left: 0.25rem; width: 0.4rem; height: 0.4rem; display: flex; align-items: center; justify-content: center; background: #DBDBDB; border-radius: 50%; cursor: pointer; transition: all .5s ease; }

.footer .top .right ul li i { font-size: 0.2rem; color: #fff; transition: all .5s ease; }

.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 .top .right ul li:hover i { color: #fff; }

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

.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.16rem; font-family: "Poppins-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.14rem; 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; }

.sidenav { position: fixed; top: 50%; right: 0.2rem; transform: translateY(-30%); transition: all .5s ease-in-out; z-index: 20; }

.sidenav ul { padding: 0.2rem 0; position: relative; }

.sidenav ul:after { content: ""; width: calc(100% - .1rem); height: 100%; background: #fff; border-radius: 0.5rem; box-shadow: 0 0.14rem 0.2rem 0.01rem rgba(158, 177, 211, 0.3); position: absolute; right: 0; top: 0; z-index: -1; }

.sidenav ul li { width: 0.8rem; padding: 0 0.1rem 0 0.2rem; position: relative; cursor: pointer; margin-top: 0.15rem; }

.sidenav ul li .icon { width: 0.4rem; height: 0.4rem; border-radius: 50%; transition: all .5s ease; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; }

.sidenav ul li .icon i { font-size: 0.26rem; color: #071329; }

.sidenav ul li .icon .icon-whatsapp1 { color: #3AC34C; }

.sidenav ul li .pop { width: 2.4rem; position: absolute; z-index: -1; top: 50%; transform: translateY(-50%); right: -3rem; opacity: 0; padding: 0.2rem; background: #fff; border-radius: 0.1rem; box-shadow: 0 0.14rem 0.2rem 0.01rem rgba(158, 177, 211, 0.3); transition: all .5s ease; }

.sidenav ul li .pop .tit { display: flex; align-items: center; }

.sidenav ul li .pop .tit .icon { width: 0.24rem; height: 0.24rem; margin: inherit; margin-right: 0.1rem; background: #004EA2; }

.sidenav ul li .pop .tit .icon i { font-size: 0.16rem; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sidenav ul li .pop .tit .t { font-size: 0.18rem; color: #071329; }

.sidenav ul li .pop .txt { font-size: 0.2rem; color: #004EA2; margin: 0.1rem 0; display: block; }

.sidenav ul li .pop .tip { font-size: 0.16rem; color: #636B76; }

.sidenav ul li:first-child { margin-top: 0; }

.sidenav ul li:hover .icon { background: #004EA2; }

.sidenav ul li:hover .icon i { color: #fff; }

.sidenav ul li:hover .pop { right: 0.8rem; opacity: 1; }

.sidenav ul li.liemail .pop { width: 3rem; }

.sidenav ul li.liwhatsapp .pop .tit .icon { background: #3AC34C; }

.sidenav ul li.liwhatsapp:hover .icon { background: #3AC34C; }

.sidenav .back { width: 0.7rem; height: 0.7rem; margin: 0.15rem 0 0 0.1rem; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 50%; box-shadow: 0 0.14rem 0.2rem 0.01rem rgba(158, 177, 211, 0.3); transition: all .5s ease; cursor: pointer; transform: translateX(200%); }

.sidenav .back i { font-size: 0.28rem; color: #004EA2; transform: rotate(180deg); }

.sidenav .back:hover { background: #004EA2; }

.sidenav .back:hover i { color: #fff; }

.sidenav.active .back { transform: translateX(0); }

.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: "Poppins-Bold"; color: #000; text-transform: uppercase; line-height: 1.4; }

.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.66rem; font-family: Arial; font-weight: bold; line-height: 1rem; text-align: center; text-transform: uppercase; }

.Index .banner .swiper-slide .point { width: 2rem; height: 2rem; position: absolute; }

.Index .banner .swiper-slide .point:after { content: ""; width: 0.41rem; height: 0.52rem; position: absolute; left: 0; top: 0; right: 0; margin: auto; background: url(../images/index/banner_icon.png) no-repeat center/100%; }

.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: 1.4rem; }

.Index .banner .swiper-button-prev { left: 1.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: 0.5rem; 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: "Poppins-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-weight: bold; }

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

.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: 'arial'; font-weight: 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; }

.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: 3; overflow: hidden; }

.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: "Poppins-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: "Poppins-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: "Poppins-Medium"; margin-top: 0.2rem; transition: all .5s ease; }

.Index .service ul li h4 { font-size: 0.24rem; font-family: "Poppins-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; }

.Index .quote form { display: block; }

.Index .quote form .order-form-box { display: flex; justify-content: space-between; align-items: stretch; }

.Index .quote form .order-form-box .left { width: 49%; }

.Index .quote form .order-form-box .left .row:first-child { margin-top: 0; }

.Index .quote form .order-form-box .right { width: 49%; }

.Index .quote form .order-form-box .right .row { height: 100%; margin-top: 0; }

.Index .quote form.order-form .row.agree .check { border-color: #fff; }

.Index .quote form.order-form .row.agree .check::before { background: #fff; }

.Index .quote form.order-form .row.agree p { color: #fff; }

.Index .quote form.order-form .row.agree p a { color: #fff; }

.Index .quote form.order-form .row .common-btn { margin: 0.3rem auto 0; display: flex; align-items: center; }

.Index .quote form.order-form .row .common-btn.theme { background: #fff; color: #004EA2; }

.Index .quote form.order-form .row .common-btn.theme i { color: #004EA2; }

/* 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-weight: 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: "Poppins-SemiBold"; 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: "Poppins-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: "Poppins-Medium"; }

.Index1 .why ul li .text h3 span { font-size: 0.4rem; font-family: "Poppins-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: 'arial'; font-weight: 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: "Poppins-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: "Poppins-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: "Poppins-Medium"; margin-top: 0.25rem; transition: all .5s ease; }

.Index1 .service .right ul li h4 { font-size: 0.24rem; font-family: "Poppins-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%; overflow: hidden; position: relative; }

.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; bottom: 1.6rem; }

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

.Nei-page .banner .text p { width: 7.2rem; font-size: 0.18rem; line-height: 2; }

.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: "Poppins-SemiBold"; 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.4rem; 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 { 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: "Poppins-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: "Poppins-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-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: "Poppins-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: "Poppins-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 { min-height: 4.8rem; padding: 0 0.3rem 0.3rem; background: #F6F6F6; border-radius: 0.2rem; display: block; position: relative; overflow: hidden; }

.product-list li a:before { content: ""; width: 1.86rem; height: 1.18rem; background: url(../images/product/logo.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.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: "Poppins-Medium"; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.product-list li a .text .more { font-size: 0.16rem; font-family: "Poppins-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 .container { display: flex; justify-content: space-between; align-items: flex-start; }

.Product.content .leftNav { width: 4rem; position: sticky; top: 1rem; overflow: hidden; z-index: 2; }

.Product.content .leftNav .item { font-size: 0.2rem; font-family: "Poppins-Medium"; line-height: 1.5; 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 { width: 8.8rem; }

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

.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 .quote form { display: block; }

.Product .quote form .order-form-box { display: flex; justify-content: space-between; align-items: stretch; }

.Product .quote form .order-form-box .left { width: 49%; }

.Product .quote form .order-form-box .left .row:first-child { margin-top: 0; }

.Product .quote form .order-form-box .right { width: 49%; }

.Product .quote form .order-form-box .right .row { height: 100%; margin-top: 0; }

.Product .quote form.order-form .row.agree .check { border-color: #fff; }

.Product .quote form.order-form .row.agree .check::before { background: #fff; }

.Product .quote form.order-form .row.agree p { color: #fff; }

.Product .quote form.order-form .row.agree p a { color: #fff; }

.Product .quote form.order-form .row .common-btn { margin: 0.3rem auto 0; display: flex; align-items: center; }

.Product .quote form.order-form .row .common-btn.theme { background: #fff; color: #004EA2; }

.Product .quote form.order-form .row .common-btn.theme i { color: #004EA2; }

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

.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: "Poppins-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.3rem; }

.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 .crumbs-tabs { background: #f7faff; }

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

.Product-xq.content .section .title { width: 80%; font-size: 0.42rem; line-height: 1.3; font-family: "Poppins-Bold"; text-align: center; margin: 0 auto 0.6rem; }

.Product-xq.content .section .st { width: 60%; font-size: 0.24rem; font-family: "Poppins-SemiBold"; color: #333; line-height: 1.6667; text-align: center; margin: 0 auto 0.45rem; text-transform: uppercase; }

.Product-xq.content .section1 { padding: 0.7rem 0 1rem; background: #f7faff; }

.Product-xq.content .section1 .block1 { display: flex; }

.Product-xq.content .section1 .block1 .text-box { flex: 1; }

.Product-xq.content .section1 .block1 .text-box .title { width: auto; text-align: left; margin-bottom: 0.4rem; margin-top: 0.3rem; }

.Product-xq.content .section1 .block1 .text-box p { font-size: 0.16rem; color: #333; line-height: 1.875; }

.Product-xq.content .section1 .block1 img { width: 6.8rem; margin-bottom: 0.4rem; border-radius: 0.2rem; margin-left: 0.8rem; aspect-ratio: 680/420; -webkit-aspect-ratio: 680/420; }

.Product-xq.content .section1 .block2 { margin-top: 0.4rem; overflow: hidden; }

.Product-xq.content .section1 .block2 .slide { position: relative; padding-bottom: 0.5rem; }

.Product-xq.content .section1 .block2 .slide .swiper-slide { height: 5.1rem; padding: 0.4rem; background: #fff; border-radius: 0.2rem; box-shadow: 0 0.04rem 0.16rem 0 rgba(2, 29, 58, 0.08); }

.Product-xq.content .section1 .block2 .slide .swiper-slide .icon { width: 0.72rem; margin: 0 auto 0.3rem; }

.Product-xq.content .section1 .block2 .slide .swiper-slide h3 { font-size: 0.18rem; color: #333; line-height: 1.4; font-family: "Poppins-Bold"; margin-bottom: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-align: center; }

.Product-xq.content .section1 .block2 .slide .swiper-slide p { font-size: 0.16rem; color: #333; line-height: 1.5; height: 2.8rem; }

.Product-xq.content .section1 .block2 .slide .swiper-scrollbar { bottom: 0.08rem; cursor: pointer; background: transparent; text-align: center; }

.Product-xq.content .section1 .block2 .slide .swiper-scrollbar .swiper-scrollbar-drag { background: #004EA2; }

.Product-xq.content .section1 .block2 .slide .swiper-scrollbar .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0.06rem; background: #004EA2; }

.Product-xq.content .section2 { padding: 1rem 0 0; }

.Product-xq.content .section2 .tabs { position: relative; overflow: hidden; }

.Product-xq.content .section2 .tabs .swiper-wrapper { justify-content: center; }

.Product-xq.content .section2 .tabs .swiper-slide { width: auto; font-size: 0.16rem; color: #333; font-family: "Poppins-Medium"; padding: 0.18rem 0.4rem; background: #F7F8FC; border-radius: 0.5rem 0; cursor: pointer; overflow: hidden; transition: all .5s ease; }

.Product-xq.content .section2 .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(272deg, #00AC96 1.65%, #004EA2 99.04%); opacity: 0; transition: all .5s ease; position: absolute; left: 0; top: 0; z-index: -1; }

.Product-xq.content .section2 .tabs .swiper-slide.swiper-slide-thumb-active, .Product-xq.content .section2 .tabs .swiper-slide:hover { color: #fff; }

.Product-xq.content .section2 .tabs .swiper-slide.swiper-slide-thumb-active:before, .Product-xq.content .section2 .tabs .swiper-slide:hover:before { opacity: 1; }

.Product-xq.content .section2 .slide { position: relative; overflow: hidden; }

.Product-xq.content .section2 .slide .swiper-slide img { width: 100%; margin: 0.4rem auto 0.3rem; }

.Product-xq.content .section2 .slide .swiper-slide p { font-size: 0.16rem; color: #333; line-height: 1.875; margin-top: 0.1rem; position: relative; padding-left: 0.2rem; }

.Product-xq.content .section2 .slide .swiper-slide p:before { content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #00AC96; position: absolute; left: 0; top: 0.1rem; }

.Product-xq.content .section3 { padding: 1rem 0; }

.Product-xq.content .section3 .box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.Product-xq.content .section3 .box .left { width: 48%; border-bottom: 1px solid rgba(112, 112, 112, 0.13); }

.Product-xq.content .section3 .box .left dl { padding: 0.3rem 0; border-top: 1px solid rgba(112, 112, 112, 0.13); }

.Product-xq.content .section3 .box .left dl dt { font-size: 0.22rem; font-family: "Poppins-Medium"; margin-bottom: 0.2rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }

.Product-xq.content .section3 .box .left dl dt i { font-size: 0.18rem; color: #666; transition: all .5s ease; display: block; }

.Product-xq.content .section3 .box .left dl dd { display: none; }

.Product-xq.content .section3 .box .left dl dd p { font-size: 0.16rem; color: #333; line-height: 1.75; }

.Product-xq.content .section3 .box .left dl:first-child dd { display: block; }

.Product-xq.content .section3 .box .left dl.active dt i { transform: rotate(180deg); }

.Product-xq.content .section3 .box .right { width: 48%; overflow: hidden; border-radius: 0.2rem; }

.Product-xq.content .section3 .box .right img { width: 100%; }

.Product-xq.content .section4 { padding: 1rem 0; background: url(../images/product/xq-section4-bg.webp) no-repeat center/cover; }

.Product-xq.content .section4 .tabs { position: relative; overflow: hidden; }

.Product-xq.content .section4 .tabs .swiper-wrapper { justify-content: center; }

.Product-xq.content .section4 .tabs .swiper-wrapper.none { justify-content: flex-start; }

.Product-xq.content .section4 .tabs .swiper-slide { width: auto; font-size: 0.16rem; color: #333; font-family: "Poppins-Medium"; padding: 0.18rem 0.8rem; background: #F7F8FC; border-radius: 0.08rem; cursor: pointer; overflow: hidden; transition: all .5s ease; }

.Product-xq.content .section4 .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(272deg, #00AC96 1.65%, #004EA2 99.04%); opacity: 0; transition: all .5s ease; position: absolute; left: 0; top: 0; z-index: -1; }

.Product-xq.content .section4 .tabs .swiper-slide.swiper-slide-thumb-active, .Product-xq.content .section4 .tabs .swiper-slide:hover { color: #fff; }

.Product-xq.content .section4 .tabs .swiper-slide.swiper-slide-thumb-active:before, .Product-xq.content .section4 .tabs .swiper-slide:hover:before { opacity: 1; }

.Product-xq.content .section4 .slide { background: #fff; border-radius: 0.2rem; margin-top: 0.4rem; overflow: hidden; }

.Product-xq.content .section4 .slide .swiper-slide { padding: 0.4rem; border-radius: 0.08rem; }

.Product-xq.content .section4 .slide .swiper-slide .table-box { width: 100%; max-height: 6.6rem; overflow: auto; }

.Product-xq.content .section4 .slide .swiper-slide .table-box table { width: 100% !important; border-collapse: collapse; border: 1px solid #EBEBEB; }

.Product-xq.content .section4 .slide .swiper-slide .table-box table td { width: 50%; font-size: 0.16rem; padding: 0.2rem 0.2rem; font-family: "Poppins-SemiBold"; border: 1px solid #EBEBEB; }

.Product-xq.content .section4 .slide .swiper-slide .table-box table td:first-child { width: 4.5rem; font-family: "Poppins"; }

.Product-xq.content .section4 .slide .swiper-slide .table-box table tr:nth-child(even) { background-color: #f7f8fc; }

.Product-xq.content .section4 .slide .swiper-slide .table-box::-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 .section4 .slide .swiper-slide .table-box::-webkit-scrollbar-thumb { background: #004EA2; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; }

.Product-xq.content .section5 { padding: 0.8rem 0; }

.Product-xq.content .section5 .slide { position: relative; overflow: hidden; padding-bottom: 0.5rem; width: 75%; margin: 0 auto; --swiper-navigation-size: 0.5rem; --swiper-navigation-color: #fff; }

.Product-xq.content .section5 .slide .swiper-slide { border-radius: 0.2rem; overflow: hidden; /* img{width: 100%;transform: scale(0.9);@include transition} &.swiper-slide-active{ img{transform: scale(1);} } */ }

.Product-xq.content .section5 .slide .swiper-slide img { width: 100%; transition: all .5s ease; }

.Product-xq.content .section5 .slide .swiper-button-prev { left: 0.2rem; top: 45%; transform: scale(0.7); }

.Product-xq.content .section5 .slide .swiper-button-next { right: 0.2rem; top: 45%; transform: scale(0.7); }

.Product-xq.content .section5 .slide .swiper-pagination { bottom: 0; }

.Product-xq.content .section5 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0.06rem; background: #004EA2; }

.Product-xq.content .section6 { padding: 1.5rem 0; }

.Product-xq.content .section6 .slide { position: relative; overflow: hidden; padding-bottom: 0.5rem; }

.Product-xq.content .section6 .slide .swiper-slide { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product-xq.content .section6 .slide .swiper-slide .text { width: 48%; padding-top: 0.3rem; }

.Product-xq.content .section6 .slide .swiper-slide .text h3 { font-size: 0.28rem; font-family: "Poppins-SemiBold"; color: #333; line-height: 1.6; margin-bottom: 0.3rem; }

.Product-xq.content .section6 .slide .swiper-slide .text p { font-size: 0.16rem; color: #333; line-height: 1.875; }

.Product-xq.content .section6 .slide .swiper-slide .img { width: 46.2%; border-radius: 0.2rem; overflow: hidden; }

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

.Product-xq.content .section6 .slide .swiper-pagination { bottom: 0; }

.Product-xq.content .section6 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0.06rem; background: #004EA2; }

.Product-xq.content .section7 { padding: 1rem 0; background: #F7F8FC; }

.Product-xq.content .section7 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product-xq.content .section7 ul li { width: 47.8%; height: 0.99rem; background: #fff; border: 1px solid #EAE9E9; border-radius: 0.12rem; margin-bottom: 0.3rem; overflow: hidden; transition: all .5s ease; padding: 0 0.3rem; display: flex; align-items: center; justify-content: space-between; }

.Product-xq.content .section7 ul li .l { width: 85%; display: flex; align-items: center; }

.Product-xq.content .section7 ul li .l .icon-wenjian { font-size: 0.24rem; margin-right: 0.12rem; transition: all .5s ease; }

.Product-xq.content .section7 ul li .l span { width: 90%; font-size: 0.16rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; display: block; position: relative; top: 0.02rem; }

.Product-xq.content .section7 ul li .r { width: 15%; display: flex; justify-content: flex-end; }

.Product-xq.content .section7 ul li .r .icon-chakan { font-size: 0.24rem; margin-right: 0.2rem; transition: all .5s ease; cursor: pointer; }

.Product-xq.content .section7 ul li .r .icon-xiazai1 { font-size: 0.24rem; transition: all .5s ease; cursor: pointer; }

.Product-xq.content .section7 ul li:hover { background: #004EA2; border-color: #004EA2; }

.Product-xq.content .section7 ul li:hover span, .Product-xq.content .section7 ul li:hover .icon-wenjian, .Product-xq.content .section7 ul li:hover .icon-xiazai1, .Product-xq.content .section7 ul li:hover .icon-chakan { color: #fff; }

.Product-xq.content .related { padding: 1rem 0 0.5rem; }

.Product-xq.content .related .container { width: 77.5%; }

.Product-xq.content .related .slide { position: relative; padding: 0.2rem 0.2rem 0.6rem; overflow: hidden; }

.Product-xq.content .related .slide .swiper-slide { padding: 0.3rem 0.3rem 0.6rem; background: #fff; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; overflow: hidden; }

.Product-xq.content .related .slide .swiper-slide .img { overflow: hidden; }

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

.Product-xq.content .related .slide .swiper-slide .text { text-align: center; }

.Product-xq.content .related .slide .swiper-slide .text h3 { font-size: 0.2rem; font-family: "Poppins-SemiBold"; line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 0.6rem; }

.Product-xq.content .related .slide .swiper-slide .text .more { font-size: 0.16rem; color: #004EA2; margin-top: 0.2rem; display: flex; align-items: center; justify-content: center; }

.Product-xq.content .related .slide .swiper-slide .text .more i { margin-left: 0.05rem; transition: all .5s ease; display: inline-block; }

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

.Product-xq.content .related .slide .swiper-slide:hover .text .more i { margin-left: 0.1rem; }

.Product-xq.content .related .slide .swiper-pagination { bottom: 0; }

.Product-xq.content .related .slide .swiper-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.05rem; border-radius: 0.06rem; background: #004EA2; }

.order { padding-bottom: 0.2rem; }

.order .box { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: -0.7rem; }

.order .box .left { width: 48%; padding-top: 1.6rem; }

.order .box .left .title { width: 100%; text-align: left; margin-bottom: 0.2rem; font-size: 0.42rem; line-height: 1.3; font-family: "Poppins-Bold"; text-transform: uppercase; }

.order .box .left .dsc { font-size: 0.16rem; line-height: 1.75; }

.order .box .left ul { width: 80%; margin-top: 0.4rem; }

.order .box .left ul li { display: flex; align-items: flex-start; margin-top: 0.4rem; }

.order .box .left ul li .icon { width: 0.32rem; height: 0.32rem; border-radius: 0.06rem; background: #004EA2; display: flex; align-items: center; justify-content: center; margin-right: 0.25rem; position: relative; margin-top: -0.02rem; }

.order .box .left ul li .icon i { font-size: 0.16rem; color: #fff; }

.order .box .left ul li span { flex: 1; width: 0; font-size: 0.18rem; line-height: 1.6667; }

.order .box .left ul li:nth-child(odd) .icon { background: #00AC96; }

.order .box .right { width: 48%; padding: 0.7rem 0.5rem; background: #fff; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); border-radius: 0.2rem; }

.order .box .right h3 { font-size: 0.22rem; color: #071329; font-family: "Poppins-Medium"; }

form.order-form .row { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.2rem; }

form.order-form .row .column { width: 48%; background: #F6F7F9; border-radius: 0.06rem; padding: 0 0.2rem; display: flex; align-items: center; }

form.order-form .row .column i { font-size: 0.16rem; color: #D13030; margin-right: 0.05rem; }

form.order-form .row .column label { font-size: 0.16rem; margin-right: 0.1rem; }

form.order-form .row .column input, form.order-form .row .column select { flex: 1; width: 0; height: 0.52rem; font-size: 0.16rem; border: 0; background: transparent; }

form.order-form .row .column textarea { width: 100%; height: 1.7rem; padding: 0.2rem 0; font-size: 0.16rem; }

form.order-form .row .column.w100 { width: 100%; }

form.order-form .row.agree { display: flex; flex-wrap: wrap; }

form.order-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; }

form.order-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; }

form.order-form .row.agree .check.active:before { opacity: 1; }

form.order-form .row.agree p { width: 0; flex: 1; font-size: 0.16rem; color: #333; line-height: 1.5; }

form.order-form .row.agree p a { color: #004EA2; margin-left: 0.05rem; }

form.order-form .row .common-btn { width: 1.7rem; margin-top: 0.5rem; }

.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; }

/* NewsAll */
.NewsAll .block:not(:first-child) { margin-top: 1rem; }

.NewsAll .news-list { margin-top: 0; }

.NewsAll .news-list li { margin-top: 0; }

.NewsAll .common-btn { margin-top: 0.6rem; }

/* 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: "Poppins-Medium"; }

.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: "Poppins-Medium"; 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: "Poppins-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 .input-box { border: 0; border-radius: 0; width: 7.5rem; }

.Support-station.content .search-box .input-box input { margin-right: 0.2rem; border: 1px solid #d5d5d5; border-radius: 0.2rem; }

.Support-station.content .search-box .input-box .btn { border-radius: 0.2rem; }

.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: "Poppins-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.16rem; 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 .download-box .filter-list { padding-top: 0.6rem; }

.Support-download.content .download-box .filter-list a { display: inline-block; padding: 0.1rem 0.18rem; font-size: 0.16rem; border-radius: 0.2rem; }

.Support-download.content .download-box .filter-list a:last-child { margin-right: 0; }

.Support-download.content .download-box .filter-list a.active { background-color: #004EA2; color: #fff; }

.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: "Poppins-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: "Poppins-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: "Poppins-Medium"; margin-bottom: 0.2rem; line-height: 1.5; }

.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; position: relative; --swiper-navigation-color: #fff; --swiper-navigation-size: 0.3rem; }

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

.Case.content ul li .img .swiper-button-next, .Case.content ul li .img .swiper-button-prev { width: auto; height: auto; background: rgba(0, 0, 0, 0.5); padding: 0.1rem; }

.Case.content ul li .img .swiper-button-prev { left: 0; }

.Case.content ul li .img .swiper-button-next { right: 0; }

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

/* Solution */
.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 .video { position: relative; }

.Solution.content .section1 .video .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Solution.content .section1 .video .text img { width: 0.8rem; margin: 0 auto; }

.Solution.content .section1 .video .text h3 { font-size: 0.36rem; margin-top: 0.4rem; color: #fff; }

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

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

.Solution.content .section2 .box .img { width: 31.666%; }

.Solution.content .section2 .box .img img { width: 100%; }

.Solution.content .section2 .box .text { width: 63.888%; }

.Solution.content .section2 .box .text ul li { margin-top: 0.5rem; }

.Solution.content .section2 .box .text ul li h3 { font-size: 0.24rem; font-family: "Poppins-Bold"; margin-bottom: 0.2rem; }

.Solution.content .section2 .box .text ul li p { font-size: 0.16rem; color: #333; line-height: 1.875; margin-top: 0.1rem; }

.Solution.content .section2 .box .text ul li dl { margin-top: 0.3rem; }

.Solution.content .section2 .box .text ul li dl dd { font-size: 0.16rem; color: #333; line-height: 1.875; font-family: "Poppins-SemiBold"; margin-top: 0.2rem; position: relative; padding-left: 0.3rem; }

.Solution.content .section2 .box .text ul li dl dd:before { content: ""; width: 0.18rem; height: 0.16rem; background: url(../images/icon-bingo.webp) no-repeat center/100%; position: absolute; left: 0; top: 0.07rem; }

.Solution.content .section2 .box .text ul li:first-child { margin-top: 0; }

.Solution.content .section3 { padding: 0.2rem 0 1.2rem; }

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

.Solution.content .section3 ul li { width: 31%; }

.Solution.content .section3 ul li .bb { width: 100%; padding: 0.4rem 0.3rem; margin-top: 0.3rem; border-radius: 0.2rem; background: linear-gradient(338.14deg, #f2f9fd 0%, #e2f4ff 100%); }

.Solution.content .section3 ul li .bb img { width: 0.7rem; margin-bottom: 0.3rem; }

.Solution.content .section3 ul li .bb h3 { font-size: 0.24rem; font-family: "Poppins-SemiBold"; margin-bottom: 0.2rem; }

.Solution.content .section3 ul li .bb p { font-size: 0.16rem; color: #666; line-height: 1.875; margin-top: 0.15rem; }

.Solution.content .section3 ul li .bb:first-child { margin-top: 0; }

.Solution.content .section4 { position: relative; padding-top: 1.2rem; z-index: 0; }

.Solution.content .section4 .bg { width: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

.Solution.content .section4 .bg img { width: 100%; height: 100%; }

.Solution.content .section4 .title-box { margin-bottom: 2.8rem; }

.Solution.content .section4 .title-box h3 { color: #fff; }

.Solution.content .section4 .table table { width: 100%; border-collapse: collapse; text-align: center; border-radius: 0.2rem; overflow: hidden; }

.Solution.content .section4 .table table tr { background: #fff; }

.Solution.content .section4 .table table tr th { padding: 0.2rem; background: #004EA2; font-size: 0.18rem; font-family: "Poppins-Bold"; color: #fff; border: 1px solid #316eaf; line-height: 2; }

.Solution.content .section4 .table table tr th img { width: 0.34rem; display: inline-block; margin-right: 0.1rem; position: relative; top: 0.05rem; }

.Solution.content .section4 .table table tr th:first-child { width: 25%; }

.Solution.content .section4 .table table tr td { padding: 0.2rem; font-size: 0.16rem; border: 1px solid #f4f6f8; }

.Solution.content .section4 .table table tr:nth-child(even) { background: #eaeef2; }

.Solution.content .section5 { padding-top: 1.1rem; }

.Solution.content .section5 .slide { position: relative; overflow: hidden; }

.Solution.content .section5 .slide .swiper-slide { display: flex; justify-content: space-between; }

.Solution.content .section5 .slide .swiper-slide .text { width: 50%; padding-top: 0.4rem; }

.Solution.content .section5 .slide .swiper-slide .text h3 { font-size: 0.24rem; font-family: "Poppins-Medium"; margin-bottom: 0.2rem; }

.Solution.content .section5 .slide .swiper-slide .text p { font-size: 0.16rem; color: #666; line-height: 1.875; }

.Solution.content .section5 .slide .swiper-slide .img { width: 41.6%; border-radius: 0.16rem; overflow: hidden; }

.Solution.content .section5 .slide .swiper-slide .img img { width: 100%; }

.Solution.content .section5 .slide .swiper-pagination { left: 0; text-align: left; bottom: 0.5rem; }

.Solution.content .section5 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; background: #CCCCCC; border-radius: 0; opacity: 1; }

.Solution.content .section5 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; }

.Solution.content .related { padding: 1rem 0 0.5rem; }

.Solution.content .related .slide { position: relative; padding: 0.2rem 0.2rem 0.6rem; overflow: hidden; }

.Solution.content .related .slide .swiper-slide { padding: 0.3rem 0.4rem 0.6rem; background: #F6F6F6; border-radius: 0.2rem; overflow: hidden; position: relative; }

.Solution.content .related .slide .swiper-slide:before { content: ""; width: 1.86rem; height: 1.18rem; background: url(../images/product/logo.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Solution.content .related .slide .swiper-slide .img { overflow: hidden; }

.Solution.content .related .slide .swiper-slide .img img { width: 100%; }

.Solution.content .related .slide .swiper-slide .text { text-align: center; }

.Solution.content .related .slide .swiper-slide .text h3 { font-size: 0.2rem; font-family: "Poppins-SemiBold"; line-height: 1.75; }

.Solution.content .related .slide .swiper-slide .text .more { font-size: 0.16rem; color: #004EA2; margin-top: 0.2rem; display: flex; align-items: center; justify-content: center; }

.Solution.content .related .slide .swiper-slide .text .more i { margin-left: 0.05rem; transition: all .5s ease; display: inline-block; }

.Solution.content .related .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Solution.content .related .slide .swiper-slide:hover .text .more i { margin-left: 0.1rem; }

.Solution.content .related .slide .swiper-pagination { bottom: 0; }

.Solution.content .related .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; background: #004EA2; border-radius: 0; }

.Solution1 .banner .container { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0.77rem; }

.Solution1 .banner .container h1 { width: 9.5rem; font-size: 0.4rem; font-family: "Poppins-Bold"; color: #fff; line-height: 1.5; }

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

.Solution1.content .title-box .title h3 { text-transform: none; }

.Solution1.content .title-box .title p { margin: 0.3rem auto 0; }

.Solution1.content .container { width: 87.5%; }

.Solution1.content .section1 .container { width: 75%; }

.Solution1.content .section2 { padding-bottom: 1.2rem; }

.Solution1.content .section2 .video { position: relative; margin-top: 1rem; display: block; overflow: hidden; border-radius: 0.2rem; }

.Solution1.content .section2 .video img { width: 100%; }

.Solution1.content .section2 .video .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; }

.Solution1.content .section2 .video .txt i { font-size: 0.76rem; color: #fff; }

.Solution1.content .section2 .video .txt p { font-size: 0.24rem; color: #fff; font-family: "Poppins-Bold"; margin-top: 0.15rem; }

.Solution1.content .section2 .video:hover img { transform: scale(1.05); }

.Solution1.content .section2 ul { padding-top: 0.2rem; }

.Solution1.content .section2 ul li { display: flex; align-items: center; padding-top: 1rem; }

.Solution1.content .section2 ul li:nth-child(2n) { flex-direction: row-reverse; }

.Solution1.content .section2 ul li:nth-child(2n) .text-box { padding-right: 0; padding-left: 1.2rem; }

.Solution1.content .section2 ul li .text-box { width: 50%; padding-right: 1.2rem; }

.Solution1.content .section2 ul li .text-box h2 { font-size: 0.4rem; font-family: "Poppins-Bold"; color: #000; line-height: 1.5; margin-bottom: 0.4rem; }

.Solution1.content .section2 ul li .text-box p { font-size: 0.18rem; color: #666; line-height: 2; }

.Solution1.content .section2 ul li .img-box { width: 50%; }

.Solution1.content .section2 ul li .img-box img { width: 100%; }

.Solution1.content .section3 { position: relative; }

.Solution1.content .section3::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 1.2rem; background: linear-gradient(180deg, #fff 0%, #65b7ff 100%); opacity: 0.3; }

.Solution1.content .section3 .container { z-index: 2; position: relative; }

.Solution1.content .section3 .container ul { display: flex; flex-wrap: wrap; padding-bottom: 0.6rem; }

.Solution1.content .section3 .container ul li { display: flex; align-items: center; width: 25%; padding: 0.3rem 0; }

.Solution1.content .section3 .container ul li span { flex: 0 0 0.5rem; height: 0.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.24rem; font-family: "Poppins-Medium"; color: #fff; margin-right: 0.1rem; background: #1994FF; }

.Solution1.content .section3 .container ul li p { font-size: 0.16rem; color: #000; line-height: 1.5; font-family: "Poppins-Medium"; word-break: break-word; padding-right: 1rem; }

.Solution1.content .section3 .container ul li:nth-child(1) span { background: #AFDAFF; }

.Solution1.content .section3 .container ul li:nth-child(2) span { background: #AFDAFF; }

.Solution1.content .section3 .container ul li:nth-child(3) span { background: #AFDAFF; }

.Solution1.content .section3 .container ul li:nth-child(4) span { background: #AFDAFF; }

.Solution1.content .section3 .container ul li:nth-child(5) span { background: #77C0FF; }

.Solution1.content .section3 .container ul li:nth-child(6) span { background: #77C0FF; }

.Solution1.content .section3 .container ul li:nth-child(7) span { background: #77C0FF; }

.Solution1.content .section3 .container ul li:nth-child(8) span { background: #77C0FF; }

.Solution1.content .section3 .container ul li:nth-child(9) span { background: #50AEFF; }

.Solution1.content .section3 .container ul li:nth-child(10) span { background: #50AEFF; }

.Solution1.content .section3 .container ul li:nth-child(11) span { background: #50AEFF; }

.Solution1.content .section3 .container ul li:nth-child(12) span { background: #50AEFF; }

.Solution1.content .section3 .img-box { z-index: 2; position: relative; }

.Solution1.content .casesList { padding-top: 1.1rem; }

.Solution1.content .casesList .slide { position: relative; overflow: hidden; }

.Solution1.content .casesList .slide .swiper-slide { display: flex; justify-content: space-between; }

.Solution1.content .casesList .slide .swiper-slide .text { width: 50%; padding-top: 0.4rem; }

.Solution1.content .casesList .slide .swiper-slide .text h3 { font-size: 0.24rem; font-family: "Poppins-Medium"; margin-bottom: 0.2rem; line-height: 1.6; }

.Solution1.content .casesList .slide .swiper-slide .text p { font-size: 0.16rem; color: #666; line-height: 1.875; }

.Solution1.content .casesList .slide .swiper-slide .img { width: 41.6%; border-radius: 0.16rem; overflow: hidden; }

.Solution1.content .casesList .slide .swiper-slide .img img { width: 100%; }

.Solution1.content .casesList .slide .swiper-pagination { left: 0; text-align: left; bottom: 0.5rem; }

.Solution1.content .casesList .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; background: #CCCCCC; border-radius: 0; opacity: 1; }

.Solution1.content .casesList .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004EA2; }

.Solution1.content .related { padding: 1rem 0 1rem; background-color: #F5F5F5; }

.Solution1.content .related .slide { position: relative; padding: 0.2rem 0.2rem 0.6rem; overflow: hidden; }

.Solution1.content .related .slide .swiper-slide { padding: 0.3rem 0.3rem 0.52rem; background: #FFFFFF; border-radius: 0.2rem; overflow: hidden; position: relative; }

.Solution1.content .related .slide .swiper-slide:before { content: ""; width: 1.86rem; height: 1.18rem; background: url(../images/product/logo.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Solution1.content .related .slide .swiper-slide .img { overflow: hidden; }

.Solution1.content .related .slide .swiper-slide .img img { width: 100%; }

.Solution1.content .related .slide .swiper-slide .text { font-family: "Poppins-Medium"; }

.Solution1.content .related .slide .swiper-slide .text h3 { font-size: 0.2rem; font-family: "Poppins-SemiBold"; line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Solution1.content .related .slide .swiper-slide .text .more { font-size: 0.16rem; color: #004EA2; margin-top: 0.2rem; display: flex; align-items: center; }

.Solution1.content .related .slide .swiper-slide .text .more i { margin-left: 0.05rem; transition: all .5s ease; display: inline-block; }

.Solution1.content .related .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Solution1.content .related .slide .swiper-slide:hover .text .more i { margin-left: 0.1rem; }

.Solution1.content .related .slide .swiper-pagination { bottom: 0; }

.Solution1.content .related .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; background: #004EA2; border-radius: 0; }

/* 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: "Poppins-SemiBold"; 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: "Poppins-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: auto; margin-top: 1rem; padding-top: 6.38rem; padding-bottom: 0.5rem; background: url(../images/about/section2-bg.webp) no-repeat top/cover #F2F5F8; }

.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.5rem 0.2rem 0.6rem 0.3rem; color: #fff; border-radius: 0.2rem; background: linear-gradient(152.12deg, #fff 0%, #e0efff 100%); border: 1px solid #fff; box-shadow: 0 8px 12px rgba(32, 115, 195, 0.1); }

.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.6; margin-top: 0.12rem; color: #333333; }

.About.content .section2 .slide .swiper-slide .text-box { height: 3.6rem; }

.About.content .section3 { padding-top: 0.6rem; overflow: visible; background-color: #F2F5F8; }

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

.About.content .section3 .left { position: sticky; top: 0.3rem; padding-top: 0.8rem; }

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

.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: "Poppins-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-color: #F2F5F8; }

.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.content .section5 { background-color: #F2F5F8; padding-top: 1.1rem; }

.About.content .section5 .title-box { justify-content: center; text-align: center; margin-bottom: 0.6rem; }

.About.content .section6 { background-color: #F2F5F8; padding-top: 1.3rem; }

.About.content .section6 .title-box { justify-content: center; text-align: center; }

.About.content .section6 .box ul { display: flex; flex-wrap: wrap; justify-content: center; }

.About.content .section6 .box ul li { width: 2.4rem; height: 1.8rem; margin: 0.1rem; }

.About.content .section7 { background: url("../images/about/bg-section7.webp") center bottom no-repeat #F2F5F8; background-size: 100%; padding-top: 1.2rem; padding-bottom: 5rem; }

.About.content .section7 .title-box { justify-content: center; text-align: center; margin-bottom: 0.8rem; }

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

.About.content .section7 .box ul { flex: 0 0 4rem; }

.About.content .section7 .box ul li { font-size: 0.2rem; color: #000; line-height: 1.6; margin-bottom: 0.22rem; transition: all .5s ease; cursor: pointer; }

.About.content .section7 .box ul li:last-child { margin-bottom: 0; }

.About.content .section7 .box ul li.active { color: #004EA2; font-family: "Poppins-Medium"; }

.About.content .section7 .box .slider-list { flex: 0 0 9.3rem; display: block; position: relative; overflow: hidden; }

.About.content .section7 .box .slider-list .slider { width: 100%; height: 100%; position: relative; overflow: hidden; --swiper-navigation-color: #ffffff; }

.About.content .section7 .box .slider-list .slider .swiper-slide { display: flex; align-items: center; transform: scale(1.8); transition: 300ms; }

.About.content .section7 .box .slider-list .slider .swiper-slide.swiper-slide-active { z-index: 2; transform: scale(2.7); }

.About.content .section7 .box .slider-list .slider .swiper-button-next, .About.content .section7 .box .slider-list .slider .swiper-button-prev { transform: scale(0.7); }

.About.content .section7 .box .slider-list .slider .swiper-pagination-bullet { width: 0.3rem; height: 0.02rem; border-radius: 0; background-color: #D0D0D0; opacity: 1; }

.About.content .section7 .box .slider-list .slider .swiper-pagination-bullet-active { width: 0.6rem; background-color: #004EA2; }

/* 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.45rem; margin-top: 0.45rem; 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: 2.5rem; font-size: 0.18rem; display: flex; align-items: center; }

.Contact.content .section1 .box .text ul li .label i { font-size: 0.34rem; margin-right: 0.6rem; }

.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: "Poppins-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.18rem; margin-bottom: 0.15rem; font-family: "Poppins-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); h4{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;} } .submit{width: 100%;height: px2rem(60);border-radius: px2rem(30);background: $themeColor;font-size: px2rem(18);color: #fff;@include fontPoppinsSemiBold;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; /* form{ .row{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: px2rem(20); .column{width: 48%;border: 1px solid #d5d5d5;border-radius: px2rem(6);padding: 0 px2rem(20);display: flex;align-items: center; i{font-size: px2rem(16);color: #D13030;margin-right: px2rem(5);} input{flex: 1;width: 0;height: px2rem(52);font-size: px2rem(16);} textarea{width: 100%;height: px2rem(130);padding: px2rem(20) 0;font-size: px2rem(16);} &.w100{width: 100%;} } &.agree{display: flex;flex-wrap: wrap; .check{width: px2rem(20);height: px2rem(20);border: 1px solid $themeColor;display: inline-block;border-radius: px2rem(4);position: relative;margin-right: px2rem(10);cursor: pointer; &:before{@include transition;opacity: 0;content: "";width: px2rem(10);height: px2rem(10);background: $themeColor;border-radius: px2rem(3);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;} &.active{ &:before{opacity: 1;} } } p{width: 0;;flex: 1;font-size: px2rem(16);color: #333;line-height: 1.5; a{color: $themeColor;margin-left: px2rem(5);} } } .common-btn{width: px2rem(170);margin-top: px2rem(30)} } } */ }

.Contact-become.content .order .order-img { display: none; }

.Contact-become.content .order .box { margin: 0; }

.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.5rem; }

.Search.content .list .tit { font-size: 0.2rem; font-family: "Poppins-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: "Poppins-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; }

.no-data p { font-size: 0.18rem; color: #666; line-height: 1.7; }

.load-more { display: flex; justify-content: center; padding-top: 0.6rem; }

/*! <=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 .logo { width: 4.27rem; height: 0.36rem; }
  .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 i { font-size: 0.3rem; color: #fff; }
  .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; }
  .sidenav-xs { width: 90%; position: fixed; bottom: 0.4rem; left: 50%; transform: translateX(-50%); z-index: 50; background: #000; border-radius: 0.2rem; overflow: hidden; }
  .sidenav-xs ul { width: 100%; display: flex; }
  .sidenav-xs ul li { flex: 1; }
  .sidenav-xs ul li .icon { padding: 0.15rem 0; text-align: center; border-radius: 0.2rem; overflow: hidden; }
  .sidenav-xs ul li .icon i { font-size: 0.5rem; color: #fff; }
  .sidenav-xs ul li:nth-of-type(1) .icon { background: #3AC34C; }
  .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 .swiper-slide .point { display: none; }
  .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: 1rem; top: 0.2rem; }
  .Index .product .bg .swiper-slide .tip.tip5 { right: 0rem; top: 0rem; }
  .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; justify-content: space-between; }
  .Index .product .text .tabs .item { padding-bottom: 0.3rem; margin-right: 0; }
  .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: auto; font-size: 0.3rem; line-height: 1.6; }
  .Index .news .slide .swiper-slide .text p { font-size: 0.26rem; margin-top: 0.15rem; }
  .Index .news .slide .swiper-slide .text .date { margin-top: 0.2rem; }
  .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; }
  .Index .quote form .order-form-box { display: block; }
  .Index .quote form .order-form-box .left { width: 100%; }
  .Index .quote form .order-form-box .right { width: 100%; }
  .Index .quote form .column span { margin: auto; width: 0; }
  .Index .quote form .column.w100 { flex-wrap: nowrap; }
  /* Nei-page */
  .Nei-page .banner { height: 10rem; }
  .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 .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-3, .list-li-2 { margin: 0; }
  .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 a { height: auto; 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.3rem; overflow: hidden; margin-bottom: 0.5rem; background: #F6F6F6; }
  .Product.content .xs-nav .swiper-slide { width: auto; font-size: 0.32rem; 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 .quote form .order-form-box { display: block; }
  .Product .quote form .order-form-box .left { width: 100%; }
  .Product .quote form .order-form-box .right { width: 100%; }
  .Product .quote form .column span { margin: auto; width: 0; }
  .Product .quote form .column.w100 { flex-wrap: nowrap; }
  /* 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; }
  .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 .section .title { width: 100%; }
  .Product-xq.content .section .st { width: 100%; font-size: 0.36rem; line-height: 1.4; }
  .Product-xq.content .section1 .block1 { display: block; padding-bottom: 0.3rem; }
  .Product-xq.content .section1 .block1 .text-box .title { text-align: center; }
  .Product-xq.content .section1 .block1 .text-box p { font-size: 0.26rem; line-height: 1.6667; }
  .Product-xq.content .section1 .block1 img { margin: 0.3rem 0 0; }
  .Product-xq.content .section1 .block2 .slide .swiper-slide { height: auto; padding: 0.4rem; }
  .Product-xq.content .section1 .block2 .slide .swiper-slide .icon { width: 1rem; margin: 0 auto 0.3rem; }
  .Product-xq.content .section1 .block2 .slide .swiper-slide h3 { font-size: 0.3rem; margin-bottom: 0.15rem; }
  .Product-xq.content .section1 .block2 .slide .swiper-slide p { font-size: 0.26rem; }
  .Product-xq.content .section2 { padding: 1rem 0; }
  .Product-xq.content .section2 .tabs .swiper-wrapper { justify-content: flex-start; }
  .Product-xq.content .section2 .tabs .swiper-slide { font-size: 0.28rem; padding: 0.2rem 0.4rem; }
  .Product-xq.content .section2 .slide .swiper-slide p { font-size: 0.26rem; line-height: 1.6667; margin-top: 0.15rem; padding-left: 0.3rem; }
  .Product-xq.content .section2 .slide .swiper-slide p:before { width: 0.1rem; height: 0.1rem; top: 0.15rem; }
  .Product-xq.content .section3 .box .left { width: 100%; }
  .Product-xq.content .section3 .box .left dl dt { font-size: 0.34rem; margin-bottom: 0.2rem; }
  .Product-xq.content .section3 .box .left dl dt i { font-size: 0.26rem; }
  .Product-xq.content .section3 .box .left dl dd p { font-size: 0.26rem; line-height: 1.6667; }
  .Product-xq.content .section3 .box .right { width: 100%; margin-top: 0.4rem; }
  .Product-xq.content .section4 .tabs .swiper-wrapper { justify-content: flex-start; }
  .Product-xq.content .section4 .tabs .swiper-slide { font-size: 0.28rem; padding: 0.25rem 0.8rem; }
  .Product-xq.content .section4 .slide .swiper-slide { border-radius: 0.08rem; }
  .Product-xq.content .section4 .slide .swiper-slide .table-box { height: 7rem; overflow: auto; }
  .Product-xq.content .section4 .slide .swiper-slide .table-box table td { font-size: 0.26rem; padding: 0.2rem; }
  .Product-xq.content .section4 .slide .swiper-slide .table-box table td:first-child { width: 4.5rem; }
  .Product-xq.content .section5 { padding-left: 0.4rem; padding-right: 0.4rem; }
  .Product-xq.content .section5 .slide { width: 100%; }
  .Product-xq.content .section6 { padding: 1rem 0; }
  .Product-xq.content .section6 .slide .swiper-slide { flex-wrap: wrap; flex-direction: column-reverse; }
  .Product-xq.content .section6 .slide .swiper-slide .text { width: 100%; padding-top: 0.3rem; }
  .Product-xq.content .section6 .slide .swiper-slide .text h3 { font-size: 0.32rem; }
  .Product-xq.content .section6 .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 1.6667; }
  .Product-xq.content .section6 .slide .swiper-slide .img { width: 100%; }
  .Product-xq.content .section7 ul li { width: 100%; margin-bottom: 0.3rem; }
  .Product-xq.content .section7 ul li .l { width: 80%; }
  .Product-xq.content .section7 ul li .l span { font-size: 0.28rem; }
  .Product-xq.content .section7 ul li .l .icon-wenjian { font-size: 0.36rem; margin-right: 0.12rem; }
  .Product-xq.content .section7 ul li .r .icon-chakan, .Product-xq.content .section7 ul li .r .icon-xiazai1 { font-size: 0.36rem; }
  .Product-xq.content .section7 ul li .r .icon-chakan { margin-right: 0.3rem; }
  .Product-xq.content .related .slide .swiper-slide .text h3 { font-size: 0.32rem; line-height: 1.5; }
  .Product-xq.content .related .slide .swiper-slide .text .more { font-size: 0.26rem; margin-top: 0.3rem; }
  .order .box { margin-top: 0; }
  .order .box .left { width: 100%; padding-top: 0.4rem; }
  .order .box .left .title { width: 100%; margin-bottom: 0.2rem; }
  .order .box .left .dsc { font-size: 0.26rem; line-height: 1.6667; }
  .order .box .left ul { width: 100%; margin-top: 0.4rem; }
  .order .box .left ul li { margin-top: 0.4rem; }
  .order .box .left ul li .icon { width: 0.5rem; height: 0.5rem; border-radius: 0.08rem; margin-right: 0.25rem; }
  .order .box .left ul li .icon i { font-size: 0.26rem; }
  .order .box .left ul li span { font-size: 0.26rem; }
  .order .box .right { width: 100%; padding: 0.6rem 0.4rem; margin-top: 0.6rem; }
  .order .box .right h3 { font-size: 0.34rem; }
  form.order-form .row { margin-top: 0; }
  form.order-form .row .column { width: 100%; margin-top: 0.3rem; }
  form.order-form .row .column i, form.order-form .row .column label { font-size: 0.26rem; }
  form.order-form .row .column input, form.order-form .row .column select { height: 0.9rem; font-size: 0.26rem; }
  form.order-form .row .column textarea { height: 1.7rem; font-size: 0.26rem; }
  form.order-form .row.agree { margin-top: 0.3rem; }
  form.order-form .row.agree .check { width: 0.32rem; height: 0.32rem; border-radius: 0.06rem; margin-right: 0.1rem; }
  form.order-form .row.agree .check:before { width: 0.16rem; height: 0.16rem; border-radius: 0.03rem; }
  form.order-form .row.agree p { font-size: 0.26rem; }
  form.order-form .row .common-btn { width: 100%; margin-top: 0.5rem; border-radius: 0.6rem; }
  .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; }
  /* NewsAll */
  .NewsAll .news-list { margin-top: 0.6rem; }
  .NewsAll .news-list li { margin-top: 0.6rem; }
  .NewsAll .news-list li:first-child { margin-top: 0; }
  .NewsAll .common-btn { margin-top: 0.8rem; }
  /* 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: "Poppins-Medium"; 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 .download-box { display: flex; justify-content: space-between; padding-top: 0.4rem; }
  .Support-download.content .download-box .filter-list { padding-top: 0; width: 0.6rem; margin-right: 0.3rem; }
  .Support-download.content .download-box .filter-list a { display: block; padding: 0; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; border-radius: 50%; text-align: center; margin-bottom: 0.25rem; }
  .Support-download.content .list { margin: 0 -0.15rem 0; flex: 1; }
  .Support-download.content .list li { margin-top: 0; margin-bottom: 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-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.content .title-box .title p { width: 100%; }
  .Solution.content .section2 { padding: 1rem 0; }
  .Solution.content .section2 .box { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .Solution.content .section2 .box .img { width: 100%; }
  .Solution.content .section2 .box .text { width: 100%; padding-top: 0.5rem; }
  .Solution.content .section2 .box .text ul li { margin-top: 0.5rem; }
  .Solution.content .section2 .box .text ul li h3 { font-size: 0.36rem; }
  .Solution.content .section2 .box .text ul li p { font-size: 0.28rem; line-height: 1.6; }
  .Solution.content .section2 .box .text ul li dl { margin-top: 0.3rem; }
  .Solution.content .section2 .box .text ul li dl dd { font-size: 0.28rem; margin-top: 0.1rem; padding-left: 0.4rem; }
  .Solution.content .section2 .box .text ul li dl dd:before { width: 0.24rem; height: 0.21rem; top: 0.1rem; }
  .Solution.content .section3 ul { flex-wrap: wrap; }
  .Solution.content .section3 ul li { width: 100%; margin-top: 0.3rem; }
  .Solution.content .section3 ul li .bb { width: 100%; padding: 0.4rem 0.3rem; margin-top: 0.3rem; }
  .Solution.content .section3 ul li .bb img { width: 1rem; margin-bottom: 0.3rem; }
  .Solution.content .section3 ul li .bb h3 { font-size: 0.36rem; margin-bottom: 0.2rem; }
  .Solution.content .section3 ul li .bb p { font-size: 0.28rem; margin-top: 0.15rem; line-height: 1.6; }
  .Solution.content .section3 ul li .bb:first-child { margin-top: 0; }
  .Solution.content .section3 ul li:first-child { margin-top: 0; }
  .Solution.content .section4 .bg { height: 5rem; }
  .Solution.content .section4 .title-box { margin-bottom: 1.8rem; }
  .Solution.content .section4 .title-box h3 { color: #fff; }
  .Solution.content .section4 .table { overflow-x: auto; }
  .Solution.content .section4 .table table { width: 12rem; }
  .Solution.content .section4 .table table tr th { font-size: 0.32rem; }
  .Solution.content .section4 .table table tr th img { width: 0.45rem; margin-right: 0.15rem; top: 0.05rem; }
  .Solution.content .section4 .table table tr td { font-size: 0.28rem; line-height: 1.6; }
  .Solution.content .section5 .slide { padding-bottom: 0.5rem; }
  .Solution.content .section5 .slide .swiper-slide { flex-wrap: wrap; flex-direction: column-reverse; }
  .Solution.content .section5 .slide .swiper-slide .text { width: 100%; padding-top: 0.4rem; }
  .Solution.content .section5 .slide .swiper-slide .text h3 { font-size: 0.36rem; margin-bottom: 0.2rem; line-height: 1.4; }
  .Solution.content .section5 .slide .swiper-slide .text p { font-size: 0.28rem; line-height: 1.6; }
  .Solution.content .section5 .slide .swiper-slide .img { width: 100%; }
  .Solution.content .section5 .slide .swiper-pagination { text-align: center; bottom: 0; }
  .Solution.content .related .slide .swiper-slide .text h3 { font-size: 0.32rem; line-height: 1.5; }
  .Solution.content .related .slide .swiper-slide .text .more { font-size: 0.26rem; margin-top: 0.3rem; }
  .Solution1 .banner .container h1 { width: 100%; }
  .Solution1.content .title-box .title p { width: 100%; margin: 0.3rem auto 0; }
  .Solution1.content .section2 .video img { width: 100%; }
  .Solution1.content .section2 .video .txt p { font-size: 0.3rem; margin-top: 0.2rem; }
  .Solution1.content .section2 ul { padding-top: 0.2rem; }
  .Solution1.content .section2 ul li { display: block; padding-top: 0.8rem; }
  .Solution1.content .section2 ul li:nth-child(2n) .text-box { padding: 0 0 0.3rem 0; }
  .Solution1.content .section2 ul li .text-box { width: 100%; padding: 0 0 0.3rem 0; }
  .Solution1.content .section2 ul li .text-box h2 { font-size: 0.4rem; margin-bottom: 0.3rem; }
  .Solution1.content .section2 ul li .text-box p { font-size: 0.26rem; }
  .Solution1.content .section2 ul li .img-box { width: 100%; }
  .Solution1.content .section3 .container ul { padding-bottom: 0.6rem; }
  .Solution1.content .section3 .container ul li { width: 50%; }
  .Solution1.content .section3 .container ul li span { flex: 0 0 0.6rem; height: 0.6rem; margin-right: 0.16rem; }
  .Solution1.content .section3 .container ul li p { font-size: 0.26rem; padding-right: 0.15rem; }
  .Solution1.content .section3 .img-box { z-index: 2; position: relative; }
  .Solution1.content .casesList { padding-top: 1.1rem; }
  .Solution1.content .casesList .slide { padding-bottom: 0.5rem; }
  .Solution1.content .casesList .slide .swiper-slide { flex-wrap: wrap; flex-direction: column-reverse; }
  .Solution1.content .casesList .slide .swiper-slide .text { width: 100%; padding-top: 0.4rem; }
  .Solution1.content .casesList .slide .swiper-slide .text h3 { font-size: 0.36rem; margin-bottom: 0.2rem; line-height: 1.4; }
  .Solution1.content .casesList .slide .swiper-slide .text p { font-size: 0.28rem; line-height: 1.6; }
  .Solution1.content .casesList .slide .swiper-slide .img { width: 100%; }
  .Solution1.content .casesList .slide .swiper-pagination { text-align: center; bottom: 0; }
  .Solution1.content .related .slide .swiper-slide .text h3 { font-size: 0.32rem; line-height: 1.5; }
  .Solution1.content .related .slide .swiper-slide .text .more { font-size: 0.26rem; margin-top: 0.3rem; }
  /* 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 { background: url(../images/about/section2-bg-xs.jpg) no-repeat top/100% #F2F5F8; }
  .About.content .section2 .slide { margin-top: 0.5rem; }
  .About.content .section2 .slide .swiper-slide p { font-size: 0.26rem; margin-top: 0.12rem; }
  .About.content .section2 .slide .swiper-slide .text-box { height: 6.2rem; }
  .About.content .section3 { padding: 0.5rem 0 0.4rem; }
  .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.content .section6 { padding-top: 1rem; }
  .About.content .section6 .box ul { padding: 0 0.4rem; }
  .About.content .section6 .box ul li { width: 23.5%; height: auto; margin: 0.08rem 2% 0.08rem 0; }
  .About.content .section6 .box ul li:nth-child(4n) { margin-right: 0; }
  .About.content .section7 { background: url("../images/about/bg-section7-xs.png") center bottom no-repeat #F2F5F8; background-size: 100%; padding-top: 1.2rem; padding-bottom: 5rem; }
  .About.content .section7 .title-box { margin-bottom: 0.6rem; }
  .About.content .section7 .box { display: block; }
  .About.content .section7 .box ul { flex: auto; padding-bottom: 0.3rem; }
  .About.content .section7 .box ul li { font-size: 0.26rem; line-height: 1.8; margin-bottom: 0.25rem; }
  .About.content .section7 .box .slider { padding-bottom: 0.8rem; }
  .About.content .section7 .box .slider .swiper-slide { transform: none !important; transition: none !important; display: block; }
  .About.content .section7 .box .slider .swiper-slide.swiper-slide-active { transform: none !important; }
  .About.content .section7 .box .slider .swiper-slide p { text-align: center; font-size: 0.26rem; color: #000; line-height: 1.6; padding: 0.25rem 0.3rem 0; }
  .About.content .section7 .box .slider .swiper-button-next, .About.content .section7 .box .slider .swiper-button-prev { top: 43%; }
  .About.content .section7 .box .slider .swiper-pagination-bullet { height: 0.04rem; }
  /* 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); h4{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);} } .submit{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; /* form{ .row{margin-top: 0; .column{width: 100%;margin-top: px2rem(30); i{font-size: px2rem(26);} input{height: px2rem(90);font-size: px2rem(26);} textarea{height: px2rem(170);font-size: px2rem(26);} } &.agree{margin-top: px2rem(30); .check{width: px2rem(32);height: px2rem(32);border-radius: px2rem(6);margin-right: px2rem(10); &:before{width: px2rem(16);height: px2rem(16);border-radius: px2rem(3);} } p{font-size: px2rem(26);} } .common-btn{width: 100%;margin-top: px2rem(50);border-radius: px2rem(60);} } } */ }
  .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; } }