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

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

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

html, body { *position: static; width: 100%; background: #fff; font: 16px/1.1 Microsoft YaHei, 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; }

sub, sup { vertical-align: baseline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.cover1 { 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: 99; }

.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: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

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

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

@keyframes view-more { 0% { transform: rotate(45deg); }
  100% { transform: rotate(405deg); } }

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

@keyframes moveRightSlideshow { 100% { -webkit-transform: translateX(-14.64rem); } }

@keyframes moveLeftSlideshow { 0% { -webkit-transform: translateX(-14.64rem); }
  100% { -webkit-transform: translateX(0); } }

@keyframes explode { 0% { width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: rgba(0, 55, 137, 0.1); }
  100% { width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    background-color: #004abb; } }

@keyframes desplode { 0% { width: 3rem;
    height: 3rem;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    background-color: #004abb; }
  100% { width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: rgba(0, 55, 137, 0.8); } }

@keyframes explodeBig { 0% { width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: rgba(0, 41, 128, 0.2); }
  100% { width: 8rem;
    height: 8rem;
    margin-left: -4rem;
    margin-top: -4rem;
    background-color: #002980; } }

@keyframes desplodeBig { 0% { width: 8rem;
    height: 8rem;
    margin-left: -4rem;
    margin-top: -4rem;
    background-color: #002980; }
  100% { width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: rgba(0, 41, 128, 0.6); } }

.explode-circle { animation: explode 0.5s forwards; }

.desplode-circle { animation: desplode 0.5s forwards; }

.explode-circle-big { animation: explodeBig 0.5s forwards; }

.desplode-circle-big { animation: desplodeBig 0.5s forwards; }

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

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

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

.pageTips .con .msg { font-size: 18px; line-height: 36px; padding-top: 10px; color: #000; }

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

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

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

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

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

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

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

.header .logo { width: 1.26rem; height: 0.47rem; display: block; transition: none; background: url(../images/logo.png) no-repeat center/100%; transition: all .5s ease; }

.header .right { display: flex; }

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

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

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

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

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

.header .right .menu { width: 0.9rem; height: 0.9rem; margin-left: 0.3rem; position: relative; transition: .3s; overflow: hidden; cursor: pointer; }

.header .right .menu .bars { width: 0.2rem; position: absolute; left: 0; right: 0; margin: 0 auto; }

.header .right .menu .bars .bar { height: 2px; width: 0.22rem; display: block; background: #fff; transition: all .5s ease; position: absolute; left: 0; margin: auto; transition: top 0.2s ease,transform 0.2s ease-out; border-radius: 0.06rem; }

.header .right .menu .bars .bar:nth-of-type(1) { top: 0.34rem; }

.header .right .menu .bars .bar:nth-of-type(2) { width: 0.2rem; top: 0.43rem; }

.header .right .menu .bars .bar:nth-of-type(3) { width: 0.18rem; top: 0.52rem; }

.header .right .menu.active .bars .bar:nth-of-type(1) { top: 0.47rem; transform: rotate(45deg); transition: top 0.1s ease, transform 0.1s ease-out; }

.header .right .menu.active .bars .bar:nth-of-type(2) { opacity: 0; }

.header .right .menu.active .bars .bar:nth-of-type(3) { top: 0.47rem; transform: rotate(-45deg); transition: top 0.1s ease, transform 0.1s ease-out; }

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

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

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

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

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

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

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

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

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

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

.header .submenu .submenuItem .container { padding: 0.45rem 0; display: flex; align-items: flex-start; }

.header .submenu .submenuItem .l { width: 5.2rem; padding: 0.1rem; position: relative; margin-right: 0.7rem; }

.header .submenu .submenuItem .l:before { content: ""; width: 2.2rem; height: 2.2rem; background: #004BB1; position: absolute; left: 0; top: 0; }

.header .submenu .submenuItem .l img { width: 100%; position: relative; z-index: 1; }

.header .submenu .submenuItem .r { flex: 1; position: relative; padding-top: 0.1rem; }

.header .submenu .submenuItem .r .t { height: 0.42rem; position: relative; padding-left: 0.15rem; }

.header .submenu .submenuItem .r .t:before { content: ""; width: 0.03rem; height: 100%; background: #F5F5F8; position: absolute; left: 0; top: 0.04rem; }

.header .submenu .submenuItem .r .t:after { content: ""; width: 0.03rem; height: 0.3rem; background: #002980; position: absolute; left: 0; top: 0.04rem; }

.header .submenu .submenuItem .r .t h3 { font-size: 0.32rem; color: #000C21; font-weight: bold; line-height: 1; }

.header .submenu .submenuItem .r .t h4 { font-size: 0.3rem; color: transparent; font-weight: bold; -webkit-text-stroke: 1px #707070; text-stroke: 1px #707070; text-transform: uppercase; opacity: .1; position: absolute; top: 0.15rem; }

.header .submenu .submenuItem .r .snav { width: 100%; margin-top: 0.5rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 0.4rem; grid-column-gap: 0.8rem; }

.header .submenu .submenuItem .r .snav a { font-size: 0.16rem; color: #000C21; padding-bottom: 0.15rem; position: relative; display: block; }

.header .submenu .submenuItem .r .snav a:before { content: ""; width: 100%; height: 0.01rem; background: #e5e5e5; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.header .submenu .submenuItem .r .snav a:after { content: ""; width: 0; height: 0.02rem; background: #004BB1; position: absolute; left: 0; bottom: 0; margin: auto; transition: all .5s ease; }

.header .submenu .submenuItem .r .snav a:hover { color: #004BB1; }

.header .submenu .submenuItem .r .snav a:hover:after { width: 100%; }

.header .submenu .submenuItem .r .snav a:nth-child(4n) { margin-right: 0; }

.header .submenu .submenuItem .r .img { width: 68%; max-width: 6rem; float: left; }

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

.header .submenu1 { position: relative; z-index: 1; transition: all .4s; }

.header .submenu1 .submenuItem { display: none; position: relative; background: #fff; }

.header .submenu1 .submenuItem:before { content: ""; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 0; }

.header .submenu1 .submenuItem:after { content: ""; width: 25%; height: 100%; background: #F5F5F8; position: absolute; left: 0; top: 0; }

.header .submenu1 .submenuItem .container { padding: 0.45rem 0; display: flex; align-items: flex-start; }

.header .submenu1 .submenuItem .t { width: 25%; height: 0.42rem; position: relative; padding-left: 0.15rem; z-index: 1; }

.header .submenu1 .submenuItem .t:after { content: ""; width: 0.03rem; height: 0.28rem; background: #002980; position: absolute; left: 0; top: 0.04rem; }

.header .submenu1 .submenuItem .t h3 { font-size: 0.32rem; color: #000C21; font-weight: bold; line-height: 1; }

.header .submenu1 .submenuItem .t h4 { font-size: 0.3rem; color: transparent; font-weight: bold; -webkit-text-stroke: 1px #707070; text-stroke: 1px #707070; text-transform: uppercase; opacity: .1; position: absolute; top: 0.15rem; }

.header .submenu1 .submenuItem .snav { width: 75%; display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 0.4rem; grid-column-gap: 0.8rem; position: relative; z-index: 1; }

.header .submenu1 .submenuItem .snav a { font-size: 0.16rem; line-height: 0.28rem; color: #000C21; padding-bottom: 0.15rem; position: relative; display: block; }

.header .submenu1 .submenuItem .snav a:before { content: ""; width: 100%; height: 0.01rem; background: #e5e5e5; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.header .submenu1 .submenuItem .snav a:after { content: ""; width: 0; height: 0.02rem; background: #004BB1; position: absolute; left: 0; bottom: 0; margin: auto; transition: all .5s ease; }

.header .submenu1 .submenuItem .snav a:hover { color: #004BB1; }

.header .submenu1 .submenuItem .snav a:hover:after { width: 100%; }

.header .submenu1 .submenuItem .snav a:nth-child(4n) { margin-right: 0; }

.header .submenu1 .submenuItem .img { width: 68%; max-width: 6rem; float: left; }

.header .submenu1 .submenuItem .img img { width: 100%; }

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

.search-box { width: 100%; height: auto; overflow: hidden; padding: 1.3rem 0; position: fixed; background: rgba(255, 255, 255, 0.9); top: 0.81rem; display: none; z-index: 25; }

.search-box .container { width: 75%; }

.search-box .box { height: auto; width: 7rem; margin: 0 auto; border-bottom: 1px solid #444; display: flex; align-items: center; }

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

.search-box .box .search-btn i { font-size: 0.2rem; color: #004BB1; line-height: 0.4rem; }

/* trial */
.trial { width: 100%; padding: 0.5rem 0; background: url(../images/trial-bg.jpg) no-repeat center/cover; text-align: center; position: relative; z-index: 1; }

.trial h3 { font-size: 0.38rem; font-weight: bold; }

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

.footer .top { padding: 0.4rem 0; border-bottom: 1px solid rgba(112, 112, 112, 0.3); display: flex; justify-content: space-between; align-items: center; }

.footer .top .logo { width: 1.22rem; height: auto; }

.footer .top .tcon { text-align: right; }

.footer .top .tcon ul { display: flex; align-items: center; }

.footer .top .tcon ul li { font-size: 0.16rem; color: #fff; display: flex; align-items: center; margin-left: 0.6rem; }

.footer .top .tcon ul li i { font-size: 0.2rem; color: rgba(255, 255, 255, 0.8); margin-right: 0.1rem; }

.footer .top .tcon ul li span { color: rgba(255, 255, 255, 0.2); margin: 0 0.1rem; }

.footer .top .tcon ul li a { color: #fff; }

.footer .center { display: flex; justify-content: space-between; margin-top: 0.6rem; }

.footer .center .nav { flex: 1; display: flex; justify-content: space-between; }

.footer .center .nav dl dt { font-size: 0.17rem; color: #fff; margin-bottom: 0.15rem; position: relative; }

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

.footer .center .nav dl dd ul { display: flex; }

.footer .center .nav dl dd ul li { margin-left: 0.45rem; }

.footer .center .nav dl dd ul li a { font-size: 0.16rem; color: rgba(255, 255, 255, 0.7); margin-top: 0.2rem; color: rgba(255, 255, 255, 0.7); display: block; }

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

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

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

.footer .bottom .left .bnav { display: flex; align-items: center; }

.footer .bottom .left .bnav a { font-size: 0.16rem; color: rgba(255, 255, 255, 0.9); position: relative; padding-left: 0.15rem; margin-left: 0.15rem; }

.footer .bottom .left .bnav a:after { content: ""; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.footer .bottom .left .bnav a:first-child { margin-left: 0; padding-left: 0; }

.footer .bottom .left .bnav a:first-child:after { display: none; }

.footer .bottom .left .copyright { font-size: 0.16rem; color: rgba(255, 255, 255, 0.9); margin-top: 0.2rem; }

.footer .bottom .left .copyright a { color: rgba(255, 255, 255, 0.9); margin-right: 0.2rem; }

.footer .bottom .left .copyright a:hover { color: #fff; }

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

.footer .bottom .right .qr { text-align: center; margin-left: 0.4rem; }

.footer .bottom .right .qr img { width: 0.8rem; margin: 0 auto; }

.footer .bottom .right .qr p { font-size: 0.16rem; color: #fff; margin-top: 0.1rem; }

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

.common-btn { width: 1.4rem; height: 0.5rem; overflow: hidden; font-size: 0.16rem; color: #fff; display: flex; align-items: center; justify-content: center; background: #004BB1; border-radius: 0.04rem; margin: 0.25rem auto 0; position: relative; cursor: pointer; }

.common-btn .btn-circle { border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0; height: 0; margin-left: 0; margin-top: 0; pointer-events: none; }

.common-btn span { position: relative; z-index: 1; }

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

.common-btn:hover { opacity: .9; }

.common-btn1 { transition: all .5s ease; width: 1.56rem; height: 0.5rem; font-size: 0.18rem; color: #fff; background: linear-gradient(303deg, #09B5DB 0%, #007DE1 100%); box-shadow: 0 0.03rem 0.06rem 1px rgba(13, 106, 229, 0.35); display: flex; align-items: center; justify-content: center; border-radius: 0.3rem; cursor: pointer; }

.common-btn1 i { font-size: 0.18rem; color: #fff; margin-left: 0.1rem; transition: all .5s ease; }

.common-btn1:hover { color: #fff; }

.common-btn1:hover i { color: #fff; margin-left: 0.15rem; }

.common-btn1.white { border: 1px solid #DBDCDE; color: #000; background: transparent; box-shadow: none; }

.common-btn1.white i { color: #000; }

.common-btn1.white:hover { color: #fff; background: linear-gradient(303deg, #09B5DB 0%, #007DE1 100%); box-shadow: 0 0.03rem 0.06rem 1px rgba(13, 106, 229, 0.35); border-color: transparent; }

.common-btn1.white:hover i { color: #fff; margin-left: 0.15rem; }

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

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

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

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

.Index .banner .swiper-slide .txt { width: 100%; color: #fff; position: absolute; left: 0; top: 32%; }

.Index .banner .swiper-slide .txt h3 { font-size: 0.6rem; font-weight: bold; }

.Index .banner .swiper-slide .txt h4 { font-size: 0.2rem; margin-top: 0.3rem; }

.Index .banner .swiper-slide .btn { position: absolute; left: 50%; bottom: 46%; width: 1.6rem; height: 0.6rem; border-radius: 0.06rem; display: flex; justify-content: center; align-items: center; margin-left: -0.7rem; background: rgba(255, 255, 255, 0.3); border: 1px solid #FFFFFF; }

.Index .banner .swiper-slide .btn span, .Index .banner .swiper-slide .btn i { color: #fff; font-size: 0.2rem; margin: 0 0.04rem; }

.Index .banner .swiper-slide .btn i { font-size: 0.22rem; }

.Index .banner .swiper-slide .btn:hover { background-color: rgba(255, 255, 255, 0); }

.Index .banner .swiper-slide .btn.btn1 { bottom: 35%; }

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

.Index .banner .swiper-pagination { width: auto; left: 12.5%; bottom: 0.7rem; display: flex; z-index: 11; position: absolute; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 42px; height: 42px; opacity: 1; transition: all .5s ease; margin: 0 0.05rem; overflow: visible; background: transparent; position: relative; }

.Index .banner .swiper-pagination .swiper-pagination-bullet:before { content: ""; width: 6px; height: 6px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; }

.Index .banner .swiper-pagination .swiper-pagination-bullet svg { width: 100%; height: 100%; transform: rotate(-90deg); opacity: 0; }

.Index .banner .swiper-pagination .swiper-pagination-bullet svg #line { stroke: rgba(255, 255, 255, 0.2); }

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

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

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

.Index .banner .mouse .icon-down { font-size: 0.2rem; color: rgba(255, 255, 255, 0.7); }

.Index .section { width: 100%; position: relative; }

.Index .section .title-box { margin-bottom: 0.5rem; text-align: center; }

.Index .section .title-box h2 { font-size: 0.38rem; font-weight: bold; }

.Index .section .title-box p { font-size: 0.2rem; margin-top: 0.2rem; color: #747E8D; }

.Index .about .title-box { position: relative; z-index: 2; }

.Index .about .block1 { padding-top: 1rem; width: 100%; height: 100vh; overflow: hidden; position: sticky; top: 0; left: 0; }

.Index .about .block1 .cn0 { text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 25rem; height: 25rem; border-radius: 50%; overflow: hidden; transition: all 0.4s ease-in-out; }

.Index .about .block1 .cn0 img { width: 100%; height: 100%; }

.Index .about .block1 .cn0.on { width: 9rem; height: 9rem; }

.Index .about .block1 .cn0.on2 { width: 4.6rem; height: 4.6rem; }

.Index .about .block1 .cn1 { text-align: center; position: absolute; left: 50%; top: 70%; opacity: 0; transform: translate(-50%, -50%); width: 60.3125%; transition: all .4s ease-in-out; }

.Index .about .block1 .cn1 span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }

.Index .about .block1 .cn1.on { top: 50%; opacity: 1; }

.Index .about .block1 .cn2 { text-align: center; position: absolute; left: 50%; top: 70%; opacity: 0; transform: translate(-50%, -50%); transition: all .5s ease-in-out; }

.Index .about .block1 .cn2 img { width: 4.73rem; height: 4.73rem; }

.Index .about .block1 .cn2.on { top: 50%; opacity: 1; }

.Index .about .block2 { position: relative; z-index: 5; padding-top: 1rem; }

.Index .about .block2 .cn4 { height: 2rem; }

.Index .about .block2 .cn3 { position: relative; width: 100%; opacity: 1; }

.Index .about .block2 .cn3 .container { background-color: rgba(255, 255, 255, 0.8); display: flex; flex-wrap: wrap; padding: 0.6rem 0 3rem; backdrop-filter: blur(5px); }

.Index .about .block2 .cn3 ul { width: 100%; display: flex; flex-wrap: wrap; }

.Index .about .block2 .cn3 ul li { width: 25%; text-align: center; margin-top: 1rem; }

.Index .about .block2 .cn3 ul li h3 { font-size: 0.3rem; color: #000C21; }

.Index .about .block2 .cn3 ul li h3 b { font-size: 0.8rem; font-family: "BebasNeue"; margin-right: 0.1rem; }

.Index .about .block2 .cn3 ul li p { font-size: 0.2rem; color: #747E8D; }

.Index .service { overflow: hidden; }

.Index .service .slide { overflow: hidden; }

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

.Index .service .slide .swiper-slide .text { width: 100%; position: absolute; top: 50%; z-index: 1; color: #fff; transform: translateY(-50%); }

.Index .service .slide .swiper-slide .text h3 { margin-bottom: 0.25rem; position: relative; display: inline-block; padding: 0.08rem 0.3rem; }

.Index .service .slide .swiper-slide .text h3:before { content: ""; width: 100%; height: 100%; background: #fff; transform: skewX(-15deg); position: absolute; left: 0; bottom: 0; }

.Index .service .slide .swiper-slide .text h3 span { font-size: 0.24rem; color: #004BB1; position: relative; z-index: 1; }

.Index .service .slide .swiper-slide .text p { width: 4rem; font-size: 0.16rem; line-height: 0.3rem; }

.Index .service .tabs { background: #F5F5F8; overflow: hidden; }

.Index .service .tabs .swiper-slide { height: 1.5rem; cursor: pointer; transition: all .5s ease; overflow: hidden; }

.Index .service .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: url(../images/index/service-tabs-bg.png) no-repeat center/cover; position: absolute; left: 0; top: 0; transform: scale(3); opacity: 0; transition: all .5s ease; }

.Index .service .tabs .swiper-slide .txt { width: 100%; height: 100%; transition: all .5s ease; transform: translateY(-0.3rem); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.Index .service .tabs .swiper-slide .txt i { font-size: 0.24rem; color: #fff; opacity: 0; margin-bottom: 0.2rem; display: block; }

.Index .service .tabs .swiper-slide .txt h3 { font-size: 0.24rem; }

.Index .service .tabs .swiper-slide .num { font-size: 0.66rem; font-family: "BebasNeue"; opacity: .1; position: absolute; left: 50%; bottom: -0.33rem; transform: translateX(-50%); }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active { background: #004BB1; }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active:before { transform: scale(1); opacity: 1; }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active .txt { transform: translateY(0); }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active .txt i { opacity: 1; }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active .txt h3 { color: #fff; }

.Index .service .tabs .swiper-slide.swiper-slide-thumb-active .num { opacity: 0; }

.Index .product { padding: 1.2rem 0; overflow: hidden; }

.Index .product .slide { position: relative; padding: 0 2.4rem 0.6rem; }

.Index .product .slide .swiper-slide { transition: all .5s ease; z-index: 2; transform: scale(0.85); }

.Index .product .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); position: absolute; left: 0; top: 0; }

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

.Index .product .slide .swiper-slide .text { width: 100%; padding: 0.8rem 0.2rem 0.5rem; opacity: 0; position: absolute; left: 0; bottom: 0; text-align: center; transition: all .5s ease; }

.Index .product .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #fff; }

.Index .product .slide .swiper-slide.swiper-slide-active { transform: scale(1); opacity: 1; }

.Index .product .slide .swiper-slide.swiper-slide-active:before { opacity: 0; }

.Index .product .slide .swiper-slide.swiper-slide-active .text { background: linear-gradient(180deg, rgba(0, 75, 177, 0) 0%, #004BB1 100%); opacity: 1; }

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

.Index .product .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Index .product .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.Index .product .slide .btn-prev, .Index .product .slide .btn-next { opacity: 0; width: 0.5rem; height: 0.5rem; border: 1px solid #004BB1; border-radius: 50%; position: absolute; left: 15.5%; top: 45%; z-index: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .5s ease; }

.Index .product .slide .btn-prev i, .Index .product .slide .btn-next i { font-size: 0.22rem; color: #004BB1; transition: all .5s ease; }

.Index .product .slide .btn-prev.btn-next, .Index .product .slide .btn-next.btn-next { left: auto; right: 15.5%; }

.Index .product .slide .btn-prev:hover, .Index .product .slide .btn-next:hover { background: #004BB1; }

.Index .product .slide .btn-prev:hover i, .Index .product .slide .btn-next:hover i { color: #fff; }

.Index .product .slide:hover .btn-prev, .Index .product .slide:hover .btn-next { opacity: 1; }

.Index .industry { padding-bottom: 1.2rem; }

.Index .industry .box { position: relative; }

.Index .industry .box .slide { overflow: hidden; }

.Index .industry .box .tabs { width: 3rem; height: 100.5%; position: absolute; top: 0; right: 0.8rem; z-index: 2; }

.Index .industry .box .tabs .swiper-wrapper { display: flex; flex-wrap: wrap; }

.Index .industry .box .tabs .swiper-slide { width: 1.5rem; height: auto; border: 1px solid #F5F5F8; background: #fff; }

.Index .industry .box .tabs .swiper-slide a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; position: relative; }

.Index .industry .box .tabs .swiper-slide a:before { content: ""; width: 100%; height: 100%; background: #004BB1; opacity: 0; position: absolute; left: 0; top: 0; transition: all .5s ease; }

.Index .industry .box .tabs .swiper-slide a i { font-size: 0.3rem; position: relative; z-index: 2; }

.Index .industry .box .tabs .swiper-slide a h3 { font-size: 0.16rem; color: #747E8D; margin-top: 0.1rem; position: relative; z-index: 2; }

.Index .industry .box .tabs .swiper-slide.active { z-index: 1; }

.Index .industry .box .tabs .swiper-slide.active a:before { opacity: 1; transform: scale(1.15); }

.Index .industry .box .tabs .swiper-slide.active a i, .Index .industry .box .tabs .swiper-slide.active a h3 { color: #fff; }

.Index .story { overflow: hidden; height: 9rem; padding: 1.1rem 0; background: url(../images/index/story-bg.jpg) no-repeat top/100%; }

.Index .story .title-box h2, .Index .story .title-box p { color: #fff; }

.Index .story .slide { position: relative; padding-bottom: 0.5rem; }

.Index .story .slide .swiper-slide { padding: 0.4rem 0.35rem 1.15rem; background: #fff; box-shadow: 0.04rem 0.06rem 0.2rem 0.01rem rgba(0, 41, 128, 0.1); transition: all .5s ease; }

.Index .story .slide .swiper-slide .info { display: flex; align-items: center; position: relative; left: -0.2rem; }

.Index .story .slide .swiper-slide .info .logo { width: 1rem; margin-right: 0.1rem; }

.Index .story .slide .swiper-slide .info .txt h4 { font-size: 0.2rem; font-weight: bold; }

.Index .story .slide .swiper-slide .info .txt h5 { margin-top: 0.12rem; font-size: 0.2rem; color: #747E8D; }

.Index .story .slide .swiper-slide .info .txt h5 span { font-size: 0.16rem; padding: 0.05rem 0.1rem; color: #004BB1; background: rgba(0, 75, 177, 0.05); margin-left: 0.1rem; display: inline-block; }

.Index .story .slide .swiper-slide .yin { width: 0.52rem; position: absolute; right: 0.4rem; bottom: 0.4rem; transform: rotate(360deg); }

.Index .story .slide .swiper-slide p { height: 1.65rem; font-size: 0.18rem; color: #747E8D; line-height: 0.32rem; margin-top: 0.08rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.Index .story .slide .swiper-slide:hover { transform: translateY(-0.1rem); }

.Index .partner { padding: 1.1rem 0; }

.Index .partner .scroll-wrapper { overflow: hidden; position: relative; mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); }

.Index .partner .scroll-wrapper .scroll { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0.15rem; width: fit-content; animation-play-state: running; }

.Index .partner .scroll-wrapper .scroll .item { width: 2.2rem; margin-right: 0.24rem; }

.Index .partner .scroll-wrapper .scroll.first-row, .Index .partner .scroll-wrapper .scroll.third-row { animation: moveRightSlideshow 30s linear infinite; }

.Index .partner .scroll-wrapper .scroll.second-row { animation: moveLeftSlideshow 30s linear infinite; }

.Index .partner .scroll-wrapper .scroll:hover { animation-play-state: paused; }

.Index .choose { padding: 0.9rem 0 1.2rem; background: url(../images/index/choose-bg.jpg) no-repeat center/cover fixed; }

.Index .choose ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 0.25rem; grid-column-gap: 0.25rem; }

.Index .choose ul li { height: 1.4rem; padding: 0.4rem 0.2rem 0.4rem 0.3rem; background: #fff; display: flex; align-items: center; transition: all .5s ease; position: relative; overflow: hidden; }

.Index .choose ul li .circle { display: none; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0; height: 0; margin-left: 0; margin-top: 0; pointer-events: none; }

.Index .choose ul li .icon { width: 0.5rem; height: 0.5rem; background: #004BB1; border-radius: 0.1rem; margin-right: 0.15rem; display: flex; align-items: center; justify-content: center; transition: all .5s ease; position: relative; z-index: 1; }

.Index .choose ul li .icon i { font-size: 0.24rem; color: #fff; }

.Index .choose ul li .txt { flex: 1; position: relative; z-index: 1; }

.Index .choose ul li .txt h4 { font-size: 0.2rem; transition: all .5s ease; }

.Index .choose ul li .txt p { font-size: 0.16rem; color: #747E8D; margin-top: 0.1rem; transition: all .5s ease; }

.Index .choose ul li:hover { box-shadow: 0 0.1rem 0.2rem 0.01rem rgba(16, 70, 164, 0.1); transform: translateY(-0.1rem); }

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

.Index .news .title-box { margin-bottom: 0.4rem; }

.Index .news .slide { position: relative; overflow: hidden; padding-top: 0.1rem; }

.Index .news .slide .swiper-slide { transition: all .5s ease; }

.Index .news .slide .swiper-slide .img { height: 3rem; overflow: hidden; }

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

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

.Index .news .slide .swiper-slide .text h4 { font-size: 0.16rem; color: #747E8D; }

.Index .news .slide .swiper-slide .text h3 { font-size: 0.2rem; color: #000C21; margin: 0.12rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

.Index .news .slide .swiper-slide .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news .slide .swiper-slide:hover { transform: translateY(-0.1rem); }

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

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

/* Nei-page */
.Nei-page .banner { width: 100%; height: 7rem; overflow: hidden; position: fixed; left: 0; top: 0; }

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

.Nei-page .banner .text { width: 100%; position: absolute; left: 0; top: 48%; text-align: center; }

.Nei-page .banner .text h3 { font-size: 0.38rem; color: #fff; font-weight: bold; }

.Nei-page .banner-z { width: 100%; height: 7rem; background: #fff; }

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

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

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

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

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

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

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

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

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

.Nei-page .crumbs-tabs .tabs .swiper-slide.active, .Nei-page .crumbs-tabs .tabs .swiper-slide:hover { color: #004BB1; }

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

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

.Nei-page .page-title h2 { font-size: 0.36rem; color: #000; font-weight: bold; }

.Nei-page .page-title h3 { font-size: 0.26rem; color: #CCD1DC; margin-top: 0.06rem; text-transform: capitalize; }

.Nei-page .title-box { text-align: center; margin-bottom: 0.5rem; }

.Nei-page .title-box h3 { font-size: 0.38rem; font-weight: bold; }

.Nei-page .title-box h4 { font-size: 0.24rem; color: #747E8D; margin-top: 0.2rem; }

.Nei-page .title-box h5 { font-size: 0.2rem; color: #747E8D; margin-top: 0.2rem; }

.Nei-page .title-box p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; margin-top: 0.3rem; }

.Nei-page .content, .Nei-page.content { padding: 0.7rem 0 1.2rem; position: relative; z-index: 1; background: #fff; }

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

/* Product */
.Product .banner, .Product .banner-z { height: 100vh; }

.Product .banner.banner .text, .Product .banner-z.banner .text { text-align: left; top: 30%; }

.Product .banner.banner .text h2, .Product .banner-z.banner .text h2 { font-size: 0.24rem; color: #fff; margin: 0.2rem 0; }

.Product .banner.banner .text h3, .Product .banner-z.banner .text h3 { font-size: 0.42rem; line-height: 0.6rem; color: #fff; }

.Product .banner.banner .text .btns, .Product .banner-z.banner .text .btns { margin-top: 0.4rem; }

.Product .banner.banner .text .btns .box, .Product .banner-z.banner .text .btns .box { display: flex; margin-top: 0.49rem; }

.Product .banner.banner .text .btns .btn, .Product .banner-z.banner .text .btns .btn { margin-right: 0.3rem; width: 1.6rem; height: 0.5rem; border-radius: 0.06rem; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.3); border: 1px solid #FFFFFF; }

.Product .banner.banner .text .btns .btn:last-child, .Product .banner-z.banner .text .btns .btn:last-child { margin-right: 0; }

.Product .banner.banner .text .btns .btn span, .Product .banner.banner .text .btns .btn i, .Product .banner-z.banner .text .btns .btn span, .Product .banner-z.banner .text .btns .btn i { color: #fff; font-size: 0.18rem; margin: 0 0.04rem; }

.Product .banner.banner .text .btns .btn i, .Product .banner-z.banner .text .btns .btn i { font-size: 0.22rem; }

.Product .banner.banner .text .btns .btn:hover, .Product .banner-z.banner .text .btns .btn:hover { background: rgba(255, 255, 255, 0); }

.Product .banner.banner .text .common-btn, .Product .banner-z.banner .text .common-btn { display: inline-flex; }

.Product.content { padding: 1px 0 0; }

.Product.content .section { margin-top: 0.9rem; }

.Product.content .imgLTextR .box { display: flex; flex-wrap: wrap; }

.Product.content .imgLTextR .box .img { width: 48.5%; }

.Product.content .imgLTextR .box .img img { width: 100%; height: 100%; }

.Product.content .imgLTextR .box .text { width: 51.5%; padding: 0.7rem 0.6rem; background: #F5F5F8; display: flex; flex-direction: column; justify-content: center; }

.Product.content .imgLTextR .box .text dl { margin-top: 0.6rem; }

.Product.content .imgLTextR .box .text dl dt { font-size: 0.24rem; font-weight: bold; color: #000C21; margin-bottom: 0.2rem; }

.Product.content .imgLTextR .box .text dl dd { font-size: 0.18rem; color: #747E8D; line-height: 0.26rem; margin-top: 0.1rem; position: relative; padding-left: 0.2rem; }

.Product.content .imgLTextR .box .text dl dd:before { content: ""; width: 0.08rem; height: 0.08rem; background: rgba(0, 75, 177, 0.2); border-radius: 50%; position: absolute; left: 0; top: 0.1rem; }

.Product.content .imgLTextR .box .text dl dd:after { content: ""; width: 0.04rem; height: 0.04rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0.02rem; top: 0.12rem; }

.Product.content .imgLTextR .box .text dl:first-child { margin-top: 0; }

.Product.content .imgUTextD .box { position: relative; margin-top: 0.6rem; --swiper-navigation-color: #fff; /* 单独设置按钮颜色 */ }

.Product.content .imgUTextD .box:first-child { margin-top: 0; }

.Product.content .imgUTextD .box .img-box img { width: 100%; }

.Product.content .imgUTextD .box .title-box { margin-bottom: 0.4rem; }

.Product.content .imgUTextD .box .img { width: 100%; overflow: hidden; position: relative; }

.Product.content .imgUTextD .box .img img { width: 100%; }

.Product.content .imgUTextD .box .img .swiper-button-next, .Product.content .imgUTextD .box .img .swiper-button-prev { margin-top: -0.8rem; }

.Product.content .imgUTextD .box .slide { width: 93.75%; position: relative; z-index: 1; margin: -1.1rem auto 0; overflow: hidden; }

.Product.content .imgUTextD .box .slide .swiper-slide { height: auto; background: #F5F5F8; padding: 0.4rem 0.5rem; position: relative; transition: all .5s ease; }

.Product.content .imgUTextD .box .slide .swiper-slide:before { content: ""; width: 0; height: 0.04rem; background: #004BB1; position: absolute; left: 0; bottom: 0; transition: all .5s ease; }

.Product.content .imgUTextD .box .slide .swiper-slide h3 { font-size: 0.2rem; color: #000C21; font-weight: bold; margin-bottom: 0.1rem; }

.Product.content .imgUTextD .box .slide .swiper-slide .bb { display: flex; justify-content: space-between; }

.Product.content .imgUTextD .box .slide .swiper-slide .bb ul li { font-size: 0.18rem; line-height: 0.3rem; color: #747E8D; position: relative; padding-left: 0.2rem; margin-top: 0.1rem; }

.Product.content .imgUTextD .box .slide .swiper-slide .bb ul li:before { content: ""; width: 0.08rem; height: 0.08rem; background: rgba(0, 75, 177, 0.2); border-radius: 50%; position: absolute; left: 0; top: 0.11rem; }

.Product.content .imgUTextD .box .slide .swiper-slide .bb ul li:after { content: ""; width: 0.04rem; height: 0.04rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0.02rem; top: 0.13rem; }

.Product.content .imgUTextD .box .slide .swiper-slide.active { background: #fff; }

.Product.content .imgUTextD .box .slide .swiper-slide.active:before { width: 100%; }

.Product.content .imgBTextS { padding: 1rem 0; background: url(../images/product/znzc-section7-bg.jpg) no-repeat center/cover fixed; }

.Product.content .imgBTextS .title-box { color: #fff; }

.Product.content .imgBTextS .box { padding: 0.2rem 1rem 0.6rem; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); }

.Product.content .imgBTextS .box .slide { overflow: hidden; position: relative; padding-bottom: 0.7rem; }

.Product.content .imgBTextS .box .slide ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product.content .imgBTextS .box .slide ul li { width: 48%; display: flex; align-items: center; margin-top: 0.6rem; }

.Product.content .imgBTextS .box .slide ul li .icon { width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; position: relative; border-radius: 0.05rem; overflow: hidden; }

.Product.content .imgBTextS .box .slide ul li .icon img { width: 100%; height: 100%; }

.Product.content .imgBTextS .box .slide ul li .text h3 { font-size: 0.2rem; color: #000C21; }

.Product.content .imgBTextS .box .slide ul li .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.3rem; }

.Product.content .imgBTextS .box .slide .swiper-pagination { bottom: 0; }

.Product.content .imgBTextS .box .slide .swiper-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.06rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Product.content .imgBTextS .box .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.Product.content .case { padding: 0.9rem 0; background: #F5F5F8; }

.Product.content .case .box { margin-bottom: 0.6rem; }

.Product.content .case .slide { overflow: hidden; position: relative; }

.Product.content .case .slide .swiper-slide { display: flex; flex-wrap: wrap; }

.Product.content .case .slide .swiper-slide .text { width: 45%; padding-right: 0.6rem; }

.Product.content .case .slide .swiper-slide .text .logo { width: 1rem; border-radius: 50%; overflow: hidden; }

.Product.content .case .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #000C21; margin: 0.2rem 0; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product.content .case .slide .swiper-slide .text p { font-size: 0.2rem; color: #747E8D; line-height: 0.32rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.Product.content .case .slide .swiper-slide .text .common-btn { display: inline-flex; margin-top: 0.6rem; }

.Product.content .case .slide .swiper-slide .img { width: 55%; }

.Product.content .case .slide .swiper-slide .img img { width: 100%; height: 100%; }

.Product.content .case .slide .swiper-pagination { bottom: 0; text-align: left; }

.Product.content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Product.content .case .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.Product.content .industry .box { position: relative; }

.Product.content .industry .box .slide { overflow: hidden; }

.Product.content .industry .box .slide img { width: 100%; }

.Product.content .industry .box .tabs { width: 100%; overflow: hidden; display: flex; padding: 0 0.45rem; background: #F5F5F8; }

.Product.content .industry .box .tabs .btn-prev, .Product.content .industry .box .tabs .btn-next { width: 0.45rem; height: 1rem; background: #F5F5F8; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; left: 0; z-index: 2; }

.Product.content .industry .box .tabs .btn-prev i, .Product.content .industry .box .tabs .btn-next i { font-size: 0.18rem; color: #C4CAD3; transition: all .5s ease; }

.Product.content .industry .box .tabs .btn-prev.btn-next, .Product.content .industry .box .tabs .btn-next.btn-next { left: auto; right: 0; }

.Product.content .industry .box .tabs .btn-prev:hover i, .Product.content .industry .box .tabs .btn-next:hover i { color: #004BB1; }

.Product.content .industry .box .tabs .swiper-slide { height: 1rem; background: #F5F5F8; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.Product.content .industry .box .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: #004BB1; opacity: 0; position: absolute; left: 0; top: 0; transition: all .5s ease; }

.Product.content .industry .box .tabs .swiper-slide i { font-size: 0.3rem; color: #818996; position: relative; z-index: 2; }

.Product.content .industry .box .tabs .swiper-slide h3 { font-size: 0.16rem; color: #747E8D; margin-top: 0.1rem; position: relative; z-index: 2; }

.Product.content .industry .box .tabs .swiper-slide.active { z-index: 1; }

.Product.content .industry .box .tabs .swiper-slide.active:before { opacity: 1; }

.Product.content .industry .box .tabs .swiper-slide.active i, .Product.content .industry .box .tabs .swiper-slide.active h3 { color: #fff; }

.Product.content .logos .scroll-wrapper { overflow: hidden; position: relative; mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); }

.Product.content .logos .scroll-wrapper .scroll { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0.15rem; width: fit-content; animation-play-state: running; }

.Product.content .logos .scroll-wrapper .scroll .item { width: 2.2rem; margin-right: 0.24rem; }

.Product.content .logos .scroll-wrapper .scroll.first-row, .Product.content .logos .scroll-wrapper .scroll.third-row { animation: moveRightSlideshow 30s linear infinite; }

.Product.content .logos .scroll-wrapper .scroll.second-row { animation: moveLeftSlideshow 30s linear infinite; }

.Product.content .logos .scroll-wrapper .scroll:hover { animation-play-state: paused; }

.Product.content .why { margin-top: 0.9rem; padding: 0.9rem 0 1.2rem; background: url(../images/index/choose-bg.jpg) no-repeat center/cover fixed; }

.Product.content .why ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 0.25rem; grid-column-gap: 0.25rem; }

.Product.content .why ul li { height: 1.4rem; padding: 0.4rem 0.2rem 0.4rem 0.3rem; background: #fff; display: flex; align-items: center; transition: all .5s ease; position: relative; overflow: hidden; }

.Product.content .why ul li .circle { display: none; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0; height: 0; margin-left: 0; margin-top: 0; pointer-events: none; }

.Product.content .why ul li .icon { width: 0.5rem; height: 0.5rem; background: #004BB1; border-radius: 0.1rem; margin-right: 0.15rem; display: flex; align-items: center; justify-content: center; transition: all .5s ease; position: relative; z-index: 1; }

.Product.content .why ul li .icon i { font-size: 0.24rem; color: #fff; }

.Product.content .why ul li .txt { flex: 1; position: relative; z-index: 1; }

.Product.content .why ul li .txt h4 { font-size: 0.2rem; transition: all .5s ease; }

.Product.content .why ul li .txt p { font-size: 0.16rem; color: #747E8D; margin-top: 0.1rem; transition: all .5s ease; }

.Product.content .why ul li:hover { box-shadow: 0 0.1rem 0.2rem 0.01rem rgba(16, 70, 164, 0.1); transform: translateY(-0.1rem); }

/* About */
.About.content { padding: 0 !important; }

.About.content .section1 { height: 8.08rem; padding-top: 2.2rem; background: url(../images/about/section1-bg.jpg) no-repeat center/cover; }

.About.content .section1 .text { width: 51%; }

.About.content .section1 .text h3 { font-size: 0.38rem; font-weight: bold; color: #000C21; }

.About.content .section1 .text h4 { font-size: 0.24rem; color: #000C21; margin-top: 0.2rem; }

.About.content .section1 .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; margin-top: 0.25rem; }

.About.content .section2 { height: 7rem; position: relative; margin-top: -1rem; background: url(../images/about/section2-bg.jpg) no-repeat bottom/100%; }

.About.content .section2 .title-box { margin-bottom: 0.8rem; }

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

.About.content .section2 .slide .swiper-slide { width: 26%; padding-left: 0.45rem; }

.About.content .section2 .slide .swiper-slide:after { content: ""; width: 1px; height: 100%; background: #E6E6E6; position: absolute; left: 0; top: 0; }

.About.content .section2 .slide .swiper-slide h3 { font-size: 0.6rem; color: #004BB1; margin-bottom: 0.05rem; font-family: "BebasNeue"; }

.About.content .section2 .slide .swiper-slide .li { height: 2rem; overflow: auto; padding-right: 0.2rem; }

.About.content .section2 .slide .swiper-slide .li p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; margin-top: 0.1rem; position: relative; padding-left: 0.15rem; }

.About.content .section2 .slide .swiper-slide .li p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0; top: 0.1rem; }

.About.content .section2 .slide .swiper-slide .li::-webkit-scrollbar { width: 4px; height: 4px; background: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.About.content .section2 .slide .swiper-slide .li::-webkit-scrollbar-thumb { background: #D9D9D9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.About.content .section2 .slide .swiper-slide:first-child { padding-left: 0; }

.About.content .section2 .slide .swiper-slide:first-child:after { display: none; }

.About.content .section2 .slide .swiper-scrollbar { height: 0.05rem; background: transparent; }

.About.content .section2 .slide .swiper-scrollbar:after { content: ""; width: 100%; height: 1px; background: #CECECE; position: absolute; left: 0; bottom: 1px; }

.About.content .section2 .slide .swiper-scrollbar .swiper-scrollbar-drag { height: 0.05rem; cursor: pointer; position: relative; z-index: 2; background: #004BB1; }

/* About-honor */
.About-honor.content { background: url(../images/about/honor-bg.png) no-repeat bottom/100% #fff; }

.About-honor.content .section1 .tabs { text-align: center; }

.About-honor.content .section1 .tabs .item { width: 2.15rem; height: 0.7rem; font-size: 0.2rem; color: #000C21; background: #F5F5F8; margin: 0 0.15rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.04rem; }

.About-honor.content .section1 .tabs .item:hover, .About-honor.content .section1 .tabs .item.active { background: #004BB1; color: #fff; }

.About-honor.content .section1 ul { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }

.About-honor.content .section1 ul li { width: 22.375%; margin: 3.5% 3.5% 0 0; transition: all .5s ease; }

.About-honor.content .section1 ul li .img { height: 3.2rem; overflow: hidden; padding: 0 0.4rem; background: url(../images/about/honor-img-bg.jpg) no-repeat center/100%; display: flex; justify-content: center; align-items: center; }

.About-honor.content .section1 ul li .img img { width: 100%; }

.About-honor.content .section1 ul li .txt { padding: 0.2rem 0.3rem; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.About-honor.content .section1 ul li .txt h3 { font-size: 0.18rem; color: #000C21; line-height: 0.26rem; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.About-honor.content .section1 ul li:nth-child(4n) { margin-right: 0; }

.About-honor.content .section1 ul li:hover { transform: translateY(-20px); }

.About-honor.content .page a { background: #fff; }

.About-honor.content .page a:hover, .About-honor.content .page a.active { background: #004BB1; }

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

.About-team.content .section1 .slide { position: relative; overflow: hidden; padding-bottom: 0.6rem; margin-top: 0.6rem; }

.About-team.content .section1 .slide .swiper-slide { height: 3.9rem; }

.About-team.content .section1 .slide .swiper-slide .info { display: flex; }

.About-team.content .section1 .slide .swiper-slide .info .img { width: 1.6rem; }

.About-team.content .section1 .slide .swiper-slide .info .txt { flex: 1; padding: 0.4rem 0.3rem; }

.About-team.content .section1 .slide .swiper-slide .info .txt h3 { font-size: 0.2rem; }

.About-team.content .section1 .slide .swiper-slide .info .txt h4 { font-size: 0.16rem; color: #004BB1; margin-top: 0.15rem; }

.About-team.content .section1 .slide .swiper-slide .info .txt h4 span { background: rgba(0, 75, 177, 0.1); padding: 0.06rem 0.17rem 0.07rem; border-radius: 0.04rem; display: inline-block; }

.About-team.content .section1 .slide .swiper-slide .text { width: 92%; height: 2.3rem; padding: 0.5rem 0.3rem 0.5rem 0.4rem; background: #F5F5F8; border-radius: 0.1rem; position: absolute; bottom: 0; right: 0; overflow: hidden; }

.About-team.content .section1 .slide .swiper-slide .text:before { content: ""; width: 100%; height: 100%; background: linear-gradient(136deg, #5591E3 0%, #044FB3 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; }

.About-team.content .section1 .slide .swiper-slide .text:after { content: ""; width: 0.99rem; height: 0.87rem; background: url(../images/logo-icon.png) no-repeat center/100%; position: absolute; right: 0; bottom: -0.05rem; }

.About-team.content .section1 .slide .swiper-slide .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; position: relative; z-index: 1; transition: all .5s ease; }

.About-team.content .section1 .slide .swiper-slide:hover .text:before { opacity: 1; }

.About-team.content .section1 .slide .swiper-slide:hover .text p { color: #fff; }

.About-team.content .section1 .slide .swiper-pagination { bottom: 0; }

.About-team.content .section1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.About-team.content .section1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.About-team.content .section2 { margin-top: 0.7rem; padding: 0.9rem 0; background: #F5F5F8; }

.About-team.content .section2 .slide { position: relative; overflow: hidden; padding-bottom: 0.6rem; }

.About-team.content .section2 .slide .swiper-slide .box { transform-style: preserve-3d; transition: .6s ease-in-out; }

.About-team.content .section2 .slide .swiper-slide .box .first { transform: rotateY(0deg); backface-visibility: hidden; transition: .6s ease-in-out .1s; }

.About-team.content .section2 .slide .swiper-slide .box .first .img { overflow: hidden; }

.About-team.content .section2 .slide .swiper-slide .box .first .img img { width: 100%; height: 100%; }

.About-team.content .section2 .slide .swiper-slide .box .first .text { padding: 0.2rem; background: #fff; text-align: center; }

.About-team.content .section2 .slide .swiper-slide .box .first .text h3 { font-size: 0.2rem; color: #000C21; }

.About-team.content .section2 .slide .swiper-slide .box .first .text h4 { font-size: 0.16rem; color: #747E8D; margin-top: 0.05rem; }

.About-team.content .section2 .slide .swiper-slide .box .second { width: 100%; height: 100%; padding: 0.4rem 0.3rem; background: #004BB1; position: absolute; left: 0; top: 0; opacity: 0; transform: rotateY(180deg); transition: .6s ease-in-out .1s; }

.About-team.content .section2 .slide .swiper-slide .box .second h3 { font-size: 0.2rem; color: #fff; display: flex; align-items: center; }

.About-team.content .section2 .slide .swiper-slide .box .second h3 span { font-size: 0.16rem; margin-left: 0.2rem; }

.About-team.content .section2 .slide .swiper-slide .box .second h4 { display: flex; margin-top: 0.15rem; }

.About-team.content .section2 .slide .swiper-slide .box .second h4 span { font-size: 0.16rem; color: #fff; padding: 0.06rem 0.1rem; background: rgba(255, 255, 255, 0.2); border-radius: 0.04rem; margin-left: 0.1rem; }

.About-team.content .section2 .slide .swiper-slide .box .second h4 span:first-child { margin-left: 0; }

.About-team.content .section2 .slide .swiper-slide .box .second p { font-size: 0.16rem; color: #fff; line-height: 0.26rem; margin-top: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; }

.About-team.content .section2 .slide .swiper-slide:hover .box { transform: rotateY(180deg); }

.About-team.content .section2 .slide .swiper-slide:hover .box .first { opacity: 0; }

.About-team.content .section2 .slide .swiper-slide:hover .box .second { opacity: 1; }

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

.About-team.content .section2 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.About-team.content .section2 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

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

.About-party.content .section1 { padding-bottom: 1.2rem; background: url(../images/about/party-bg.jpg) no-repeat bottom/100%; }

.About-party.content .section1 .slide { position: relative; padding: 0 2.4rem 0.7rem; }

.About-party.content .section1 .slide .swiper-slide { transition: all .5s ease; z-index: 2; transform: scale(0.85); }

.About-party.content .section1 .slide .swiper-slide img { width: 100%; }

.About-party.content .section1 .slide .swiper-slide.swiper-slide-active { transform: scale(1.05); }

.About-party.content .section1 .slide .swiper-pagination { bottom: 0; }

.About-party.content .section1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.About-party.content .section1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

/* About-files */
.About-files.content { background: #F5F5F8; }

.About-files.content .section1 ul { display: flex; flex-wrap: wrap; }

.About-files.content .section1 ul li { width: 22.75%; margin: 3% 3% 0 0; transition: all .5s ease; }

.About-files.content .section1 ul li .img { height: 3.2rem; overflow: hidden; }

.About-files.content .section1 ul li .img img { width: 100%; height: 100%; }

.About-files.content .section1 ul li .text { background: #fff; padding: 0.2rem; display: flex; justify-content: space-between; align-items: center; }

.About-files.content .section1 ul li .text h3 { font-size: 0.18rem; color: #000C21; line-height: 0.26rem; }

.About-files.content .section1 ul li .text i { font-size: 0.34rem; color: #C4CAD3; margin-left: 0.2rem; transition: all .5s ease; }

.About-files.content .section1 ul li:nth-child(4n) { margin-right: 0; }

.About-files.content .section1 ul li:hover { transform: translateY(-20px); }

.About-files.content .section1 ul li:hover .text i { color: #004BB1; }

/* Solution-xq */
.Solution-xq .banner { height: 100vh; }

.Solution-xq .banner .text { text-align: left; top: 35%; }

.Solution-xq .banner .text h3 { font-size: 0.24rem; font-weight: normal; }

.Solution-xq .banner .text h2 { font-size: 0.42rem; font-weight: bold; color: #fff; line-height: 0.6rem; margin: 0.15rem 0 0.2rem; }

.Solution-xq .banner .text .common-btn { width: 1.65rem; display: inline-flex; }

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

.Solution-xq .banner .mouse .icon-mouse { font-size: 0.4rem; color: #fff; display: block; margin-bottom: 0.1rem; }

.Solution-xq .banner .mouse .icon-down { font-size: 0.2rem; color: rgba(255, 255, 255, 0.7); }

.Solution-xq .banner-z { height: 100vh; }

.Solution-xq.content { padding: 0 !important; }

.Solution-xq.content .imgLTextR { padding: 0.9rem 0; background: #F5F5F8; }

.Solution-xq.content .imgLTextR .box { position: relative; }

.Solution-xq.content .imgLTextR .box .img { width: 58%; }

.Solution-xq.content .imgLTextR .box .img img { width: 100%; height: 100%; }

.Solution-xq.content .imgLTextR .box .text { width: 61%; height: 4.6rem; padding: 0.6rem 0.78rem 0.6rem 0.5rem; background: #fff; box-shadow: 0.02rem 0.06rem 0.2rem 0.01rem rgba(0, 41, 128, 0.1); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.Solution-xq.content .imgLTextR .box .text p { font-size: 0.2rem; color: #747E8D; line-height: 0.3rem; position: relative; padding-left: 0.3rem; margin-top: 0.4rem; }

.Solution-xq.content .imgLTextR .box .text p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #004BB1; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0.12rem; }

.Solution-xq.content .imgLTextR .box .text p:after { content: ""; width: 0.1rem; height: 0.1rem; background: rgba(0, 75, 177, 0.3); border-radius: 50%; overflow: hidden; position: absolute; left: -0.02rem; top: 0.1rem; }

.Solution-xq.content .imgLTextR .box .text p:first-child { margin-top: 0; }

.Solution-xq.content .challenge { padding: 0.9rem 0; }

.Solution-xq.content .challenge .slide { position: relative; padding: 0 2.4rem 0.7rem; }

.Solution-xq.content .challenge .slide .swiper-slide { height: 3.8rem; padding: 0.8rem 0.7rem; background: #F5F5F8; overflow: hidden; border-radius: 0.2rem; text-align: center; transition: all .5s ease; position: relative; /* &:hover{ &:before,&:after{opacity: 1;} &:after{transform: scale(1);} .icon{box-shadow: 0 0 5px 10px rgba(255,255,255,.2);} h3{color: #fff;} p{color: rgba($color: #fff, $alpha: .8);} } */ }

.Solution-xq.content .challenge .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(136deg, #5591E3 0%, #044FB3 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; }

.Solution-xq.content .challenge .slide .swiper-slide:after { content: ""; width: 100%; height: 100%; background: url(../images/solution/section2-slide-bg.png) no-repeat center/100%; position: absolute; left: 0; top: 0; opacity: 0; transform: scale(0.5); transition: all .5s ease; }

.Solution-xq.content .challenge .slide .swiper-slide .icon { width: 0.8rem; height: 0.8rem; border-radius: 50%; display: block; margin: 0 auto; position: relative; z-index: 1; transition: all .5s ease; position: relative; }

.Solution-xq.content .challenge .slide .swiper-slide .icon img { width: 100%; height: 100%; border-radius: 50%; }

.Solution-xq.content .challenge .slide .swiper-slide h3 { font-size: 0.2rem; color: #000C21; font-weight: bold; margin: 0.3rem 0 0.2rem; position: relative; z-index: 1; }

.Solution-xq.content .challenge .slide .swiper-slide p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; position: relative; z-index: 1; }

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

.Solution-xq.content .challenge .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Solution-xq.content .challenge .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.Solution-xq.content .textLImgR .box { position: relative; }

.Solution-xq.content .textLImgR .box .text { width: 58%; min-height: 6.8rem; padding: 1rem 0.8rem 0 2.4rem; background: #000A1C; position: relative; z-index: 1; }

.Solution-xq.content .textLImgR .box .text h3 { font-size: 0.24rem; color: #fff; }

.Solution-xq.content .textLImgR .box .text p { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); line-height: 0.26rem; margin: 0.25rem 0 0.35rem; }

.Solution-xq.content .textLImgR .box .text ul { display: flex; flex-wrap: wrap; padding: 0 0.3rem 0.3rem 0; background: rgba(255, 255, 255, 0.05); }

.Solution-xq.content .textLImgR .box .text ul li { width: 17%; font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; padding-left: 0.15rem; margin-top: 0.3rem; margin-left: 3%; }

.Solution-xq.content .textLImgR .box .text ul li:before { content: ""; width: 0.04rem; height: 0.04rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.1rem; }

.Solution-xq.content .textLImgR .box .text .common-btn { width: 1.65rem; display: inline-flex; margin-top: 0.5rem; }

.Solution-xq.content .textLImgR .box .img { width: 51%; height: 6rem; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.Solution-xq.content .textLImgR .box .img img { width: 100%; height: 100%; }

.Solution-xq.content .advantage { padding: 0.9rem 0; }

.Solution-xq.content .advantage ul { display: flex; flex-wrap: wrap; }

.Solution-xq.content .advantage ul li { width: 48.5%; margin: 3% 3% 0 0; padding: 0.6rem 0.4rem; background: #F5F5F8; position: relative; }

.Solution-xq.content .advantage ul li:before { content: ""; width: 100%; height: 100%; background: linear-gradient(134deg, #5591E3 0%, #044FB3 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; }

.Solution-xq.content .advantage ul li:after { content: ""; width: 0.99rem; height: 0.87rem; background: url(../images/logo-icon.png); position: absolute; right: 0; bottom: 0; }

.Solution-xq.content .advantage ul li .t { display: flex; align-items: center; position: relative; z-index: 1; }

.Solution-xq.content .advantage ul li .t .icon { position: relative; width: 0.5rem; height: 0.5rem; background: #004BB1; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center; margin-right: 0.2rem; }

.Solution-xq.content .advantage ul li .t .icon img { width: 0.26rem; }

.Solution-xq.content .advantage ul li .t h3 { font-size: 0.2rem; color: #000C21; }

.Solution-xq.content .advantage ul li p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; margin-top: 0.15rem; position: relative; z-index: 1; }

.Solution-xq.content .advantage ul li:nth-child(2n) { margin-right: 0; }

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

.Solution-xq.content .advantage ul li:hover:before { opacity: 1; }

.Solution-xq.content .advantage ul li:hover .t .icon { background: rgba(255, 255, 255, 0.1); }

.Solution-xq.content .advantage ul li:hover .t h3 { color: #fff; }

.Solution-xq.content .advantage ul li:hover p { color: rgba(255, 255, 255, 0.8); }

.Solution-xq.content .case { padding: 0.9rem 0; background: #F5F5F8; }

.Solution-xq.content .case .slide { overflow: hidden; position: relative; }

.Solution-xq.content .case .slide .swiper-slide { display: flex; flex-wrap: wrap; }

.Solution-xq.content .case .slide .swiper-slide .text { width: 45%; padding-right: 0.6rem; }

.Solution-xq.content .case .slide .swiper-slide .text .logo { width: 1rem; border-radius: 50%; overflow: hidden; }

.Solution-xq.content .case .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #000C21; margin: 0.2rem 0; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Solution-xq.content .case .slide .swiper-slide .text p { font-size: 0.2rem; color: #747E8D; line-height: 0.36rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.Solution-xq.content .case .slide .swiper-slide .text .common-btn { display: inline-flex; margin-top: 0.6rem; }

.Solution-xq.content .case .slide .swiper-slide .img { width: 55%; }

.Solution-xq.content .case .slide .swiper-slide .img img { width: 100%; height: 100%; }

.Solution-xq.content .case .slide .swiper-pagination { bottom: 0; text-align: left; }

.Solution-xq.content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Solution-xq.content .case .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

.Solution-xq.content .logos { padding: 0.9rem 0; }

.Solution-xq.content .logos ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }

.Solution-xq.content .logos ul li { width: 20%; padding: 0 0.24rem; }

.Solution-xq.content .logos ul li img { width: 2.2rem; margin: 0 auto; }

/* Solution-hg */
.Solution-hg.content .section2 .slide .swiper-slide .icon.icon1 { background: url(../images/solution/hg-section2-icon1.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide .icon.icon2 { background: url(../images/solution/hg-section2-icon2.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide .icon.icon3 { background: url(../images/solution/hg-section2-icon3.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide .icon.icon4 { background: url(../images/solution/hg-section2-icon4.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide .icon.icon5 { background: url(../images/solution/hg-section2-icon4.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide:hover .icon.icon1 { background: url(../images/solution/hg-section2-icon1-a.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide:hover .icon.icon2 { background: url(../images/solution/hg-section2-icon2-a.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide:hover .icon.icon3 { background: url(../images/solution/hg-section2-icon3-a.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide:hover .icon.icon4 { background: url(../images/solution/hg-section2-icon4-a.png) no-repeat center/100%; }

.Solution-hg.content .section2 .slide .swiper-slide:hover .icon.icon5 { background: url(../images/solution/hg-section2-icon5-a.png) no-repeat center/100%; }

.Solution-hg.content .section3 .box ul li { width: 25% !important; }

/* Case */
.Case .crumbs-tabs { background: #F5F5F8; }

.Case .crumbs-tabs:after { background: rgba(7, 19, 41, 0.1); }

.Case.content { background: #F5F5F8; }

.Case.content .tabs { overflow: hidden; }

.Case.content .tabs .swiper-slide { width: auto; font-size: 0.2rem; color: #000C21; margin-left: 0.5rem; position: relative; padding-bottom: 0.15rem; }

.Case.content .tabs .swiper-slide:first-child { margin-left: 0; }

.Case.content .tabs .swiper-slide:before { content: ""; width: 0; height: 0.04rem; background: #004BB1; border-radius: 0.04rem; position: absolute; left: 0; right: 0; bottom: 0; transition: all .5s ease; margin: auto; }

.Case.content .tabs .swiper-slide.active, .Case.content .tabs .swiper-slide:hover { color: #004BB1; }

.Case.content .tabs .swiper-slide.active:before, .Case.content .tabs .swiper-slide:hover:before { width: 0.32rem; }

.Case.content ul { display: flex; flex-wrap: wrap; }

.Case.content ul li { width: 31.333%; margin: 3% 3% 0 0; }

.Case.content ul li .img { overflow: hidden; height: 2.6rem; }

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

.Case.content ul li .text { background: #fff; padding: 0.2rem; position: relative; }

.Case.content ul li .text .logo { position: absolute; right: 0.2rem; top: 0.14rem; z-index: 2; width: 0.8rem; height: 0.8rem; overflow: hidden; border-radius: 50%; }

.Case.content ul li .text .logo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.Case.content ul li .text .text-box { padding-right: 1rem; }

.Case.content ul li .text .tag { display: flex; }

.Case.content ul li .text .tag span { font-size: 0.16rem; color: #004BB1; padding: 0.04rem 0.12rem; background: rgba(0, 75, 177, 0.05); margin-left: 0.15rem; }

.Case.content ul li .text .tag span:first-child { margin-left: 0; }

.Case.content ul li .text h3 { font-size: 0.2rem; color: #000C21; line-height: 0.3rem; height: 0.6rem; margin-top: 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Case.content ul li .text .other { padding-top: 0.15rem; display: flex; justify-content: space-between; margin-top: 0.3rem; position: relative; }

.Case.content ul li .text .other:before { content: ""; width: 100%; height: 1px; background: #F5F5F8; position: absolute; left: 0; top: 0; }

.Case.content ul li .text .other:after { content: ""; width: 0; height: 1px; background: #004BB1; position: absolute; left: 0; top: 0; transition: all .5s ease; }

.Case.content ul li .text .other span { font-size: 0.16rem; color: #C4CAD3; transition: all .5s ease; }

.Case.content ul li .text .other i { font-size: 0.16rem; color: #C4CAD3; transition: all .5s ease; }

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

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

.Case.content ul li:hover .other:after { width: 100%; }

.Case.content ul li:hover .other span, .Case.content ul li:hover .other i { color: #004BB1; }

/* Case-xq */
.Case-xq .crumbs-tabs { background: #F5F5F8; }

.Case-xq .crumbs-tabs:after { background: rgba(7, 19, 41, 0.1); }

.Case-xq.content { background: #F5F5F8; padding-bottom: 0 !important; }

.Case-xq.content .info .box { display: flex; align-items: center; justify-content: space-between; padding-left: 2.4rem; }

.Case-xq.content .info .box .text { width: 43%; position: relative; }

.Case-xq.content .info .box .text:after { content: ""; width: 7.65rem; height: 1.51rem; background: url(../images/logo-icon2.png) no-repeat center/100%; position: absolute; left: 0; bottom: -0.92rem; }

.Case-xq.content .info .box .text h3 { font-size: 0.24rem; color: #000C21; font-weight: bold; margin-bottom: 0.3rem; }

.Case-xq.content .info .box .text p { font-size: 0.18rem; line-height: 0.3rem; color: #747E8D; margin-top: 0.18rem; position: relative; z-index: 1; }

.Case-xq.content .info .box .img { width: 49%; position: relative; }

.Case-xq.content .info .box .img img { width: 100%; }

.Case-xq.content .info .box .img .logo { width: 1.5rem; height: 1.5rem; padding: 0.1rem; position: absolute; left: -0.8rem; top: 1.6rem; }

.Case-xq.content .info .box .img .logo:before { content: ""; width: 1.2rem; height: 1.2rem; background: #004BB1; position: absolute; left: 0; top: 0; }

.Case-xq.content .info .box .img .logo img { position: relative; z-index: 1; }

.Case-xq.content .challenge { margin-top: 1rem; padding: 0.9rem 0; background: #fff; }

.Case-xq.content .challenge .box { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }

.Case-xq.content .challenge .box .left { width: 48.5%; }

.Case-xq.content .challenge .box .left img { width: 100%; height: 100%; }

.Case-xq.content .challenge .box .right { width: 48%; display: flex; align-items: center; }

.Case-xq.content .challenge .box .right ul { height: 87%; overflow-y: scroll; }

.Case-xq.content .challenge .box .right ul::-webkit-scrollbar { width: 4px; height: 4px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Case-xq.content .challenge .box .right ul::-webkit-scrollbar-thumb { background: #D9D9D9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Case-xq.content .challenge .box .right ul li { overflow: hidden; border-bottom: 1px solid #F5F5F8; padding-bottom: 0.25rem; margin-bottom: 0.25rem; transition: all .5s ease; font-size: 0.24rem; color: #000C21; line-height: 0.4rem; padding-right: 0.3rem; }

.Case-xq.content .challenge .box .right ul li h3 { font-size: 0.24rem; color: #000C21; line-height: 0.4rem; position: relative; }

.Case-xq.content .challenge .box .right ul li h3 .icon { width: 0.24rem; height: 0.24rem; background: #fff; position: absolute; right: 0; top: 0.08rem; margin: auto; display: flex; align-items: center; justify-content: center; display: none; }

.Case-xq.content .challenge .box .right ul li h3 .icon i { font-size: 0.2rem; color: #C4CAD3; }

.Case-xq.content .challenge .box .right ul li p { font-size: 0.18rem; color: #747E8D; line-height: 0.3rem; margin-top: 0.15rem; display: none; }

.Case-xq.content .challenge .box .right ul li.active h3 .icon { background: #004BB1; }

.Case-xq.content .challenge .box .right ul li.active h3 .icon i { color: #fff; }

.Case-xq.content .challenge .box .right ul li.active h3 .icon i:before { content: "\e67a"; }

.Case-xq.content .challenge .box .right ul li:last-child { padding: 0; margin: 0; border: 0; }

.Case-xq.content .solution { padding: 0.8rem 0; height: 8rem; background: url(../images/case/xq-section3-bg.jpg) no-repeat center/cover; }

.Case-xq.content .solution .slide { width: 62%; overflow: hidden; float: right; position: relative; padding-bottom: 0.55rem; margin-right: 0.55rem; }

.Case-xq.content .solution .slide .swiper-slide { position: relative; height: 4.3rem; padding: 0.5rem 0.8rem; background: #fff; box-shadow: 0.02rem 0.06rem 0.3rem 0.01rem rgba(0, 41, 128, 0.05); overflow: hidden; }

.Case-xq.content .solution .slide .swiper-slide .scroll-box { overflow-y: auto; position: relative; height: 3.3rem; }

.Case-xq.content .solution .slide .swiper-slide .scroll-box::-webkit-scrollbar { width: 4px; height: 4px; background: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Case-xq.content .solution .slide .swiper-slide .scroll-box::-webkit-scrollbar-thumb { background: #D9D9D9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.Case-xq.content .solution .slide .swiper-slide h3 { font-size: 0.24rem; font-weight: bold; color: #000C21; margin-bottom: 0.25rem; }

.Case-xq.content .solution .slide .swiper-slide p { font-size: 0.18rem; color: #747E8D; line-height: 0.28rem; margin-top: 0.1rem; position: relative; padding-left: 0.2rem; }

.Case-xq.content .solution .slide .swiper-slide p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #004BB1; opacity: .8; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.Case-xq.content .solution .slide .swiper-scrollbar { width: 100%; left: 0; background: transparent; border-bottom: 1px solid #CECECE; }

.Case-xq.content .solution .slide .swiper-scrollbar .swiper-scrollbar-drag { background: #004BB1; cursor: pointer; }

.Case-xq.content .realize { padding: 1rem 0; background: #fff; }

.Case-xq.content .realize .box { height: auto; position: relative; display: flex; flex-wrap: wrap; overflow: hidden; }

.Case-xq.content .realize .box .text { width: 50%; background: #F5F5F8; padding: 0.5rem 0.4rem; }

.Case-xq.content .realize .box .text h3 { font-size: 0.2rem; color: #000C21; margin-bottom: 0.2rem; line-height: 0.28rem; font-weight: bold; }

.Case-xq.content .realize .box .text p { font-size: 0.18rem; color: #747E8D; position: relative; line-height: 0.3rem; margin-bottom: 0.1rem; }

.Case-xq.content .realize .box .text ul li { font-size: 0.18rem; color: #747E8D; margin-top: 0.2rem; position: relative; padding-left: 0.2rem; line-height: 0.3rem; }

.Case-xq.content .realize .box .text ul li:before { content: ""; width: 0.06rem; height: 0.06rem; background: #004BB1; opacity: .8; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.Case-xq.content .realize .box .img { width: 50%; overflow: hidden; position: relative; }

.Case-xq.content .realize .box .img img { width: 100%; height: 100%; }

.Case-xq.content .realize .box .img .swiper-pagination { bottom: 0.2rem; }

.Case-xq.content .realize .box .img .swiper-pagination .swiper-pagination-bullet { width: 0.35rem; height: 0.06rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }

.Case-xq.content .realize .box .img .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }

/* Service */
.Service.content { padding-bottom: 0 !important; }

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

.Service.content .section2 { padding: 0.9rem 0 2.3rem; background: url(../images/service/section2-bg.png) no-repeat bottom/100%; }

.Service.content .section2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Service.content .section2 ul li { width: 18.5%; padding: 0.8rem 0.2rem; background: #fff; position: relative; transition: all .5s ease; text-align: center; }

.Service.content .section2 ul li i { font-size: 0.5rem; margin: 0 auto; color: #004BB1; }

.Service.content .section2 ul li h4 { font-size: 0.2rem; color: #000C21; margin: 0.2rem 0 0.15rem; position: relative; z-index: 1; }

.Service.content .section2 ul li p { font-size: 0.16rem; color: #818996; line-height: 0.26rem; }

/* Service-plan */
.Service-plan.content { background: #F5F5F8; }

.Service-plan.content .section1 .tabs .swiper-slide { font-size: 0.2rem; color: #000C21; height: 1rem; background: #fff; cursor: pointer; }

.Service-plan.content .section1 .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: linear-gradient(91deg, #5591E3 0%, #044FB3 100%); opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; transition: all .5s ease; }

.Service-plan.content .section1 .tabs .swiper-slide .txt { width: 100%; height: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }

.Service-plan.content .section1 .tabs .swiper-slide .txt .icon { width: 0.38rem; height: 0.38rem; background: #004BB1; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 0.15rem; }

.Service-plan.content .section1 .tabs .swiper-slide .txt .icon i { font-size: 0.2rem; color: #fff; }

.Service-plan.content .section1 .tabs .swiper-slide.active, .Service-plan.content .section1 .tabs .swiper-slide:hover { color: #fff; }

.Service-plan.content .section1 .tabs .swiper-slide.active:before, .Service-plan.content .section1 .tabs .swiper-slide:hover:before { opacity: 1; }

.Service-plan.content .section1 .tabs .swiper-slide.active .txt .icon, .Service-plan.content .section1 .tabs .swiper-slide:hover .txt .icon { background: rgba(255, 255, 255, 0.1); }

.Service-plan.content .section1 .slide { margin-top: 0.4rem; position: relative; overflow: hidden; border-radius: 0.1rem; }

.Service-plan.content .section1 .slide .swiper-slide { display: flex; flex-wrap: wrap; position: relative; }

.Service-plan.content .section1 .slide .swiper-slide .img { width: 50%; }

.Service-plan.content .section1 .slide .swiper-slide .img img { width: 100%; height: 100%; }

.Service-plan.content .section1 .slide .swiper-slide .text { width: 50%; background: #fff; padding: 1rem 0.75rem; display: flex; position: relative; }

.Service-plan.content .section1 .slide .swiper-slide .text:before { content: ""; width: 6.6rem; height: 1.29rem; background: url(../images/logo-icon1.png) no-repeat center/100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Service-plan.content .section1 .slide .swiper-slide .text ul li { position: relative; padding-left: 0.3rem; font-size: 0.2rem; color: #000C21; margin-top: 0.35rem; }

.Service-plan.content .section1 .slide .swiper-slide .text ul li:before { content: ""; width: 0.06rem; height: 0.06rem; border-radius: 50%; background: #004BB1; position: absolute; left: 0; top: 0.09rem; }

.Service-plan.content .section1 .slide .swiper-slide .text ul li:first-child { margin-top: 0; }

.Service-plan.content .section1 .slide .swiper-slide .text ul:nth-child(2) { margin-left: 20%; }

/* Service-execute */
.Service-execute.content { padding: 0 !important; }

.Service-execute.content .section1 { padding: 0.9rem 0; background: url(../images/service/execute-section1-bg.jpg) no-repeat center/cover; }

.Service-execute.content .section1 ul { display: flex; }

.Service-execute.content .section1 ul li { width: 20%; height: 4rem; position: relative; display: flex; flex-direction: column; justify-content: center; }

.Service-execute.content .section1 ul li .text { height: 2.8rem; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Service-execute.content .section1 ul li .text h3 { font-size: 0.5rem; color: #000C21; font-family: "BebasNeue"; position: relative; }

.Service-execute.content .section1 ul li .text h3:before { content: ""; width: 0.1rem; height: 0.02rem; background: #004BB1; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.Service-execute.content .section1 ul li .text i { font-size: 0.5rem; color: #000C21; margin: 0.2rem 0; }

.Service-execute.content .section1 ul li .text h4 { font-size: 0.2rem; color: #000C21; }

.Service-execute.content .section1 ul li .txt { width: 100%; height: 100%; padding: 0.4rem 0.2rem; display: flex; flex-direction: column; align-items: center; background: linear-gradient(136deg, #5591E3 0%, #044FB3 100%); position: absolute; left: 0; top: 0; opacity: 0; bottom: 0; right: 0; margin: auto; transform: scale(0.5); transition: all .5s ease; }

.Service-execute.content .section1 ul li .txt h4 { font-size: 0.2rem; color: #fff; margin: 0.2rem 0 0.3rem; }

.Service-execute.content .section1 ul li .txt i { font-size: 0.5rem; color: #fff; }

.Service-execute.content .section1 ul li .txt dl { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Service-execute.content .section1 ul li .txt dl dd { width: 48%; font-size: 0.16rem; line-height: 0.24rem; color: #fff; position: relative; padding-left: 0.1rem; margin-bottom: 0.25rem; }

.Service-execute.content .section1 ul li .txt dl dd:before { content: ""; width: 0.04rem; height: 0.04rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.1rem; }

.Service-execute.content .section1 ul li .txt h5 { opacity: .2; font-size: 0.8rem; font-family: "BebasNeue"; color: transparent; -webkit-text-stroke: 1px #FFFFFF; text-stroke: 1px #FFFFFF; position: absolute; right: 0.1rem; bottom: 0; }

.Service-execute.content .section1 ul li:hover .txt { transform: scale(1); opacity: 1; }

.Service-execute.content .section2 { height: 7.9rem; padding: 0.9rem 0; background: url(../images/service/execute-section2-bg.jpg) no-repeat center/cover fixed; }

.Service-execute.content .section2:before { content: ""; width: 16.28rem; height: 1.72rem; background: url(../images/service/execute-section2-line.png) no-repeat center/100%; position: absolute; left: 1.3rem; bottom: 1.2rem; }

.Service-execute.content .section2 .title-box { color: #fff; }

.Service-execute.content .section2 ul { display: flex; flex-wrap: wrap; position: relative; padding-bottom: 1rem; margin-top: 0.6rem; }

.Service-execute.content .section2 ul li { width: 2rem; height: 2.46rem; margin: 0 0.22rem; padding-top: 0.5rem; text-align: center; background: url(../images/service/execute-section2-li-bg.png) no-repeat center/100%; position: relative; }

.Service-execute.content .section2 ul li img { width: 0.82rem; margin: 0 auto; }

.Service-execute.content .section2 ul li h4 { font-size: 0.2rem; color: #000C21; margin-top: 0.2rem; }

.Service-execute.content .section2 ul li .dot { width: 0.18rem; height: 0.18rem; background: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; left: 0; bottom: -0.7rem; right: 0; margin: auto; }

.Service-execute.content .section2 ul li .dot:before { content: ""; width: 0.1rem; height: 0.1rem; background: #fff; border-radius: 50%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Service-execute.content .section2 ul li:first-child { margin-left: 0; }

.Service-execute.content .section2 ul li:last-child { margin-right: 0; }

.Service-execute.content .section2 ul li:nth-child(even) { margin-top: 1.7rem; }

/* Service-after */
.Service-after.content { padding: 0 !important; }

.Service-after.content .section1 { height: 8.17rem; padding-top: 0.8rem; overflow: hidden; background: url(../images/service/after-section1-bg.jpg) no-repeat center/cover; }

.Service-after.content .section1 .title-box h3 { color: #fff; }

.Service-after.content .section1 ul { height: 6.45rem; display: flex; }

.Service-after.content .section1 ul li { width: 20%; padding: 1.2rem 0 1.7rem; position: relative; transition: all .5s ease; overflow: hidden; }

.Service-after.content .section1 ul li:after { content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0; top: 0; }

.Service-after.content .section1 ul li h3 { font-size: 0.24rem; color: #fff; }

.Service-after.content .section1 ul li i { font-size: 0.3rem; color: #fff; }

.Service-after.content .section1 ul li .text { height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.Service-after.content .section1 ul li .text1 { width: 4.76rem; height: 4.67rem; padding: 0.8rem 0.6rem; opacity: 0; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); display: flex; flex-direction: column; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: all .5s ease; }

.Service-after.content .section1 ul li .text1 h3 { color: #004BB1; display: flex; align-items: center; margin-bottom: 0.1rem; }

.Service-after.content .section1 ul li .text1 h3 .l, .Service-after.content .section1 ul li .text1 h3 .r { width: 0.35rem; height: 0.21rem; margin: 0 0.1rem; position: relative; top: 0.01rem; }

.Service-after.content .section1 ul li .text1 h3 .l.l, .Service-after.content .section1 ul li .text1 h3 .r.l { background: url(../images/service/after-section1-icon1.png) no-repeat center/100%; }

.Service-after.content .section1 ul li .text1 h3 .l.r, .Service-after.content .section1 ul li .text1 h3 .r.r { background: url(../images/service/after-section1-icon2.png) no-repeat center/100%; }

.Service-after.content .section1 ul li .text1 dl { display: flex; flex-wrap: wrap; }

.Service-after.content .section1 ul li .text1 dl dd { width: 50%; font-size: 0.16rem; color: #000C21; line-height: 0.24rem; margin-top: 0.3rem; position: relative; padding-left: 0.14rem; }

.Service-after.content .section1 ul li .text1 dl dd:before { content: ""; width: 0.08rem; height: 0.08rem; background: rgba(0, 75, 177, 0.2); border-radius: 50%; position: absolute; left: -0.02rem; top: 0.05rem; }

.Service-after.content .section1 ul li .text1 dl dd:after { content: ""; width: 0.04rem; height: 0.04rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0; top: 0.07rem; }

.Service-after.content .section1 ul li:first-child:before { content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 0; }

.Service-after.content .section1 ul li.active { width: 40%; }

.Service-after.content .section1 ul li.active .text { opacity: 0; }

.Service-after.content .section1 ul li.active .text1 { opacity: 1; }

.Service-after.content .section2 { height: 7.47rem; padding-top: 0.9rem; overflow: hidden; background: url(../images/service/after-section2-bg.jpg) no-repeat center/cover; }

.Service-after.content .section2 .title-box { margin-bottom: 0.1rem; }

.Service-after.content .section2 ul { display: flex; flex-wrap: wrap; }

.Service-after.content .section2 ul li { width: 31.333%; margin: 3% 3% 0 0; padding: 0.45rem 0.45rem 0.45rem 0.35rem; background: #fff; position: relative; transition: all .5s ease; }

.Service-after.content .section2 ul li .icon { position: absolute; right: 0.2rem; top: 0.25rem; }

.Service-after.content .section2 ul li .icon:before { content: ""; width: 0.24rem; height: 0.24rem; border-radius: 50%; background: linear-gradient(175deg, #5591E3 0%, #044FB3 100%); position: absolute; left: -0.1rem; top: -0.05rem; }

.Service-after.content .section2 ul li .icon img { width: 0.38rem; position: relative; z-index: 1; opacity: .9; }

.Service-after.content .section2 ul li h3 { font-size: 0.2rem; color: #000C21; margin-bottom: 0.1rem; }

.Service-after.content .section2 ul li p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; }

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

.Service-after.content .section2 ul li:hover { transform: translateY(-10px); }

/* News */
.News.content .big { display: flex; flex-wrap: wrap; border-radius: 0.1rem; overflow: hidden; }

.News.content .big .img { width: 48.5%; overflow: hidden; }

.News.content .big .img img { width: 100%; height: 100%; }

.News.content .big .text { flex: 1; background: #F6F7F9; padding: 0.9rem 0.6rem; }

.News.content .big .text h4 { font-size: 0.16rem; color: #818996; }

.News.content .big .text h3 { font-size: 0.2rem; color: #000C21; line-height: 0.32rem; margin: 0.2rem 0 0.3rem; transition: all .5s ease; }

.News.content .big .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.News.content .big .text .common-btn { display: inline-flex; margin-top: 0.4rem; }

.News.content .big:hover .img img { transform: scale(1.05); }

.News.content .big:hover .text h3 { color: #004BB1; }

.News.content ul { margin-top: 0.75rem; }

.News.content ul li { margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px solid #E2E6EC; }

.News.content ul li a { display: flex; background: #fff; }

.News.content ul li a .text { flex: 1; padding: 0.5rem 0; }

.News.content ul li a .text h4 { font-size: 0.16rem; color: #818996; }

.News.content ul li a .text h3 { font-size: 0.2rem; color: #000C21; line-height: 0.32rem; margin: 0.25rem 0; transition: all .5s ease; }

.News.content ul li a .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.News.content ul li a .img { width: 32%; overflow: hidden; margin-left: 1.2rem; border-radius: 0.1rem; }

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

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

.News.content ul li a:hover .text h3 { color: #004BB1; }

/* News-xq */
.News-xq.content { padding: 0.85rem 0 0.6rem; position: relative; }

.News-xq.content .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.News-xq.content .left { width: 70%; margin: 0 auto; }

.News-xq.content .left .title { font-size: 0.38rem; line-height: 0.6rem; color: #000C21; font-weight: bold; margin-bottom: 0.3rem; text-align: center; }

.News-xq.content .left .other { padding-bottom: 0.2rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.3rem; border-bottom: 1px solid #EFF0F4; }

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

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

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

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

.News-xq.content .left .other .share a.wechat { color: #818996; }

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

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

.News-xq.content .left .other .share a.qq { color: #004BB1; }

.News-xq.content .left .text-box * { font-family: Microsoft YaHei, system-ui, -apple-system !important; }

.News-xq.content .left .text-box p, .News-xq.content .left .text-box section { font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 15px; }

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

.News-xq.content .left .text-box strong { font-size: 20px; font-weight: bold; color: #000; }

.News-xq.content .left .text-box ul { list-style-position: inside; }

.News-xq.content .left .text-box ul li { text-indent: 2em; }

.News-xq.content .left .text-box ul p { display: inline; }

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

.News-xq.content .left .relevant a { display: flex; align-items: center; padding: 0.1rem 0; font-size: 0.16rem; }

.News-xq.content .left .relevant a p { flex: 1; color: #616164; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

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

.News-xq.content .left .relevant a:hover p { color: #004BB1; }

.News-xq.content .right { width: 34%; }

.News-xq.content .right .title { font-size: 0.32rem; color: #000C21; font-weight: bold; margin-bottom: 0.4rem; }

.News-xq.content .right ul li { margin-bottom: 0.5rem; }

.News-xq.content .right ul li .img { overflow: hidden; border-radius: 0.1rem; }

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

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

.News-xq.content .right ul li .text h4 { font-size: 0.16rem; color: #818996; margin-bottom: 0.15rem; }

.News-xq.content .right ul li .text h3 { font-size: 0.2rem; color: #000C21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

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

.News-xq.content .right ul li:hover .text h3 { color: #004BB1; }

/* Join */
.Join.content .section1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Join.content .section1 ul li { width: 31.2%; position: relative; }

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

.Join.content .section1 ul li .text { width: 80%; min-height: 2.15rem; padding: 0.5rem 0.3rem; overflow: hidden; text-align: center; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); position: absolute; left: 0; right: 0; bottom: 0.5rem; margin: auto; border-radius: 0.1rem; transition: all .5s ease; }

.Join.content .section1 ul li .text h3 { font-size: 0.2rem; color: #000C21; margin-bottom: 0.15rem; position: relative; z-index: 1; }

.Join.content .section1 ul li .text p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; position: relative; z-index: 1; }

.Join.content .section1 ul li:hover .text { min-height: 2.45rem; padding: 0.8rem 0.3rem 0.5rem; background: #004BB1; }

.Join.content .section1 ul li:hover .text h3, .Join.content .section1 ul li:hover .text p { color: #fff; }

.Join.content .section2 { margin-top: 0.9rem; }

.Join.content .section2 .box { height: 3.8rem; border-radius: 0.1rem; overflow: hidden; text-align: center; display: flex; flex-direction: column; justify-content: center; background: url(../images/join/section2-bg.png) no-repeat center/100%; position: relative; }

.Join.content .section2 .box:before { content: ""; width: 100%; height: 100%; background: rgba(0, 12, 33, 0.2); position: absolute; left: 0; top: 0; }

.Join.content .section2 .box h3 { font-size: 0.38rem; color: #fff; font-weight: bold; position: relative; z-index: 1; }

/* Recruit */
.Recruit.content .tableBox { height: auto; overflow: hidden; margin-top: 0.3rem; }

.Recruit.content .tableBox .table-title { width: 100%; overflow: hidden; line-height: 0.8rem; background: #004BB1; }

.Recruit.content .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 0.2rem; color: #fff; position: relative; }

.Recruit.content .tableBox .table { height: auto; overflow: hidden; }

.Recruit.content .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #EBEBEB; }

.Recruit.content .tableBox .table li .item { width: 25%; line-height: 0.8rem; float: left; text-align: center; font-size: 0.18rem; color: #000C21; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.Recruit.content .tableBox .table li .item .iconfont { font-size: 0.18rem; position: absolute; right: 0.15rem; transform: rotate(180deg); transition: all .5s ease; }

.Recruit.content .tableBox .table li .item.job { color: #000C21; }

.Recruit.content .tableBox .table li .con { height: auto; overflow: hidden; padding: 0.3rem; display: none; background: #F5F5F8; border: 1px solid #f7f7f7; }

.Recruit.content .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 0.25rem; }

.Recruit.content .tableBox .table li .con .bb .tt { font-size: 0.16rem; color: #000C21; margin-bottom: 0.1rem; font-weight: bold; }

.Recruit.content .tableBox .table li .con .bb p { font-size: 0.16rem; color: #747E8D; line-height: 0.26rem; position: relative; }

.Recruit.content .tableBox .table li .con .bb p a { color: #004BB1; }

.Recruit.content .tableBox .table li .con .bb:last-of-type { margin-bottom: 0; }

.Recruit.content .tableBox .table li.active .iconfont { transform: rotate(0deg); }

/* Contact */
.Contact.content { padding-top: 0; }

.Contact.content .section1 { padding-top: 0.9rem; padding-bottom: 1.2rem; background-color: #F5F5F8; /*background: url(../images/contact/section1-box.jpg) no-repeat bottom/100%;*/ }

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

.Contact.content .section1 .box ul { width: 34%; }

.Contact.content .section1 .box ul li { display: flex; margin-top: 0.5rem; }

.Contact.content .section1 .box ul li img { width: 0.64rem; height: 0.64rem; margin-right: 0.2rem; transition: all 1s; }

.Contact.content .section1 .box ul li .txt h3 { font-size: 0.2rem; color: #071329; font-weight: bold; margin-bottom: 0.1rem; }

.Contact.content .section1 .box ul li .txt p { font-size: 0.2rem; color: #000C21; line-height: 0.3rem; }

.Contact.content .section1 .box ul li:hover img { transform: rotateY(360deg); }

.Contact.content .section1 .box .map { width: 62.5%; position: relative; }

.Contact.content .section1 .box .map #map { width: 100%; height: 4.4rem; transition: none !important; position: relative; }

.Contact.content .section1 .box .map #map * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.Contact.content .section1 .box .map #map a img, .Contact.content .section1 .box .map #map img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

.Contact.content .section1 .box .map .text { width: 4.8rem; padding: 0.35rem 0.5rem 0.5rem 0.3rem; border-radius: 0.1rem; overflow: hidden; background: linear-gradient(135deg, #5591E3 0%, #044FB3 100%); position: absolute; right: 0; bottom: -0.4rem; }

.Contact.content .section1 .box .map .text:after { content: ""; width: 0.99rem; height: 0.87rem; background: url(../images/logo-icon.png) no-repeat center/100%; position: absolute; right: 0; bottom: -0.05rem; }

.Contact.content .section1 .box .map .text h3 { font-size: 0.2rem; color: #fff; margin-bottom: 0.15rem; }

.Contact.content .section1 .box .map .text p { font-size: 0.18rem; color: rgba(255, 255, 255, 0.8); line-height: 0.28rem; }

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

.Contact.content .section2 .box { display: flex; flex-wrap: wrap; }

.Contact.content .section2 .box .img { flex: 0 0 41.5%; }

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

.Contact.content .section2 .box form { flex: 1; background: #F5F5F8; padding: 0.4rem 0.3rem; }

.Contact.content .section2 .box form .row { height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.2rem; }

.Contact.content .section2 .box form .row:first-child { margin-top: 0; }

.Contact.content .section2 .box form .row .column { width: 48.5%; }

.Contact.content .section2 .box form .row .input, .Contact.content .section2 .box form .row .textarea { width: 100%; background: #fff; display: flex; align-items: center; padding: 0 0.2rem; }

.Contact.content .section2 .box form .row .input label, .Contact.content .section2 .box form .row .textarea label { font-size: 0.16rem; color: #747E8D; margin-right: 0.1rem; }

.Contact.content .section2 .box form .row .input input, .Contact.content .section2 .box form .row .textarea input { flex: 1; height: 0.6rem; font-size: 0.16rem; }

.Contact.content .section2 .box form .row .input textarea, .Contact.content .section2 .box form .row .textarea textarea { flex: 1; height: 0.6rem; line-height: 0.5rem; font-size: 0.16rem; }

.Contact.content .section2 .box form .row .input.textarea, .Contact.content .section2 .box form .row .textarea.textarea { align-items: flex-start; align-items: center; }

.Contact.content .section2 .box form .row .input.check, .Contact.content .section2 .box form .row .textarea.check { flex-wrap: wrap; padding: 0.2rem; }

.Contact.content .section2 .box form .row .input.check label, .Contact.content .section2 .box form .row .textarea.check label { width: 100%; display: block; margin-bottom: 0.15rem; }

.Contact.content .section2 .box form .row .input.check .check-box label, .Contact.content .section2 .box form .row .textarea.check .check-box label { width: auto; display: inline-block; cursor: pointer; margin: 0 0.2rem 0.15rem 0; }

.Contact.content .section2 .box form .row .input.check .check-box input, .Contact.content .section2 .box form .row .textarea.check .check-box input { width: 0.15rem; height: 0.15rem; margin-right: 0.05rem; position: relative; top: -0.01rem; }

.Contact.content .section2 .box form .common-btn { display: inline-flex; }

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

.page a { display: inline-flex; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #F5F5F8; align-items: center; justify-content: center; font-size: 0.18rem; color: #616164; margin: 0 0.1rem; }

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

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

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

/* Page404 */
.Page404 .banner, .Page404 .banner-z { height: 5rem; }

.Page404.content { padding-bottom: 1.2rem; }

.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: 100px; 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 #004BB1; color: #004BB1; text-align: center; display: block; float: left; }

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

/* Sitemap */
.Sitemap .banner, .Sitemap .banner-z { height: 5rem; }

.Sitemap.content { padding-bottom: 1.2rem; }

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

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

.Sitemap.content dl dt a { color: #000; margin-top: 0.2rem; }

.Sitemap.content dl dt a:hover { color: #004BB1; }

.Sitemap.content dl dd { margin-top: 0.05rem; display: flex; flex-wrap: wrap; }

.Sitemap.content dl dd a { width: 20%; font-size: 0.18rem; color: #333; display: block; margin-top: 0.2rem; }

.Sitemap.content dl dd a:hover { color: #004BB1; }

/* Legal */
.Legal .banner, .Legal .banner-z { height: 5rem; }

.Legal.content { padding-bottom: 1.2rem; }

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

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

/* Links */
.Links .banner, .Links .banner-z { height: 3rem; }

.Links.content { padding-bottom: 1rem; }

.Links.content .box { margin-top: 0.8rem; }

.Links.content .box h2 { font-size: 0.2rem; color: #000; margin-bottom: 0.1rem; }

.Links.content .box p { font-size: 0.16rem; color: #666; margin-bottom: 0.15rem; line-height: 0.28rem; }

.Links.content .box .listul { height: auto; overflow: visible; margin: 0.4rem -0.2rem 0; }

.Links.content .box .listul li { width: 25%; overflow: hidden; float: left; padding: 0 0.2rem; transition: all .5s ease; margin-bottom: 0.4rem; }

.Links.content .box .listul li a { display: block; border-bottom: 1px solid #ddd; padding-bottom: 0.1rem; }

.Links.content .box .listul li a h2 { font-size: 0.16rem; margin-bottom: 0.08rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Links.content .box .listul li a p { font-size: 0.15rem; color: #999; }

.Links.content .box .listul li:hover { transform: translateY(-5px); }

.Links.content .box .listul li:hover a { border-color: #004BB1; }

.Links.content .box .listul li:hover a h2, .Links.content .box .listul li:hover a p { color: #004BB1; }

.fixed-right { position: fixed; top: 65%; right: 0.2rem; transform: translateY(-50%); z-index: 98; transition: all .5s ease; display: flex; flex-direction: column; align-items: flex-end; }

.fixed-right ul { padding: 0.32rem 0; position: relative; }

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

.fixed-right ul li { padding: 0 0.1rem 0 0.23rem; position: relative; margin-bottom: 0.16rem; text-align: center; }

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

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

.fixed-right ul li p { font-size: 0.14rem; margin-top: 0.08rem; }

.fixed-right ul li .pop { width: 2.2rem; padding: 0.15rem; position: absolute; top: 50%; transform: translateY(-50%); right: -3rem; border-radius: 0.1rem; background: #FFF; box-shadow: 0 0.06rem 0.16rem 0 rgba(152, 165, 191, 0.4); transition: all .5s ease; z-index: -1; opacity: 1; display: flex; }

.fixed-right ul li .pop .icon1 { width: 0.3rem; height: 0.3rem; background: #004BB1; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; }

.fixed-right ul li .pop .icon1 i { font-size: 0.2rem; color: #fff; }

.fixed-right ul li .pop .txt { text-align: left; }

.fixed-right ul li .pop .txt h4 { font-size: 0.16rem; color: #666; margin-bottom: 0.08rem; }

.fixed-right ul li .pop .txt h3 { font-size: 0.26rem; color: #000; font-family: "BebasNeue"; }

.fixed-right ul li:last-child { margin-bottom: 0; }

.fixed-right ul li:last-child p { line-height: 0.18rem; }

.fixed-right ul li:hover .pop { right: 0.75rem; opacity: 1; }

.fixed-right ul li:hover .icon { background: #004BB1; }

.fixed-right ul li:hover .icon i { color: #fff; }

.fixed-right .back-top { width: 0.64rem; height: 0.64rem; position: relative; right: -1rem; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .5s ease; margin-top: 0.2rem; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); cursor: pointer; }

.fixed-right .back-top i { font-size: 0.3rem; color: #004BB1; }

.fixed-right .back-top.show { right: 0; }

.order-popup { display: none; padding: 4% 0 3%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; margin: auto; }

.order-popup .title { width: 5rem; height: 0.68rem; font-size: 0.28rem; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; background: #004BB1; border-radius: 0.34rem; position: absolute; left: 0; right: 0; top: 0.35rem; margin: 0 auto; z-index: 1; }

.order-popup .icon-close { position: absolute; top: 0; right: 0; padding: 0.25rem; color: #000; font-size: 0.24rem; cursor: pointer; }

.order-popup .commonOrder { width: 11rem; padding: 0.8rem 0.8rem 0.4rem; display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto; position: relative; z-index: 0; background: #fff; border-radius: 0.3rem; }

.order-popup .commonOrder .row { width: 100%; margin-bottom: 0.25rem; position: relative; display: flex; align-items: center; }

.order-popup .commonOrder .row label { width: 0.8rem; font-size: 0.16rem; display: block; margin-right: 0.2rem; }

.order-popup .commonOrder .row label i { color: red; }

.order-popup .commonOrder .row input { flex: 1; line-height: 0.45rem; font-size: 0.15rem; padding: 0 0.15rem; border-radius: 0.04rem; background: #F5F5F8; }

.order-popup .commonOrder .row textarea { width: 100%; height: 1rem; font-size: 0.15rem; padding: 0.15rem; border-radius: 0.04rem; }

.order-popup .commonOrder .row.check { margin-bottom: 0.15rem; flex-wrap: wrap; }

.order-popup .commonOrder .row.check label { width: 100%; margin-bottom: 0.3rem; }

.order-popup .commonOrder .row.check .check-box { width: 100%; background: #F5F5F8; padding: 0.3rem; display: grid; grid-template-columns: repeat(4, 1fr); }

.order-popup .commonOrder .row.check .check-box label { width: auto; display: inline-block; cursor: pointer; margin: 0 0.2rem 0.15rem 0; }

.order-popup .commonOrder .row.check .check-box input { width: 0.15rem; height: 0.15rem; margin-right: 0.05rem; position: relative; top: -0.02rem; }

.order-popup .commonOrder .row.w100 { width: 100%; }

.order-popup .commonOrder .submit { width: 1.4rem; height: 0.5rem; background: #004BB1; border-radius: 0.04rem; margin: 0.2rem auto 0; color: #fff; font-size: 0.16rem; text-align: center; cursor: pointer; transition: all .5s ease; position: relative; top: 0; display: flex; align-items: center; justify-content: center; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 .3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .page-xs { margin-top: 0.5rem; }
  .page-xs .common-btn { margin: 0 auto; border-radius: 0.5rem; }
  .page-xs .no-more { font-size: 0.26rem; color: #999; text-align: center; }
  .back-top { right: 0.6rem; top: 0rem; }
  .back-top span { font-size: 0.28rem; }
  /* header */
  .header .container { padding-left: 0.3rem; padding-right: 0; }
  .header .logo { width: 1.26rem; height: 0.47rem; }
  .header .right { display: none; }
  .header .nav-xs { display: flex !important; align-items: center; }
  .header .nav-xs .lang { font-size: 0.26rem; color: #fff; margin-right: 0.3rem; position: relative; }
  .header .nav-xs .lang i { font-size: 0.26rem; color: #fff; margin-right: 0.1rem; }
  .header .nav-xs .lang .lang-box { width: 1.5rem; position: absolute; right: -0.3rem; top: 0.4rem; padding-top: 0.1rem; z-index: 5; background: #fff; border: 1px solid #eee; text-align: center; display: none; }
  .header .nav-xs .lang .lang-box a { font-size: 0.26rem; display: block; padding: 0.2rem 0; }
  .header .nav-xs .lang .lang-box a:hover { color: #004BB1; }
  .header .nav-xs .menu { width: 0.99rem; height: 1rem; transition: 0.3s; overflow: hidden; }
  .header .nav-xs .menu .bars { height: 100%; height: 100%; position: relative; }
  .header .nav-xs .menu .bars .bar { height: 2px; width: 0.44rem; display: block; background: #fff; transition: all .5s ease; position: absolute; right: 0.35rem; }
  .header .nav-xs .menu .bars .bar:nth-of-type(1) { top: 0.33rem; transition: top 0.2s ease,transform 0.2s ease-out; }
  .header .nav-xs .menu .bars .bar:nth-of-type(2) { top: 0.46rem; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .nav-xs .menu .bars .bar:nth-of-type(3) { top: 0.61rem; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(1) { top: 0.47rem; transform: rotate(45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(2) { opacity: 0; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(3) { top: 0.47rem; transform: rotate(-45deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header:hover { background: none; box-shadow: none; }
  .header:hover .logo { background: url(../images/logo.png) no-repeat center/100%; }
  .header.white { background: #fff; box-shadow: none; }
  .header.white .logo { background: url(../images/logo1.png) no-repeat center/100%; }
  .header.white .menu .bars .bar { background: #000; }
  .header .submenu { display: none; }
  .header .submenu-xs { width: 100%; max-height: calc(100vh - 1rem); overflow-y: auto; background: #fff; position: fixed; left: 0; top: 1rem; z-index: 10; border-top: 1px solid #eee; display: none; }
  .header .submenu-xs dl { height: auto; overflow: hidden; }
  .header .submenu-xs dl a { display: block; }
  .header .submenu-xs dl dt { font-size: 0.3rem; line-height: 0.95rem; padding: 0 0.3rem; border-bottom: 1px solid #eee; color: #000; position: relative; }
  .header .submenu-xs dl dt i { font-size: 0.34rem; margin-right: 0.2rem; vertical-align: -0.02rem; }
  .header .submenu-xs dl dt i.icon-add { z-index: 3; color: #999; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1.8rem; text-align: right; margin-right: 0; padding-right: 0.3rem; }
  .header .submenu-xs dl dt i.icon-add.active:before { content: "\e67a"; }
  .header .submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0 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; line-height: 0.4rem; }
  .header .submenu-xs dl dd a:nth-child(2n) { float: right; }
  .header .submenu-xs dl dd a h2 { font-size: 0.28rem; color: #333; padding-bottom: 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  /* footer */
  .footer { padding-top: 0; }
  .footer .top .logo { width: 1.61rem; margin: 0 auto; }
  .footer .bottom { padding: 0.5rem 0 0.6rem; margin: 0; }
  .footer .bottom .left { width: 100%; display: flex; flex-direction: column-reverse; }
  .footer .bottom .left .copyright { font-size: 0.26rem; margin-top: 0; text-align: center; }
  .footer .bottom .left .copyright a { margin: 0 0 0.2rem 0; display: block; }
  .footer .bottom .left .bnav { justify-content: center; margin-top: 0.5rem; }
  .footer .bottom .left .bnav a { font-size: 0.26rem; }
  .footer .bottom .right { display: none; }
  .common-btn { width: 1.7rem; height: 0.7rem; font-size: 0.26rem; margin: 0.3rem auto 0; }
  .common-btn i { font-size: 0.28rem; }
  .common-btn1 { width: 2.4rem; height: 0.7rem; font-size: 0.26rem; border-radius: 0.5rem; }
  .common-btn1 i { font-size: 0.28rem; margin-left: 0.1rem; }
  /* Index */
  .Index .banner { height: 9rem; }
  .Index .banner .swiper-pagination { width: 100%; left: 0; bottom: 0.7rem; justify-content: center; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet { width: 0.4rem; height: 0.08rem; background: #fff; border-radius: 0.04rem; opacity: .5; margin: 0 0.08rem; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet:before { display: none; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet svg, .Index .banner .swiper-pagination .swiper-pagination-bullet circle { opacity: 0; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
  .Index .banner .swiper-slide .btn { bottom: 46%; width: 1.9rem; margin-left: -0.95rem; bottom: 50%; }
  .Index .banner .swiper-slide .btn span, .Index .banner .swiper-slide .btn i { font-size: 0.26rem; }
  .Index .banner .swiper-slide .btn i { font-size: 0.28rem; }
  .Index .banner .swiper-slide .btn:hover { background-color: #004BB1; }
  .Index .section .title-box { margin-bottom: 0.5rem; }
  .Index .section .title-box h2 { line-height: 0.55rem; }
  .Index .section .title-box p { font-size: 0.28rem; }
  .Index .about .block1 { height: 7.5rem; }
  .Index .about .block1 .cn0.on { width: 7.5rem; height: 7.5rem; }
  .Index .about .block1 .cn0.on2 { width: 4.8rem; height: 4.8rem; }
  .Index .about .block1 .cn1 { width: 100%; }
  .Index .about .block1 .cn2 { width: 4.8rem; height: 4.8rem; opacity: 1; top: 60%; }
  .Index .about .block1 .cn2 img { width: 100%; height: 100%; }
  .Index .about .block2 { padding-top: 0; }
  .Index .about .block2 .cn4 { height: 0; }
  .Index .about .block2 .cn3 .container { padding: 0 0 0.6rem; }
  .Index .about .block2 .cn3 ul li { width: 33.333%; margin-top: 0.6rem; }
  .Index .about .block2 .cn3 ul li p { font-size: 0.26rem; }
  .Index .service { padding-top: 1rem; }
  .Index .service .slide { position: relative; padding-bottom: 0.6rem; }
  .Index .service .slide .swiper-slide img { width: 100%; }
  .Index .service .slide .swiper-slide .text { width: 100%; padding: 0.3rem 0.3rem 0.6rem; position: relative; top: 0; color: #fff; transform: translateY(0); background: #004BB1; }
  .Index .service .slide .swiper-slide .text .num { font-size: 0.8rem; font-family: "BebasNeue"; color: transparent; -webkit-text-stroke: 1px #FFFFFF; text-stroke: 1px #FFFFFF; opacity: .1; }
  .Index .service .slide .swiper-slide .text h3 { margin-bottom: 0.2rem; padding: 0; }
  .Index .service .slide .swiper-slide .text h3:before { display: none; }
  .Index .service .slide .swiper-slide .text h3 span { font-size: 0.3rem; color: #fff; }
  .Index .service .slide .swiper-slide .text p { width: 100%; font-size: 0.26rem; line-height: 0.4rem; }
  .Index .service .slide .swiper-pagination { bottom: 0; }
  .Index .service .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Index .service .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  .Index .product .slide { padding: 0 0 0.6rem; }
  .Index .product .slide .swiper-slide .text { padding: 0.4rem 0.2rem; }
  .Index .product .slide .swiper-slide .text h3 { font-size: 0.28rem; }
  .Index .product .slide .btn-prev, .Index .product .slide .btn-next { display: none; }
  .Index .industry { padding-bottom: 1.2rem; }
  .Index .industry .container { padding: 0; }
  .Index .industry .title-box { padding: 0 0.3rem; }
  .Index .industry .box .tabs { width: 100%; position: relative; top: 0; right: 0; overflow: hidden; }
  .Index .industry .box .tabs .swiper-wrapper { flex-wrap: nowrap; }
  .Index .industry .box .tabs .swiper-slide { height: 1.2rem; border: 0; background: #F5F5F8; }
  .Index .industry .box .tabs .swiper-slide i { font-size: 0.4rem; }
  .Index .industry .box .tabs .swiper-slide h3 { font-size: 0.26rem; margin-top: 0.1rem; }
  .Index .industry .box .tabs .swiper-slide.active:before { transform: scale(1); }
  .Index .story { height: 9.5rem; padding-top: 0.9rem; background: url(../images/index/story-bg-xs.jpg?v=001) no-repeat top/cover; }
  .Index .story .slide { padding: 0 0.2rem 0.7rem; }
  .Index .story .slide .swiper-slide .info { left: -0.2rem; }
  .Index .story .slide .swiper-slide .info .logo { width: 1.23rem; margin-right: 0.3rem; }
  .Index .story .slide .swiper-slide .info .txt h4 { font-size: 0.3rem; }
  .Index .story .slide .swiper-slide .info .txt h5 { margin-top: 0.15rem; font-size: 0.28rem; }
  .Index .story .slide .swiper-slide .info .txt h5 span { font-size: 0.24rem; padding: 0.06rem 0.15rem; }
  .Index .story .slide .swiper-slide .yin { width: 0.72rem; bottom: 0.3rem; }
  .Index .story .slide .swiper-slide p { height: 2.5rem; font-size: 0.26rem; margin-top: 0.2rem; line-height: 0.42rem; }
  .Index .story .slide .swiper-pagination { bottom: 0; }
  .Index .story .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(255, 255, 255, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Index .story .slide .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
  .Index .choose { background: url(../images/index/choose-bg-xs.png) no-repeat top/cover; }
  .Index .choose ul { grid-template-columns: repeat(2, 1fr); grid-row-gap: 0.2rem; grid-column-gap: 0.2rem; }
  .Index .choose ul li { height: 1.5rem; }
  .Index .choose ul li .circle { display: none; }
  .Index .choose ul li .icon { width: 0.6rem; height: 0.6rem; }
  .Index .choose ul li .icon i { font-size: 0.3rem; }
  .Index .choose ul li .txt h4 { font-size: 0.3rem; }
  .Index .choose ul li .txt p { font-size: 0.26rem; line-height: 0.34rem; }
  .Index .choose ul li:hover { box-shadow: none; transform: none; }
  .Index .choose ul li:hover:before { display: none; }
  .Index .choose ul li:hover .icon { background: #004BB1; }
  .Index .choose ul li:hover .txt h4 { color: #000C21; }
  .Index .choose ul li:hover .txt p { color: #747E8D; }
  .Index .choose .slide { position: relative; padding-bottom: 0.55rem; overflow: hidden; }
  .Index .choose .slide .swiper-pagination { bottom: 0; }
  .Index .choose .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Index .choose .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  .Index .news .slide { position: relative; overflow: hidden; padding-top: 0.1rem; padding-bottom: 0.6rem; }
  .Index .news .slide .swiper-slide .img { height: 3.8rem; }
  .Index .news .slide .swiper-slide .text { padding-top: 0.3rem; }
  .Index .news .slide .swiper-slide .text h4 { font-size: 0.26rem; }
  .Index .news .slide .swiper-slide .text h3 { font-size: 0.3rem; margin: 0.2rem 0; }
  .Index .news .slide .swiper-slide .text p { display: none; }
  .Index .news .slide .swiper-slide:hover { transform: translateY(0); }
  .Index .news .slide .swiper-slide:hover .img img { transform: scale(1); }
  .Index .news .slide .swiper-slide:hover .text h3 { color: #1A1311; }
  .Index .news .slide .swiper-pagination { bottom: 0; }
  .Index .news .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Index .news .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  /* Nei-page */
  .Nei-page .banner { height: 7rem; }
  .Nei-page .banner-z { height: 7rem; }
  .Nei-page .crumbs-tabs { background: #fff; }
  .Nei-page .crumbs-tabs .container { width: 100%; padding: 0; }
  .Nei-page .crumbs-tabs .crumbs { display: none; }
  .Nei-page .crumbs-tabs .tabs { width: 100%; border-bottom: .01rem solid #E8E8E8; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide { font-size: 0.28rem; margin-left: 0.6rem; height: auto; padding: 0.4rem 0 0.3rem; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide:after { height: 0.04rem; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide:first-child { margin-left: 0.3rem; }
  .Nei-page .crumbs-tabs .tabs .swiper-slide:last-child { margin-right: 0.3rem; }
  .Nei-page .title-box h3 { line-height: 0.55rem; }
  .Nei-page .title-box h4 { font-size: 0.28rem; line-height: 0.44rem; }
  .Nei-page .title-box h5 { font-size: 0.28rem; }
  .Nei-page .title-box p { font-size: 0.26rem; line-height: 0.42rem; }
  .Nei-page .content, .Nei-page.content { padding-top: 0.6rem; min-height: 55vh; }
  /* Product */
  .Product .banner, .Product .banner-z { height: 9rem; }
  .Product .banner.banner .text, .Product .banner-z.banner .text { text-align: center; top: 26%; }
  .Product .banner.banner .text h2, .Product .banner-z.banner .text h2 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Product .banner.banner .text h3, .Product .banner-z.banner .text h3 { font-size: 0.38rem; }
  .Product .banner.banner .text .btns, .Product .banner-z.banner .text .btns { margin-top: 0.4rem; }
  .Product .banner.banner .text .btns .box, .Product .banner-z.banner .text .btns .box { flex-wrap: wrap; justify-content: center; }
  .Product .banner.banner .text .btns .btn, .Product .banner-z.banner .text .btns .btn { width: 2.2rem; height: 0.7rem; margin-bottom: 0.3rem; }
  .Product .banner.banner .text .btns .btn:nth-child(2n), .Product .banner-z.banner .text .btns .btn:nth-child(2n) { margin-right: 0; }
  .Product .banner.banner .text .btns .btn span, .Product .banner.banner .text .btns .btn i, .Product .banner-z.banner .text .btns .btn span, .Product .banner-z.banner .text .btns .btn i { font-size: 0.24rem; }
  .Product .banner.banner .text .btns .btn i, .Product .banner-z.banner .text .btns .btn i { font-size: 0.28rem; }
  .Product.content .imgLTextR .box .img { width: 100%; }
  .Product.content .imgLTextR .box .text { width: 100%; padding: 0.4rem 0.3rem; }
  .Product.content .imgLTextR .box .text dl { margin-top: 0.5rem; }
  .Product.content .imgLTextR .box .text dl dt { font-size: 0.3rem; margin-bottom: 0.3rem; }
  .Product.content .imgLTextR .box .text dl dd { font-size: 0.28rem; line-height: 0.44rem; padding-left: 0.25rem; }
  .Product.content .imgLTextR .box .text dl dd:before { content: ""; width: 0.12rem; height: 0.12rem; background: rgba(0, 75, 177, 0.2); border-radius: 50%; position: absolute; left: 0; top: 0.12rem; }
  .Product.content .imgLTextR .box .text dl dd:after { content: ""; width: 0.08rem; height: 0.08rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0.02rem; top: 0.15rem; }
  .Product.content .imgLTextR .box .text dl:first-child { margin-top: 0; }
  .Product.content .imgUTextD .box .img { position: relative; }
  .Product.content .imgUTextD .box .img .swiper-button-next, .Product.content .imgUTextD .box .img .swiper-button-prev { transform: scale(0.6); margin-top: -0.4rem; }
  .Product.content .imgUTextD .box .slide { width: 100%; padding: 0; margin: 0; }
  .Product.content .imgUTextD .box .slide .swiper-slide { flex: 0 0 100%; height: auto; padding: 0.4rem 0.4rem 0.9rem; }
  .Product.content .imgUTextD .box .slide .swiper-slide:before { width: 100%; }
  .Product.content .imgUTextD .box .slide .swiper-slide h3 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Product.content .imgUTextD .box .slide .swiper-slide .bb { flex-wrap: wrap; }
  .Product.content .imgUTextD .box .slide .swiper-slide .bb ul { width: 33.333%; }
  .Product.content .imgUTextD .box .slide .swiper-slide .bb ul li { font-size: 0.28rem; line-height: 0.44rem; padding-left: 0.25rem; margin-top: 0.15rem; }
  .Product.content .imgUTextD .box .slide .swiper-slide .bb ul li:before { width: 0.12rem; height: 0.12rem; top: 0.12rem; }
  .Product.content .imgUTextD .box .slide .swiper-slide .bb ul li:after { width: 0.08rem; height: 0.08rem; left: 0.02rem; top: 0.14rem; }
  .Product.content .imgUTextD .box .slide .swiper-slide.active { background: #F5F5F8; }
  .Product.content .imgUTextD .box .slide .swiper-pagination { bottom: 0.5rem; }
  .Product.content .imgUTextD .box .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Product.content .imgUTextD .box .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  .Product.content .imgBTextS .box { padding: 0.2rem 0.5rem 0.6rem; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); }
  .Product.content .imgBTextS .box .slide ul li { margin-top: 0.4rem; }
  .Product.content .imgBTextS .box .slide ul li .text h3 { font-size: 0.28rem; }
  .Product.content .imgBTextS .box .slide ul li .text p { display: none; }
  .Product.content .imgBTextS .box .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; }
  .Product.content .case .slide { padding-bottom: 0.6rem; }
  .Product.content .case .slide .swiper-slide .text { width: 100%; padding-right: 0; padding-bottom: 0.6rem; }
  .Product.content .case .slide .swiper-slide .text .logo { width: 1.2rem; }
  .Product.content .case .slide .swiper-slide .text h3 { font-size: 0.3rem; margin: 0.3rem 0; }
  .Product.content .case .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Product.content .case .slide .swiper-slide .text .common-btn { margin-top: 0.5rem; }
  .Product.content .case .slide .swiper-slide .img { width: 100%; }
  .Product.content .case .slide .swiper-pagination { bottom: 0; text-align: center; }
  .Product.content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Product.content .case .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  .Product.content .industry .box .tabs { padding: 0; }
  .Product.content .industry .box .tabs .btn-prev, .Product.content .industry .box .tabs .btn-next { display: none; }
  .Product.content .industry .box .tabs .swiper-slide { height: 1.2rem; }
  .Product.content .industry .box .tabs .swiper-slide i { font-size: 0.4rem; }
  .Product.content .industry .box .tabs .swiper-slide h3 { font-size: 0.26rem; }
  .Product.content .why ul { grid-template-columns: repeat(2, 1fr); grid-row-gap: 0.2rem; grid-column-gap: 0.2rem; }
  .Product.content .why ul li { height: 1.5rem; }
  .Product.content .why ul li .circle { display: none; }
  .Product.content .why ul li .icon { width: 0.6rem; height: 0.6rem; }
  .Product.content .why ul li .icon i { font-size: 0.3rem; }
  .Product.content .why ul li .txt h4 { font-size: 0.3rem; }
  .Product.content .why ul li .txt p { font-size: 0.26rem; line-height: 0.34rem; }
  .Product.content .why ul li:hover:before { display: none; }
  .Product.content .why ul li:hover .icon { background: #004BB1; }
  .Product.content .why ul li:hover .txt h4 { color: #000C21; }
  .Product.content .why ul li:hover .txt p { color: #747E8D; }
  /* About */
  .About.content .section1 { height: 10rem; padding-top: 0.8rem; background: url(../images/about/section1-bg-xs.jpg) no-repeat center/cover; }
  .About.content .section1 .text { width: 100%; }
  .About.content .section1 .text h3 { font-size: 0.38rem; text-align: center; }
  .About.content .section1 .text h4 { font-size: 0.3rem; margin-top: 0.4rem; }
  .About.content .section1 .text p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.3rem; }
  .About.content .section2 { height: 7rem; margin-top: -0.4rem; background: url(../images/about/section2-bg-xs.jpg) no-repeat bottom/100%; }
  .About.content .section2 .title-box { margin-bottom: 0.5rem; }
  .About.content .section2 .slide { padding-bottom: 0.4rem; }
  .About.content .section2 .slide .swiper-slide { width: 80%; padding-left: 0; }
  .About.content .section2 .slide .swiper-slide:after { display: none; }
  .About.content .section2 .slide .swiper-slide h3 { font-size: 0.7rem; margin-bottom: 0; }
  .About.content .section2 .slide .swiper-slide .li { height: 4rem; }
  .About.content .section2 .slide .swiper-slide .li p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.2rem; padding-left: 0.2rem; }
  .About.content .section2 .slide .swiper-slide .li p:before { width: 0.08rem; height: 0.08rem; top: 0.14rem; }
  .About.content .section2 .slide .swiper-scrollbar { height: 0.05rem; background: transparent; }
  .About.content .section2 .slide .swiper-scrollbar:after { content: ""; width: 100%; height: 1px; background: #CECECE; position: absolute; left: 0; bottom: 1px; }
  .About.content .section2 .slide .swiper-scrollbar .swiper-scrollbar-drag { height: 0.05rem; cursor: pointer; position: relative; z-index: 2; background: #004BB1; }
  /* About-honor */
  .About-honor.content { background: url(../images/about/honor-bg-xs.png) no-repeat bottom/100% #fff; }
  .About-honor.content .section1 .tabs { display: flex; justify-content: space-between; }
  .About-honor.content .section1 .tabs .item { width: auto; flex: 1; height: 0.8rem; font-size: 0.28rem; margin: 0 0.12rem; }
  .About-honor.content .section1 .tabs .item:first-child { margin-left: 0; }
  .About-honor.content .section1 .tabs .item:last-child { margin-right: 0; }
  .About-honor.content .section1 ul { margin-top: 0.2rem; }
  .About-honor.content .section1 ul li { width: 48%; margin: 5% 4% 0 0; }
  .About-honor.content .section1 ul li .txt { height: 1.05rem; }
  .About-honor.content .section1 ul li .txt h3 { font-size: 0.26rem; line-height: 0.4rem; }
  .About-honor.content .section1 ul li:nth-child(2n) { margin-right: 0; }
  .About-honor.content .section1 ul li:hover { transform: translateY(0); }
  /* About-team */
  .About-team.content .section1 .slide { padding-bottom: 0.6rem; margin-top: 0.6rem; }
  .About-team.content .section1 .slide .swiper-slide { height: 4.8rem; }
  .About-team.content .section1 .slide .swiper-slide .info { display: flex; }
  .About-team.content .section1 .slide .swiper-slide .info .img { width: 2.58rem; }
  .About-team.content .section1 .slide .swiper-slide .info .txt { padding: 0.4rem; }
  .About-team.content .section1 .slide .swiper-slide .info .txt h3 { font-size: 0.3rem; }
  .About-team.content .section1 .slide .swiper-slide .info .txt h4 { font-size: 0.26rem; margin-top: 0.2rem; }
  .About-team.content .section1 .slide .swiper-slide .info .txt h4 span { padding: 0.1rem 0.2rem 0.12rem; }
  .About-team.content .section1 .slide .swiper-slide .text { height: 2.5rem; padding: 0.4rem; }
  .About-team.content .section1 .slide .swiper-slide .text:before { opacity: 1; }
  .About-team.content .section1 .slide .swiper-slide .text p { font-size: 0.26rem; color: #fff; line-height: 0.42rem; }
  .About-team.content .section2 .slide { padding-bottom: 0.6rem; }
  .About-team.content .section2 .slide .swiper-slide { background: #fff; padding: 0.3rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top { display: flex; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .img { width: 2.1rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 { flex: 1; padding: 0.25rem 0 0 0.3rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 h3 { font-size: 0.3rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 h3 span { font-size: 0.26rem; color: #818996; margin-left: 0.1rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 dl { margin-top: 0.25rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 dl dd { margin-top: 0.2rem; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 dl dd span { width: auto; font-size: 0.26rem; color: #004BB1; padding: 0.1rem 0.2rem 0.12rem; background: rgba(0, 41, 128, 0.1); display: inline-block; }
  .About-team.content .section2 .slide .swiper-slide .xs-display .top .txt1 dl dd span:first-child { margin-left: 0; }
  .About-team.content .section2 .slide .swiper-slide .xs-display p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.3rem; }
  /* About-party */
  .About-party.content .section1 { background: url(../images/about/party-bg-xs.jpg) no-repeat bottom/100%; }
  .About-party.content .section1 .slide { padding: 0 0 0.6rem; }
  /* About-files */
  .About-files.content .section1 ul li { width: 100%; margin: 4.5% 0 0 0; }
  .About-files.content .section1 ul li .img { height: 3.8rem; }
  .About-files.content .section1 ul li .text { padding: 0.3rem; }
  .About-files.content .section1 ul li .text h3 { font-size: 0.28rem; line-height: 0.42rem; }
  .About-files.content .section1 ul li .text i { font-size: 0.42rem; }
  .About-files.content .section1 ul li:nth-child(4n) { margin-right: 0; }
  .About-files.content .section1 ul li:hover { transform: translateY(0); }
  /* Solution-xq */
  .Solution-xq .banner { height: 9rem; }
  .Solution-xq .banner .text { text-align: center; top: 35%; }
  .Solution-xq .banner .text h3 { font-size: 0.3rem; }
  .Solution-xq .banner .text h2 { font-size: 0.38rem; margin: 0.2rem 0; }
  .Solution-xq .banner .text .common-btn { width: 2.52rem; }
  .Solution-xq .banner .mouse { width: 0.5rem; }
  .Solution-xq .banner .mouse .icon-mouse { font-size: 0.5rem; }
  .Solution-xq .banner .mouse .icon-down { font-size: 0.3rem; }
  .Solution-xq .banner-z { height: 9rem; }
  .Solution-xq.content .imgLTextR .box .img { width: 100%; }
  .Solution-xq.content .imgLTextR .box .text { width: 100%; height: auto; padding: 0.4rem 0.38rem; box-shadow: none; position: relative; }
  .Solution-xq.content .imgLTextR .box .text p { font-size: 0.28rem; line-height: 0.44rem; padding-left: 0.3rem; margin-top: 0.3rem; }
  .Solution-xq.content .imgLTextR .box .text p:before { width: 0.09rem; height: 0.09rem; top: 0.13rem; }
  .Solution-xq.content .imgLTextR .box .text p:after { width: 0.17rem; height: 0.17rem; left: -0.04rem; top: 0.09rem; }
  .Solution-xq.content .challenge .slide { padding: 0 0.3rem 0.6rem; }
  .Solution-xq.content .challenge .slide .swiper-slide { width: auto; height: 4.2rem; padding: 0.5rem 0.7rem; }
  .Solution-xq.content .challenge .slide .swiper-slide .icon { width: 1rem; height: 1rem; }
  .Solution-xq.content .challenge .slide .swiper-slide h3 { font-size: 0.3rem; }
  .Solution-xq.content .challenge .slide .swiper-slide p { font-size: 0.26rem; line-height: 0.42rem; }
  .Solution-xq.content .challenge .slide .swiper-slide:hover:before, .Solution-xq.content .challenge .slide .swiper-slide:hover:after { opacity: 0; }
  .Solution-xq.content .challenge .slide .swiper-slide:hover:after { transform: scale(1); }
  .Solution-xq.content .challenge .slide .swiper-slide:hover h3 { color: #000C21; }
  .Solution-xq.content .challenge .slide .swiper-slide:hover p { color: #747E8D; }
  .Solution-xq.content .textLImgR .box .text { width: 100%; min-height: 6.8rem; padding: 0.6rem 0.3rem; }
  .Solution-xq.content .textLImgR .box .text h3 { font-size: 0.32rem; }
  .Solution-xq.content .textLImgR .box .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Solution-xq.content .textLImgR .box .text ul { padding: 0 0.3rem 0.3rem 0.1rem; }
  .Solution-xq.content .textLImgR .box .text ul li { width: 30.333% !important; font-size: 0.26rem; padding-left: 0.2rem; margin-top: 0.3rem; line-height: 0.38rem; }
  .Solution-xq.content .textLImgR .box .text ul li:before { width: 0.06rem; height: 0.06rem; top: 0.14rem; }
  .Solution-xq.content .textLImgR .box .text .common-btn { width: 2.52rem; display: flex; }
  .Solution-xq.content .textLImgR .box .img { width: 100%; height: 3.8rem; position: relative; }
  .Solution-xq.content .advantage ul li { width: 100%; margin: 0.4rem 0 0 0; padding: 0.6rem 0.3rem; }
  .Solution-xq.content .advantage ul li .t .icon { width: 0.55rem; height: 0.55rem; }
  .Solution-xq.content .advantage ul li .t .icon img { width: 0.3rem; }
  .Solution-xq.content .advantage ul li .t h3 { font-size: 0.3rem; color: #000C21; }
  .Solution-xq.content .advantage ul li p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .Solution-xq.content .advantage ul li:nth-child(-n+2) { margin-top: 0.4rem; }
  .Solution-xq.content .advantage ul li:first-child { margin-top: 0; }
  .Solution-xq.content .advantage ul li:hover:before { opacity: 0; }
  .Solution-xq.content .advantage ul li:hover .t .icon { background: #004BB1; }
  .Solution-xq.content .advantage ul li:hover .t h3 { color: #000C21; }
  .Solution-xq.content .advantage ul li:hover p { color: #747E8D; }
  .Solution-xq.content .case .slide { padding-bottom: 0.6rem; }
  .Solution-xq.content .case .slide .swiper-slide .text { width: 100%; padding-right: 0; padding-bottom: 0.6rem; }
  .Solution-xq.content .case .slide .swiper-slide .text .logo { width: 1.2rem; }
  .Solution-xq.content .case .slide .swiper-slide .text h3 { font-size: 0.3rem; margin: 0.3rem 0; }
  .Solution-xq.content .case .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Solution-xq.content .case .slide .swiper-slide .text .common-btn { margin-top: 0.5rem; }
  .Solution-xq.content .case .slide .swiper-slide .img { width: 100%; }
  .Solution-xq.content .case .slide .swiper-pagination { bottom: 0; text-align: center; }
  .Solution-xq.content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(0, 75, 177, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Solution-xq.content .case .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004bb1; }
  .Solution-xq.content .logos ul li { width: 33.333%; padding: 0; }
  .Solution-xq.content .logos ul li img { width: 100%; }
  /* Case */
  .Case.content .tabs .swiper-slide { font-size: 0.32rem; margin-left: 0.5rem; padding-bottom: 0.2rem; }
  .Case.content ul li { width: 100%; margin: 0.3rem 0 0 0; }
  .Case.content ul li .img { height: 4rem; }
  .Case.content ul li .text { padding: 0.3rem; }
  .Case.content ul li .text .logo { width: 1.1rem; height: 1.1rem; }
  .Case.content ul li .text .text-box { padding-right: 1.4rem; }
  .Case.content ul li .text .tag span { font-size: 0.26rem; padding: 0.08rem 0.12rem; }
  .Case.content ul li .text h3 { font-size: 0.3rem; line-height: 0.4rem; height: 0.8rem; margin-top: 0.2rem; }
  .Case.content ul li .text .other { padding-top: 0.2rem; margin-top: 0.3rem; }
  .Case.content ul li .text .other span { font-size: 0.26rem; }
  .Case.content ul li .text .other i { font-size: 0.26rem; }
  .Case.content ul li:hover .img img { transform: scale(1); }
  /* Case-xq */
  .Case-xq.content .info .box { padding: 0 0.3rem; flex-wrap: wrap; }
  .Case-xq.content .info .box .text { width: 100%; }
  .Case-xq.content .info .box .text:after { display: none; }
  .Case-xq.content .info .box .text h3 { font-size: 0.3rem; margin-bottom: 0.4rem; }
  .Case-xq.content .info .box .text p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.25rem; }
  .Case-xq.content .info .box .img { width: 100%; margin-top: 0.4rem; padding-left: 0.65rem; }
  .Case-xq.content .info .box .img .logo { width: 1.3rem; height: 1.3rem; left: 0; top: 1.2rem; }
  .Case-xq.content .challenge { margin-top: 0.9rem; }
  .Case-xq.content .challenge .box .left { width: 100%; }
  .Case-xq.content .challenge .box .right { width: 100%; margin-top: 0.4rem; }
  .Case-xq.content .challenge .box .right ul { height: auto; }
  .Case-xq.content .challenge .box .right ul li { padding-bottom: 0.3rem; margin-bottom: 0.3rem; font-size: 0.3rem; line-height: 0.46rem; padding-right: 0; }
  .Case-xq.content .challenge .box .right ul li h3 { font-size: 0.3rem; line-height: 0.46rem; }
  .Case-xq.content .challenge .box .right ul li h3 .icon { width: 0.36rem; height: 0.36rem; top: 0.04rem; }
  .Case-xq.content .challenge .box .right ul li h3 .icon i { font-size: 0.26rem; }
  .Case-xq.content .challenge .box .right ul li p { font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .Case-xq.content .solution { padding: 0.6rem 0; height: 8.4rem; background: url(../images/case/xq-section3-bg-xs.jpg) no-repeat center/cover; }
  .Case-xq.content .solution .slide { width: 94%; padding-bottom: 0.55rem; margin: 0 auto; float: none; }
  .Case-xq.content .solution .slide .swiper-slide { height: 5rem; padding: 0.5rem; }
  .Case-xq.content .solution .slide .swiper-slide h3 { font-size: 0.3rem; }
  .Case-xq.content .solution .slide .swiper-slide p { font-size: 0.26rem; line-height: 0.28rem; margin-top: 0.2rem; padding-left: 0.25rem; }
  .Case-xq.content .solution .slide .swiper-slide p:before { width: 0.1rem; height: 0.1rem; }
  .Case-xq.content .realize { padding: 0.9rem 0; }
  .Case-xq.content .realize .box { display: flex; flex-direction: column-reverse; }
  .Case-xq.content .realize .box .text { width: 100%; position: relative; left: 0; top: 0; }
  .Case-xq.content .realize .box .text:before { display: none; }
  .Case-xq.content .realize .box .text .bb { padding: 0.5rem; }
  .Case-xq.content .realize .box .text h3 { font-size: 0.3rem; line-height: 0.48rem; }
  .Case-xq.content .realize .box .text p { font-size: 0.26rem; line-height: 0.48rem; }
  .Case-xq.content .realize .box .text ul li { width: 100%; font-size: 0.26rem; margin-top: 0.25rem; padding-left: 0.25rem; line-height: 0.48rem; }
  .Case-xq.content .realize .box .text ul li:before { width: 0.1rem; height: 0.1rem; }
  .Case-xq.content .realize .box .img { width: 100%; }
  .Case-xq.content .realize .box .img .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; }
  /* Service */
  .Service.content .section2 { margin-top: 0.8rem; padding: 0.9rem 0 1.2rem; background: url(../images/service/section2-bg-xs.png) no-repeat bottom/100% #F5F5F8; }
  .Service.content .section2 ul li { width: 100%; padding: 0.5rem 0.8rem; background: #fff; margin-top: 0.3rem; }
  .Service.content .section2 ul li i { font-size: 0.6rem; }
  .Service.content .section2 ul li h4 { font-size: 0.3rem; margin: 0.2rem 0; }
  .Service.content .section2 ul li p { font-size: 0.28rem; line-height: 0.44rem; }
  .Service.content .section2 ul li:first-child { margin-top: 0; }
  /* Service-plan */
  .Service-plan.content .section1 .tabs .swiper-slide { width: auto; font-size: 0.3rem; height: 1.1rem; padding: 0 0.4rem; }
  .Service-plan.content .section1 .tabs .swiper-slide .txt .icon { width: 0.6rem; height: 0.6rem; margin-right: 0.2rem; }
  .Service-plan.content .section1 .tabs .swiper-slide .txt .icon i { font-size: 0.3rem; }
  .Service-plan.content .section1 .tabs .swiper-slide:hover { color: #000C21; }
  .Service-plan.content .section1 .tabs .swiper-slide:hover:before { opacity: 0; }
  .Service-plan.content .section1 .tabs .swiper-slide:hover .txt .icon { background: #004BB1; }
  .Service-plan.content .section1 .tabs .swiper-slide.active { color: #fff; }
  .Service-plan.content .section1 .tabs .swiper-slide.active:before { opacity: 1; }
  .Service-plan.content .section1 .tabs .swiper-slide.active .txt .icon { background: rgba(255, 255, 255, 0.1); }
  .Service-plan.content .section1 .slide { margin-top: 0.5rem; }
  .Service-plan.content .section1 .slide .swiper-slide .img { width: 100%; }
  .Service-plan.content .section1 .slide .swiper-slide .text { width: 100%; padding: 0.5rem; justify-content: space-between; }
  .Service-plan.content .section1 .slide .swiper-slide .text ul { flex: 1; }
  .Service-plan.content .section1 .slide .swiper-slide .text ul li { padding-left: 0.35rem; font-size: 0.28rem; line-height: 0.38rem; margin-top: 0.25rem; }
  .Service-plan.content .section1 .slide .swiper-slide .text ul li:before { width: 0.1rem; height: 0.1rem; top: 0.12rem; }
  .Service-plan.content .section1 .slide .swiper-slide .text ul:nth-child(2) { width: 45%; margin-left: 5%; }
  /* Service-execute */
  .Service-execute.content .section1 { padding: 0.8rem 0; }
  .Service-execute.content .section1 ul { flex-wrap: wrap; }
  .Service-execute.content .section1 ul li { width: 100%; height: auto; margin-top: 0.3rem; }
  .Service-execute.content .section1 ul li .text { display: none; }
  .Service-execute.content .section1 ul li .txt { width: 100%; height: auto; padding: 0.5rem 0.4rem 0.8rem; transform: scale(1); opacity: 1; background: #fff; position: relative; }
  .Service-execute.content .section1 ul li .txt h4 { font-size: 0.3rem; color: #000; margin: 0.2rem 0 0.3rem; }
  .Service-execute.content .section1 ul li .txt i { font-size: 0.6rem; color: #000; }
  .Service-execute.content .section1 ul li .txt dl { width: 100%; justify-content: flex-start; margin-top: 0.2rem; }
  .Service-execute.content .section1 ul li .txt dl dd { width: 33.333%; font-size: 0.26rem; line-height: 0.4rem; padding-left: 0.25rem; margin-bottom: 0.25rem; color: #000; }
  .Service-execute.content .section1 ul li .txt dl dd:before { width: 0.08rem; height: 0.08rem; top: 0.13rem; background: #004BB1; }
  .Service-execute.content .section1 ul li .txt h5 { font-size: 0.8rem; -webkit-text-stroke: 1px #000; text-stroke: 1px #000; right: 0.2rem; }
  .Service-execute.content .section1 ul li:first-child { margin-top: 0; }
  .Service-execute.content .section2 { height: auto; padding: 0.9rem 0; background: url(../images/service/execute-section2-bg-xs.jpg) no-repeat center/cover fixed; }
  .Service-execute.content .section2:before { display: none; }
  .Service-execute.content .section2 ul { padding-bottom: 0; margin-top: 0.5rem; justify-content: space-between; }
  .Service-execute.content .section2 ul li { width: 2.1rem; height: 2.4rem; margin: 0.3rem 0 0 0; padding-top: 0.5rem; background: url(../images/service/execute-section2-li-bg-xs.png) no-repeat center/100%; }
  .Service-execute.content .section2 ul li h4 { font-size: 0.28rem; margin-top: 0.3rem; }
  .Service-execute.content .section2 ul li .dot { display: none; }
  .Service-execute.content .section2 ul li:nth-child(even) { margin-top: 0.3rem; }
  .Service-execute.content .section2 ul li:nth-child(-n+3) { margin-top: 0; }
  /* Service-after */
  .Service-after.content { padding-top: 0.7rem !important; }
  .Service-after.content .section1 { height: auto; padding: 0.8rem 0; background: url(../images/service/after-section1-bg-xs.jpg) no-repeat center/cover; }
  .Service-after.content .section1 .slide { overflow: hidden; padding-bottom: 0.6rem; }
  .Service-after.content .section1 .slide .swiper-slide { padding: 0.5rem; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); display: flex; flex-direction: column; align-items: center; height: 5.5rem; transition: all .5s ease; }
  .Service-after.content .section1 .slide .swiper-slide h3 { font-size: 0.3rem; color: #004BB1; display: flex; align-items: center; margin-bottom: 0.1rem; }
  .Service-after.content .section1 .slide .swiper-slide h3 .l, .Service-after.content .section1 .slide .swiper-slide h3 .r { width: 0.35rem; height: 0.21rem; margin: 0 0.1rem; position: relative; top: 0.02rem; }
  .Service-after.content .section1 .slide .swiper-slide h3 .l.l, .Service-after.content .section1 .slide .swiper-slide h3 .r.l { background: url(../images/service/after-section1-icon1.png) no-repeat center/100%; }
  .Service-after.content .section1 .slide .swiper-slide h3 .l.r, .Service-after.content .section1 .slide .swiper-slide h3 .r.r { background: url(../images/service/after-section1-icon2.png) no-repeat center/100%; }
  .Service-after.content .section1 .slide .swiper-slide dl { display: flex; flex-wrap: wrap; width: 100%; }
  .Service-after.content .section1 .slide .swiper-slide dl dd { width: 50%; font-size: 0.26rem; color: #000C21; line-height: 0.42rem; margin-top: 0.3rem; position: relative; padding-left: 0.25rem; }
  .Service-after.content .section1 .slide .swiper-slide dl dd:before { content: ""; width: 0.15rem; height: 0.15rem; background: rgba(0, 75, 177, 0.2); border-radius: 50%; position: absolute; left: -0.04rem; top: 0.1rem; }
  .Service-after.content .section1 .slide .swiper-slide dl dd:after { content: ""; width: 0.08rem; height: 0.08rem; background: #004BB1; border-radius: 50%; position: absolute; left: 0; top: 0.13rem; }
  .Service-after.content .section1 .slide .swiper-pagination { bottom: 0; }
  .Service-after.content .section1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.08rem; border-radius: 0.06rem; background: rgba(255, 255, 255, 0.2); opacity: 1; margin: 0 0.1rem; }
  .Service-after.content .section1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: white; }
  .Service-after.content .section2 { height: auto; padding: 0.8rem 0; background: url(../images/service/after-section2-bg.jpg) no-repeat center/cover; }
  .Service-after.content .section2 ul li { width: 100%; margin: 3% 0 0 0; padding: 0.45rem 0.45rem 0.45rem 0.35rem; }
  .Service-after.content .section2 ul li .icon { right: 0.2rem; top: 0.2rem; }
  .Service-after.content .section2 ul li .icon:before { content: ""; width: 0.34rem; height: 0.34rem; }
  .Service-after.content .section2 ul li .icon img { width: 0.54rem; }
  .Service-after.content .section2 ul li h3 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Service-after.content .section2 ul li p { font-size: 0.26rem; line-height: 0.42rem; }
  .Service-after.content .section2 ul li:hover { transform: translateY(0); }
  /* News */
  .News.content .big .img { width: 100%; height: 4.2rem; }
  .News.content .big .text { padding: 0.4rem 0.3rem; }
  .News.content .big .text h4 { font-size: 0.26rem; }
  .News.content .big .text h3 { font-size: 0.3rem; line-height: 0.48rem; margin: 0.2rem 0; }
  .News.content .big .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .News.content .big:hover .img img { transform: scale(1); }
  .News.content .big:hover .text h3 { color: #000; }
  .News.content ul { margin-top: 0.75rem; }
  .News.content ul li { margin-bottom: 0.6rem; padding-bottom: 0.4rem; }
  .News.content ul li a { flex-wrap: wrap; flex-direction: column-reverse; }
  .News.content ul li a .text { flex: 1; padding: 0.4rem 0.4rem 0 0; }
  .News.content ul li a .text h4 { font-size: 0.26rem; }
  .News.content ul li a .text h3 { font-size: 0.3rem; line-height: 0.48rem; margin: 0.2rem 0; }
  .News.content ul li a .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .News.content ul li a .img { width: 100%; margin-left: 0; }
  .News.content ul li a:hover img { transform: scale(1); }
  .News.content ul li a:hover .text h3 { color: #000C21; }
  /* News-xq */
  .News-xq.content { padding: 0.8rem 0 0.6rem; }
  .News-xq.content .left { width: 100%; }
  .News-xq.content .left .title { line-height: 0.6rem; margin-bottom: 0.3rem; }
  .News-xq.content .left .other { padding-bottom: 0.2rem; margin-bottom: 0.3rem; }
  .News-xq.content .left .other .tags span { font-size: 0.26rem; margin-right: 0.3rem; }
  .News-xq.content .left .other .tags span i { font-size: 0.22rem; }
  .News-xq.content .left .other .share { font-size: 0.26rem; }
  .News-xq.content .left .other .share a { font-size: 0.5rem; }
  .News-xq.content .left .text-box p, .News-xq.content .left .text-box section { line-height: 30px; }
  .News-xq.content .left .relevant { margin-top: 0.5rem; padding: 0.4rem 0; }
  .News-xq.content .left .relevant a { padding: 0.15rem 0; font-size: 0.26rem; }
  .News-xq.content .left .relevant a:hover p { color: #000C21; }
  .News-xq.content .right { width: 100%; }
  .News-xq.content .right .title { font-size: 0.38rem; }
  .News-xq.content .right ul li { margin-bottom: 0.5rem; }
  .News-xq.content .right ul li .text { padding-top: 0.3rem; }
  .News-xq.content .right ul li .text h4 { font-size: 0.26rem; margin-bottom: 0.2rem; }
  .News-xq.content .right ul li .text h3 { font-size: 0.3rem; }
  .News-xq.content .right ul li:hover img { transform: scale(1); }
  .News-xq.content .right ul li:hover .text h3 { color: #000C21; }
  /* Join */
  .Join.content .section1 ul { flex-wrap: wrap; }
  .Join.content .section1 ul li { width: 100%; margin-top: 0.5rem; }
  .Join.content .section1 ul li img { width: 100%; }
  .Join.content .section1 ul li .text { width: 85%; padding: 0.5rem 0.3rem; }
  .Join.content .section1 ul li .text h3 { font-size: 0.3rem; margin-bottom: 0.25rem; }
  .Join.content .section1 ul li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Join.content .section1 ul li:hover .text { padding: 0.5rem 0.3rem; background-color: rgba(255, 255, 255, 0.8); }
  .Join.content .section1 ul li:hover .text h3 { color: #000C21; }
  .Join.content .section1 ul li:hover .text p { color: #747E8D; }
  .Join.content .section1 ul li:first-child { margin-top: 0; }
  .Join.content .section2 .box { height: 3.2rem; background: url(../images/join/section2-bg-xs.png) no-repeat center/100%; }
  /* Recruit */
  .Recruit.content .tableBox { margin-top: 0.3rem; }
  .Recruit.content .tableBox .table-title { line-height: 1rem; }
  .Recruit.content .tableBox .table-title .item { font-size: 0.3rem; }
  .Recruit.content .tableBox .table li .item { line-height: 1rem; font-size: 0.28rem; }
  .Recruit.content .tableBox .table li .item .iconfont { font-size: 0.28rem; }
  .Recruit.content .tableBox .table li .con .bb { margin-bottom: 0.25rem; }
  .Recruit.content .tableBox .table li .con .bb .tt { font-size: 0.28rem; margin-bottom: 0.2rem; }
  .Recruit.content .tableBox .table li .con .bb p { font-size: 0.26rem; line-height: 0.42rem; }
  /* Contact */
  .Contact.content .section1 .box ul { width: 100%; }
  .Contact.content .section1 .box ul li { margin-top: 0.4rem; }
  .Contact.content .section1 .box ul li .txt h3 { font-size: 0.3rem; }
  .Contact.content .section1 .box ul li .txt p { font-size: 0.28rem; line-height: 0.4rem; }
  .Contact.content .section1 .box ul li:first-child { margin-top: 0; }
  .Contact.content .section1 .box .map { width: 100%; margin-top: 0.5rem; }
  .Contact.content .section1 .box .map .text { width: 5rem; padding: 0.35rem; }
  .Contact.content .section1 .box .map .text h3 { font-size: 0.3rem; }
  .Contact.content .section1 .box .map .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Contact.content .section2 .box .img { flex: 0 0 100%; }
  .Contact.content .section2 .box form { padding: 0.1rem 0.4rem 0.7rem; }
  .Contact.content .section2 .box form .row { margin-top: 0.3rem; }
  .Contact.content .section2 .box form .row .column { width: 100%; margin-top: 0.3rem; }
  .Contact.content .section2 .box form .row .input, .Contact.content .section2 .box form .row .textarea { padding: 0 0.3rem; }
  .Contact.content .section2 .box form .row .input label, .Contact.content .section2 .box form .row .textarea label { font-size: 0.26rem; margin-right: 0.2rem; }
  .Contact.content .section2 .box form .row .input input, .Contact.content .section2 .box form .row .textarea input { height: 0.9rem; font-size: 0.26rem; }
  .Contact.content .section2 .box form .row .input textarea, .Contact.content .section2 .box form .row .textarea textarea { height: 0.9rem; font-size: 0.26rem; }
  .Contact.content .section2 .box form .row .input.textarea, .Contact.content .section2 .box form .row .textarea.textarea { padding: 0.3rem; }
  .Contact.content .section2 .box form .row .input.check, .Contact.content .section2 .box form .row .textarea.check { padding: 0.3rem; }
  .Contact.content .section2 .box form .row .input.check label, .Contact.content .section2 .box form .row .textarea.check label { width: 100%; display: block; margin-bottom: 0.15rem; }
  .Contact.content .section2 .box form .row .input.check .check-box, .Contact.content .section2 .box form .row .textarea.check .check-box { flex: 1; }
  .Contact.content .section2 .box form .row .input.check .check-box label, .Contact.content .section2 .box form .row .textarea.check .check-box label { margin: 0 0.2rem 0.15rem 0; }
  .Contact.content .section2 .box form .row .input.check .check-box input, .Contact.content .section2 .box form .row .textarea.check .check-box input { width: 0.26rem; height: 0.26rem; margin-right: 0.1rem; position: relative; top: -0.02rem; }
  .no-data img { width: 1.6rem; margin-bottom: 0.2rem; }
  .no-data p { font-size: 0.26rem; color: #666; }
  /* Page404 */
  .Page404 .banner, .Page404 .banner-z { height: 5rem; }
  .Page404 .content { padding-top: 2rem; }
  .Page404 .content .text { width: 100%; margin: 0.4rem auto 0; }
  .Page404 .content .text h1 { font-size: 0.5rem; }
  .Page404 .content .text .p p { width: 2.1rem; font-size: 0.26rem; line-height: 0.4rem; margin: 0 0.15rem; }
  .Page404 .content .text .p .btn11 { padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; }
  .Page404 .content .text .p .btn11 i { font-size: 0.26rem; }
  /* Sitemap */
  .Sitemap .banner, .Sitemap .banner-z { height: 5rem; }
  .Sitemap.content dl { padding-bottom: 0.35rem; margin-top: 0.35rem; }
  .Sitemap.content dl dt { font-size: 0.32rem; }
  .Sitemap.content dl dt a:hover { color: #000; }
  .Sitemap.content dl dd { margin-top: 0.05rem; }
  .Sitemap.content dl dd a { width: 50%; font-size: 0.26rem; margin-top: 0.25rem; }
  .Sitemap.content dl dd a:hover { color: #333; }
  /* Legal */
  .Legal .banner, .Legal .banner-z { height: 5rem; }
  .Legal.content h2 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .Legal.content p { font-size: 0.26rem; line-height: 0.42rem; }
  /* Links */
  .Links .banner, .Links .banner-z { height: 3rem; }
  .Links.content .box h2 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .Links.content .box p { font-size: 0.28rem; margin-bottom: 0.2rem; line-height: 0.46rem; }
  .Links.content .box .listul { margin: 0.4rem 0 0; }
  .Links.content .box .listul li { width: 100%; padding: 0; margin-bottom: 0.3rem; }
  .Links.content .box .listul li a { padding-bottom: 0.3rem; }
  .Links.content .box .listul li a h2 { font-size: 0.3rem; margin-bottom: 0.1rem; }
  .Links.content .box .listul li a p { font-size: 0.28rem; }
  .fixed-right ul li { padding: 0 0.1rem 0 0.23rem; position: relative; margin-bottom: 0.16rem; }
  .fixed-right ul li .icon { width: 0.6rem; height: 0.6rem; }
  .fixed-right ul li .icon i { font-size: 0.36rem; }
  .fixed-right ul li p { font-size: 0.24rem; }
  .fixed-right ul li .pop { width: 2.2rem; padding: 0.15rem; position: absolute; top: 50%; transform: translateY(-50%); right: -3rem; border-radius: 0.1rem; background: #FFF; box-shadow: 0 0.06rem 0.16rem 0 rgba(152, 165, 191, 0.4); transition: all .5s ease; z-index: -1; opacity: 1; display: flex; }
  .fixed-right ul li .pop .icon1 { width: 0.3rem; height: 0.3rem; background: #004BB1; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; }
  .fixed-right ul li .pop .icon1 i { font-size: 0.2rem; color: #fff; }
  .fixed-right ul li .pop .txt h4 { font-size: 0.16rem; color: #666; margin-bottom: 0.08rem; }
  .fixed-right ul li .pop .txt h3 { font-size: 0.26rem; color: #000; font-family: "BebasNeue"; }
  .fixed-right ul li:last-child { margin-bottom: 0; }
  .fixed-right ul li:last-child .icon { background: #004BB1; }
  .fixed-right ul li:last-child .icon i { color: #fff; }
  .fixed-right ul li:last-child p { margin-top: 0.15rem; line-height: 0.3rem; }
  .fixed-right ul li:hover .pop { right: -3rem; }
  .fixed-right .back-top { width: 0.8rem; height: 0.8rem; position: relative; right: -1rem; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .5s ease; margin-top: 0.2rem; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); cursor: pointer; }
  .fixed-right .back-top i { font-size: 0.3rem; }
  .order-popup .title { top: 0; height: 0.8rem; font-size: 0.3rem; border-radius: 0.5rem; }
  .order-popup .icon-close { font-size: 0.3rem; }
  .order-popup .commonOrder { width: 6.9rem; padding: 0.9rem 0.4rem; }
  .order-popup .commonOrder .row { width: 100%; margin-bottom: 0.25rem; }
  .order-popup .commonOrder .row label { width: 1.3rem; font-size: 0.28rem; }
  .order-popup .commonOrder .row input { line-height: 0.8rem; font-size: 0.28rem; }
  .order-popup .commonOrder .row.check { margin-bottom: 0.2rem; }
  .order-popup .commonOrder .row.check label { width: 100%; margin-bottom: 0.3rem; }
  .order-popup .commonOrder .row.check .check-box { display: flex; flex-wrap: wrap; }
  .order-popup .commonOrder .row.check .check-box input { width: 0.26rem; height: 0.26rem; margin-right: 0.1rem; top: -0.04rem; }
  .order-popup .commonOrder .row.w100 { width: 100%; }
  .order-popup .commonOrder .submit { width: 2rem; height: 0.7rem; font-size: 0.3rem; margin: 0.2rem auto 0; } }