@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 { width: 100%; background: #fff; font: 16px/1 'SourceHanSans', system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000C21; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

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: #000C21; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

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

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

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

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

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

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

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

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

:root { --headerHeight: 0.88rem; }

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

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

.pageTips .con { width: 640px; 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: 18px; line-height: 36px; padding-top: 10px; color: #000; }

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

.header { width: 100%; position: fixed; top: 0; left: 0; z-index: 11; }

.header:before { content: ""; width: 100%; background-color: #fff; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all .4s ease; }

.header:after { content: ""; width: 100%; background: rgba(255, 255, 255, 0.1); height: 1px; left: 0; position: absolute; bottom: 0; transform: none; transform-origin: top; transition: all .4s ease; will-change: background,transform; }

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

.header .logo { width: 2.5rem; height: 0.4rem; background: url(../images/logo.png) no-repeat center/100%; }

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

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

.header .nav .item { padding: 0.24rem 0; line-height: 0.4rem; font-size: 0.16rem; color: #fff; position: relative; margin-left: 0.5rem; cursor: pointer; transition: all .4s ease; font-family: "SourceHanSans-Medium"; }

.header .nav .item:before { content: ""; background: #fff; bottom: 0; height: 0.02rem; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), background-color 0.3s ease; width: 100%; }

.header .nav .item:hover:before, .header .nav .item.active:before { transform: scaleX(1); transform-origin: left; transition-delay: .1s; }

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

.header .nav .item.lang { margin-left: 0.6rem; }

.header .other { display: flex; justify-content: space-between; align-items: center; margin-left: 1.3rem; }

.header .other .search { width: 0.5rem; display: flex; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 0.5rem; transition: all .4s ease; position: relative; overflow: hidden; }

.header .other .search input { width: 0; padding: 0 0.2rem; height: 0.4rem; flex: 1; font-size: 0.14rem; color: #fff; transition: all .4s ease; opacity: 0; }

.header .other .search input::placeholder { color: rgba(255, 255, 255, 0.8); transition: all .4s ease; }

.header .other .search .icon-search { font-size: 0.18rem; color: #fff; text-align: center; cursor: pointer; transition: all .4s ease; position: absolute; right: 0.2rem; top: 0.11rem; }

.header .other .search .icon-search:hover { color: #0051A2 !important; }

.header .other .search:hover { width: 2rem; background: #f3f3f3; }

.header .other .search:hover input { opacity: 1; }

.header .other .lang { margin-left: 0.2rem; display: flex; align-items: center; color: #fff; cursor: pointer; font-size: 0.16rem; transition: all .4s ease; font-family: "SourceHanSans-Medium"; }

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

.header .other .lang .icon-xiala { font-size: 0.15rem; margin-left: 0.05rem; margin-top: 0.03rem; }

.header .other .lang span { position: relative; top: -0.01rem; }

.header .other .lang:hover { color: #0051A2 !important; }

.header.white, .header:hover { box-shadow: 0 0 0.1rem 0.03rem rgba(0, 0, 0, 0.05); }

.header.white:before, .header:hover:before { opacity: 1; }

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

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

.header.white .nav .item:before, .header:hover .nav .item:before { background: #0051A2; }

.header.white .nav .item:hover, .header:hover .nav .item:hover { color: #0051A2; }

.header.white .other .search input, .header:hover .other .search input { color: #151515; }

.header.white .other .search input::placeholder, .header:hover .other .search input::placeholder { color: rgba(0, 0, 0, 0.7); }

.header.white .other .search .icon-search, .header:hover .other .search .icon-search { color: #151515; font-weight: bold; }

.header.white .other .lang, .header:hover .other .lang { color: #151515; }

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

.header .submenu .container { height: auto; overflow: hidden; padding: 3% 0; display: block; }

.header .submenu .l { width: 33%; text-align: right; float: left; position: relative; z-index: 1; padding-right: 0.35rem; }

.header .submenu .l h1 { font-size: 0.24rem; color: #000; margin-bottom: 2%; }

.header .submenu .l h2 { font-size: 0.44rem; color: rgba(51, 51, 51, 0.19); font-weight: lighter; text-transform: capitalize; }

.header .submenu .l:after { content: ""; width: 0.03rem; height: 0.78rem; background: rgba(0, 81, 162, 0.2); position: absolute; right: 0; top: 0.02rem; }

.header .submenu .r { width: 60%; padding-left: 4%; float: right; position: relative; z-index: 1; }

.header .submenu .r .snav { height: auto; overflow: hidden; float: left; margin-right: 10%; }

.header .submenu .r .snav a { font-size: 0.16rem; line-height: 0.36rem; color: #000; display: block; }

.header .submenu .r .snav a:hover { color: #0051A2; }

.header .submenu .r .img { width: 4rem; float: left; border-radius: 0.08rem; overflow: hidden; }

.header .submenu .r .img img { width: 100%; }

.header .submenu .submenuItem { display: none; position: relative; }

.header .submenu .submenuItem:before { content: ""; width: 40%; height: 100%; background: #efefef; position: absolute; left: 0; top: 0; }

.header .submenu .submenuItem:after { content: ""; width: 60%; height: 100%; background: #fcfcfc; position: absolute; right: 0; top: 0; }

.header .submenu .submenuItem.product { background-color: #fff; padding: 0; }

.header .submenu .submenuItem.product:after { display: none; }

.header .submenu .submenuItem.product:before { width: 23.3%; background: #F6F7F9; }

.header .submenu .submenuItem.product .container { padding: 0 6.25%; display: flex; justify-content: space-between; align-items: flex-start; }

.header .submenu .submenuItem.product .container ul { width: 19.5%; }

.header .submenu .submenuItem.product .container ul li { cursor: pointer; position: relative; width: 100%; height: 1.1rem; padding: 0.3rem 0.35rem; display: flex; align-items: center; transition: all .4s ease; border-top: 1px solid #E8E8E8; }

.header .submenu .submenuItem.product .container ul li:first-child { border-top: 0; margin-top: 0.2rem; }

.header .submenu .submenuItem.product .container ul li i { font-size: 0.26rem; margin-right: 0.1rem; }

.header .submenu .submenuItem.product .container ul li h3 { font-size: 0.2rem; color: #000; }

.header .submenu .submenuItem.product .container ul li.active h3, .header .submenu .submenuItem.product .container ul li.active i { color: #0051A2; }

.header .submenu .submenuItem.product .container ul li.active:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 0.04rem; background-color: #084EAC; }

.header .submenu .submenuItem.product .container .product-box { flex: 1; }

.header .submenu .submenuItem.product .container .product-box .product-box-item { display: none; height: auto; overflow: hidden; padding-top: 0.35rem; }

.header .submenu .submenuItem.product .container .product-box .product-box-item:first-child { display: block; }

.header .submenu .submenuItem.product .container .product-box .list { width: 52%; float: left; padding: 0.25rem 0 0.25rem 1.1rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.header .submenu .submenuItem.product .container .product-box .list .item { width: 39.5%; font-size: 0.18rem; color: #000; padding-bottom: 0.2rem; border-bottom: 1px solid #E8E8E8; margin-bottom: 0.3rem; display: flex; align-items: center; justify-content: space-between; }

.header .submenu .submenuItem.product .container .product-box .list .item i { font-size: 0.18rem; color: #ccc; transition: all .4s ease; }

.header .submenu .submenuItem.product .container .product-box .list .item:hover { color: #0051A2; }

.header .submenu .submenuItem.product .container .product-box .list .item:hover i { color: #0051A2; }

.header .submenu .submenuItem.product .container .product-box .list .item:nth-last-child(-n+2) { margin-bottom: 0; }

.header .submenu .submenuItem.product .container .product-box .img { width: 40%; height: 2.5rem; overflow: hidden; float: right; margin-top: 0.3rem; }

.header .submenu .submenuItem.product .container .product-box .img img { width: 100%; height: 100%; }

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

.common-btn { width: 1.8rem; height: 0.6rem; font-size: 0.18rem; color: #151515; border: 1px solid #000; border-radius: 0.5rem; cursor: pointer; transition: all .4s ease; overflow: hidden; display: flex; align-items: center; justify-content: center; }

.common-btn i { font-size: 0.16rem; color: #151515; margin-left: 0.1rem; transition: all .4s ease; }

.common-btn:hover { background: #0051A2; border-color: #0051A2; color: #fff; }

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

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

.common-btn.white i { color: #151515; }

.title-box { margin-bottom: 0.3rem; position: relative; }

.title-box h2 { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; color: #0051A2; margin-bottom: 0.2rem; }

.title-box h3 { font-size: 0.4rem; line-height: 1.3; }

.title-box h3 b { font-family: "SourceHanSans-Bold"; }

.title-box h4 { font-size: 0.24rem; margin-top: 0.2rem; }

.title-box p { font-size: 0.18rem; line-height: 1.8; color: #666; margin-top: 0.2rem; }

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

@keyframes ptla { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes moveSlideShow { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } }

.Index .banner { width: 100%; height: 100vh; position: relative; overflow: hidden; }

.Index .banner:before { content: ""; width: 100%; height: 1rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(102, 102, 102, 0) 100%); position: absolute; left: 0; top: 0; }

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

.Index .banner .icon-prev, .Index .banner .icon-next { font-size: 0.44rem; color: #fff; position: absolute; left: 0.35rem; top: 50%; transform: translate(0, -50%); z-index: 10; cursor: pointer; }

.Index .banner .icon-prev.icon-next, .Index .banner .icon-next.icon-next { left: auto; right: 0.35rem; }

.Index .banner .swiper-pagination { bottom: 0.5rem; z-index: 11; text-align: left; left: 6.25%; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.35rem; margin: 0 0.1rem; position: relative; opacity: .4; border-radius: 0; background: transparent; }

.Index .banner .swiper-pagination .swiper-pagination-bullet p { font-size: 0.18rem; color: #fff; }

.Index .banner .swiper-pagination .swiper-pagination-bullet span { width: 100%; height: 0.02rem; background: rgba(255, 255, 255, 0.2); position: absolute; opacity: 1; display: block; left: 0; bottom: 0; }

.Index .banner .swiper-pagination .swiper-pagination-bullet span:before { content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; bottom: 0; }

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span:before { animation: ptla 6s linear forwards; }

.Index .about .top { padding: 1rem 0; position: relative; }

.Index .about .top:before { content: ""; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #E5E5E5; transform: translateX(-1px); }

.Index .about .top .container { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Index .about .top .left { width: 45.2%; }

.Index .about .top .left .img { width: 6.8rem; margin-top: 2rem; position: relative; left: -0.45rem; }

.Index .about .top .right { width: 45.2%; padding-top: 0.9rem; }

.Index .about .top .right .nums { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Index .about .top .right .nums .item h3 { font-size: 0.18rem; color: #333; }

.Index .about .top .right .nums .item h3 span { font-size: 0.6rem; font-family: "AlimamaShuHeiTi-Bold"; margin-right: 0.1rem; color: #0051A2; }

.Index .about .top .right .nums .item p { font-size: 0.18rem; color: #333; margin-top: 0.1rem; }

.Index .about .top .right .dsc { font-size: 0.18rem; color: #666; line-height: 1.6; margin: 0.5rem 0; }

.Index .about .bottom { border-top: 1px solid #E5E5E5; padding: 0.6rem 0; overflow: hidden; }

.Index .about .bottom .scroll { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0.2rem; width: fit-content; animation-play-state: running; animation: moveSlideShow 40s linear infinite; }

.Index .about .bottom .scroll li { flex: 0 0 2rem; overflow: hidden; margin-left: 0.2rem; filter: grayscale(100%); opacity: .5; transition: all .4s ease; }

.Index .about .bottom .scroll li:hover { filter: grayscale(0%); opacity: 1; }

.Index .about .bottom .scroll:hover { animation-play-state: paused; }

.Index .solution { height: 350vh; position: relative; }

.Index .solution .box { position: sticky; top: var(--headerHeight); overflow: hidden; height: calc(100vh - var(--headerHeight)); }

.Index .solution .box .title-box { position: absolute; z-index: 1; padding: 0 6.25%; top: 1.1rem; }

.Index .solution .box .bg { height: 100%; position: relative; z-index: 0; }

.Index .solution .box .bg .swiper-slide img { width: 100%; height: 100%; }

.Index .solution .box .bg .swiper-slide .text { width: 7.65rem; padding: 0.7rem 0.6rem; position: absolute; right: 6.25%; bottom: 1rem; border-radius: 0.12rem; z-index: 0; overflow: hidden; }

.Index .solution .box .bg .swiper-slide .text:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #102c75 0%, #0051a2 100%); position: absolute; left: 0; top: 0; opacity: .8; z-index: -1; }

.Index .solution .box .bg .swiper-slide .text h3 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Bold"; }

.Index .solution .box .bg .swiper-slide .text p { font-size: 0.16rem; line-height: 1.6; color: #fff; margin: 0.2rem 0; }

.Index .solution .box .bg .swiper-slide .text .common-btn { height: 0.5rem; }

.Index .solution .box .tabs { position: absolute; left: 6.25%; top: 50%; z-index: 1; }

.Index .solution .box .tabs .item { width: 3rem; font-size: 0.24rem; color: #fff; position: relative; padding-bottom: 0.3rem; margin-bottom: 0.5rem; cursor: pointer; transition: all .4s ease; }

.Index .solution .box .tabs .item:before { content: ""; width: 100%; height: 2px; background: #fff; opacity: .5; position: absolute; left: 0; bottom: 0; }

.Index .solution .box .tabs .item.active { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; }

.Index .technology { height: 550vh; }

.Index .technology .box { position: sticky; top: var(--headerHeight); overflow: hidden; height: calc(100vh - var(--headerHeight)); }

.Index .technology .box .left { width: 50%; height: 100%; padding: 1.2rem 3.1rem 0 1.2rem; background: url(../images/index/technology-left.webp) no-repeat center/cover; }

.Index .technology .box .left .tabs { display: flex; margin-top: 1.2rem; }

.Index .technology .box .left .tabs .item { font-size: 0.3rem; color: #fff; position: relative; padding-bottom: 0.23rem; margin-left: 0.6rem; cursor: pointer; transition: all .4s ease; }

.Index .technology .box .left .tabs .item:before { content: ""; width: 100%; height: 0.02rem; background: #fff; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .4s ease; }

.Index .technology .box .left .tabs .item:first-child { margin-left: 0; }

.Index .technology .box .left .tabs .item.active { font-family: "SourceHanSans-Bold"; }

.Index .technology .box .left .tabs .item.active:before { opacity: 1; }

.Index .technology .box .left .text { overflow: hidden; margin-top: 0.5rem; }

.Index .technology .box .left .text p { font-size: 0.18rem; color: #fff; line-height: 1.8; }

.Index .technology .box .left .text .common-btn { margin-top: 0.7rem; }

.Index .technology .box .right { width: 53%; height: 100%; position: absolute; right: 0; top: 0; overflow: hidden; z-index: 1; }

.Index .technology .box .right .slide { height: 100%; }

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

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

.Index .news .title-box .common-btn { position: absolute; right: 0; bottom: 0; }

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

.Index .news .box .list { display: flex; flex-wrap: wrap; }

.Index .news .box .list .item { width: 31%; height: 5.5rem; margin-left: 3.5%; background: #F8F8F8; position: relative; }

.Index .news .box .list .item .tag { font-size: 0.16rem; color: #fff; background: #09ABEB; font-family: "SourceHanSans-Bold"; padding: 0.1rem 0.26rem 0.12rem 0.2rem; border-radius: 0 0 0.2rem 0; position: absolute; left: 0; top: 0; z-index: 1; }

.Index .news .box .list .item .img { overflow: hidden; }

.Index .news .box .list .item .img img { width: 100%; }

.Index .news .box .list .item .text { padding: 0.3rem; }

.Index .news .box .list .item .text h3 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; transition: all .4s ease; }

.Index .news .box .list .item .text h4 { font-size: 0.16rem; color: #333; margin: 0.2rem 0; }

.Index .news .box .list .item .text h4 span { margin-right: 0.5rem; }

.Index .news .box .list .item .text h4 i { font-size: 0.18rem; color: #333; margin-right: 0.06rem; }

.Index .news .box .list .item .text p { font-size: 0.16rem; color: #666; line-height: 1.8; }

.Index .news .box .list .item:first-child { margin: 0; }

.Index .news .box .list .item:hover img { transform: scale(1.05); }

.Index .news .box .list .item:hover .text h3 { color: #0051A2; }

.Index .news .box .list .item:last-child { padding: 0.7rem 0 0.3rem 0.3rem; }

.Index .news .box .list .item:last-child .tag { background: #173FA6; }

.Index .news .box .list .item:last-child ul { height: 4.5rem; overflow: auto; padding-right: 0.3rem; padding-bottom: 0.4rem; }

.Index .news .box .list .item:last-child ul::-webkit-scrollbar { width: 4px; height: 4px; background: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Index .news .box .list .item:last-child ul::-webkit-scrollbar-thumb { background: #D9D9D9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Index .news .box .list .item:last-child ul li { margin-top: 0.4rem; }

.Index .news .box .list .item:last-child ul li h3 { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; line-height: 1.5; transition: all .4s ease; }

.Index .news .box .list .item:last-child ul li h4 { font-size: 0.16rem; color: #666; margin-top: 0.1rem; }

.Index .news .box .list .item:last-child ul li:first-child { margin-top: 0; }

.Index .news .box .list .item:last-child ul li:hover h3 { color: #0051A2; }

.Index .news .box .list .item:last-child:after { content: ""; width: 100%; height: 2rem; background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%); position: absolute; left: 0; bottom: 0; pointer-events: none; }

.Index .responsibility { position: relative; }

.Index .responsibility .bg { width: 100%; }

.Index .responsibility .title-box { position: absolute; left: 12.5%; z-index: 1; top: 50%; transform: translateY(-50%); }

.Index .responsibility .title-box .common-btn { margin-top: 0.4rem; }

/* Nei-page */
.Nei-page .banner { height: auto; overflow: hidden; position: relative; }

.Nei-page .banner:before { content: ""; width: 100%; height: 1rem; background: linear-gradient(180deg, #000 0%, transparent 100%); opacity: 0.5; position: absolute; left: 0; top: 0; }

.Nei-page .banner img { width: 100%; height: 100%; }

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

.Nei-page .banner .text h3 { font-size: 0.4rem; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-family: "SourceHanSans-Light"; }

.Nei-page .banner .text h2 { font-size: 0.48rem; color: #fff; font-family: "SourceHanSans-Bold"; margin-top: 0.1rem; }

.Nei-page .banner .crumbs-tabs { width: 100%; position: absolute; left: 0; z-index: 1; bottom: 0; }

.Nei-page .banner .crumbs-tabs .container { width: 100%; display: flex; justify-content: flex-end; }

.Nei-page .banner .crumbs-tabs .position { height: auto; overflow: hidden; display: flex; align-items: center; padding-left: 6.25%; position: absolute; left: 0; bottom: 0.3rem; }

.Nei-page .banner .crumbs-tabs .position a { display: block; font-size: 0.14rem; color: #fff; }

.Nei-page .banner .crumbs-tabs .position a.home { display: block; margin-right: 0.12rem; }

.Nei-page .banner .crumbs-tabs .position a.home i { font-size: 0.16rem; color: #fff; }

.Nei-page .banner .crumbs-tabs .position .icon-position-right { margin: 0 0.05rem; font-size: 0.14rem; color: #fff; position: relative; top: 0.01rem; }

.Nei-page .banner .crumbs-tabs .position span { font-size: 0.14rem; color: #fff; display: block; }

.Nei-page .banner .crumbs-tabs .tabs { height: auto; overflow: hidden; position: relative; z-index: 1; border-radius: 0.12rem 0 0 0; padding-right: 6.25%; }

.Nei-page .banner .crumbs-tabs .tabs:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180.03deg, #cce6ff 0%, #fff 100%); opacity: 0.9; position: absolute; left: 0; top: 0; }

.Nei-page .banner .crumbs-tabs .tabs .swiper-slide { width: auto; padding: 0 0.6rem; height: 0.8rem; font-size: 0.18rem; color: #333; font-family: "SourceHanSans-Medium"; position: relative; display: flex; align-items: center; transition: all .4s ease; justify-content: center; }

.Nei-page .banner .crumbs-tabs .tabs .swiper-slide.active, .Nei-page .banner .crumbs-tabs .tabs .swiper-slide:hover { background: #0051A2; color: #fff; }

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

.Nei-page .content { padding-top: 0.8rem; min-height: 3rem; overflow: hidden; }

.Nei-page .title-box h3 { font-family: "SourceHanSans-Bold"; }

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

/* Product */
.Product { background: #F8F9F9; }

.Product .content { padding: 0.5rem 0 1.3rem; }

.Product .content .filter { background: #fff; padding: 0.3rem 0.3rem 0.5rem; margin-bottom: 0.3rem; }

.Product .content .filter .title { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; }

.Product .content .filter form { display: flex; align-items: center; margin-top: 0.25rem; }

.Product .content .filter form .box { width: 4rem; padding: 0 0.15rem; display: flex; align-items: center; border: 1px solid #e8e8e8; border-radius: 0.5rem; }

.Product .content .filter form .box i { font-size: 0.2rem; margin-right: 0.15rem; cursor: pointer; }

.Product .content .filter form .box input { flex: 1; height: 0.5rem; font-size: 0.16rem; }

.Product .content .filter form .reset { font-size: 0.16rem; color: #0051A2; margin-left: 0.2rem; }

.Product .content .filter .fllist .row { display: flex; align-items: center; border-top: 1px solid #EDEDED; padding-top: 0.3rem; margin-top: 0.3rem; }

.Product .content .filter .fllist .row label { width: 1rem; font-size: 0.18rem; font-weight: bold; }

.Product .content .filter .fllist .row .item { font-size: 0.16rem; color: #333; margin-left: 0.5rem; display: flex; align-items: center; transition: none; }

.Product .content .filter .fllist .row .item i { width: 0.2rem; height: 0.2rem; background: url(../images/product/filter-select.webp) no-repeat center/100%; margin-right: 0.1rem; }

.Product .content .filter .fllist .row .item:hover, .Product .content .filter .fllist .row .item.active { color: #0051A2; }

.Product .content .filter .fllist .row .item:hover i, .Product .content .filter .fllist .row .item.active i { background: url(../images/product/filter-select1.webp) no-repeat center/100%; }

/* product-list */
.product-list { display: flex; flex-wrap: wrap; }

.product-list li { width: 23.125%; margin: 2.5% 2.5% 0 0; background: #fff; transition: all .4s ease; }

.product-list li .img { overflow: hidden; }

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

.product-list li .text { padding: 0.5rem 0.3rem; position: relative; }

.product-list li .text h3 { font-size: 0.22rem; line-height: 0.3rem; margin-bottom: 0.2rem; transition: all .4s ease; display: flex; justify-content: space-between; }

.product-list li .text h3 i { font-size: 0.18rem; color: #151515; transition: all .4s ease; }

.product-list li .text p { font-size: 0.16rem; line-height: 0.24rem; margin-top: 0.1rem; }

.product-list li .text .btn-box { width: 100%; padding: 0 0.3rem 0.3rem; position: absolute; left: 0; bottom: -0.4rem; background: #fff; display: flex; justify-content: space-between; opacity: 0; box-shadow: 0 0.1rem 0.2rem 1px rgba(106, 151, 186, 0.2); transition: all .4s ease; }

.product-list li .text .btn-box a { width: 46%; height: 0.54rem; border: 1px solid #0051A2; font-size: 0.18rem; color: #0051A2; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; }

.product-list li .text .btn-box a:last-child { background: #0051A2; color: #fff; }

.product-list li:nth-child(4n) { margin-right: 0; }

.product-list li:hover { box-shadow: 0 0.1rem 0.2rem 1px rgba(106, 151, 186, 0.2); }

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

.product-list li:hover .text h3 { color: #0051A2; }

.product-list li:hover .text h3 i { opacity: 0; }

.product-list li:hover .text .btn { opacity: 0; }

.product-list li:hover .text .btn-box { opacity: 1; }

.no-data { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0.6rem 0; }

.no-data img { width: 1.2rem; margin-bottom: 0.2rem; }

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

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

.page a { display: inline-block; width: 0.5rem; line-height: 0.48rem; border-radius: 0.5rem; border: 1px solid #333; text-align: center; font-size: 0.16rem; color: #333; margin: 0 0.05rem; }

.page a.first, .page a.last { width: 1rem; }

.page a:hover, .page a.active { background: #0051A2; color: #fff; border-color: #0051A2; }

@-webkit-keyframes widthAni { 0% { width: 0; }
  100% { width: calc(100% - 5.5rem); } }

@keyframes widthAni { 0% { width: 0; }
  100% { width: calc(100% - 5.5rem); } }

.widthAni { -webkit-animation-name: widthAni; animation-name: widthAni; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* Product-xq */
.Product-xq .banner { overflow: visible; z-index: 10; }

.Product-xq .banner .link { width: 100%; position: absolute; left: 0; right: 0; bottom: 1.2rem; margin: auto; z-index: 1; }

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

.Product-xq .banner .link .current h4 { font-size: 0.4rem; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-family: "SourceHanSans-Light"; }

.Product-xq .banner .link .current h3 { font-size: 0.48rem; font-family: "SourceHanSans-Bold"; color: #fff; margin-top: 0.15rem; }

.Product-xq .banner .link .line { height: 1px; margin: 0 0.4rem 0.1rem 2.5rem; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; bottom: 0.5rem; }

.Product-xq .banner .link .next { font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; position: relative; padding: 0.5rem 0; }

.Product-xq .banner .link .next a { color: #fff; }

.Product-xq .banner .link .next i { font-size: 0.26rem; margin-left: 1.5rem; }

.Product-xq .banner .link .next .list { width: 100%; position: absolute; left: 0; top: 1.2rem; border-radius: 0.1rem; background: #fff; padding: 0.2rem 0.3rem; box-shadow: 0 0 0.99rem rgba(29, 56, 75, 0.4); transform: translateY(0.5rem); transition: all .4s ease; z-index: 1; opacity: 0; pointer-events: none; }

.Product-xq .banner .link .next .list a { font-size: 0.16rem; color: #999; font-family: "SourceHanSans-Medium"; padding: 0.2rem 0; border-bottom: 1px solid #e1e1e1; transition: all .4s ease; display: block; position: relative; }

.Product-xq .banner .link .next .list a:after { content: ""; width: 0; height: 1px; background: #0051A2; transition: all .4s ease; position: absolute; left: 0; bottom: 0; }

.Product-xq .banner .link .next .list a:hover { color: #0051A2; }

.Product-xq .banner .link .next .list a:hover:after { width: 100%; }

.Product-xq .banner .link .next .list:after { content: ''; display: block; width: 0.18rem; height: 0.18rem; transform: rotate(45deg); top: -0.08rem; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: #fff; position: absolute; }

.Product-xq .banner .link .next:hover .list { pointer-events: all; transform: translateY(0); opacity: 1; }

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

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

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

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

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

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

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

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

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

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

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

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

.Product-xq .content .info .text h2 { font-size: 0.36rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.5rem; }

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

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

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

.Product-xq .content .info .text .yy { margin-top: 0.6rem; }

.Product-xq .content .info .text .yy h4 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: #333; }

.Product-xq .content .info .text .yy h4 i { font-size: 0.24rem; color: #0051A2; margin-right: 0.1rem; }

.Product-xq .content .info .text .yy h5 { margin-top: 0.1rem; }

.Product-xq .content .info .text .yy h5 span { font-size: 0.18rem; color: #333; position: relative; padding-left: 0.2rem; margin-left: 0.2rem; margin-top: 0.2rem; display: inline-block; }

.Product-xq .content .info .text .yy h5 span:after { content: ""; width: 1px; height: 60%; position: absolute; left: 0; top: 0.07rem; background: #666; margin: auto; }

.Product-xq .content .info .text .yy h5 span:first-child { padding: 0; margin-left: 0; }

.Product-xq .content .info .text .yy h5 span:first-child:after { display: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.commomOrder .box form { height: auto; overflow: hidden; }

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

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

.commomOrder .box form .row h5 i { color: #FF0000; }

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

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

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

/* About */
.About .content .section1:before { content: ""; width: 6.2rem; height: 12.93rem; background: url(../images/about/info-l.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.About .content .section1 .info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

.About .content .section1 .info .text { width: 45.8%; }

.About .content .section1 .info .text .title-box p { margin-top: 0.8rem; }

.About .content .section1 .info .text .nums { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About .content .section1 .info .text .nums .item h4 { font-size: 0.18rem; }

.About .content .section1 .info .text .nums .item h4 span { font-size: 0.6rem; font-family: "SourceHanSans-Bold"; color: #0051A2; margin-right: 0.1rem; }

.About .content .section1 .info .text .nums .item p { font-size: 0.18rem; margin-top: 0.1rem; }

.About .content .section1 .info .img { width: 45.8%; }

.About .content .section1 .video { margin-top: 1rem; border-radius: 0.2rem; overflow: hidden; position: relative; }

.About .content .section1 .video img { width: 100%; }

.About .content .section1 .video .btn { position: absolute; left: 0.6rem; bottom: 0.4rem; display: flex; flex-direction: column; align-items: center; }

.About .content .section1 .video .btn i { font-size: 1rem; color: #fff; }

.About .content .section1 .video .btn p { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-top: 0.2rem; }

.About .content .section2 { padding: 1rem 0; background: url(../images/about/section2-bg.webp) no-repeat center/cover; overflow: visible; }

.About .content .section2:before { content: ""; width: 4.34rem; height: 9.37rem; background: url(../images/about/info-r.webp) no-repeat center/100%; position: absolute; right: 0; top: -5.5rem; }

.About .content .section2 .text { width: 45.8%; }

.About .content .section2 .text .nums { display: flex; flex-wrap: wrap; margin-top: 0.6rem; }

.About .content .section2 .text .nums .item { margin-left: 1.2rem; }

.About .content .section2 .text .nums .item h4 { font-size: 0.18rem; }

.About .content .section2 .text .nums .item h4 span { font-size: 0.6rem; font-family: "SourceHanSans-Bold"; color: #0051A2; margin-right: 0.1rem; }

.About .content .section2 .text .nums .item p { font-size: 0.18rem; margin-top: 0.1rem; }

.About .content .section2 .text .nums .item:first-child { margin-left: 0; }

.About .content .section2 .text .wz { display: flex; flex-wrap: wrap; margin-top: 1rem; }

.About .content .section2 .text .wz li { width: 50%; font-size: 0.18rem; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; margin-top: 0.3rem; }

.About .content .section2 .text .wz li i { font-size: 0.3rem; color: #E91E04; margin-right: 0.2rem; }

.About .content .section2 .text .wz li span { width: 0.3rem; height: 0.38rem; color: #fff; padding-top: 0.06rem; background: url(../images/about/position.webp) no-repeat center/100%; display: flex; justify-content: center; margin-right: 0.2rem; }

.About .content .section2 .text .wz li:first-child { width: 100%; }

.About .content .section3 { padding: 0.85rem 0; background: url(../images/about/section3-bg.webp) no-repeat center/cover; }

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

.About .content .section3 .text { width: 35.7%; padding-top: 0.7rem; }

.About .content .section3 .text .nums { display: flex; flex-wrap: wrap; margin-top: 0.6rem; }

.About .content .section3 .text .nums .item { margin-left: 1.2rem; }

.About .content .section3 .text .nums .item h4 { font-size: 0.18rem; color: #fff; }

.About .content .section3 .text .nums .item h4 span { font-size: 0.6rem; font-family: "SourceHanSans-Bold"; color: #fff; margin-right: 0.1rem; }

.About .content .section3 .text .nums .item p { font-size: 0.18rem; margin-top: 0.1rem; color: #fff; }

.About .content .section3 .text .nums .item:first-child { margin-left: 0; }

.About .content .section3 .img { width: 62%; }

.About .content .section3 .img img { width: 100%; }

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

.About .content .section4 .title-box { width: 72%; text-align: center; margin: 0 auto 0.6rem; }

.About .content .section4 .slide-box { width: 85%; overflow: hidden; position: relative; margin: 0 auto; padding: 0 1.8rem; }

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

.About .content .section4 .slide-box .slide .swiper-wrapper { align-items: flex-end; }

.About .content .section4 .slide-box .slide .swiper-slide { display: flex; justify-content: center; flex-direction: column; transform: scale(0.87); transition: all .4s ease; }

.About .content .section4 .slide-box .slide .swiper-slide img { width: 100%; }

.About .content .section4 .slide-box .slide .swiper-slide p { font-size: 0.18rem; line-height: 1.6; font-family: "SourceHanSans-Bold"; text-align: center; opacity: 0; transition: all .4s ease; }

.About .content .section4 .slide-box .slide .swiper-slide.swiper-slide-active { transform: scale(1); }

.About .content .section4 .slide-box .slide .swiper-slide.swiper-slide-active p { opacity: 1; }

.About .content .section4 .slide-box .btn-prev, .About .content .section4 .slide-box .btn-next { width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 1px solid #0051A2; position: absolute; top: 35%; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; }

.About .content .section4 .slide-box .btn-prev i, .About .content .section4 .slide-box .btn-next i { font-size: 0.3rem; color: #0051A2; }

.About .content .section4 .slide-box .btn-prev.btn-prev, .About .content .section4 .slide-box .btn-next.btn-prev { left: 0; }

.About .content .section4 .slide-box .btn-prev.btn-next, .About .content .section4 .slide-box .btn-next.btn-next { right: 0; }

.About .content .section5 { padding: 1.2rem 0; height: 8rem; background: url(../images/about/section5-bg.webp) no-repeat center/cover; }

.About .content .section5 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About .content .section5 .left { width: 42.85%; }

.About .content .section5 .right { width: 51.19%; }

.About .content .section5 .right ul { display: flex; flex-wrap: wrap; margin: 0 -0.1rem; }

.About .content .section5 .right ul li { width: 25%; padding: 0 0.1rem; margin-top: 0.15rem; }

.About .content .section5 .right ul li .b { transition: all .4s ease; border-radius: 0.08rem; overflow: hidden; }

.About .content .section5 .right ul li:hover .b { box-shadow: 0 0.06rem 0.12rem rgba(0, 81, 162, 0.2); }

/* About-culture */
.About-culture .content { background: url(../images/about/culture-section1-bg.webp) no-repeat top/100%; }

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

.About-culture .content .section1 .box { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: 1rem; padding-bottom: 1.3rem; }

.About-culture .content .section1 .box .img { width: 4.2rem; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); }

.About-culture .content .section1 .box .item { width: 50%; margin-top: 1.2rem; position: relative; padding-top: 0.25rem; }

.About-culture .content .section1 .box .item:before { content: ""; width: 1rem; height: 0.02rem; position: absolute; left: 0; top: 0; }

.About-culture .content .section1 .box .item h3 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; }

.About-culture .content .section1 .box .item p { font-size: 0.16rem; color: #666; line-height: 1.875; margin-top: 0.2rem; }

.About-culture .content .section1 .box .item:nth-child(-n+2) { margin-top: 0; }

.About-culture .content .section1 .box .item:nth-child(odd) { padding-right: 3.5rem; }

.About-culture .content .section1 .box .item:nth-child(even) { padding-left: 3.5rem; text-align: right; }

.About-culture .content .section1 .box .item:nth-child(even):before { left: auto; right: 0; }

.About-culture .content .section1 .box .item:nth-child(1):before { background: #51BAFC; }

.About-culture .content .section1 .box .item:nth-child(2):before { background: #157FEA; }

.About-culture .content .section1 .box .item:nth-child(3):before { background: #0051A2; }

.About-culture .content .section1 .box .item:nth-child(4):before { background: #49C769; }

.About-culture .content .section2 { padding-top: 0.8rem; }

.About-culture .content .section2 .box { padding: 1.6rem 0.6rem 1.3rem; background: url(../images/about/culture-section2-bg.webp) no-repeat center/cover; border-radius: 0.12rem; overflow: hidden; }

.About-culture .content .section2 .box .title-box { width: 42.85%; text-align: left; }

.About-culture .content .section2 .box .title-box h4 { margin: 0.4rem 0; }

.About-culture .content .section2 .box .img { width: 42.85%; position: absolute; right: 0.6rem; top: -0.8rem; }

.About-culture .content .section2 .box .img img { width: 100%; }

.About-culture .content .section3 { margin-top: 1rem; }

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

.About-culture .content .section3 .item { width: 48.75%; }

.About-culture .content .section3 .item .title-box { text-align: center; }

.About-culture .content .section3 .item .img { border-radius: 0.12rem; overflow: hidden; position: relative; }

.About-culture .content .section3 .item .img img { width: 100%; }

.About-culture .content .section3 .item .img .text { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.5rem; }

.About-culture .content .section3 .item .img .text p { font-size: 0.18rem; line-height: 1.6; color: #fff; }

.About-culture .content .section4 { margin-top: 1.2rem; padding-top: 0.9rem; height: 9rem; background: url(../images/about/culture-section4-bg.webp) no-repeat center/cover; }

.About-culture .content .section4 ul { width: 72%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0.7rem auto; }

.About-culture .content .section4 ul li { width: 50%; color: #fff; text-align: center; padding: 0 1.8rem; position: relative; }

.About-culture .content .section4 ul li:before { content: ""; width: 1px; height: 1rem; background: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; }

.About-culture .content .section4 ul li h4 { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; display: flex; align-items: center; justify-content: center; }

.About-culture .content .section4 ul li h4 i { font-size: 0.26rem; margin-right: 0.1rem; }

.About-culture .content .section4 ul li p { font-size: 0.16rem; line-height: 1.875; }

.About-culture .content .section4 ul li:first-child { padding-left: 0; }

.About-culture .content .section4 ul li:first-child:before { display: none; }

.About-culture .content .section4 ul li:last-child { padding-right: 0; }

.About-culture .content .section5 { padding: 0.9rem 0; }

.About-culture .content .section5 .slide { overflow: hidden; }

.About-culture .content .section5 .slide .swiper-slide { height: 6.6rem; flex: 1; position: relative; overflow: hidden; border-radius: 0.12rem; margin-left: 0.3rem; transition: all .4s ease; }

.About-culture .content .section5 .slide .swiper-slide img { width: 100%; height: 100%; }

.About-culture .content .section5 .slide .swiper-slide .text { width: 7.5rem; position: absolute; left: 0; bottom: 0; padding: 0.4rem; color: #fff; opacity: 0; transition: all .4s ease; }

.About-culture .content .section5 .slide .swiper-slide .text h3 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; }

.About-culture .content .section5 .slide .swiper-slide .text p { font-size: 0.18rem; line-height: 1.7; margin-top: 0.1rem; }

.About-culture .content .section5 .slide .swiper-slide.active { flex: 0 0 7.5rem; }

.About-culture .content .section5 .slide .swiper-slide.active .text { opacity: 1; }

.About-culture .content .section5 .slide .swiper-slide:first-child { margin-left: 0; }

/* Contact */
.Contact .section1 { padding-bottom: 0.8rem; }

.Contact .section1 ul { display: flex; justify-content: space-between; padding-top: 0.1rem; margin: 0 -0.2rem; }

.Contact .section1 ul li { display: flex; flex-direction: column; align-items: center; flex: 1; padding: 0.68rem 0.3rem; background-color: #F6F8FB; margin: 0 0.2rem; }

.Contact .section1 ul li img { width: 1rem; margin-bottom: 0.1rem; }

.Contact .section1 ul li h4 { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: 0.12rem; }

.Contact .section1 ul li p { font-size: 0.16rem; color: #666666; text-align: center; line-height: 0.24rem; }

.Contact .section1 ul li p a { color: #666666; }

.Contact .section1 ul li p a.active { color: #0051A2; font-size: 0.24rem; font-weight: bold; }

.Contact .section2 { padding-bottom: 2.2rem; background: url("../images/contact/bg-qiye.webp") center bottom no-repeat; background-size: 100%; }

.Contact .section2 ul { display: flex; flex-wrap: wrap; padding-top: 0.3rem; }

.Contact .section2 ul li { width: 32%; height: 2.4rem; padding: 0.3rem; margin: 0 2% 2% 0; border-radius: 0.12rem; background: #fff; box-shadow: 0 0.06rem 0.16rem rgba(6, 111, 201, 0.2); transition: all .4s ease; }

.Contact .section2 ul li h4 { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: #000; padding-bottom: 0.2rem; margin-bottom: 0.2rem; position: relative; transition: all .4s ease; }

.Contact .section2 ul li h4::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0.4rem; height: 0.02rem; background-color: #0051A2; }

.Contact .section2 ul li p { font-size: 0.16rem; line-height: 0.4rem; color: #333; display: flex; align-items: center; transition: all .4s ease; }

.Contact .section2 ul li p span { margin-right: 0.08rem; position: relative; top: 0.02rem; }

.Contact .section2 ul li:hover { background: #0051A2; }

.Contact .section2 ul li:hover h4 { color: #fff; }

.Contact .section2 ul li:hover h4::before { background-color: rgba(255, 255, 255, 0.4); }

.Contact .section2 ul li:hover p { color: #fff; }

.Contact .section2 ul li:nth-child(3n) { margin-right: 0; }

/* News */
.News .section1 { padding-bottom: 0.8rem; }

.News .section1 .text-box { flex: 1; }

.News .section1 .text-box .time { font-size: 0.18rem; color: #333; font-family: "SourceHanSans-Medium"; margin-bottom: 0.3rem; }

.News .section1 .text-box .time span { margin-right: 0.1rem; font-size: 0.24rem; position: relative; top: 0.02rem; }

.News .section1 .text-box h2 { font-size: 0.24rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s ease; }

.News .section1 .text-box p { font-size: 0.16rem; line-height: 0.28rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News .section1 .text-box .more { display: inline-block; margin-top: 0.4rem; font-size: 0.16rem; color: #151515; border: 1px solid #fff; border-radius: 0.25rem; transition: all .4s ease; }

.News .section1 .text-box .more span { font-size: 0.14rem; margin-left: 0.1rem; }

.News .section1 .top { display: flex; overflow: hidden; margin-bottom: 0.5rem; --swiper-theme-color: #ffffff; --swiper-navigation-size: 0.5rem; }

.News .section1 .top .swiper-slide { display: flex; }

.News .section1 .top .swiper-slide .img { width: 7.8rem; height: 4.68rem; background-color: #f5f5f5; margin-right: 1.2rem; border-radius: 0.12rem; overflow: hidden; position: relative; }

.News .section1 .top .swiper-slide .img img { width: 100%; height: 100%; }

.News .section1 .top .swiper-slide .text-box { width: 0; flex: 1; padding-top: 0.3rem; }

.News .section1 .top .swiper-slide .text-box h2 { font-size: 0.36rem; line-height: 0.48rem; }

.News .section1 .top .swiper-slide .text-box p { font-size: 0.18rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 0.3rem; margin-top: 0.25rem; }

.News .section1 .top .swiper-slide .text-box .more { margin-top: 0.6rem; border-color: #333; padding: 0.17rem 0.35rem; border-radius: 0.5rem; }

.News .section1 .top .swiper-slide .text-box .more:hover { background-color: #0051A2; color: #fff; border-color: #0051A2; }

.News .section1 .top .swiper-button-next, .News .section1 .top .swiper-button-prev { left: 0.3rem; }

.News .section1 .top .swiper-button-next { right: auto; left: 7.2rem; }

.News .section1 .news-list { padding-bottom: 0.3rem; }

.news-list { padding-bottom: 0.3rem; }

.news-list li { border-bottom: 1px solid #E6E6E6; }

.news-list li a { display: flex; justify-content: space-between; padding: 0.4rem 0; }

.news-list li a .text-box { flex: 1; }

.news-list li a .text-box .time { font-size: 0.18rem; color: #333; font-family: "SourceHanSans-Medium"; margin-bottom: 0.3rem; }

.news-list li a .text-box .time span { margin-right: 0.1rem; font-size: 0.24rem; position: relative; top: 0.02rem; }

.news-list li a .text-box h2 { font-size: 0.24rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s ease; }

.news-list li a .text-box p { font-size: 0.16rem; line-height: 0.28rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.news-list li a .text-box .more { display: inline-block; margin-top: 0.4rem; font-size: 0.16rem; color: #151515; border: 1px solid #fff; border-radius: 0.25rem; }

.news-list li a .text-box .more span { font-size: 0.14rem; margin-left: 0.1rem; transition: all .4s ease; }

.news-list li a .img-box { width: 4.8rem; margin-left: 1.2rem; overflow: hidden; border-radius: 0.12rem; }

.news-list li a .img-box img { display: block; transition: all .4s ease; }

.news-list li a:hover .text-box h2 { color: #0051A2; }

.news-list li a:hover .img-box img { transform: scale(1.1); }

.news-list li a:hover .more span { margin-left: 0.15rem; }

/* News-xq */
.News-xq .section1:before { content: ""; background: #F5F7FA; width: 37%; height: 100%; position: absolute; right: 0; top: 0; }

.News-xq .section1 .container { padding: 0.3rem 0 0.6rem; position: relative; display: flex; flex-wrap: wrap; }

.News-xq .section1 .container .left { width: 65%; padding-right: 0.8rem; }

.News-xq .section1 .container .left .title { font-size: 0.34rem; line-height: 0.48rem; color: #1A1311; font-weight: bold; margin-bottom: 0.5rem; }

.News-xq .section1 .container .left .other { background: #F8F9FB; height: 0.6rem; padding: 0 0.3rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; }

.News-xq .section1 .container .left .other .tags span { font-size: 0.14rem; color: #636366; position: relative; margin-right: 0.3rem; }

.News-xq .section1 .container .left .other .tags span i { font-size: 0.22rem; position: relative; top: 0.02rem; margin-right: 0.04rem; }

.News-xq .section1 .container .left .other .share { font-size: 0.14rem; color: #666; display: flex; align-items: center; }

.News-xq .section1 .container .left .other .share a { font-size: 0.3rem; margin: 0 0.06rem; }

.News-xq .section1 .container .left .other .share a.wechat { color: #48A414; }

.News-xq .section1 .container .left .other .share a.weibo { color: #EA5D5C; }

.News-xq .section1 .container .left .other .share a.qq { color: #0051A2; }

.News-xq .section1 .container .left .text-box p { font-size: 0.16rem; color: #1A1311; line-height: 0.3rem; margin-top: 0.4rem; }

.News-xq .section1 .container .left .text-box img { margin: 0 auto; }

.News-xq .section1 .container .left .relevant { margin-top: 0.6rem; padding: 0.45rem 0; border-top: 1px solid #E6E6E6; }

.News-xq .section1 .container .left .relevant a { display: flex; justify-content: flex-start; padding: 0.15rem 0; font-size: 0.17rem; }

.News-xq .section1 .container .left .relevant a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; text-align: left; color: #616164; transition: all .4s ease; }

.News-xq .section1 .container .left .relevant a span { margin-right: 0.1rem; color: #8C8D8F; }

.News-xq .section1 .container .left .relevant a:hover p { color: #0051A2; }

.News-xq .section1 .container .right { width: 34%; padding-left: 0.5rem; }

.News-xq .section1 .container .right .title { font-size: 0.3rem; color: #000; font-weight: bold; margin-bottom: 0.5rem; }

.News-xq .section1 .container .right ul li { margin-bottom: 0.7rem; }

.News-xq .section1 .container .right ul li .img { height: 2.8rem; overflow: hidden; }

.News-xq .section1 .container .right ul li .img img { width: 100%; height: 100%; }

.News-xq .section1 .container .right ul li .text { padding-top: 0.2rem; }

.News-xq .section1 .container .right ul li .text h4 { font-size: 0.18rem; color: #000; margin-bottom: 0.2rem; }

.News-xq .section1 .container .right ul li .text h3 { font-size: 0.2rem; color: #000; font-weight: bold; margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s ease; }

.News-xq .section1 .container .right ul li .text p { font-size: 0.16rem; line-height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News-xq .section1 .container .right ul li .text i { margin-top: 0.2rem; display: block; font-size: 0.2rem; color: #666; transition: all .4s ease; }

.News-xq .section1 .container .right ul li:hover img { transform: scale(1.1); }

.News-xq .section1 .container .right ul li:hover .text h3 { color: #0051A2; }

.News-xq .section1 .container .right ul li:hover .text i { color: #0051A2; transform: translateX(10px); }

/* About-history */
.About-history .content { background: url(../images/about/history-bg.webp) no-repeat bottom/100%; padding-bottom: 2.3rem; overflow: visible; }

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

.About-history .content .years { width: 42%; position: sticky; top: calc(.6rem + var(--headerHeight)); overflow: hidden; }

.About-history .content .years:before { content: ""; width: 0.12rem; height: 5.92rem; background: url(../images/about/history-line.webp) no-repeat center/100%; position: absolute; right: 0; top: 0; }

.About-history .content .years .swiper-wrapper { flex-direction: column; }

.About-history .content .years .swiper-slide { font-size: 0.6rem; color: #D8DFE5; font-family: "SourceHanSans-Bold"; margin-bottom: 0.6rem; cursor: pointer; transition: all .4s ease; }

.About-history .content .years .swiper-slide.active { color: #0051A2; font-size: 0.8rem; }

.About-history .content .years .swiper-slide:hover { color: #0051A2; }

.About-history .content .con { width: 47.6%; }

.About-history .content .con .tit { font-size: 0.4rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; }

.About-history .content .con .slide { overflow: hidden; }

.About-history .content .con .slide .swiper-slide ul li { margin-top: 0.3rem; }

.About-history .content .con .slide .swiper-slide ul li h4 { font-size: 0.24rem; color: #535353; font-family: "SourceHanSans-Bold"; }

.About-history .content .con .slide .swiper-slide ul li p { font-size: 0.18rem; color: #535353; margin-top: 0.1rem; }

.About-history .content .con .slide .swiper-slide ul li:first-child h4 { color: #000; }

.About-history .content .con .slide .swiper-slide .slide1 { margin-top: 0.6rem; overflow: hidden; border-radius: 0.12rem; position: relative; }

.About-history .content .con .slide .swiper-slide .slide1 img { width: 100%; }

.About-history .content .con .slide .swiper-slide .slide1 .icon-prev, .About-history .content .con .slide .swiper-slide .slide1 .icon-next { font-size: 0.4rem; color: #fff; position: absolute; left: 0.3rem; top: 50%; transform: translate(0, -50%); z-index: 10; cursor: pointer; transition: all .4s ease; }

.About-history .content .con .slide .swiper-slide .slide1 .icon-prev.icon-next, .About-history .content .con .slide .swiper-slide .slide1 .icon-next.icon-next { left: auto; right: 0.3rem; }

.About-history .content .con .slide .swiper-slide .slide1 .icon-prev:hover, .About-history .content .con .slide .swiper-slide .slide1 .icon-next:hover { color: #0051A2; }

/* About-esg */
.About-esg .content { padding-bottom: 1rem; background: url(../images/about/esg-bg.webp) no-repeat top/100%; }

.About-esg .content .section1 { padding-top: 0.5rem; }

.About-esg .content .section1 .info { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-bottom: 1.2rem; }

.About-esg .content .section1 .info .text { width: 39.2%; }

.About-esg .content .section1 .info .text .title-box { margin-bottom: 0.7rem; }

.About-esg .content .section1 .info .text .title-box h3 span { font-family: 'SourceHanSans'; }

.About-esg .content .section1 .info .text p { font-size: 0.18rem; line-height: 1.5; margin-top: 0.2rem; }

.About-esg .content .section1 .info .text p.b { font-family: "SourceHanSans-Bold"; color: #44995A; }

.About-esg .content .section1 .info .img { width: 48.6%; }

.About-esg .content .section2 { padding-top: 0.9rem; }

.About-esg .content .section2 .title-box { text-align: center; }

.About-esg .content .section2 ul { display: flex; flex-wrap: wrap; margin: 0 -0.3rem; }

.About-esg .content .section2 ul li { width: 33.333%; padding: 0 0.3rem; margin-bottom: 0.6rem; }

.About-esg .content .section2 ul li .img { overflow: hidden; border-radius: 0.12rem; }

.About-esg .content .section2 ul li .img img { width: 100%; transition: all .4s ease; }

.About-esg .content .section2 ul li .text { padding-top: 0.2rem; }

.About-esg .content .section2 ul li .text p { font-size: 0.18rem; line-height: 1.6; transition: all .4s ease; }

.About-esg .content .section2 ul li:hover img { transform: scale(1.05); }

.About-esg .content .section2 ul li:hover p { color: #0051A2; }

/* About-case */
.About-case .content { padding-bottom: 1rem; background: url(../images/about/case-bg.webp) no-repeat top/100%; }

.About-case .content .title-box { text-align: center; margin-bottom: 0; }

.About-case .content .list { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 0.6rem; }

.About-case .content .list li { width: 50%; padding: 0 0.4rem; }

.About-case .content .list li a { position: relative; overflow: hidden; border-radius: 0.12rem; display: block; }

.About-case .content .list li a:before { content: ""; width: 100%; height: 100%; background: linear-gradient(182.98deg, rgba(16, 44, 117, 0) 0%, #053462 100%); position: absolute; left: 0; top: 0; opacity: .5; z-index: 1; transition: all .4s ease; }

.About-case .content .list li .text { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0.4rem; }

.About-case .content .list li .text p { font-size: 0.18rem; color: #fff; line-height: 1.6; }

.About-case .content .list li:hover img { transform: scale(1.05); }

.About-case .content .list li:hover a:before { opacity: .3; }

.About-case .content .list li:nth-child(2n) { margin-top: 0.8rem; }

.About-case .content .btn-more { width: 1.88rem; height: 0.6rem; font-size: 0.18rem; color: #fff; border-radius: 0.5rem; background: #0051A2; display: flex; align-items: center; justify-content: center; margin: 1rem auto 0; cursor: pointer; }

.About-case .content .btn-more i { font-size: 0.16rem; margin-left: 0.1rem; }

/* About-join */
.About-join .content { padding-bottom: 1.2rem; }

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

.About-join .content .title-box .btn { width: 2.2rem; height: 0.6rem; font-size: 0.18rem; color: #fff; background: #0051A2; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin: 0.3rem auto 0; }

.About-join .content .title-box .btn i { font-size: 0.2rem; margin-left: 0.1rem; position: relative; top: 0.02rem; transition: all .4s ease; }

.About-join .content .title-box .btn:hover i { margin-left: 0.15rem; }

.About-join .content .box { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.7rem; }

.About-join .content .box .img { width: 49.2%; overflow: hidden; border-radius: 0.12rem; }

.About-join .content .box .img img { width: 100%; }

.About-join .content .box .text { width: 48.8%; padding: 0.6rem 0.8rem; background: #F7F7F7; border-radius: 0.12rem; }

.About-join .content .box .text .tit { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: #333; display: flex; justify-content: center; align-items: center; }

.About-join .content .box .text .tit span { width: 0.5rem; height: 1px; background: #CBCBCB; margin: 0 0.3rem; }

.About-join .content .box .text ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About-join .content .box .text ul li { width: 33.333%; text-align: center; margin-top: 0.5rem; }

.About-join .content .box .text ul li img { width: 1rem; margin: 0 auto; }

.About-join .content .box .text ul li p { font-size: 0.2rem; margin-top: 0.1rem; }

/* Technology */
.Technology .content { position: relative; }

.Technology .content:before { content: ""; width: 6.2rem; height: 12.93rem; background: url(../images/technology/bg.webp) no-repeat top/100%; position: absolute; left: 0; top: 0; }

.Technology .content .section1 .title-box { width: 72%; text-align: center; margin: 0 auto; }

.Technology .content .section1 .img { width: 86.4%; margin: 0.3rem auto 0; }

.Technology .content .section1 .img img { width: 100%; }

.Technology .content .section2 { padding-top: 1rem; background: url(../images/technology/section2-bg.webp) no-repeat center/100%; }

.Technology .content .section2 .title-box { width: 72%; text-align: center; margin: 0 auto; }

.Technology .content .section2 .box { width: 80%; margin: 0 auto; position: relative; }

.Technology .content .section2 .box .img { width: 7.24rem; margin: 0 auto; }

.Technology .content .section2 .box ul { position: absolute; top: 0.2rem; }

.Technology .content .section2 .box ul li { margin-top: 0.6rem; }

.Technology .content .section2 .box ul li h4 { font-size: 0.18rem; color: #333; }

.Technology .content .section2 .box ul li h4 span { font-size: 0.6rem; font-family: "SourceHanSans-Bold"; color: #0051A2; margin-right: 0.1rem; }

.Technology .content .section2 .box ul li p { font-size: 0.18rem; color: #333; margin-top: 0.1rem; }

.Technology .content .section2 .box ul.l { left: 0; }

.Technology .content .section2 .box ul.r { right: 0; }

.Technology .content .section3 { padding-top: 0.9rem; background: url(../images/technology/section3-bg.webp) no-repeat top/100%; }

.Technology .content .section3 .title-box { width: 40%; }

.Technology .content .section3 .slide { position: relative; padding: 0 1.2rem; margin-top: 1.4rem; }

.Technology .content .section3 .slide .swiper-slide { overflow: hidden; border-radius: 0.12rem; }

.Technology .content .section3 .slide .swiper-slide:before { content: ""; width: 100%; height: 50%; background: linear-gradient(179.88deg, rgba(16, 44, 117, 0) 0%, rgba(0, 81, 162, 0.8) 100%); position: absolute; left: 0; bottom: 0; }

.Technology .content .section3 .slide .swiper-slide img { width: 100%; }

.Technology .content .section3 .slide .swiper-slide p { width: 100%; font-size: 0.18rem; color: #fff; font-family: "SourceHanSans-Medium"; position: absolute; left: 0; bottom: 0; padding: 0.2rem; }

.Technology .content .section4 { padding: 1.4rem 0 1.8rem; }

.Technology .content .section4 .container { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0 0 1.2rem; }

.Technology .content .section4 .title-box { width: 39.2%; padding-top: 1rem; }

.Technology .content .section4 .slide { width: 55.5%; position: relative; overflow: hidden; padding-bottom: 0.6rem; }

.Technology .content .section4 .slide .swiper-slide { overflow: hidden; border-radius: 0.12rem; }

.Technology .content .section4 .slide .swiper-slide img { width: 100%; }

.Technology .content .section4 .slide .swiper-slide p { width: 100%; font-size: 0.18rem; color: #fff; padding: 0.2rem; position: absolute; left: 0; bottom: 0; background: #0051A2; text-align: center; }

.Technology .content .section4 .slide .swiper-scrollbar { height: 0.04rem; bottom: 0; background: #E8E8E8; border-radius: 0; }

.Technology .content .section4 .slide .swiper-scrollbar .swiper-scrollbar-drag { cursor: pointer; background: #0051A2; border-radius: 0; }

/* Solution */
.Solution .content { padding-bottom: 1.4rem; }

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

.Solution .content .section1 .box { height: 6rem; padding: 0.85rem 0.6rem; background: url(../images/solution/section1-bg.webp) no-repeat center/cover; border-radius: 0.12rem; overflow: hidden; }

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

.Solution .content .section1 .box ul li { width: 50%; margin-top: 2rem; display: flex; justify-content: flex-start; }

.Solution .content .section1 .box ul li .bb { width: 4.8rem; padding: 0.3rem; background: linear-gradient(180deg, #f7f9ff 0%, #f4f8ff 100%); border-radius: 0.12rem; }

.Solution .content .section1 .box ul li .bb h4 { font-size: 0.2rem; font-family: "SourceHanSans-Bold"; position: relative; padding-left: 0.2rem; }

.Solution .content .section1 .box ul li .bb h4:before { content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #0051A2; position: absolute; left: 0; top: 0.07rem; }

.Solution .content .section1 .box ul li .bb p { font-size: 0.16rem; color: #666; line-height: 1.667; margin-top: 0.1rem; }

.Solution .content .section1 .box ul li .bb dl { display: flex; flex-wrap: wrap; }

.Solution .content .section1 .box ul li .bb dl dd { width: 50%; text-align: center; margin-top: 0.3rem; }

.Solution .content .section1 .box ul li .bb dl dd img { width: 0.6rem; margin: 0 auto; }

.Solution .content .section1 .box ul li .bb dl dd p { color: #333; }

.Solution .content .section1 .box ul li:nth-child(-n+2) { margin-top: 0; }

.Solution .content .section1 .box ul li:nth-child(2n) { justify-content: flex-end; }

.Solution .content .section1 .box .img { width: 5.42rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

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

.Solution .content .section2 .slide { position: relative; overflow: hidden; padding-bottom: 0.8rem; }

.Solution .content .section2 .slide .swiper-slide { width: 14rem; }

.Solution .content .section2 .slide .swiper-slide .box { display: flex; transform-style: preserve-3d; perspective: 500; -webkit-perspective: 500; opacity: 0.3; transition: all .4s ease; }

.Solution .content .section2 .slide .swiper-slide .box img { width: 8rem; }

.Solution .content .section2 .slide .swiper-slide .box .text { flex: 1; padding: 0.35rem 0.6rem; background: #0051A2; }

.Solution .content .section2 .slide .swiper-slide .box .text .num { font-size: 0.7rem; color: rgba(255, 255, 255, 0.1); font-family: "SourceHanSans-Bold"; }

.Solution .content .section2 .slide .swiper-slide .box .text h3 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Bold"; position: relative; padding-bottom: 0.3rem; margin: 0.3rem 0; }

.Solution .content .section2 .slide .swiper-slide .box .text h3:before { content: ""; width: 0.3rem; height: 0.02rem; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0; }

.Solution .content .section2 .slide .swiper-slide .box .text p { font-size: 0.16rem; color: #fff; line-height: 1.667; }

.Solution .content .section2 .slide .swiper-slide.swiper-slide-active .box { opacity: 1; }

.Solution .content .section2 .slide .swiper-slide.swiper-slide-prev .box { flex-flow: row-reverse; transform-origin: left center; }

.Solution .content .section2 .slide .swiper-slide.swiper-slide-next .box { transform-origin: right center; }

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

.Solution .content .section2 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #C6D3E0; opacity: 1; border-radius: 0; transition: all .4s ease; }

.Solution .content .section2 .slide .swiper-pagination .swiper-pagination-bullet-active { width: 0.6rem; background: #0051A2; }

.Solution .content .section2 .slide .btn-prev, .Solution .content .section2 .slide .btn-next { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #fff; position: absolute; top: 36%; transition: all .4s ease; z-index: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.Solution .content .section2 .slide .btn-prev i, .Solution .content .section2 .slide .btn-next i { font-size: 0.24rem; transition: all .4s ease; }

.Solution .content .section2 .slide .btn-prev.btn-prev, .Solution .content .section2 .slide .btn-next.btn-prev { left: 0.3rem; }

.Solution .content .section2 .slide .btn-prev.btn-next, .Solution .content .section2 .slide .btn-next.btn-next { right: 0.3rem; }

.Solution .content .section2 .slide .btn-prev:hover, .Solution .content .section2 .slide .btn-next:hover { background: #0051A2; }

.Solution .content .section2 .slide .btn-prev:hover i, .Solution .content .section2 .slide .btn-next:hover i { color: #fff; }

.Solution .content .section3 { margin-top: 1rem; }

.Solution .content .section3 .slide { overflow: hidden; }

.Solution .content .section3 .slide .swiper-slide { border-radius: 0.12rem; overflow: hidden; }

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

.Solution .content .section3 .slide .swiper-slide p { width: 100%; font-size: 0.18rem; color: #fff; font-family: "SourceHanSans-Bold"; padding: 0.2rem; position: absolute; left: 0; bottom: 0; background: #0051A2; text-align: center; }

/* Business */
.Business .content { padding-bottom: 2.3rem; background: url(../images/business/bg.webp) no-repeat bottom/100%; overflow: visible; }

.Business .content .title-box { text-align: center; }

.Business .content .container { width: 75%; }

.Business .content ul li { position: sticky; top: calc(.5rem + var(--headerHeight)); overflow: hidden; border-radius: 0.12rem; margin-top: 0.6rem; background: #fff; }

.Business .content ul li a { display: block; }

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

.Business .content ul li .text { width: 100%; padding: 0.6rem; position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; align-items: flex-end; }

.Business .content ul li .text .l h3 { font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Medium"; }

.Business .content ul li .text .l h4 { font-size: 0.16rem; color: #fff; margin: 0.2rem 0 0.3rem; }

.Business .content ul li .text .l h4 span { position: relative; padding-left: 0.15rem; margin-left: 0.15rem; }

.Business .content ul li .text .l h4 span:before { content: ""; width: 1px; height: 60%; background: #fff; position: absolute; left: 0; top: 0.05rem; }

.Business .content ul li .text .l h4 span:first-child { padding: 0; margin: 0; }

.Business .content ul li .text .l h4 span:first-child:before { display: none; }

.Business .content ul li .text .l p { font-size: 0.18rem; color: #fff; margin-top: 0.2rem; }

.Business .content ul li .text .r .common-btn { width: 1.6rem; height: 0.5rem; font-size: 0.16rem; }

.Business .content ul li .text .r .common-btn i { font-size: 0.14rem; }

.Business .content ul li:hover img { transform: scale(1.05); }

.Business .content ul li:hover .common-btn { background: #0051A2; border-color: #0051A2; color: #fff; }

.Business .content ul li:hover .common-btn i { color: #fff; }

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

/* Business-xq */
.Business-xq .content { padding-bottom: 2.4rem; background: url(../images/business/bg.webp) no-repeat bottom/100%; }

.Business-xq .content .section1 .info { position: relative; }

.Business-xq .content .section1 .info img { width: 100%; }

.Business-xq .content .section1 .info .text { width: 100%; padding: 1.7rem 0.6rem 0; position: absolute; left: 0; top: 0; }

.Business-xq .content .section1 .info .text h3 { font-size: 0.4rem; color: #fff; font-family: "SourceHanSans-Bold"; }

.Business-xq .content .section1 .info .text h4 { font-size: 0.18rem; color: #fff; margin: 0.4rem 0 1.2rem; }

.Business-xq .content .section1 .info .text h4 span { position: relative; padding-left: 0.15rem; margin-left: 0.15rem; }

.Business-xq .content .section1 .info .text h4 span:before { content: ""; width: 1px; height: 60%; background: #fff; position: absolute; left: 0; top: 0.05rem; }

.Business-xq .content .section1 .info .text h4 span:first-child { padding: 0; margin: 0; }

.Business-xq .content .section1 .info .text h4 span:first-child:before { display: none; }

.Business-xq .content .section1 .info .text p { width: 4.4rem; font-size: 0.18rem; color: #fff; margin-top: 0.2rem; line-height: 1.8; }

.Business-xq .content .section1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.8rem; }

.Business-xq .content .section1 ul li { width: 47.5%; display: flex; flex-direction: column; justify-content: space-between; }

.Business-xq .content .section1 ul li h3 { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; }

.Business-xq .content .section1 ul li p { font-size: 0.16rem; line-height: 1.6; color: #666; }

.Business-xq .content .section1 ul li .box { margin-top: 0.3rem; border-radius: 0.12rem; overflow: hidden; position: relative; }

.Business-xq .content .section1 ul li .box img { width: 100%; }

.Business-xq .content .section1 ul li .box .text { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.4rem; }

.Business-xq .content .section1 ul li .box .text h4 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Bold"; }

.Business-xq .content .section1 ul li .box .text p { color: #fff; margin-top: 0.15rem; }

/* Page404 */
.Page404 .content { padding: 1rem 0; }

.Page404 .content .img { margin: 0 auto; display: block; }

.Page404 .content .text { width: 4.3rem; display: flex; align-items: center; justify-items: 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 p { width: 1rem; font-size: 0.14rem; line-height: 0.18rem; color: #333; float: left; 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 #1A52EE; color: #1A52EE; text-align: center; display: block; float: left; }

.Page404 .content .text .p .btn11 i { font-size: 0.14rem; color: #1A52EE; }

/* Sitemap */
.Sitemap .content { padding: 0.8rem 0; }

.Sitemap .content .title-box { width: 100%; text-align: left; margin-bottom: 0.6rem; }

.Sitemap .content dl { height: auto; overflow: hidden; padding-bottom: 0.2rem; margin-top: 0.35rem; border-bottom: 1px solid #eee; }

.Sitemap .content dl dt { font-size: 0.22rem; color: #000; font-family: "SourceHanSans-Medium"; }

.Sitemap .content dl dt a { color: #000; }

.Sitemap .content dl dt a:hover { color: #0051A2; }

.Sitemap .content dl dd { height: auto; overflow: hidden; margin-top: 0.25rem; }

.Sitemap .content dl dd a { width: 16.6666%; font-size: 0.18rem; color: #333; float: left; margin-bottom: 0.15rem; }

.Sitemap .content dl dd a:hover { color: #0051A2; }

/* Legal */
.Legal .content { padding: 0.8rem 0; }

.Legal .content .title-box { margin-bottom: 0.6rem; }

.Legal .content .con h4 { font-size: 0.2rem; color: #333; margin-bottom: 0.15rem; }

.Legal .content .con p { font-size: 0.16rem; color: #666; margin-bottom: 0.25rem; line-height: 0.28rem; }

/* Friendlink */
.Friendlink .content { min-height: 4.5rem; padding: 0.8rem 0; }

.Friendlink .content .title-box { width: 100%; text-align: left; margin-bottom: 0.2rem; }

.Friendlink .content dl { border-bottom: 1px solid #ececec; padding-bottom: 0.2rem; }

.Friendlink .content dl dd { display: flex; flex-wrap: wrap; }

.Friendlink .content dl dd a { width: 19.2%; margin-left: 1%; }

.Friendlink .content dl dd a h3 { font-size: 0.2rem; color: #333; margin: 0.4rem 0 0.1rem; transition: all .4s ease; }

.Friendlink .content dl dd a p { font-size: 0.16rem; color: #666; line-height: 0.35rem; }

.Friendlink .content dl dd a:hover h2 { color: #0051A2; }

.Friendlink .content dl dd a:first-child { margin-left: 0; }

.footer { background: linear-gradient(152.39deg, #0b2977 0%, #081945 100%); position: relative; z-index: 2; }

.footer .top { padding: 0.4rem 0; display: flex; justify-content: space-between; align-items: center; }

.footer .top .left { display: flex; align-items: center; flex-wrap: wrap; }

.footer .top .left .logo { width: 2.58rem; margin-right: 0.6rem; }

.footer .top .left .follow { display: flex; align-items: center; }

.footer .top .left .follow .label { font-size: 0.16rem; color: #fff; font-family: "SourceHanSans-Bold"; }

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

.footer .top .left .follow ul li { margin-left: 0.2rem; cursor: pointer; position: relative; }

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

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

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

.footer .top .left .follow ul li .icon i { font-size: 0.24rem; color: rgba(255, 255, 255, 0.8); transition: all .4s ease; }

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

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

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

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

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

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

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

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

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

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

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

.footer .top .right .links { width: 3rem; font-size: 0.16rem; color: #fff; font-family: "SourceHanSans-Medium"; vertical-align: middle; position: relative; z-index: 999; cursor: pointer; }

.footer .top .right .links a { color: #A3B8CE; }

.footer .top .right .links .t { height: 0.5rem; padding: 0 0.2rem; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255, 255, 255, 0.22); }

.footer .top .right .links .t .iconfont { font-size: 0.16rem; transition: all .4s ease; display: block; }

.footer .top .right .links ul { width: 100%; display: none; padding: 0.1rem 0; position: absolute; left: 0; top: 0.5rem; max-height: 2rem; height: auto; overflow: hidden; z-index: 9999; overflow-y: auto; background: #0F3554; border-bottom: 1px solid rgba(221, 221, 221, 0.1); }

.footer .top .right .links ul::-webkit-scrollbar { width: 4px; height: 4px; background: #092d4a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.footer .top .right .links ul::-webkit-scrollbar-thumb { background: #09385e; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.footer .top .right .links ul li { width: 100%; padding: 0 0.2rem; transition: all .4s ease; }

.footer .top .right .links ul li a { color: #A3B8CE; font-size: 0.15rem; display: block; padding: 0.05rem 0; line-height: 0.22rem; }

.footer .top .right .links ul li a:hover { color: #fff; }

.footer .top .right .links:hover .iconfont { transform: rotate(180deg); }

.footer .center { padding: 0.6rem 0; border-top: 1px solid rgba(255, 255, 255, 0.16); display: flex; justify-content: space-between; }

.footer .center dl { margin-left: 1rem; }

.footer .center dl dt { font-size: 0.16rem; color: #fff; margin-bottom: 0.3rem; padding-bottom: 0.3rem; position: relative; }

.footer .center dl dt:before { content: ""; width: 0.2rem; height: 0.02rem; background: #fff; position: absolute; left: 0; bottom: 0; }

.footer .center dl dt a { color: #fff; }

.footer .center dl dd a { font-size: 0.14rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 0.15rem; display: block; }

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

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

.footer .center dl dd ul li h4 { font-size: 0.14rem; color: rgba(255, 255, 255, 0.7); }

.footer .center dl dd ul li p { font-size: 0.14rem; font-family: "SourceHanSans-Medium"; color: #fff; margin-top: 0.1rem; }

.footer .center dl dd ul li:first-child { margin-top: 0; }

.footer .center dl:first-child { margin-left: 0; }

.footer .bottom { padding: 0.3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.16); display: flex; justify-content: space-between; flex-wrap: wrap; }

.footer .bottom .left { font-size: 0.14rem; color: rgba(255, 255, 255, 0.8); }

.footer .bottom .left a { color: rgba(255, 255, 255, 0.8); }

.footer .bottom .left a:hover { color: #fff; }

.footer .bottom .right a { font-size: 0.14rem; color: rgba(255, 255, 255, 0.8); position: relative; padding-left: 0.2rem; margin-left: 0.2rem; }

.footer .bottom .right a:after { content: ""; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.footer .bottom .right a:hover { color: #fff; }

.footer .bottom .right a:first-child { margin: 0; padding: 0; }

.footer .bottom .right a:first-child:after { display: none; }

.Search .content { overflow: hidden; background: #F6F7F9; padding-bottom: 1.5rem; }

.Search .content .title-box { margin-bottom: 0.2rem; text-align: center; }

.Search .content .title-box h3 { font-size: 0.3rem; }

.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: #fff; 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: #0051A2; cursor: pointer; }

.Search .content .form .res { font-size: 0.16rem; color: #636B76; padding-left: 0.55rem; }

.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.16rem; color: #666; margin-right: 3rem; transition: all .4s ease; }

.Search .content .filter a.active, .Search .content .filter a:hover { color: #0051A2; border-bottom: 1px solid #0051A2; }

.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: "SourceHanSans-Medium"; color: #071329; }

.Successful .header { box-shadow: 0 0 0.1rem 0.03rem rgba(0, 0, 0, 0.05); }

.Successful .header:before { opacity: 1; }

.Successful .header .logo { background: url(../images/logo1.png) no-repeat center/100%; }

.Successful .header .nav .item { color: #151515; }

.Successful .header .nav .item:before { background: #0051A2; }

.Successful .header .nav .item:hover { color: #0051A2; }

.Successful .header .other .search input { color: #151515; }

.Successful .header .other .search input::placeholder { color: rgba(0, 0, 0, 0.7); }

.Successful .header .other .search .icon-search { color: #151515; font-weight: bold; }

.Successful .header .other .lang { color: #151515; }

.Successful .content { text-align: center; padding: 2.2rem 0 1.8rem; }

.Successful .content .icon { width: 1.63rem; margin: 0 auto; }

.Successful .content .text h4 { font-size: 0.22rem; color: #071329; margin: 0.4rem auto 0.1rem; font-family: "SourceHanSans-Medium"; }

.Successful .content .text p { font-size: 0.16rem; color: #071329; line-height: 1.9; }

.Successful .content .text p a { color: #0051A2; }

/* AboutCompliance */
.AboutCompliance .content { padding-bottom: 1.2rem; }

.AboutCompliance .content .title-box { text-align: center; }

.AboutCompliance .content .title-box h4 { font-size: 0.36rem; font-family: "SourceHanSans-Bold"; }

.AboutCompliance .content .text-align { text-align: center; }

.AboutCompliance .content p { font-size: 0.18rem; line-height: 0.36rem; margin-bottom: 0.15rem; text-indent: 0.36rem; }

.AboutCompliance .content p a { color: #0051A2; }

.AboutCompliance .content .st { font-size: 0.24rem; margin: 0.4rem 0 0.2rem; font-family: "SourceHanSans-Medium"; }

.AboutCompliance .content .st2 { font-size: 0.22rem; margin: 0.4rem 0 0.2rem; font-family: "SourceHanSans-Medium"; text-indent: 0.36rem; }

.AboutCompliance .content ul { margin: 0.1rem 0 0.3rem; position: relative; }

.AboutCompliance .content ul li { margin-bottom: 5px; line-height: 1.75; font-size: 0.16rem; position: relative; padding-left: 0.16rem; }

.AboutCompliance .content ul li:before { content: ""; width: 0.06rem; height: 0.06rem; background: #000; border-radius: 50%; position: absolute; left: 0; top: 0.12rem; }

.AboutCompliance .content ul li a { text-decoration: underline; }

.AboutCompliance .content .flnav { display: flex; flex-wrap: wrap; justify-content: space-between; }

.AboutCompliance .content .flnav .item { width: 48.5%; overflow: hidden; }

.AboutCompliance .content .flnav .item .img { overflow: hidden; }

.AboutCompliance .content .flnav .item .img img { display: block; width: 100%; transition: all .4s ease; }

.AboutCompliance .content .flnav .item h3 { transition: all .4s ease; font-size: 0.24rem; margin-top: 0.15rem; text-align: center; text-indent: 0; font-family: "SourceHanSans-Medium"; }

.AboutCompliance .content .flnav .item:hover img { transform: scale(1.08); }

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

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

.shareWx-box p { font-size: 0.14rem; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { :root { --headerHeight: 1rem; }
  .lg-display { display: none !important; }
  .xs-display { display: block !important; }
  .container { width: 100%; padding: 0 0.3rem; }
  .header .container { padding: 0 0 0 0.3rem; }
  .header .nav { display: none; }
  .header .other { margin-left: 1.3rem; }
  .header .other .search { width: auto; border-radius: 0; overflow: visible; }
  .header .other .search input { display: none; }
  .header .other .search .icon-search { font-size: 0.34rem; right: 0; top: 0; position: relative; }
  .header .other .search:hover { width: auto; background: transparent; }
  .header .other .lang { justify-content: center; margin: 0 0.1rem 0 0.4rem; font-size: 0.26rem; }
  .header .other .lang .icon-diqiu { font-size: 0.4rem; position: relative; top: -0.01rem; }
  .header .other .menu { width: 1rem; height: 1rem; position: relative; transition: .3s; overflow: hidden; cursor: pointer; }
  .header .other .menu .bars { width: 0.4rem; height: 0.38rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; }
  .header .other .menu .bars .bar { height: 0.04rem; width: 100%; background: #fff; transition: all .4s ease; border-radius: 0.06rem; position: absolute; }
  .header .other .menu .bars .bar:first-child { margin-top: 0; }
  .header .other .menu .bars .bar:nth-of-type(2) { top: 0.15rem; }
  .header .other .menu .bars .bar:nth-of-type(3) { top: 0.3rem; }
  .header .other .menu.active .bars .bar { width: 0.45rem; top: 0.15rem; }
  .header .other .menu.active .bars .bar:nth-of-type(1) { transform: rotate(45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header .other .menu.active .bars .bar:nth-of-type(2) { opacity: 0; }
  .header .other .menu.active .bars .bar:nth-of-type(3) { transform: rotate(-45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header.white .other .menu .bars .bar, .header:hover .other .menu .bars .bar { background: #000; }
  .header .submenu { display: none; }
  .header .submenu-xs { width: 100%; height: calc(100vh - 1rem); background: #fff; position: fixed; left: 0; top: var(--headerHeight); z-index: 10; transform: translateX(100%); transition: all .4s ease; display: block; }
  .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 0.3rem 0.4rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl dd a { width: 48%; float: left; margin-top: 0.4rem; font-size: 0.28rem; color: #333; padding-bottom: 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl dd a:nth-child(2n) { float: right; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  .header .submenu-xs.active { transform: translateX(0); }
  .common-btn { width: 2.4rem; height: 0.8rem; font-size: 0.26rem; }
  .common-btn i { font-size: 0.24rem; }
  .Index .banner { height: auto; }
  .Index .banner .icon-prev, .Index .banner .icon-next { display: none; }
  .Index .banner .swiper-pagination { bottom: 0.5rem; left: 0.3rem; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; margin: 0 0.1rem; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet p { font-size: 0.26rem; }
  .Index .about .top { padding-bottom: 0.6rem; }
  .Index .about .top:before { display: none; }
  .Index .about .top .left { width: 100%; }
  .Index .about .top .right { width: 100%; padding-top: 0.2rem; }
  .Index .about .top .right .nums { justify-content: flex-start; }
  .Index .about .top .right .nums .item { width: 50%; }
  .Index .about .top .right .nums .item h3 { font-size: 0.26rem; }
  .Index .about .top .right .nums .item h3 span { font-size: 0.6rem; margin-right: 0.1rem; }
  .Index .about .top .right .nums .item p { font-size: 0.26rem; margin-top: 0.1rem; }
  .Index .about .top .right .nums .item:first-child { width: 100%; margin-bottom: 0.4rem; }
  .Index .about .top .right .dsc { font-size: 0.26rem; line-height: 1.8; margin: 0.5rem 0; }
  .Index .about .bottom { padding: 0.4rem 0 0; }
  .Index .about .bottom .img { width: 100%; margin-top: 0.5rem; }
  .Index .solution { height: auto; position: relative; }
  .Index .solution .box { height: auto; position: relative; top: 0; }
  .Index .solution .box .title-box { padding: 0 0.3rem; top: 1.1rem; }
  .Index .solution .box .bg { height: auto; }
  .Index .solution .box .bg .swiper-slide .text { width: 92%; padding: 0.6rem 0.4rem; left: 0; right: 0; bottom: auto; margin: auto; position: relative; margin-top: -2rem; border-radius: 0.24rem; }
  .Index .solution .box .bg .swiper-slide .text:before { opacity: .96; }
  .Index .solution .box .bg .swiper-slide .text h3 { font-size: 0.36rem; }
  .Index .solution .box .bg .swiper-slide .text p { font-size: 0.26rem; line-height: 1.8; margin: 0.3rem 0; }
  .Index .solution .box .bg .swiper-slide .text .common-btn { height: 0.8rem; }
  .Index .solution .box .tabs { width: 92%; left: 0; top: auto; display: flex; justify-content: space-between; position: relative; margin: 0.9rem auto 0; }
  .Index .solution .box .tabs .item { width: 48%; font-size: 0.24rem; color: #000; }
  .Index .solution .box .tabs .item:before { background: #000; }
  .Index .solution .box .tabs .item.active { font-size: 0.3rem; }
  .Index .technology { height: auto; margin-top: 0.6rem; }
  .Index .technology .box { position: relative; top: 0; height: auto; display: flex; flex-direction: column-reverse; }
  .Index .technology .box .left { width: 100%; height: auto; padding: 1.2rem 0.3rem; position: relative; margin-top: -0.5rem; }
  .Index .technology .box .left .tabs { display: flex; margin-top: 0.8rem; }
  .Index .technology .box .left .tabs .item { font-size: 0.3rem; padding-bottom: 0.4rem; margin-left: 0.7rem; }
  .Index .technology .box .left .text { margin-top: 0.5rem; }
  .Index .technology .box .left .text p { font-size: 0.26rem; line-height: 1.8; }
  .Index .technology .box .left .text .common-btn { margin-top: 0.5rem; }
  .Index .technology .box .right { width: 100%; height: auto; position: relative; }
  .Index .news .box { margin-top: 0.5rem; }
  .Index .news .box .list .item { width: 100%; height: auto; margin-left: 0; margin-top: 0.5rem; }
  .Index .news .box .list .item .tag { font-size: 0.26rem; padding: 0.18rem 0.3rem 0.2rem; }
  .Index .news .box .list .item .text { padding: 0.4rem; }
  .Index .news .box .list .item .text h3 { font-size: 0.3rem; }
  .Index .news .box .list .item .text h4 { font-size: 0.26rem; margin: 0.3rem 0 0.2rem; }
  .Index .news .box .list .item .text h4 span { margin-right: 0.5rem; }
  .Index .news .box .list .item .text h4 i { font-size: 0.28rem; margin-right: 0.08rem; }
  .Index .news .box .list .item .text p { font-size: 0.26rem; }
  .Index .news .box .list .item:last-child { padding: 1rem 0 0.4rem 0.4rem; }
  .Index .news .box .list .item:last-child ul { height: 6rem; padding-right: 0.3rem; padding-bottom: 0.4rem; }
  .Index .news .box .list .item:last-child ul li { margin-top: 0.4rem; }
  .Index .news .box .list .item:last-child ul li h3 { font-size: 0.3rem; line-height: 1.6; }
  .Index .news .box .list .item:last-child ul li h4 { font-size: 0.26rem; }
  .Index .news .box .list .item:last-child:after { content: ""; width: 100%; height: 2rem; background: linear-gradient(180deg, #f8f8f800 0%, #f8f8f8 100%); position: absolute; left: 0; bottom: 0; pointer-events: none; }
  .Index .responsibility .title-box { left: 0.3rem; top: 1.1rem; transform: translateY(0); }
  .Index .responsibility .title-box .common-btn { margin-top: 0.6rem; }
  .title-box h4 { font-size: 0.3rem; }
  .title-box p { font-size: 0.26rem; }
  /* Nei-page */
  .Nei-page .banner .text { top: auto; bottom: 2.3rem; transform: translateY(0); }
  .Nei-page .banner .text h3 { font-size: 0.4rem; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-family: "SourceHanSans-Light"; }
  .Nei-page .banner .text h2 { font-size: 0.48rem; color: #fff; font-family: "SourceHanSans-Bold"; margin-top: 0.1rem; }
  .Nei-page .banner .crumbs-tabs .container { width: 100%; padding: 0; padding-left: 0.3rem; }
  .Nei-page .banner .crumbs-tabs .position { display: none; }
  .Nei-page .banner .crumbs-tabs .tabs { width: 100%; }
  .Nei-page .banner .crumbs-tabs .tabs .swiper-slide { font-size: 0.28rem; padding: 0 0.5rem; }
  .Nei-page .banner .crumbs-tabs .tabs .swiper-slide:after { height: 0.04rem; }
  .Nei-page .content { padding-top: 0.8rem; min-height: 55vh; }
  /* Product */
  .Product .content { padding: 0.8rem 0 1rem; }
  .Product .content .filter { background: transparent; padding: 0; margin-bottom: 0.4rem; }
  .Product .content .filter .title { font-size: 0.34rem; text-align: center; }
  .Product .content .filter form { margin-top: 0.4rem; justify-content: space-between; }
  .Product .content .filter form .box { width: 82%; padding: 0 0.3rem; background: #fff; }
  .Product .content .filter form .box i { font-size: 0.32rem; margin-right: 0.2rem; }
  .Product .content .filter form .box input { font-size: 0.26rem; height: 0.7rem; }
  .Product .content .filter form .xs-btn { font-size: 0.28rem; }
  .Product .content .filter form .xs-btn i { font-size: 0.3rem; margin-right: 0.1rem; font-weight: bold; }
  .Product .content .result { padding: 0.25rem 0.3rem; margin-bottom: 0.3rem; }
  .Product .content .result i { font-size: 0.3rem; margin-right: 0.05rem; }
  .Product .content .result span { font-size: 0.26rem; }
  .filter-box-xs { width: 80%; height: 100%; padding: 0.4rem 0.3rem; background: #fff; position: fixed; right: 0; top: 0; z-index: 25; transform: translateX(100%); transition: all .4s ease; }
  .filter-box-xs:before { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; top: 0; }
  .filter-box-xs .row-box { overflow: auto; height: calc(100% - 1.4rem); }
  .filter-box-xs .row { margin-bottom: 0.4rem; }
  .filter-box-xs .row .title { font-size: 0.32rem; color: #07243F; margin-bottom: 0.3rem; }
  .filter-box-xs .row ul { display: flex; flex-wrap: wrap; }
  .filter-box-xs .row ul li { width: 48.5%; height: 0.7rem; font-size: 0.26rem; margin: 0 3% 3% 0; background: #F1F2F3; display: flex; align-items: center; justify-content: center; border-radius: 0.08rem; }
  .filter-box-xs .row ul li:nth-child(2n) { margin-right: 0; }
  .filter-box-xs .row ul li.active { background: #0051A2; color: #fff; }
  .filter-box-xs .btns { width: 100%; display: flex; position: fixed; left: 0; bottom: 0; }
  .filter-box-xs .btns .btn { width: 50%; height: 0.8rem; background: #F9F9F9; font-size: 0.3rem; color: #8C8D8F; display: flex; align-items: center; justify-content: center; }
  .filter-box-xs .btns .btn.btn1 { background: #0051A2; color: #fff; }
  .filter-box-xs.active { transform: translateX(0); }
  /* product-list */
  .product-list li { width: 100%; margin: 0.3rem 0 0 0; }
  .product-list li .text { padding: 0.4rem; }
  .product-list li .text h3 { font-size: 0.3rem; line-height: 0.4rem; }
  .product-list li .text h3 i { display: none; }
  .product-list li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .product-list li .text .btn-box { width: 100%; padding: 0; position: static; bottom: 0; box-shadow: none; opacity: 1; margin-top: 0.3rem; }
  .product-list li .text .btn-box a { height: 0.8rem; font-size: 0.26rem; }
  .product-list li:hover { box-shadow: none; }
  .product-list li:hover img { transform: scale(1.05); }
  .product-list li:hover .text h3 { color: #0051A2; }
  @-webkit-keyframes widthAni { 0% { width: 0; }
    100% { width: calc(100% - 4.5rem); } }
  @keyframes widthAni { 0% { width: 0; }
    100% { width: calc(100% - 4.5rem); } }
  /* Product-xq */
  .Product-xq .banner .text { bottom: 0.7rem; }
  .Product-xq .banner .link { bottom: 0.7rem; }
  .Product-xq .banner .link .line { margin: 0 0.4rem 0.1rem 1.8rem; }
  .Product-xq .banner .link .next i { font-size: 0.26rem; margin-left: 1rem; }
  .Product-xq .content { padding-top: 0.6rem; }
  .Product-xq .content .info .imgs { width: 100%; height: 6.9rem; border-radius: 0.2rem 0.2rem 0 0; }
  .Product-xq .content .info .imgs .icon-prev, .Product-xq .content .info .imgs .icon-next { font-size: 0.5rem; left: 0.3rem; }
  .Product-xq .content .info .imgs .icon-prev.icon-next, .Product-xq .content .info .imgs .icon-next.icon-next { right: 0.3rem; }
  .Product-xq .content .info .text { width: 100%; padding: 0.75rem 0.3rem; border-radius: 0 0 0.2rem 0.2rem; }
  .Product-xq .content .info .text p { font-size: 0.26rem; line-height: 1.8; padding-left: 1rem; }
  .Product-xq .content .info .text p span { width: 0.75rem; font-size: 0.26rem; }
  .Product-xq .content .info .text p span:after { width: 0.3rem; bottom: 0.15rem; }
  .Product-xq .content .info .text .yy h4 { font-size: 0.3rem; }
  .Product-xq .content .info .text .yy h4 i { font-size: 0.3rem; }
  .Product-xq .content .info .text .yy h5 span { font-size: 0.26rem; }
  .Product-xq .content .info .text .btns .btn { font-size: 0.26rem; height: 0.8rem; padding: 0 0.28rem; }
  .Product-xq .content .info .text .btns .btn i { font-size: 0.28rem; margin-right: 0.08rem; }
  .Product-xq .content .parameters { padding-top: 0.9rem; background: url(../images/product/parameters-bg-xs.webp) no-repeat top/100%; }
  .Product-xq .content .parameters .container { padding: 0; }
  .Product-xq .content .parameters .box { padding: 0.4rem 0.3rem; }
  .Product-xq .content .parameters .box table tr td { font-size: 0.26rem; padding: 0.2rem; line-height: 0.24rem; }
  .Product-xq .content .parameters .box table tr.firstRow td, .Product-xq .content .parameters .box table tr th { font-size: 0.28rem !important; padding: 0.2rem !important; }
  .Product-xq .content .related ul { margin: 0 -0.15rem; }
  .Product-xq .content .related ul li { width: 50%; padding: 0 0.15rem; margin-top: 0.4rem; }
  .Product-xq .content .related ul li .img { height: 3.3rem; }
  .Product-xq .content .related ul li .text h3 { font-size: 0.28rem; }
  .Product-xq .content .related ul li .text h4 { font-size: 0.26rem; margin-top: 0.2rem; }
  .Product-xq .content .related ul li .text h4 i { font-size: 0.24rem; }
  .Product-xq .content .related ul li:nth-child(-n+2) { margin-top: 0; }
  .Product-xq .content .commomOrder { margin-top: 1rem; }
  .commomOrder { padding: 0.9rem 0; background: url(../images/order-bg-xs.webp) no-repeat top/100%; }
  .commomOrder .box { width: 100%; padding: 0.5rem; margin-top: 3rem; }
  .commomOrder .box h4 { font-size: 0.28rem; }
  .commomOrder .box form .row { margin-top: 0.3rem; }
  .commomOrder .box form .row h5 { font-size: 0.26rem; margin-bottom: 0.2rem; }
  .commomOrder .box form .row input { height: 0.8rem; font-size: 0.26rem; }
  .commomOrder .box form .row textarea { height: 2.2rem; font-size: 0.26rem; }
  .commomOrder .box form .btn { height: 0.8rem; font-size: 0.3rem; }
  /* About */
  .About .content .section1:before { width: 3.3rem; height: 6.88rem; top: 9.5rem; }
  .About .content .section1 .info .text { width: 100%; }
  .About .content .section1 .info .text .title-box p { margin-top: 0.4rem; }
  .About .content .section1 .info .text .nums .item { margin-top: 0.5rem; }
  .About .content .section1 .info .text .nums .item h4 { font-size: 0.26rem; }
  .About .content .section1 .info .text .nums .item p { font-size: 0.26rem; }
  .About .content .section1 .info .text .nums .item:first-child { width: 100%; margin-top: 0.3rem; }
  .About .content .section1 .info .img { width: 100%; margin-top: 1rem; }
  .About .content .section1 .video .btn i { font-size: 0.8rem; }
  .About .content .section1 .video .btn p { font-size: 0.26rem; }
  .About .content .section2 { padding: 0.5rem 0 7rem; background: url(../images/about/section2-bg-xs.webp) no-repeat bottom/100%; }
  .About .content .section2:before { width: 2.07rem; height: 4.46rem; top: -2.5rem; }
  .About .content .section2 .text { width: 100%; }
  .About .content .section2 .text .nums .item h4 { font-size: 0.26rem; }
  .About .content .section2 .text .nums .item p { font-size: 0.26rem; }
  .About .content .section2 .text .wz { margin-top: 0.2rem; }
  .About .content .section2 .text .wz li { width: 40%; font-size: 0.26rem; margin-top: 0.4rem; }
  .About .content .section2 .text .wz li i { font-size: 0.4rem; }
  .About .content .section2 .text .wz li span { width: 0.38rem; height: 0.48rem; padding-top: 0.06rem; background: url(../images/about/position.webp) no-repeat center/100%; display: flex; justify-content: center; margin-right: 0.2rem; }
  .About .content .section2 .text .wz li:first-child { width: 100%; }
  .About .content .section2 .text .wz li:nth-child(2n) { width: 60%; }
  .About .content .section3 { padding: 0.8rem 0 2rem; background: url(../images/about/section3-bg-xs.webp) no-repeat center/cover; }
  .About .content .section3 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .About .content .section3 .text { width: 100%; padding-top: 0; }
  .About .content .section3 .text .nums .item h4 { font-size: 0.26rem; }
  .About .content .section3 .text .nums .item p { font-size: 0.26rem; }
  .About .content .section3 .img { width: 100%; margin-top: 0.8rem; }
  .About .content .section4 { height: auto; padding-top: 0.75rem; background: url(../images/about/section4-bg-xs.webp) no-repeat bottom/cover; }
  .About .content .section4 .container { padding: 0; }
  .About .content .section4 .title-box { width: 100%; padding: 0 0.3rem; }
  .About .content .section4 .slide-box { width: 100%; padding: 0; }
  .About .content .section4 .slide-box .slide .swiper-slide { transform: scale(0.87); }
  .About .content .section4 .slide-box .slide .swiper-slide p { font-size: 0.28rem; }
  .About .content .section4 .slide-box .btn-prev, .About .content .section4 .slide-box .btn-next { display: none; }
  .About .content .section5 { padding: 1rem 0 3rem; height: auto; background: url(../images/about/section5-bg-xs.webp) no-repeat bottom/cover; }
  .About .content .section5 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .About .content .section5 .left { width: 100%; }
  .About .content .section5 .right { width: 100%; }
  /* About-culture */
  .About-culture .content { background: url(../images/about/culture-section1-bg.webp) no-repeat top/100%; }
  .About-culture .content .title-box { text-align: center; }
  .About-culture .content .section1 .box { margin-top: 0.6rem; padding-bottom: 0; }
  .About-culture .content .section1 .box .img { top: 50%; transform: translate(-50%, -50%); }
  .About-culture .content .section1 .box .item { width: 50%; margin-top: 0; position: relative; padding-top: 0.3rem; }
  .About-culture .content .section1 .box .item:before { width: 1.2rem; height: 0.04rem; }
  .About-culture .content .section1 .box .item h3 { font-size: 0.3rem; }
  .About-culture .content .section1 .box .item p { font-size: 0.26rem; margin-top: 0.2rem; }
  .About-culture .content .section1 .box .item:nth-child(-n+2) { margin-top: 0; margin-bottom: 5rem; }
  .About-culture .content .section1 .box .item:nth-child(odd) { padding-right: 0.35rem; }
  .About-culture .content .section1 .box .item:nth-child(even) { padding-left: 0.35rem; }
  .About-culture .content .section2 { padding-top: 0; margin-top: 1rem; }
  .About-culture .content .section2 .container { padding: 0; }
  .About-culture .content .section2 .box { padding: 0.7rem 0.3rem; background: url(../images/about/culture-section2-bg-xs.webp) no-repeat center/cover; }
  .About-culture .content .section2 .box .title-box { width: 100%; text-align: left; }
  .About-culture .content .section2 .box .title-box h4 { margin: 0.3rem 0; }
  .About-culture .content .section2 .box .img { width: 100%; position: relative; right: 0; top: 0; margin-top: 0.6rem; }
  .About-culture .content .section3 { margin-top: 0.7rem; }
  .About-culture .content .section3 .title-box { margin-bottom: 0.4rem; }
  .About-culture .content .section3 .item { width: 100%; }
  .About-culture .content .section3 .item .img .text { padding: 0.3rem; }
  .About-culture .content .section3 .item .img .text p { font-size: 0.26rem; line-height: 1.875; }
  .About-culture .content .section3 .item:first-child { margin-bottom: 0.5rem; }
  .About-culture .content .section4 { margin-top: 1rem; background: url(../images/about/culture-section4-bg-xs.webp) no-repeat center/cover; }
  .About-culture .content .section4 ul { width: 100%; margin: 0.8rem auto; }
  .About-culture .content .section4 ul li { width: 50%; padding: 0 0.45rem; }
  .About-culture .content .section4 ul li:before { height: 80%; }
  .About-culture .content .section4 ul li h4 { font-size: 0.3rem; margin-bottom: 0.3rem; }
  .About-culture .content .section4 ul li h4 i { font-size: 0.38rem; margin-right: 0.15rem; }
  .About-culture .content .section4 ul li p { font-size: 0.26rem; line-height: 1.875; }
  .About-culture .content .section5 .slide { padding-bottom: 0.6rem; }
  .About-culture .content .section5 .slide .swiper-slide { height: 6rem; margin-left: 0; flex: none; }
  .About-culture .content .section5 .slide .swiper-slide .text { width: 100%; padding: 0.4rem; opacity: 1; }
  .About-culture .content .section5 .slide .swiper-slide .text h3 { font-size: 0.3rem; }
  .About-culture .content .section5 .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 1.75; margin-top: 0.2rem; }
  .About-culture .content .section5 .slide .swiper-slide.active { flex: none; }
  .About-culture .content .section5 .slide .swiper-slide.active .text { opacity: 1; }
  .About-culture .content .section5 .slide .swiper-pagination { bottom: 0; }
  .About-culture .content .section5 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #D8D8D8; border-radius: 0; opacity: 1; }
  .About-culture .content .section5 .slide .swiper-pagination .swiper-pagination-bullet-active { width: 0.6rem; background: #0051A2; }
  /* Contact */
  .Contact .section1 ul { flex-wrap: wrap; margin: 0 -2%; }
  .Contact .section1 ul li { flex: 0 0 46%; padding: 0.68rem 0.3rem; margin-bottom: 0.3rem; margin: 0 2% 4%; }
  .Contact .section1 ul li img { margin-bottom: 0.2rem; }
  .Contact .section1 ul li h4 { font-size: 0.26rem; margin-bottom: 0.2rem; }
  .Contact .section1 ul li p { font-size: 0.24rem; line-height: 0.3rem; }
  .Contact .section1 ul li p a.active { font-size: 0.36rem; }
  .Contact .section2 { padding-bottom: 2.3rem; background: url("../images/contact/bg-qiye-xs.webp") center bottom no-repeat; }
  .Contact .section2 ul { padding-top: 0.35rem; }
  .Contact .section2 ul li { width: 100%; height: auto; margin: 0 0 0.3rem 0; }
  .Contact .section2 ul li h4 { font-size: 0.3rem; margin-bottom: 0.3rem; }
  .Contact .section2 ul li h4::before { height: 0.04rem; }
  .Contact .section2 ul li p { font-size: 0.24rem; line-height: 0.48rem; }
  /* News */
  .News .section1 .text-box { flex: 1; }
  .News .section1 .text-box .time { font-size: 0.24rem; margin-bottom: 0.3rem; }
  .News .section1 .text-box .time span { font-size: 0.28rem; top: 0; }
  .News .section1 .text-box h2 { font-size: 0.3rem; margin-bottom: 0.2rem; line-height: 0.45rem; }
  .News .section1 .text-box p { font-size: 0.26rem; line-height: 0.45rem; }
  .News .section1 .text-box .more { margin-top: 0.4rem; font-size: 0.24rem; }
  .News .section1 .text-box .more span { font-size: 0.24rem; }
  .News .section1 .top { flex-wrap: wrap; padding-bottom: 0.4rem; --swiper-navigation-size: 0.6rem; }
  .News .section1 .top .swiper-slide { flex-wrap: wrap; }
  .News .section1 .top .swiper-slide .img { width: 100%; height: 4.5rem; margin-right: 0; }
  .News .section1 .top .swiper-slide .text-box { width: 100%; padding-top: 0.3rem; }
  .News .section1 .top .swiper-slide .text-box h2 { line-height: 0.5rem; }
  .News .section1 .top .swiper-slide .text-box p { font-size: 0.26rem; line-height: 0.45rem; }
  .News .section1 .top .swiper-slide .text-box .more { margin-top: 0.3rem; padding: 0.17rem 0.35rem; border-radius: 0.3rem; }
  .News .section1 .top .swiper-button-next, .News .section1 .top .swiper-button-prev { top: 2.25rem; left: 0.3rem; }
  .News .section1 .top .swiper-button-next { left: auto; right: 0.3rem; }
  .news-list li a { flex-direction: column-reverse; padding: 0.4rem 0; }
  .news-list li a .text-box { flex: 1; }
  .news-list li a .text-box .time { font-size: 0.24rem; margin-bottom: 0.3rem; }
  .news-list li a .text-box .time span { font-size: 0.28rem; top: 0; }
  .news-list li a .text-box h2 { font-size: 0.3rem; margin-bottom: 0.2rem; line-height: 0.45rem; }
  .news-list li a .text-box p { font-size: 0.26rem; line-height: 0.45rem; }
  .news-list li a .text-box .more { margin-top: 0.4rem; font-size: 0.24rem; }
  .news-list li a .text-box .more span { font-size: 0.24rem; }
  .news-list li a .img-box { width: 100%; margin-left: 0; margin-bottom: 0.4rem; }
  .news-list li a .img-box img { display: block; transition: all .4s ease; }
  /* News-xq */
  .News-xq .section1 { padding: 0; }
  .News-xq .section1:before { display: none; }
  .News-xq .section1 .container { padding: 0; }
  .News-xq .section1 .container .left { width: 100%; padding-right: 0; }
  .News-xq .section1 .container .left .title { font-size: 0.4rem; line-height: 0.6rem; margin-bottom: 0.5rem; padding: 0 0.3rem; }
  .News-xq .section1 .container .left .other { height: auto; padding: 0.3rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
  .News-xq .section1 .container .left .other .tags { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3rem; }
  .News-xq .section1 .container .left .other .tags span { font-size: 0.26rem; margin-right: 0.2rem; }
  .News-xq .section1 .container .left .other .tags span i { display: none; }
  .News-xq .section1 .container .left .other .share { display: flex; align-items: center; font-size: 0.24rem; }
  .News-xq .section1 .container .left .other .share a { font-size: 0.46rem; margin-right: 0.16rem; }
  .News-xq .section1 .container .left .text-box { padding: 0 0.3rem; }
  .News-xq .section1 .container .left .text-box p { font-size: 0.28rem; line-height: 0.5rem; }
  .News-xq .section1 .container .left .relevant { margin-top: 0.7rem; padding: 0.25rem 0.3rem; }
  .News-xq .section1 .container .left .relevant a { padding: 0.25rem 0; font-size: 0.26rem; }
  .News-xq .section1 .container .left .relevant a p { width: 80%; }
  .News-xq .section1 .container .right { width: 100%; padding-left: 0; margin-top: 0.5rem; background-color: #F5F7FA; padding-bottom: 0.2rem; }
  .News-xq .section1 .container .right .title { font-size: 0.42rem; margin-bottom: 0.6rem; text-align: center; margin-top: 0.8rem; }
  .News-xq .section1 .container .right ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .News-xq .section1 .container .right ul li { width: 100%; margin-bottom: 0.3rem; }
  .News-xq .section1 .container .right ul li a { padding: 0 0.3rem 0.6rem; display: block; }
  .News-xq .section1 .container .right ul li .img { height: 4rem; }
  .News-xq .section1 .container .right ul li .text { padding-top: 0.2rem; }
  .News-xq .section1 .container .right ul li .text h4 { font-size: 0.28rem; margin-bottom: 0.2rem; }
  .News-xq .section1 .container .right ul li .text h3 { font-size: 0.3rem; margin-bottom: 0; }
  .News-xq .section1 .container .right ul li .text p { font-size: 0.26rem; line-height: 0.42rem; display: none; }
  .News-xq .section1 .container .right ul li .text i { margin-top: 0.2rem; font-size: 0.3rem; }
  /* About-history */
  .About-history .content { background: url(../images/about/history-bg-xs.webp) no-repeat bottom/100%; padding-bottom: 1.7rem; }
  .About-history .content .container { display: flex; justify-content: space-between; align-items: flex-start; }
  .About-history .content .years { width: 100%; position: relative; top: 0; margin-bottom: 0.6rem; padding-bottom: 0.6rem; }
  .About-history .content .years:before { width: 5.92rem; height: 0.12rem; background: url(../images/about/history-line-xs.webp) no-repeat center/100%; top: auto; bottom: 0; left: 0; margin: auto; }
  .About-history .content .years .swiper-wrapper { flex-direction: row; align-items: center; }
  .About-history .content .years .swiper-slide { width: auto; font-size: 0.4rem; margin-bottom: 0; }
  .About-history .content .years .swiper-slide.active { font-size: 0.52rem; }
  .About-history .content .con { width: 100%; }
  .About-history .content .con .tit { font-size: 0.4rem; margin-bottom: 0.4rem; }
  .About-history .content .con .slide .swiper-slide ul li { margin-top: 0.4rem; }
  .About-history .content .con .slide .swiper-slide ul li h4 { font-size: 0.3rem; }
  .About-history .content .con .slide .swiper-slide ul li p { font-size: 0.26rem; margin-top: 0.2rem; }
  .About-history .content .con .slide .swiper-slide .slide1 .icon-prev, .About-history .content .con .slide .swiper-slide .slide1 .icon-next { font-size: 0.6rem; }
  /* About-case */
  .About-case .content { padding-bottom: 1rem; background: url(../images/about/case-bg-xs.webp) no-repeat top/100%; }
  .About-case .content .list { margin-top: 0.6rem; }
  .About-case .content .list li { width: 100%; padding: 0; margin-top: 0.4rem; }
  .About-case .content .list li .text p { font-size: 0.26rem; }
  .About-case .content .list li:nth-child(2n) { margin-top: 0.4rem; }
  .About-case .content .list li:first-child { margin-top: 0; }
  .About-case .content .btn-more { width: 2.4rem; height: 0.8rem; font-size: 0.26rem; margin: 0.6rem auto 0; }
  .About-case .content .btn-more i { font-size: 0.24rem; }
  /* About-join */
  .About-join .content { padding-bottom: 1.2rem; }
  .About-join .content .title-box { text-align: center; }
  .About-join .content .box { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .About-join .content .box .img { width: 49.2%; overflow: hidden; border-radius: 0.12rem; }
  .About-join .content .box .img img { width: 100%; }
  .About-join .content .box .text { width: 48.8%; padding: 0.6rem 0.8rem; background: #F7F7F7; border-radius: 0.12rem; }
  .About-join .content .box .text .tit { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; color: #333; display: flex; justify-content: center; align-items: center; }
  .About-join .content .box .text .tit span { width: 0.5rem; height: 1px; background: #CBCBCB; margin: 0 0.3rem; }
  .About-join .content .box .text ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .About-join .content .box .text ul li { width: 33.333%; text-align: center; margin-top: 0.5rem; }
  .About-join .content .box .text ul li img { width: 1rem; margin: 0 auto; }
  .About-join .content .box .text ul li p { font-size: 0.2rem; margin-top: 0.1rem; }
  /* About-join */
  .About-join .content .title-box .btn { width: 2.6rem; height: 0.8rem; font-size: 0.26rem; margin: 0.4rem auto 0; }
  .About-join .content .title-box .btn i { font-size: 0.28rem; }
  .About-join .content .box { flex-direction: column-reverse; }
  .About-join .content .box .img { width: 100%; }
  .About-join .content .box .text { width: 100%; padding: 0.4rem; margin-bottom: 0.4rem; }
  .About-join .content .box .text .tit { font-size: 0.32rem; }
  .About-join .content .box .text ul li { margin-top: 0.5rem; }
  .About-join .content .box .text ul li p { font-size: 0.26rem; }
  /* Technology */
  .Technology .content .section1 .title-box { width: 100%; }
  .Technology .content .section1 .img { width: 100%; }
  .Technology .content .section2 { background: url(../images/technology/section2-bg-xs.webp) no-repeat bottom/100%; }
  .Technology .content .section2 .title-box { width: 100%; }
  .Technology .content .section2 .box { width: 88%; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .Technology .content .section2 .box .img { width: 100%; margin: 0.8rem auto 0; }
  .Technology .content .section2 .box ul { width: 47%; position: relative; top: 0.2rem; }
  .Technology .content .section2 .box ul li { margin-top: 0.5rem; }
  .Technology .content .section2 .box ul li h4 { font-size: 0.26rem; }
  .Technology .content .section2 .box ul li p { font-size: 0.26rem; }
  .Technology .content .section3 { background: url(../images/technology/section3-bg-xs.webp) no-repeat top/100%; }
  .Technology .content .section3 .title-box { width: 100%; }
  .Technology .content .section3 .slide { padding: 0 0.3rem; margin-top: 1.1rem; }
  .Technology .content .section3 .slide .swiper-slide p { font-size: 0.26rem; padding: 0.3rem; }
  .Technology .content .section4 { padding: 1rem 0 1.4rem; }
  .Technology .content .section4 .container { width: 100%; padding: 0 0.3rem; }
  .Technology .content .section4 .title-box { width: 100%; padding-top: 1rem; }
  .Technology .content .section4 .slide { width: 100%; margin-top: 0.5rem; padding-bottom: 0.6rem; }
  .Technology .content .section4 .slide .swiper-slide p { font-size: 0.26rem; padding: 0.25rem; }
  /* Solution */
  .Solution .content { padding-bottom: 1.4rem; }
  .Solution .content .section1 .box { height: auto; padding: 0.3rem 0.3rem 0.7rem; background: url(../images/solution/section1-bg-xs.webp) no-repeat center/cover; }
  .Solution .content .section1 .box ul li { width: 100%; margin-top: 0.2rem; }
  .Solution .content .section1 .box ul li .bb { width: 100%; }
  .Solution .content .section1 .box ul li .bb h4 { font-size: 0.3rem; padding-left: 0.25rem; }
  .Solution .content .section1 .box ul li .bb h4:before { width: 0.12rem; height: 0.12rem; top: 0.1rem; }
  .Solution .content .section1 .box ul li .bb p { font-size: 0.26rem; }
  .Solution .content .section1 .box ul li:nth-child(-n+2) { margin-top: 0.2rem; }
  .Solution .content .section1 .box .img { position: relative; top: 0; left: 0; transform: translate(0, 0); margin: 0 auto; }
  .Solution .content .section2 .slide { padding-bottom: 0.8rem; }
  .Solution .content .section2 .slide .swiper-slide { width: 100%; }
  .Solution .content .section2 .slide .swiper-slide .box { flex-wrap: wrap; }
  .Solution .content .section2 .slide .swiper-slide .box img { width: 100%; }
  .Solution .content .section2 .slide .swiper-slide .box .text { flex: 1; padding: 0.4rem 0.4rem 0.8rem; }
  .Solution .content .section2 .slide .swiper-slide .box .text .num { font-size: 0.7rem; }
  .Solution .content .section2 .slide .swiper-slide .box .text h3 { font-size: 0.3rem; padding-bottom: 0.4rem; }
  .Solution .content .section2 .slide .swiper-slide .box .text h3:before { width: 0.6rem; height: 0.04rem; }
  .Solution .content .section2 .slide .swiper-slide .box .text p { font-size: 0.26rem; line-height: 1.875; }
  .Solution .content .section2 .slide .swiper-slide.swiper-slide-prev .box { flex-flow: column; }
  .Solution .content .section2 .slide .btn-prev, .Solution .content .section2 .slide .btn-next { top: 18%; width: 0.7rem; height: 0.7rem; }
  .Solution .content .section2 .slide .btn-prev i, .Solution .content .section2 .slide .btn-next i { font-size: 0.28rem; }
  .Solution .content .section3 { margin-top: 1rem; }
  .Solution .content .section3 .container { padding: 0; }
  .Solution .content .section3 .slide { padding: 0 0.3rem; }
  .Solution .content .section3 .slide .swiper-slide p { font-size: 0.26rem; }
  /* Business */
  .Business .content { padding-bottom: 1.5rem; background: url(../images/business/bg-xs.webp) no-repeat bottom/100%; }
  .Business .content .container { width: 100%; }
  .Business .content ul li { margin-top: 0.8rem; }
  .Business .content ul li img { margin-bottom: 0.4rem; border-radius: 0.12rem; }
  .Business .content ul li .text { padding: 0; position: relative; flex-wrap: wrap; }
  .Business .content ul li .text .l { width: 100%; }
  .Business .content ul li .text .l h3 { font-size: 0.4rem; color: #000; }
  .Business .content ul li .text .l h4 { font-size: 0.26rem; margin: 0.3rem 0; color: #333; }
  .Business .content ul li .text .l h4 span { padding-left: 0.2rem; margin-left: 0.2rem; }
  .Business .content ul li .text .l h4 span:before { background: #999; top: 0.1rem; }
  .Business .content ul li .text .l p { font-size: 0.28rem; margin-top: 0.2rem; color: #333; line-height: 1.8; }
  .Business .content ul li .text .r { width: 100%; margin-top: 0.3rem; }
  .Business .content ul li .text .r .common-btn { width: 2.33rem; height: 0.8rem; border-color: #000; color: #000; font-size: 0.26rem; }
  .Business .content ul li .text .r .common-btn i { font-size: 0.26rem; }
  /* Business-xq */
  .Business-xq .content { padding-bottom: 1.5rem; background: url(../images/business/bg-xs.webp) no-repeat bottom/100%; }
  .Business-xq .content .section1 .info { display: flex; flex-direction: column-reverse; }
  .Business-xq .content .section1 .info img { width: 100%; }
  .Business-xq .content .section1 .info .text { width: 100%; padding: 0.3rem 0; position: relative; }
  .Business-xq .content .section1 .info .text h3 { font-size: 0.4rem; color: #000; font-family: "SourceHanSans-Bold"; }
  .Business-xq .content .section1 .info .text h4 { font-size: 0.26rem; color: #333; margin: 0.4rem 0 0.3rem; }
  .Business-xq .content .section1 .info .text h4 span { padding-left: 0.2rem; margin-left: 0.2rem; }
  .Business-xq .content .section1 .info .text h4 span:before { background: #999; top: 0.1rem; }
  .Business-xq .content .section1 .info .text p { width: 100%; font-size: 0.26rem; color: #333; margin-top: 0.2rem; line-height: 1.8; }
  .Business-xq .content .section1 ul { margin-top: 0; }
  .Business-xq .content .section1 ul li { width: 100%; margin-top: 0.8rem; }
  .Business-xq .content .section1 ul li h3 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Business-xq .content .section1 ul li p { font-size: 0.26rem; line-height: 1.8; }
  .Business-xq .content .section1 ul li .box { margin-top: 0.3rem; }
  .Business-xq .content .section1 ul li .box .text { padding: 0.3rem; }
  .Business-xq .content .section1 ul li .box .text h4 { font-size: 0.3rem; }
  .no-data img { width: 1.6rem; margin-bottom: 0.2rem; }
  .no-data p { font-size: 0.26rem; color: #666; }
  .page-xs { margin-top: 0.5rem; }
  .page-xs .common-btn { margin: 0 auto; border-radius: 0.5rem; }
  /* Page404 */
  .Page404 .content .text { width: 75%; margin: 0.4rem auto 0; }
  .Page404 .content .text h1 { margin-right: 0.2rem; }
  .Page404 .content .text .p p { width: 100%; font-size: 0.26rem; line-height: 1.8; margin: 0; }
  .Page404 .content .text .p .btn11 { padding: 0 0.3rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.26rem; margin-top: 0.15rem; }
  .Page404 .content .text .p .btn11 i { font-size: 0.24rem; }
  /* Sitemap */
  .Sitemap .content .title-box { padding: 0; margin-bottom: 0.4rem; }
  .Sitemap .content dl dt { font-size: 0.3rem; }
  .Sitemap .content dl dd { margin-top: 0.3rem; }
  .Sitemap .content dl dd a { width: 50%; font-size: 0.26rem; margin-bottom: 0.2rem; }
  /* Legal */
  .Legal .content .title-box { padding: 0; margin-bottom: 0.4rem; }
  .Legal .content .con h4 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Legal .content .con p { font-size: 0.26rem; margin-bottom: 0.3rem; line-height: 0.42rem; }
  /* Friendlink */
  .Friendlink .content .title-box { padding: 0; margin-bottom: 0.2rem; }
  .Friendlink .content dl { padding-bottom: 0.3rem; }
  .Friendlink .content dl dd a { width: 49%; margin-left: 2%; }
  .Friendlink .content dl dd a h3 { font-size: 0.3rem; margin: 0.4rem 0 0.1rem; }
  .Friendlink .content dl dd a p { font-size: 0.26rem; line-height: 0.35rem; }
  .Friendlink .content dl dd a:nth-child(2n-1) { margin-left: 0; }
  .footer .top .left { width: 100%; }
  .footer .top .left .logo { width: 3.4rem; margin-right: 0.6rem; }
  .footer .top .left .follow { width: 100%; margin-top: 0.4rem; padding-top: 0.4rem; border-top: 1px solid rgba(255, 255, 255, 0.16); display: flex; flex-direction: column; align-items: flex-start; }
  .footer .top .left .follow .label { font-size: 0.26rem; }
  .footer .top .left .follow ul { display: flex; margin-top: 0.3rem; }
  .footer .top .left .follow ul li { margin-left: 0.4rem; cursor: pointer; }
  .footer .top .left .follow ul li .icon { width: 0.8rem; height: 0.8rem; }
  .footer .top .left .follow ul li .icon i { font-size: 0.38rem; }
  .footer .top .left .follow ul li:first-child { margin-left: 0; }
  .footer .center { padding: 0.2rem 0 0.6rem; border: 0; display: flex; justify-content: space-between; }
  .footer .center dl { margin-left: 0; display: none; }
  .footer .center dl dd ul { display: flex; flex-wrap: wrap; }
  .footer .center dl dd ul li { width: 50%; margin-top: 0; }
  .footer .center dl dd ul li h4 { font-size: 0.26rem; }
  .footer .center dl dd ul li p { font-size: 0.28rem; margin-top: 0.15rem; }
  .footer .center dl dd ul li:last-child { width: 100%; margin-top: 0.6rem; }
  .footer .center dl:last-child { margin-left: 0; display: block; }
  .footer .center dl:last-child dt { display: none; }
  .footer .bottom { padding: 0.4rem 0 0.6rem; }
  .footer .bottom .left { width: 100%; font-size: 0.26rem; text-align: center; line-height: 1.7; }
  .footer .bottom .right { width: 100%; display: flex; justify-content: center; margin-top: 0.4rem; }
  .footer .bottom .right a { font-size: 0.26rem; padding-left: 0.3rem; margin-left: 0.3rem; }
  .footer .bottom .right a:after { height: 70%; }
  .Search .banner { height: 6rem; }
  .Search .content .title-box { margin-bottom: 0.2rem; }
  .Search .content .title-box h3 { font-size: 0.4rem; }
  .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.55rem; }
  .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; }
  .Successful .content { text-align: center; padding: 2.2rem 0 1.8rem; }
  .Successful .content .icon { width: 1.63rem; margin: 0 auto; }
  .Successful .content .text h4 { font-size: 0.3rem; margin: 0.5rem auto 0.3rem; }
  .Successful .content .text p { font-size: 0.26rem; line-height: 1.7; margin-top: 0.1rem; }
  .AboutCompliance .content { padding-bottom: 8%; }
  .AboutCompliance .content .st { font-size: 0.34rem; }
  .AboutCompliance .content .st2 { font-size: 0.32rem; }
  .AboutCompliance .content p { font-size: 0.28rem; line-height: 1.875; margin-bottom: 0.2rem; text-indent: 0.56rem; }
  .AboutCompliance .content ul li { font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 0.15rem; padding-left: 0.25rem; }
  .AboutCompliance .content ul li:before { width: 0.1rem; height: 0.1rem; top: 0.15rem; }
  .AboutCompliance .content .flnav .item { width: 100%; margin-bottom: 0.5rem; }
  .AboutCompliance .content .flnav .item h3 { font-size: 0.3rem; margin-top: 0.2rem; }
  .shareWx-box .url_img { margin: 0.2rem auto 0.15rem; }
  .shareWx-box p { font-size: 0.26rem; } }