*, *: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 "SourceSansPro-Regular", Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -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: #1A1311; }

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

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

sub, sup { vertical-align: baseline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

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

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

/*fonts*/
@font-face { font-family: "SourceSansPro-Regular"; src: url("/res/template/pc/resource/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("/res/template/pc/resource/fonts/SourceSansPro-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "BebasNeue"; src: url("/res/template/pc/resource/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); } }

/* 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: 87.5%; 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: 2.5rem; height: 0.4rem; display: block; transition: none; background: url(../image/logo.png) no-repeat center/100%; transition: all .5s ease; }

.header .right { display: flex; }

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

.header .right .nav .item:before { content: ""; width: 0; height: 0.04rem; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: #008DD3; 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 .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 .submenu-xs { display: none; }

.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(../image/logo1.png) no-repeat center/100%; }

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

.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 { height: auto; overflow: hidden; position: relative; z-index: 1; transition: all .4s; }

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

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

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

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

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

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

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

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

.header .submenu .r .snav a:hover { color: #008DD3; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header .submenu .submenuItem.product .container ul li.active { background: url("/res/template/pc/resource/images/bg-header-nav.png") no-repeat; background-size: cover; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* footer */
.footer { width: 100%; padding-top: 1rem; overflow: hidden; position: relative; z-index: 1; left: 0; bottom: 0; background: #062641; }

.footer:before { content: ""; width: 9.61rem; height: 7.54rem; background: url(../image/footer-logo.png) no-repeat center/100%; position: absolute; right: 0; top: 0; }

.footer .top { padding-bottom: 0.35rem; border-bottom: 1px solid rgba(112, 112, 112, 0.3); }

.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.18rem; color: #fff; margin-bottom: 0.25rem; position: relative; }

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

.footer .center .nav dl dd { font-size: 0.16rem; color: #A3B8CE; margin-top: 0.2rem; }

.footer .center .nav dl dd a { color: #A3B8CE; }

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

.footer .center .contact { margin-left: 2.5rem; }

.footer .center .contact dl { margin-bottom: 0.4rem; }

.footer .center .contact dl dt { font-size: 0.16rem; color: #A3B8CE; margin-bottom: 0.05rem; }

.footer .center .contact dl dd { font-size: 0.16rem; color: #fff; line-height: 0.24rem; }

.footer .bottom { margin: 0.6rem 0 0.3rem; display: flex; justify-content: space-between; align-items: center; }

.footer .bottom .left .bn a { font-size: 0.16rem; color: #A3B8CE; margin-right: 0.4rem; }

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

.footer .bottom .left .copyright { font-size: 0.16rem; color: #A3B8CE; margin-top: 0.3rem; }

.footer .bottom .left .copyright a { color: #A3B8CE; margin-right: 0.2rem; }

.footer .bottom .right .flist { width: 3.5rem; font-size: 0.16rem; color: #A3B8CE; vertical-align: middle; position: relative; z-index: 999; cursor: pointer; }

.footer .bottom .right .flist a { color: #A3B8CE; }

.footer .bottom .right .flist .t { height: 0.5rem; padding: 0 0.2rem; overflow: hidden; position: relative; background: #0F3554; display: flex; align-items: center; justify-content: space-between; }

.footer .bottom .right .flist .t .iconfont { font-size: 0.16rem; transition: all .5s ease; display: block; }

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

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

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

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

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

.footer .bottom .right .flist ul li a:hover { color: #fff; }

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

.footer .jubao { padding-bottom: 0.3rem; display: flex; justify-content: flex-end; }

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

.common-more { width: 2rem; display: flex; align-items: center; font-size: 0.17rem; margin-top: 0.8rem; }

.common-more span { width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #008DD3; box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 141, 211, 0.24); display: flex; align-items: center; justify-content: center; margin-left: 0.2rem; transition: all .5s ease; position: relative; }

.common-more span i { font-size: 0.18rem; color: #fff; font-weight: bold; }

.common-more span:after { content: ''; display: block; width: 0.08rem; height: 0.08rem; border: 1px solid #fff; border-radius: 50%; background: #50B3FF; position: absolute; left: 50%; top: 0; margin-left: -0.04rem; margin-top: -0.04rem; transform: rotate(45deg); transform-origin: 0.04rem 0.25rem; animation: view-more linear 3s infinite; }

.common-more.white { color: #fff; }

.common-more.white span { background: #fff; }

.common-more.white span i { color: #008DD3; }

.common-more:hover span { margin-left: 0.25rem; }

.common-btn { width: 1.8rem; height: 0.56rem; font-size: 0.17rem; color: #fff; display: flex; align-items: center; justify-content: center; background: #008DD3; border-radius: 0.5rem; margin: 0.5rem auto 0; }

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

.common-btn:hover i { margin-left: 0.15rem; }

.common-btn.line { background: transparent; border: 1px solid #008DD3; color: #008DD3; }

.common-btn.line i { color: #008DD3; }

.common-btn.line:hover { background: #008DD3; color: #fff; }

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

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

.Index .banner:before { content: ""; width: 100%; height: 0.9rem; background: linear-gradient(180deg, rgba(19, 46, 67, 0.86) 0%, rgba(19, 46, 67, 0) 100%); opacity: .67; position: absolute; left: 0; top: 0; z-index: 2; }

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

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

.Index .banner .swiper-slide .text { width: 100%; height: 100%; padding-top: 3.8rem; color: #fff; position: absolute; left: 0; top: 0; }

.Index .banner .swiper-slide .text h4 { font-size: 0.32rem; font-weight: bold; }

.Index .banner .swiper-slide .text h3 { font-size: 0.5rem; font-weight: bold; margin-top: 0.3rem; }

.Index .banner .swiper-pagination { width: 0.32rem; height: 100%; top: 0; bottom: 0; left: auto; right: 0.45rem; display: flex; flex-direction: column; justify-content: center; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 0.32rem; height: 0.32rem; opacity: 1; transition: all .5s ease; position: relative; background: none; margin: 0.05rem 0; }

.Index .banner .swiper-pagination .swiper-pagination-bullet:before { content: ""; width: 100%; height: 100%; border: 0.02rem solid #fff; position: absolute; left: 0; top: 0; position: absolute; left: 0; top: 0; border-radius: 50%; opacity: 0; }

.Index .banner .swiper-pagination .swiper-pagination-bullet:after { content: ""; width: 0.06rem; height: 0.06rem; background: #fff; position: absolute; left: 0; top: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; }

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

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: #fff; }

.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 { height: auto; overflow: hidden; position: relative; }

.Index .section .title-box { margin-bottom: 0.55rem; }

.Index .section .title-box h3 { font-size: 0.2rem; color: rgba(99, 99, 102, 0.5); text-transform: uppercase; }

.Index .section .title-box h2 { font-size: 0.4rem; font-weight: bold; margin-top: 0.1rem; }

.Index .about { padding: 1.1rem 0; background: url(../image/about-bg.jpg) no-repeat center/cover; }

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

.Index .about .text { width: 44%; padding-top: 0.1rem; }

.Index .about .text .txt h3 { font-size: 0.26rem; font-weight: bold; margin-bottom: 0.2rem; }

.Index .about .text .txt p { font-size: 0.18rem; line-height: 0.36rem; }

.Index .about .text .txt ul { margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.Index .about .text .txt ul li h5 { font-size: 0.18rem; }

.Index .about .text .txt ul li h5 b { font-size: 0.55rem; font-family: "BebasNeue"; margin-right: 0.05rem; }

.Index .about .text .txt ul li h5 i { font-size: 0.22rem; font-weight: bold; }

.Index .about .text .txt ul li h5 span { font-size: 0.3rem; vertical-align: top; font-weight: bold; }

.Index .about .text .txt ul li h6 { font-size: 0.16rem; margin-top: 0.05rem; }

.Index .about .img { width: 43%; }

.Index .business .title-box { position: absolute; left: 6.25%; top: 1.3rem; z-index: 2; }

.Index .business .title-box h3 { color: rgba(0, 0, 0, 0.5); }

.Index .business .slide { height: 10rem; overflow: hidden; position: relative; }

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

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

.Index .business .slide .swiper-slide .text { width: 100%; position: absolute; top: 2.6rem; z-index: 2; }

.Index .business .slide .swiper-slide .text h3 { font-size: 0.28rem; font-weight: bold; margin-bottom: 0.2rem; }

.Index .business .slide .swiper-slide .text p { width: 45%; font-size: 0.17rem; line-height: 0.36rem; }

.Index .business .slide .swiper-slide .text .common-more { margin-top: 0.5rem; }

.Index .business .tabs { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; }

.Index .business .tabs .swiper-wrapper { align-items: flex-end; }

.Index .business .tabs .swiper-slide { width: 16.6666%; height: 1.2rem; overflow: hidden; background: rgba(0, 0, 0, 0.4); display: flex; padding: 0.4rem; cursor: pointer; transition: all .5s ease; position: relative; }

.Index .business .tabs .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }

.Index .business .tabs .swiper-slide:before { content: ""; width: 100%; height: 100%; background: url(../image/business-tabs-item-bg.png) no-repeat top/100%; position: absolute; right: 0; top: 0; opacity: 0; transition: all .5s ease; }

.Index .business .tabs .swiper-slide i { font-size: 0.32rem; color: #fff; }

.Index .business .tabs .swiper-slide .icon-arrow { position: absolute; right: 0.3rem; top: 0.3rem; opacity: 0; }

.Index .business .tabs .swiper-slide .txt { margin-left: 0.15rem; }

.Index .business .tabs .swiper-slide .txt h3 { font-size: 0.2rem; color: #fff; margin-bottom: 0.08rem; }

.Index .business .tabs .swiper-slide .txt h4 { font-size: 0.12rem; line-height: 0.16rem; color: rgba(255, 255, 255, 0.3); }

.Index .business .tabs .swiper-slide.active { height: 1.95rem; border-top-right-radius: 0.3rem; flex-direction: column; align-items: flex-start; background: linear-gradient(180deg, #00B5F0 0%, #0C5AAB 100%); }

.Index .business .tabs .swiper-slide.active:before { opacity: 1; }

.Index .business .tabs .swiper-slide.active .icon-arrow { opacity: 1; }

.Index .business .tabs .swiper-slide.active .txt { margin-left: 0; margin-top: 0.15rem; }

.Index .business.white .title-box h3 { color: rgba(255, 255, 255, 0.5); }

.Index .business.white .title-box h2 { color: #fff; }

.Index .business.white .slide .swiper-slide .text h3, .Index .business.white .slide .swiper-slide .text p, .Index .business.white .slide .swiper-slide .text .common-more { color: #fff; }

.Index .technical { padding: 1rem 0; background: url(../image/technical-bg.jpg) no-repeat center/cover; position: relative; }

.Index .technical:before { content: ""; width: 10.42rem; height: 1.04rem; background: url(../image/technical-t.png) no-repeat center/100%; position: absolute; left: 50%; top: 50%; transform: translate(-40%, -50%); }

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

.Index .technical .text { width: 46%; padding-top: 0.6rem; }

.Index .technical .text .txt h3 { font-size: 0.26rem; font-weight: bold; margin-bottom: 0.2rem; }

.Index .technical .text .txt p { font-size: 0.16rem; line-height: 0.36rem; }

.Index .technical .img { width: 7.2rem; height: 7.2rem; position: relative; }

.Index .technical .img .yuan { width: 100%; position: relative; }

.Index .technical .img .yuan:before { content: ""; width: 100%; height: 100%; background: url(../image/technical-yuan-line.png) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Index .technical .img .yuan img { animation: rotate360 20s infinite reverse linear; position: relative; z-index: 1; }

.Index .technical .img ul { width: 90%; height: 90%; display: flex; flex-wrap: wrap; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Index .technical .img ul:before { content: ""; width: 45%; height: 45%; border: 0.02rem solid rgba(11, 160, 238, 0.2); position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); }

.Index .technical .img ul li { width: 50%; position: relative; }

.Index .technical .img ul li h3 { font-size: 0.2rem; color: #fff; font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Index .solution { /*height: px2rem(960);padding: px2rem(130) 0;background: url(../images/index/solution-bg-1.jpg) no-repeat center/100%;*/ }

.Index .solution .container { position: absolute; left: 6.25%; top: 17.7%; }

.Index .solution .title-box h3 { color: rgba(255, 255, 255, 0.5); }

.Index .solution .title-box h2 { color: #fff; }

.Index .solution .txt { width: 30%; }

.Index .solution .txt p { font-size: 0.16rem; line-height: 0.36rem; color: rgba(255, 255, 255, 0.8); }

.Index .solution .img-box { position: relative; }

.Index .solution .img-box .dots { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.Index .solution .img-box .dots .dot { position: absolute; opacity: 0; transition: all 0.36s; }

.Index .solution .img-box .dots .dot .t { opacity: 0; }

.Index .solution .img-box .dots .dot.dot1 { bottom: 48.5%; left: 48.5%; }

.Index .solution .img-box .dots .dot.dot1 .t { width: 1.2rem; position: absolute; top: -0.35rem; right: -0.4rem; transition: opacity .4s 1.7s; }

.Index .solution .img-box .dots .dot.dot2 { bottom: 63%; left: 55%; }

.Index .solution .img-box .dots .dot.dot2 .t { width: 0.8rem; position: absolute; top: -0.3rem; right: -0.7rem; transition: opacity .4s 2s; }

.Index .solution .img-box .dots .dot.dot3 { bottom: 55%; left: 64.5%; }

.Index .solution .img-box .dots .dot.dot3 .t { width: 0.8rem; position: absolute; top: -0.3rem; right: -0.7rem; transition: opacity .4s 2.3s; }

.Index .solution .img-box .dots .dot.dot4 { bottom: 66%; left: 73%; }

.Index .solution .img-box .dots .dot.dot4 .t { width: 0.8rem; position: absolute; top: -0.3rem; right: -0.7rem; transition: opacity .4s 2.6s; }

.Index .solution .img-box .dots .dot.dot5 { bottom: 51%; left: 77.5%; }

.Index .solution .img-box .dots .dot.dot5 .t { width: 1.2rem; position: absolute; top: -0.16rem; right: -1.25rem; transition: opacity .4s 2.9s; }

.Index .solution .img-box .dots .dot.dot6 { bottom: 49%; left: 79%; }

.Index .solution .img-box .dots .dot.dot6 .t { width: 1.2rem; position: absolute; top: -0.1rem; right: -1.25rem; transition: opacity .4s 3.2s; }

.Index .solution .img-box .dots .dot.dot7 { bottom: 19%; left: 74%; }

.Index .solution .img-box .dots .dot.dot7 .t { width: 1.2rem; position: absolute; bottom: -0.15rem; right: -1.25rem; transition: opacity .4s 3.5s; }

.Index .solution .img-box .dots .dot.dot8 { bottom: 26%; left: 56%; }

.Index .solution .img-box .dots .dot.dot8 .t { width: 1.2rem; position: absolute; bottom: -0.15rem; right: -1.25rem; transition: opacity .4s 3.8s; }

.Index .solution .img-box .dots .dot.dot9 { bottom: 23%; left: 53%; }

.Index .solution .img-box .dots .dot.dot9 .t { width: 0.8rem; position: absolute; bottom: -0.15rem; right: -0.25rem; transition: opacity .4s 4.1s; }

.Index .solution .img-box .dots .dot.dot10 { bottom: 44%; right: 47.2%; }

.Index .solution .img-box .dots .dot.dot10 .t { width: 1.2rem; position: absolute; bottom: -0.07rem; left: -1.25rem; transition: opacity .4s 4.3s; }

.Index .solution .img-box .dots .dot.dot11 { bottom: 51%; right: 46.1%; }

.Index .solution .img-box .dots .dot.dot11 .t { width: 1.2rem; position: absolute; bottom: -0.07rem; left: -1.25rem; transition: opacity .4s 4.7s; }

.Index .solution .img-box .dots.active .dot { opacity: 1; }

.Index .solution .img-box .dots.active .dot .t { opacity: 1; }

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

.Index .news .top { display: flex; justify-content: space-between; padding-bottom: 0.4rem; border-bottom: 1px solid #EDEDED; }

.Index .news .top .title-box, .Index .news .top .common-more { margin: 0; }

.Index .news ul { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }

.Index .news ul li { width: 30%; margin-left: 5%; }

.Index .news ul li .text h4 { font-size: 0.18rem; transition: all .5s ease; }

.Index .news ul li .text h3 { font-size: 0.2rem; font-weight: bold; margin: 0.2rem 0; line-height: 0.3rem; transition: all .5s ease; height: 0.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news ul li .text .tip { line-height: 0.32rem; font-size: 0.14rem; color: #636366; padding: 0 0.15rem; border: 1px solid #B8B8B8; border-radius: 0.5rem; display: inline-block; transition: all .5s ease; }

.Index .news ul li .img { margin-top: 0.4rem; overflow: hidden; }

.Index .news ul li .img img { width: 100%; aspect-ratio: 50 / 33; }

.Index .news ul li:first-child { margin-left: 0; }

.Index .news ul li:hover .text h4, .Index .news ul li:hover .text h3, .Index .news ul li:hover .text .tip { color: #008DD3; }

.Index .news ul li:hover .text .tip { border-color: #A3B8CE; }

.Index .news ul li:hover img { transform: scale(1.08); }

.Index .member { padding: 0.9rem 0; height: 7.5rem; background: linear-gradient(180deg, #F1F9FF 0%, #D2EBFF 100%); }

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

.Index .member .container { position: relative; z-index: 1; }

.Index .member .list { display: grid; grid-template-columns: repeat(12, 1fr); padding-top: 5%; }

.Index .member .list .item { width: 2.1rem; height: 2.1rem; margin: 0 auto; display: block; grid-column-end: span 2; margin-top: -35%; position: relative; opacity: .5; transition: all .5s ease; clip-path: polygon(50% -6%, 106% 50%, 50% 106%, -6% 50%); }

.Index .member .list .item img { margin: 0 auto; }

.Index .member .list .item:hover { opacity: 1; }

.Index .member .list .item:nth-child(7) { grid-column-start: 2; }

.Index .member .list .item:nth-child(12) { grid-column-start: 1; }

.Index .member .list .item.light { opacity: 1; }

.Index .member .waves { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; }

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

.Nei-page .banner:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; z-index: 1; }

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

.Nei-page .banner .text { width: 100%; position: absolute; left: 0; top: 2.7rem; z-index: 2; }

.Nei-page .banner .text h3 { font-size: 0.24rem; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; font-weight: lighter; }

.Nei-page .banner .text h2 { font-size: 0.44rem; color: #fff; position: relative; font-weight: bold; margin-top: 0.15rem; }

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

.Nei-page .crumbs-tabs .container { display: flex; justify-content: space-between; }

.Nei-page .crumbs-tabs .position { height: auto; overflow: hidden; line-height: 0.78rem; display: flex; align-items: center; }

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

.Nei-page .crumbs-tabs .position a.home { display: block; }

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

.Nei-page .crumbs-tabs .position .icon-position-right { margin: 0 0.05rem; font-size: 0.14rem; color: #333; }

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

.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.16rem; color: #000; 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: #008DD3; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .5s ease; }

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

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

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

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

.Nei-page .title-box { width: 81%; text-align: center; margin: 0 auto; }

.Nei-page .title-box h2 { font-size: 0.42rem; font-weight: bold; margin-bottom: 0.2rem; }

.Nei-page .title-box h2.white { color: #fff; }

.Nei-page .title-box p { font-size: 0.16rem; line-height: 0.36rem; }

.Nei-page .title-box p b { font-weight: bold; }

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

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

.About .content .section1 { padding: 0.8rem 0; background: url(../image/section1-bg.jpg) no-repeat center/cover; }

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

.About .content .section1 .text { width: 45%; padding-top: 0.4rem; }

.About .content .section1 .text .title-box { width: 100%; text-align: left; }

.About .content .section1 .text .txt h3 { font-size: 0.24rem; margin: 0.4rem auto 0.25rem; }

.About .content .section1 .text .txt p { font-size: 0.16rem; line-height: 0.36rem; }

.About .content .section1 .text .txt .common-more { margin-top: 0.35rem; }

.About .content .section1 .text .txt .common-btn { display: none; }

.About .content .section1 .text ul { margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.About .content .section1 .text ul li h5 { font-size: 0.18rem; }

.About .content .section1 .text ul li h5 b { font-size: 0.7rem; color: #008DD3; font-family: "BebasNeue"; margin-right: 0.05rem; }

.About .content .section1 .text ul li h5 i { font-size: 0.22rem; color: #008DD3; font-weight: bold; }

.About .content .section1 .text ul li h5 span { font-size: 0.3rem; color: #008DD3; vertical-align: top; font-weight: bold; }

.About .content .section1 .text ul li h6 { font-size: 0.16rem; margin-top: 0.05rem; }

.About .content .section1 .text ul li h6 i { font-size: 0.16rem; margin-right: 0.1rem; }

.About .content .section1 .img { width: 50%; }

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

.About .content .section2 { height: 8rem; padding-top: 1.5rem; background: url(../image/section2-bg.png) no-repeat center/cover; }

.About .content .section2 .title-box { width: 100%; text-align: left; color: #fff; }

.About .content .section2 .title-box p { width: 38%; }

.About .content .section2 .common-more { margin-top: 0.35rem; }

.About .content .section2 .common-btn { display: none; }

.About .content .section3 { padding: 0.8rem 0; }

.About .content .section3 .title-box { margin-bottom: 0.5rem; }

.About .content .section3 .list { display: flex; margin-top: 0.4rem; overflow: hidden; }

.About .content .section3 .list .item { width: 24.9%; height: 5.5rem; position: relative; margin-left: .1%; transition: all .8s; }

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

.About .content .section3 .list .item .text { width: 100%; padding: 0.5rem; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all .4s .4s; display: flex; flex-direction: column; justify-content: flex-end; transform: translateY(55%); }

.About .content .section3 .list .item .text h2 { font-size: 0.24rem; color: #fff; font-weight: bold; }

.About .content .section3 .list .item .text p { font-size: 0.18rem; color: #fff; margin-top: 0.2rem; height: 0.6rem; line-height: 0.3rem; opacity: 0; transition: all .5s ease; transition-delay: .3s; }

.About .content .section3 .list .item .text .btn { width: 0.42rem; height: 0.42rem; margin-top: 0.3rem; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .5s ease; transition-delay: .3s; }

.About .content .section3 .list .item .text .btn i { font-size: 0.22rem; color: #fff; }

.About .content .section3 .list .item.active { width: 50% !important; }

.About .content .section3 .list .item.active .text { transform: translateY(0); }

.About .content .section3 .list .item.active .text p { opacity: 1; }

.About .content .section3 .list .item.active .text .btn { opacity: 1; }

.About .content .section3 .list .item.active:after { opacity: 1; }

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

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

.About .content .section4 .img { width: 50%; }

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

.About .content .section4 .text { width: 50%; padding: 1.2rem 0 0 0.8rem; background: #F7FAFD; position: relative; }

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

.About .content .section4 .text .common-more { margin-top: 1.6rem; }

.About .content .section4 .text .common-btn { display: none; }

.About .content .section4 .text:after { content: ""; width: 5.02rem; height: 3.4rem; background: url(../image/section4-icon.png) no-repeat center/100%; position: absolute; right: 0; bottom: 0; }

/* About-jj */
.About-jj .content { padding-bottom: 0.9rem; }

.About-jj .content .section1 ul { margin-top: 0.5rem; display: flex; justify-content: space-around; flex-wrap: wrap; }

.About-jj .content .section1 ul li h5 { font-size: 0.18rem; }

.About-jj .content .section1 ul li h5 b { font-size: 0.7rem; color: #008DD3; font-family: "BebasNeue"; margin-right: 0.05rem; }

.About-jj .content .section1 ul li h5 i { font-size: 0.22rem; color: #008DD3; font-weight: bold; }

.About-jj .content .section1 ul li h5 span { font-size: 0.3rem; color: #008DD3; vertical-align: top; font-weight: bold; }

.About-jj .content .section1 ul li h6 { font-size: 0.16rem; margin-top: 0.05rem; }

.About-jj .content .section1 ul li h6 i { font-size: 0.16rem; margin-right: 0.1rem; }

.About-jj .content .section1 .video { overflow: hidden; margin-top: 0.5rem; position: relative; cursor: pointer; }

.About-jj .content .section1 .video img { width: 100%; height: 100%; transition: all .5s ease; }

.About-jj .content .section1 .video .play { width: 0.61rem; height: 0.6rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; display: flex; align-items: center; justify-content: center; }

.About-jj .content .section1 .video .play i { font-size: 0.2rem; color: #fff; }

.About-jj .content .section1 .video .play:after { content: ""; width: 100%; height: 100%; background: url(../image/video-circle.png) no-repeat center/100%; position: absolute; left: 0; top: 0; animation: rotate360 5s infinite linear; }

.About-jj .content .section1 .video:hover img { transform: scale(1.05); }

/* About-history */
.About-history .content .section1 { padding-bottom: 2.5rem; position: relative; }

.About-history .content .section1:after { z-index: -1; content: ""; width: 100%; height: 4.5rem; background: url(../image/history-bg.jpg) no-repeat bottom/cover; position: absolute; left: 0; bottom: 0; }

.About-history .content .section1 .tabs { overflow: hidden; margin-top: 0.5rem; position: relative; z-index: 1; }

.About-history .content .section1 .tabs:before { content: ""; width: 100%; height: 0.02rem; background: #E8E8E8; position: absolute; left: 0; bottom: 0.12rem; }

.About-history .content .section1 .tabs .swiper-slide { text-align: center; cursor: pointer; }

.About-history .content .section1 .tabs .swiper-slide h3 { font-size: 0.2rem; color: #636366; }

.About-history .content .section1 .tabs .swiper-slide .dot { width: 0.26rem; height: 0.26rem; background: url(../image/history-dot.png) no-repeat center/100%; display: block; margin: 0.15rem auto 0; }

.About-history .content .section1 .tabs .swiper-slide:hover h3, .About-history .content .section1 .tabs .swiper-slide.active h3 { color: #008DD3; font-weight: bold; }

.About-history .content .section1 .tabs .swiper-slide:hover .dot, .About-history .content .section1 .tabs .swiper-slide.active .dot { background: url(../image/history-dot1.png) no-repeat center/100%; }

.About-history .content .section1 .box { display: flex; justify-content: space-between; margin-top: 0.6rem; }

.About-history .content .section1 .box .img { width: 55%; overflow: hidden; margin-left: 12%; }

.About-history .content .section1 .box .img ul { display: flex; flex-wrap: wrap; }

.About-history .content .section1 .box .img ul li { width: 48.5%; margin-left: 3%; }

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

.About-history .content .section1 .box .img ul li:first-child { margin: 0; }

.About-history .content .section1 .slide { overflow: hidden; position: relative; z-index: 1; flex: 1; }

.About-history .content .section1 .slide .swiper-slide { display: flex; justify-content: space-between; flex-wrap: wrap; }

.About-history .content .section1 .slide .swiper-slide .text ul li { position: relative; padding-left: 0.4rem; margin-bottom: 0.6rem; }

.About-history .content .section1 .slide .swiper-slide .text ul li:before { content: ""; width: 0.22rem; height: 1px; background: #008DD3; position: absolute; left: 0; top: 0.12rem; }

.About-history .content .section1 .slide .swiper-slide .text ul li h4 { font-size: 0.26rem; color: #008DD3; font-weight: bold; margin-bottom: 0.1rem; }

.About-history .content .section1 .slide .swiper-slide .text ul li p { font-size: 0.18rem; line-height: 0.3rem; }

.About-history .content .section1 .slide .swiper-slide .img { width: 55%; overflow: hidden; }

.About-history .content .section1 .slide .swiper-slide .img ul { display: flex; flex-wrap: wrap; }

.About-history .content .section1 .slide .swiper-slide .img ul li { width: 48.5%; margin-left: 3%; }

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

.About-history .content .section1 .slide .swiper-slide .img ul li:first-child { margin: 0; }

/* About-culture */
.About-culture .content .section1 ul { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }

.About-culture .content .section1 ul li { width: 50%; position: relative; }

.About-culture .content .section1 ul li img { width: 101%; height: 101%; }

.About-culture .content .section1 ul li .text { width: 100%; padding: 0 6.25% 0.7rem; position: absolute; left: 0; bottom: 0; }

.About-culture .content .section1 ul li .text h3 { font-size: 0.3rem; color: #fff; font-weight: bold; margin-bottom: 0.2rem; }

.About-culture .content .section1 ul li .text p { font-size: 0.16rem; color: #fff; }

.About-culture .content .section2 { height: 8.75rem; padding: 0.8rem 0; position: relative; background: url(../image/culture-section2-bg.jpg) no-repeat bottom/cover; }

.About-culture .content .section2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem; }

.About-culture .content .section2 ul li { width: 19%; height: 3.9rem; background: #fff; padding: 0.35rem 0.3rem; box-shadow: 0 0 0.15rem 1px rgba(163, 184, 206, 0.13); }

.About-culture .content .section2 ul li img { width: 1.48rem; margin: 0 auto; }

.About-culture .content .section2 ul li .text { text-align: center; }

.About-culture .content .section2 ul li .text h3 { font-size: 0.24rem; font-weight: bold; margin: 0.15rem 0; }

.About-culture .content .section2 ul li .text p { font-size: 0.16rem; color: #1A1311; line-height: 0.3rem; }

/* About-honor */
.About-honor .content { padding-bottom: 0.8rem; }

.About-honor .content .list { display: flex; flex-wrap: wrap; }

.About-honor .content .list .item { width: 31%; height: 3rem; background: #F8F9F9; margin: 3.5% 3.5% 0 0; display: flex; position: relative; }

.About-honor .content .list .item:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, #00B5F0 0%, #0C5AAB 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; }

.About-honor .content .list .item:after { content: "\e9d9"; font-family: 'iconfont'; font-size: 0.4rem; color: #fff; position: absolute; right: 21%; top: 44%; opacity: 0; z-index: 1; transition: all .5s ease; transform: translateY(100%); }

.About-honor .content .list .item .text { width: 50%; padding: 0.4rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; }

.About-honor .content .list .item .text h4 { position: relative; font-size: 0.3rem; font-family: "BebasNeue"; padding-bottom: 0.2rem; transition: all .5s ease; }

.About-honor .content .list .item .text h4:before { content: ""; width: 0.2rem; height: 0.04rem; background: #008DD3; border-radius: 0.05rem; position: absolute; left: 0; bottom: 0; transition: all .5s ease; }

.About-honor .content .list .item .text h3 { font-size: 0.18rem; line-height: 0.28rem; transition: all .5s ease; }

.About-honor .content .list .item .text i { font-size: 0.6rem; color: #e1e1e1; position: absolute; right: 0.25rem; top: 0.35rem; transition: all .5s ease; }

.About-honor .content .list .item .img { width: 50%; height: 2.97rem; }

.About-honor .content .list .item .img img { width: 100%; height: 100%; aspect-ratio: 260/297; -webkit-aspect-ratio: 260/297; }

.About-honor .content .list .item:nth-child(3n) { margin-right: 0; }

.About-honor .content .list .item:hover:before { opacity: .8; }

.About-honor .content .list .item:hover:after { opacity: 1; transform: translateY(0); }

.About-honor .content .list .item:hover .text { color: #fff; }

.About-honor .content .list .item:hover .text i { color: #008DD3; opacity: .4; }

/* Industry-xq */
.Industry-xq .content { padding-top: 0; }

.Industry-xq .content .section1 .container { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; }

.Industry-xq .content .section1 .img { width: 48%; position: relative; z-index: 1; overflow: hidden; }

.Industry-xq .content .section1 .img img { transition: all .5s ease; width: 100%; height: 100%; }

.Industry-xq .content .section1 .img:hover img { transform: scale(1.08); }

.Industry-xq .content .section1 .text { width: 52%; padding: 0 6.25% 0 4%; position: relative; z-index: 1; }

.Industry-xq .content .section1 .text .title-box { width: 100%; text-align: left; margin-bottom: 0.4rem; }

.Industry-xq .content .section1 .text h3 { font-size: 0.24rem; margin-bottom: 0.3rem; }

.Industry-xq .content .section1 .text p { font-size: 0.16rem; line-height: 0.36rem; margin-top: 0.1rem; }

.Industry-xq .content .section2 { padding: 0.8rem 0 0.9rem; background: #F5F7FA; }

.Industry-xq .content .section2 .box { margin-top: 0.55rem; text-align: center; overflow: hidden; --swiper-theme-color: #fff; }

.Industry-xq .content .section2 .box .swiper-slide .img-box { height: 6rem; }

.Industry-xq .content .section2 .box .swiper-slide .img-box img { width: 100%; height: 100%; aspect-ratio: 1680/600; -webkit-aspect-ratio: 1680/600; }

.Industry-xq .content .section2 .box .swiper-slide .text-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 1.6rem 23%; }

.Industry-xq .content .section2 .box .swiper-slide .text-box h3 { font-size: 0.3rem; line-height: 0.46rem; color: #fff; font-weight: bold; margin-bottom: 0.3rem; }

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

.Industry-xq .content .section2 .box .swiper-button-next, .Industry-xq .content .section2 .box .swiper-button-prev { top: 55%; }

.Industry-xq .content .section2 .box .swiper-button-prev { left: 0.3rem; }

.Industry-xq .content .section2 .box .swiper-button-next { right: 0.3rem; }

.Industry-xq .content .section2 .box .swiper-pagination { bottom: 0.4rem; }

.Industry-xq .content .section2 .box .swiper-pagination-bullet { background-color: white; }

.Industry-xq .content .section3 { padding: 0.8rem 0; }

.Industry-xq .content .section3 ul { display: flex; margin-top: 0.4rem; overflow: hidden; }

.Industry-xq .content .section3 ul li { width: 20%; height: 7rem; position: relative; transition: all .8s; }

.Industry-xq .content .section3 ul li:before { content: ""; width: 100%; height: 40%; background: linear-gradient(180deg, transparent 0%, #000 100%); position: absolute; left: 0; bottom: 0; }

.Industry-xq .content .section3 ul li img { width: 100%; height: 100%; }

.Industry-xq .content .section3 ul li .text { width: 100%; padding: 0.4rem; overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 1; transition: all .5s ease; display: flex; flex-direction: column; justify-content: flex-end; border-top-left-radius: 0.3rem; }

.Industry-xq .content .section3 ul li .text h3 { font-size: 0.2rem; color: #fff; font-weight: bold; position: relative; padding-bottom: 0.15rem; line-height: 0.32rem; }

.Industry-xq .content .section3 ul li .text h3:before { content: ""; width: 0.2rem; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; }

.Industry-xq .content .section3 ul li .text-box { transform: translateY(100%); }

.Industry-xq .content .section3 ul li .text-box.text { width: 80%; background: linear-gradient(129deg, #01ADEA 0%, #0A67B5 100%); }

.Industry-xq .content .section3 ul li .text-box.text p { font-size: 0.16rem; color: #fff; margin-top: 0.15rem; line-height: 0.28rem; transition: all .5s ease; }

.Industry-xq .content .section3 ul li.active { width: 54% !important; }

.Industry-xq .content .section3 ul li.active .text-p { opacity: 0; }

.Industry-xq .content .section3 ul li.active .text-box { transform: translateY(0); transition: all .6s ease; transition-delay: .6s; }

.Industry-xq .content .section4 { padding: 0.8rem 0 1rem; background: #F5F7FA; }

.Industry-xq .content .section4 .common-btn { margin-top: 0.9rem; }

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

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

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

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

.Product .content .filter .title { font-size: 0.2rem; font-weight: bold; }

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

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

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

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

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

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

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

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

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

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

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

.Product .content .filter .fllist .other { display: none; }

.Product .content .filter .more { width: 1.5rem; font-size: 0.16rem; color: #999; text-align: center; cursor: pointer; margin: 0.4rem auto 0; transition: all .5s ease; }

.Product .content .filter .more i { font-size: 0.16rem; display: inline-block; transition: all .5s ease; }

.Product .content .filter .more:hover { color: #008DD3; }

.Product .content .filter .more.active i { transform: rotate(180deg); }

.Product .content .result { background: #fff; padding: 0.2rem; margin-bottom: 0.3rem; display: flex; align-items: center; }

.Product .content .result i { font-size: 0.18rem; color: #008DD3; margin-right: 0.05rem; }

.Product .content .result span { font-size: 0.16rem; color: #333; margin: 0 0.06rem; }

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

.product-list li { width: 23.125%; margin: 2.5% 2.5% 0 0; background: #fff; }

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

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

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

.product-list li .text h3 { font-size: 0.22rem; line-height: 0.3rem; margin-bottom: 0.2rem; transition: all .5s ease; }

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

.product-list li .text .btn { width: 0.5rem; height: 0.5rem; background: #008DD3; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; }

.product-list li .text .btn i { font-size: 0.24rem; color: #fff; }

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

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

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

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

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

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

.product-list li:hover .text h3 { color: #008DD3; }

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

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

/* Product-xq */
.Product-xq .crumbs-tabs { background: #fff; }

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

.Product-xq .content .section .title-box { margin-bottom: 0.5rem; }

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

.Product-xq .content .section1 .imgs { width: 48%; overflow: hidden; }

.Product-xq .content .section1 .imgs .big { overflow: hidden; position: relative; background-color: #F9FAFC; }

.Product-xq .content .section1 .imgs .big img { width: 100%; aspect-ratio: 80/50; -webkit-aspect-ratio: 80/50; }

.Product-xq .content .section1 .imgs .big .swiper-pagination { bottom: 0.2rem; }

.Product-xq .content .section1 .imgs .big .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.03rem; border-radius: 0; }

.Product-xq .content .section1 .imgs .big .icon { cursor: pointer; z-index: 2; position: absolute; top: 50%; margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #008DD3; display: flex; justify-content: center; align-items: center; }

.Product-xq .content .section1 .imgs .big .icon span { color: #fff; font-weight: bold; }

.Product-xq .content .section1 .imgs .big .icon.prev { left: 0.2rem; }

.Product-xq .content .section1 .imgs .big .icon.next { right: 0.2rem; }

.Product-xq .content .section1 .imgs .big .icon.swiper-button-disabled { background-color: #C8C8C8; }

.Product-xq .content .section1 .imgs .thumbs { overflow: hidden; margin-top: 0.2rem; }

.Product-xq .content .section1 .imgs .thumbs .swiper-slide { position: relative; cursor: pointer; }

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

.Product-xq .content .section1 .imgs .thumbs .swiper-slide.active:before { content: ""; width: 100%; height: 100%; border: 1px solid #008DD3; position: absolute; left: 0; top: 0; }

.Product-xq .content .section1 .text { width: 48%; }

.Product-xq .content .section1 .text h2 { font-size: 0.42rem; font-weight: bold; }

.Product-xq .content .section1 .text ul { margin-top: 0.28rem; }

.Product-xq .content .section1 .text ul li { font-size: 0.16rem; line-height: 0.26rem; position: relative; padding-left: 0.15rem; margin-top: 0.1rem; }

.Product-xq .content .section1 .text ul li:before { content: ""; width: 0.06rem; height: 0.06rem; background: #008DD3; border-radius: 50%; position: absolute; left: 0; top: 0.09rem; }

.Product-xq .content .section1 .text .fit { padding: 0.2rem 0.4rem 0; margin-top: 0.25rem; background: #F9FAFC; }

.Product-xq .content .section1 .text .fit h3 { font-size: 0.24rem; }

.Product-xq .content .section1 .text .fit .cars { overflow: hidden; position: relative; margin-top: 0.2rem; padding-bottom: 0.25rem; }

.Product-xq .content .section1 .text .fit .cars .item { text-align: center; }

.Product-xq .content .section1 .text .fit .cars .item:first-child { margin-left: 0; }

.Product-xq .content .section1 .text .fit .cars .item img { width: 0.8rem; margin: 0 auto; display: block; }

.Product-xq .content .section1 .text .fit .cars .item h4 { font-size: 0.16rem; margin-top: 0.15rem; }

.Product-xq .content .section1 .text .fit .cars .swiper-horizontal > .swiper-scrollbar, .Product-xq .content .section1 .text .fit .cars .swiper-scrollbar.swiper-scrollbar-horizontal { height: 0.03rem; }

.Product-xq .content .section1 .text .fit .cars .swiper-scrollbar-drag { background: rgba(6, 131, 213, 0.5); }

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

.Product-xq .content .section1 .text .btns .btn { min-width: 2.8rem; padding: 0 0.4rem; height: 0.7rem; font-size: 0.18rem; display: flex; align-items: center; justify-content: center; border: 1px solid #008DD3; color: #008DD3; margin-left: 0.7rem; border-radius: 0.5rem; }

.Product-xq .content .section1 .text .btns .btn:first-child { color: #fff; background: #008DD3; margin: 0; }

.Product-xq .content .section1 .text .btns .btn:hover { opacity: .8; }

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

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

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

.Product-xq .content .section3 table tr th { font-size: 0.2rem; color: #fff; padding: 0.2rem 0.2rem 0.2rem 1.2rem; text-align: left; font-weight: bold; background: #0683D5; border: 1px solid #EBEBEB; }

.Product-xq .content .section3 table tr td { font-size: 0.16rem; padding: 0.2rem 0.2rem 0.2rem 1.2rem; border: 1px solid #EBEBEB; line-height: 0.24rem; }

.Product-xq .content .section4 { padding: 0.8rem 0; background: #F5F7FA; }

.Product-xq .content .section4 .title-box { margin-bottom: 0; }

.Product-xq .content .section4 .title-box h2 { margin-bottom: 0.05rem; }

/* News */
.News .content { padding-bottom: 1rem; }

.News .content .section1 .big { overflow: hidden; background: #F5F7FA; }

.News .content .section1 .big .left { width: 50%; float: left; overflow: hidden; position: relative; }

.News .content .section1 .big .left .swiper-slide { overflow: hidden; }

.News .content .section1 .big .left .swiper-slide .img { overflow: hidden; }

.News .content .section1 .big .left .swiper-slide .img img { width: 100%; height: 100%; }

.News .content .section1 .big .left .swiper-slide:hover img { transform: scale(1.08); }

.News .content .section1 .big .left .button { transition: all .5s ease; opacity: 0; cursor: pointer; z-index: 2; width: 0.4rem; height: 0.4rem; background-color: #008DD3; color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: rotateY(-50%); }

.News .content .section1 .big .left .button span { font-size: 0.18rem; font-weight: bold; }

.News .content .section1 .big .left .button-next { right: 0.4rem; }

.News .content .section1 .big .left .button-prev { left: 0.4rem; }

.News .content .section1 .big .left:hover .button { opacity: 1; }

.News .content .section1 .big .left .swiper-pagination { text-align: right; color: #fff; padding-right: 0.36rem; padding-bottom: 0.2rem; }

.News .content .section1 .big .left .swiper-pagination span { color: #fff; }

.News .content .section1 .big .left .swiper-pagination .swiper-pagination-current { font-size: 0.32rem; }

.News .content .section1 .big .left .swiper-pagination .swiper-pagination-total { font-size: 0.22rem; }

.News .content .section1 .big .right { height: auto; overflow: hidden; position: relative; }

.News .content .section1 .big .right .text-box { flex: 1; padding: 0.66rem 0.6rem; background: #F5F7FA; display: none; }

.News .content .section1 .big .right .text-box:first-child { display: block; }

.News .content .section1 .big .right .text-box h4 { font-size: 0.18rem; color: #000; margin-bottom: 0.2rem; }

.News .content .section1 .big .right .text-box h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 0.28rem; font-weight: bold; color: #000; line-height: 0.4rem; margin-bottom: 0.24rem; }

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

.News .content .section1 .big .right .text-box .more { margin-top: 0.6rem; }

.News .content .section1 .big .right .text-box .more a { width: 1.71rem; height: 0.5rem; font-size: 0.16rem; background: #008DD3; border-radius: 0.5rem; display: block; color: #fff; display: flex; justify-content: center; align-items: center; }

.News .content .section1 .big .right .text-box .more a span { font-weight: bold; font-size: 0.2rem; margin-left: 0.2rem; }

.News .content .section1 .big .right .text-box .more a:hover { opacity: .8; }

.News .content .section1 .big .right .swiper-pagination { display: none; }

.News .content .section1 .box { padding-top: 0.2rem; }

.News .content .section1 .box ul li { border-bottom: 1px solid #E6E6E6; }

.News .content .section1 .box ul li a { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0; }

.News .content .section1 .box ul li a .img { width: 31%; margin-left: 0.48rem; overflow: hidden; }

.News .content .section1 .box ul li a .img img { display: block; width: 100%; height: 100%; }

.News .content .section1 .box ul li a .text-box { flex: 1; }

.News .content .section1 .box ul li a .text-box h4 { font-size: 0.18rem; color: #000; margin-bottom: 0.3rem; }

.News .content .section1 .box ul li a .text-box h3 { transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 0.2rem; font-weight: bold; color: #000; line-height: 0.3rem; margin-bottom: 0.24rem; }

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

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

.News .content .section1 .box ul li a:hover h3 { color: #008DD3; }

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

.news-list { height: auto; overflow: visible; margin-bottom: 0.6rem; }

.news-list li { padding: 0.4rem 0; border-bottom: 1px solid #E2E6EC; }

.news-list li a { display: flex; flex-direction: row-reverse; }

.news-list li .img { width: 29%; overflow: hidden; margin-left: 1rem; }

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

.news-list li .text { width: 0; flex: 1; padding: 0.4rem 0; }

.news-list li .text h4 { font-size: 0.17rem; color: #6A6A6A; }

.news-list li .text h4 i { font-size: 0.22rem; color: #6A6A6A; font-weight: bold; margin-right: 0.05rem; vertical-align: -0.02rem; }

.news-list li .text h3 { font-size: 0.2rem; color: #000; margin: 0.25rem 0 0.15rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

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

.news-list li .text .look { font-size: 0.16rem; color: #000; margin-top: 0.25rem; transition: all .5s ease; }

.news-list li .text .look i { font-size: 0.14rem; color: #000; font-weight: bold; vertical-align: 0.01rem; margin-left: 0.05rem; transition: all .5s ease; }

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

.news-list li:hover .text h3, .news-list li:hover .text .look { color: #008DD3; }

.news-list li:hover .text h3 i, .news-list li:hover .text .look i { margin-left: 0.1rem; color: #008DD3; }

.news-list li:first-child { padding-top: 0; }

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

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

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

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

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

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

.News-xq .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: #48A414; }

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

.News-xq .content .left .other .share a.qq { color: #008DD3; }

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

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

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

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

.News-xq .content .left .relevant a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; text-align: left; color: #616164; 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: #008DD3; }

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

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

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

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

.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.18rem; color: #000; margin-bottom: 0.2rem; }

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

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

.News-xq .content .right ul li .text i { margin-top: 0.2rem; display: block; font-size: 0.2rem; color: #666; 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: #008DD3; }

.News-xq .content .right ul li:hover .text i { color: #008DD3; transform: translateX(10px); }

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

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

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

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

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

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

.Page404 .content .text { width: 430px; 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 #1A52EE; color: #1A52EE; text-align: center; display: block; float: left; }

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

/* Sitemap */
.Sitemap .banner .text { top: 1.7rem; }

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

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

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

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

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

.Sitemap .content dl dt a:hover { color: #008DD3; }

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

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

.Sitemap .content dl dd a:hover { color: #008DD3; }

/* Legal */
.Legal .banner .text { top: 1.7rem; }

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

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

.Legal .content h3 { 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; }

/* Friendlink */
.Friendlink .banner .text { top: 1.7rem; }

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

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

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

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

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

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

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

.Friendlink .content dl dd a:hover h2 { color: #008DD3; }

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

/* Contact */
.Contact .content { padding-top: 0.78rem; }

.Contact .way-list { margin: 0.5rem 0 1rem; }

.Contact .way-list ul { display: flex; justify-content: center; }

.Contact .way-list ul li { text-align: center; flex: 1; flex-shrink: 0; }

.Contact .way-list ul li img { width: 0.94rem; margin: 0 auto; flex-shrink: 0; }

.Contact .way-list ul li h2 { font-size: 0.24rem; color: #1A1311; margin-bottom: 0.1rem; }

.Contact .way-list ul li p { font-size: 0.18rem; color: #1A1311; min-height: 0.25rem; }

.Contact .company-list { padding-top: 1.3rem; padding-bottom: 0.6rem; background: url(../image/bg-company-list.jpg) no-repeat center/cover fixed; }

.Contact .company-list .title-box h2 { margin-bottom: 0.55rem; }

.Contact .company-list .scrollBox { height: 5.89rem; }

.Contact .company-list .box { position: relative; }

.Contact .company-list .company-box { position: relative; overflow: hidden; padding-bottom: 1.17rem; }

.Contact .company-list .company-box .swiper-button-next, .Contact .company-list .company-box .swiper-button-prev { top: 42%; }

.Contact .company-list .btn-left { cursor: pointer; position: absolute; top: 44%; margin-top: -0.4rem; left: -0.8rem; width: 0.6rem; height: 0.6rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; color: #fff; background-color: #008DD3; }

.Contact .company-list .btn-left span { font-size: 0.2rem; }

.Contact .company-list .btn-right { cursor: pointer; position: absolute; top: 44%; margin-top: -0.4rem; right: -0.8rem; width: 0.6rem; height: 0.6rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; color: #fff; background-color: #008DD3; }

.Contact .company-list .btn-right span { font-size: 0.2rem; }

.Contact .company-list .swiper-button-disabled { background-color: #d2d2d2; color: #666; }

.Contact .company-list ul { display: flex; flex-wrap: wrap; }

.Contact .company-list ul li { transition: all .5s ease; width: 31.5%; margin-right: 2.75%; padding: 0.46rem 0.66rem; height: 2.74rem; margin-top: 0.4rem; background: url(../image/bg-company-list.png) no-repeat center/cover; box-shadow: 0 0 0.15rem 1px rgba(13, 110, 208, 0.07); border-radius: 0.1rem; }

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

.Contact .company-list ul li:nth-child(-n+3) { margin-top: 0; }

.Contact .company-list ul li h3 { transition: all .5s ease; font-weight: bold; font-weight: bold; font-size: 0.2rem; color: #1A1311; position: relative; margin-bottom: 0.3rem; padding-bottom: 0.2rem; }

.Contact .company-list ul li h3:before { transition: all .5s ease; content: ""; position: absolute; left: 0; bottom: 0; width: 0.2rem; height: 0.03rem; background-color: #008DD3; }

.Contact .company-list ul li p { transition: all .5s ease; font-size: 0.16rem; color: #616164; margin-bottom: 0.25rem; }

.Contact .company-list ul li p:last-child { margin-bottom: 0; }

.Contact .company-list ul li:hover { background: url(../image/bg-company-list-active.png) no-repeat center/cover; box-shadow: 0 0 0.15rem 1px rgba(6, 131, 213, 0.3); }

.Contact .company-list ul li:hover h3, .Contact .company-list ul li:hover p { color: #fff; }

.Contact .company-list ul li:hover h3:before { background-color: #fff; }

.Contact .company-list .load-more { margin: 0.3rem auto 0; height: 0.5rem; }

.Contact .company-list .load-more a { margin: 0 auto; display: block; width: 1.7rem; height: 0.5rem; border-radius: 0.4rem; background-color: #008DD3; color: #fff; font-size: 0.16rem; display: flex; justify-content: center; align-items: center; }

.Contact .company-list .load-more a span { margin-left: 0.08rem; font-size: 0.2rem; }

.Contact .company-list .load-more a:hover { opacity: .8; }

/* Order */
.Order { padding: 0.8rem 0 0.9rem; }

.Order .title-box h2 { margin-bottom: 0.55rem; }

.Order .order-box { display: flex; justify-content: space-between; }

.Order .order-box .img-box { width: 61.9%; }

.Order .order-box .img-box img { display: block; width: 100%; height: 100%; }

.Order .order-box .text-box { flex: auto; background-color: #F9FAFC; padding: 0.74rem 0.65rem; }

.Order .order-box .text-box h3 { font-weight: bold; font-size: 0.2rem; color: #1A1311; margin-bottom: 0.1rem; }

.Order .order-box .text-box .input-box { border-bottom: 1px solid #666; padding-top: 0.4rem; }

.Order .order-box .text-box .input-box input, .Order .order-box .text-box .input-box textarea { padding: 0rem 0 0.2rem; font-size: 0.16rem; color: #000; }

.Order .order-box .text-box .input-box input::placeholder, .Order .order-box .text-box .input-box textarea::placeholder { color: #666; }

.Order .order-box .text-box .btn-box { display: flex; justify-content: center; }

.Order .order-box .text-box .btn { transition: all .5s ease; background: transparent; cursor: pointer; margin-top: 0.5rem; width: 100%; height: 0.6rem; border-radius: 0.3rem; border: 1px solid #000; display: block; text-align: center; line-height: 0.6rem; font-size: 0.2rem; color: #1A1311; }

.Order .order-box .text-box .btn:hover { background-color: #1A1311; color: #fff; }

/* Join */
.Join .tab-list { margin: 0 auto 0.8rem; display: flex; justify-content: center; }

.Join .tab-list li { cursor: pointer; margin-right: 0.3rem; }

.Join .tab-list li a { width: 2.4rem; height: 0.6rem; background: #F5F7FA; display: flex; justify-content: center; align-items: center; font-size: 0.18rem; }

.Join .tab-list li.active a { color: #fff; background: #0683D5; }

.Join .join-swiper { overflow: hidden; margin-bottom: 1.1rem; }

.Join .join-swiper .swiper-slide { padding-top: 0.8rem; }

.Join .join-swiper .fuli-box { padding-top: 0.3rem; }

.Join .join-swiper .fuli-box ul { display: flex; justify-content: space-between; width: 100%; }

.Join .join-swiper .fuli-box ul li { transition: all .8s; width: 24.4%; position: relative; margin-left: 0.2rem; height: 6rem; }

.Join .join-swiper .fuli-box ul li::after { z-index: 2; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; }

.Join .join-swiper .fuli-box ul li:first-child { margin-left: 0; }

.Join .join-swiper .fuli-box ul li img { height: 100%; width: 100%; }

.Join .join-swiper .fuli-box ul li .text-box { z-index: 3; transition: all .4s .4s; transition-delay: .8s; width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 0; height: 1rem; background: linear-gradient(360deg, #000 0%, transparent 100%); }

.Join .join-swiper .fuli-box ul li .text-box .item { width: 100%; }

.Join .join-swiper .fuli-box ul li .text-box h3 { font-weight: bold; font-size: 0.24rem; text-align: center; color: #fff; }

.Join .join-swiper .fuli-box ul li .text-box p { display: none; }

.Join .join-swiper .fuli-box ul li .text-box dl { display: none; }

.Join .join-swiper .fuli-box ul li.active { width: 48.8%; top: 0; }

.Join .join-swiper .fuli-box ul li.active::after { opacity: 1; }

.Join .join-swiper .fuli-box ul li.active .text-box { top: 0; height: auto; background: none; }

.Join .join-swiper .fuli-box ul li.active .text-box h3 { line-height: normal; margin-bottom: 0.1rem; }

.Join .join-swiper .fuli-box ul li.active .text-box p { display: block; color: #fff; text-align: center; font-size: 0.16rem; line-height: 0.3rem; }

.Join .join-swiper .fuli-box ul li.active .text-box dl { display: flex; justify-content: center; margin-top: 0.75rem; padding: 0 0.3rem; }

.Join .join-swiper .fuli-box ul li.active .text-box dl dd { flex: 1; }

.Join .join-swiper .fuli-box ul li.active .text-box dl dd img { width: 0.5rem; height: 0.5rem; margin: 0 auto 0.15rem; }

.Join .join-swiper .fuli-box ul li.active .text-box dl dd .tag { margin: 0 auto 0.2rem; width: 1.25rem; height: 0.36rem; background: #0683D5; border-radius: 0.25rem; line-height: 0.36rem; text-align: center; font-size: 0.16rem; color: #fff; }

.Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl { margin-top: 0.4rem; padding: 0; }

.Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl p { font-size: 0.15rem; }

.Join .join-swiper .table-box { height: auto; overflow: hidden; }

.Join .join-swiper .table-box .table-title { width: 100%; overflow: hidden; line-height: 0.8rem; background: #008DD3; }

.Join .join-swiper .table-box .table-title .item { width: 25%; float: left; text-align: center; font-size: 0.2rem; color: #fff; position: relative; font-weight: bold; }

.Join .join-swiper .table-box .table { height: auto; overflow: hidden; }

.Join .join-swiper .table-box .table li { height: auto; overflow: hidden; border-bottom: 1px dashed #EBEBEB; }

.Join .join-swiper .table-box .table li .item { width: 25%; line-height: 0.8rem; float: left; text-align: center; font-size: 0.18rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.Join .join-swiper .table-box .table li .item .iconfont { font-size: 0.2rem; color: #07243F; position: absolute; right: 10%; transition: all .5s ease; }

.Join .join-swiper .table-box .table li .con { height: auto; overflow: hidden; padding: 0 0.3rem 0.2rem; display: none; background: #F8F8F8; }

.Join .join-swiper .table-box .table li .con .bb { height: auto; overflow: hidden; }

.Join .join-swiper .table-box .table li .con .bb .tt { font-size: 0.16rem; color: #1A1311; margin-bottom: 0.1rem; margin-top: 0.2rem; }

.Join .join-swiper .table-box .table li .con .bb p { font-size: 0.16rem; color: #666; line-height: 0.26rem; position: relative; }

.Join .join-swiper .table-box .table li.active { border: 0; }

.Join .join-swiper .table-box .table li.active .iconfont { transform: rotate(180deg); }

.Join .join-swiper .mab { margin-bottom: 0.6rem; }

.Join .join-swiper .mat { margin-top: 0.6rem; }

.Join .join-swiper .process { padding-top: 0.3rem; margin-bottom: 0.8rem; }

.Join .join-swiper .process ul { display: flex; justify-content: space-between; }

.Join .join-swiper .process ul li { padding: 0.35rem 0.3rem; background-color: #F5F7FA; width: 22.6%; }

.Join .join-swiper .process ul li .tit { display: flex; justify-content: space-between; align-items: center; }

.Join .join-swiper .process ul li .tit img:nth-child(1) { width: 0.51rem; }

.Join .join-swiper .process ul li .tit img:nth-child(2) { width: 0.68rem; }

.Join .join-swiper .process ul li h3 { font-size: 0.24rem; margin: 0.4rem 0 0.2rem; }

.Join .join-swiper .process ul li p { font-size: 0.18rem; color: #333; line-height: 0.36rem; }

/* Technology */
.Technology .content { padding: 0; }

.Technology .section { position: relative; height: 97vh; }

.Technology .section .text-box { z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; }

.Technology .section .text-box .container { width: 60.6%; }

.Technology .section .text-box h2 { font-size: 0.42rem; color: #fff; font-weight: bold; text-align: center; margin-bottom: 0.5rem; }

.Technology .section .text-box p { font-size: 0.18rem; color: rgba(255, 255, 255, 0.8); line-height: 0.4rem; text-align: center; }

.Technology .section img { width: 100%; height: 100%; }

.Technology .section span { width: 0.2rem; height: 0.2rem; background: url("../image/arrow.png") no-repeat; background-size: cover; display: block; position: absolute; left: 50%; margin-left: -0.2rem; bottom: 0.5rem; z-index: 2; animation: mouseMove 1.5s infinite alternate; }

/* Jingtai */
.Jingtai .mat { margin-top: 0.4rem; }

.Jingtai .block { margin-top: 0.8rem; }

.Jingtai .block:first-child { margin-top: 0; }

.Jingtai .block .title-box p { width: 82%; margin: 0 auto; }

.Jingtai .block ul li { display: flex; align-items: center; background: #F9FAFC; margin-top: 0.6rem; }

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

.Jingtai .block ul li:nth-child(2n) { flex-direction: row-reverse; }

.Jingtai .block ul li .img { width: 44.6%; }

.Jingtai .block ul li .img img { display: block; width: 100%; height: 100%; }

.Jingtai .block ul li .text-box { flex: 1; padding: 0 0.8rem; }

.Jingtai .block ul li .text-box h3 { font-size: 0.3rem; color: #000; position: relative; padding-bottom: 0.2rem; font-weight: bold; margin-bottom: 0.3rem; }

.Jingtai .block ul li .text-box h3:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0.2rem; height: 0.03rem; border-radius: 0.05rem; background-color: #008DD3; }

.Jingtai .block ul li .text-box p { font-size: 0.16rem; color: #000; line-height: 0.28rem; }

.Jingtai .block ul li .text-box dl { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }

.Jingtai .block ul li .text-box dl dd { border: 1px solid #008DD3; color: #008DD3; border-radius: 0.04rem; height: 0.4rem; line-height: 0.4rem; padding: 0 0.2rem; margin: 0 0.2rem 0.15rem 0; }

/* Industry-list */
.Industry-list .content { background-color: #F5F7FA; padding-bottom: 1.2rem; }

.Industry-list .box { margin-top: 0.8rem; }

.Industry-list .box ul { display: flex; flex-wrap: wrap; }

.Industry-list .box ul li { width: 31.4%; margin-right: 2.9%; height: 2.6rem; margin-bottom: 0.5rem; box-shadow: 2px 2px 10px 1px #E1E5EB; border-radius: 0.1rem; overflow: hidden; background: #FFFFFF; }

.Industry-list .box ul li:nth-child(3n) { margin-right: 0; }

.Industry-list .box ul li a { width: 100%; height: 100%; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: block; padding: 0.3rem; }

.Industry-list .box ul li a .logo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.3rem; }

.Industry-list .box ul li a .logo img:nth-child(1) { width: 2.7rem; }

.Industry-list .box ul li a .logo img:nth-child(2) { width: 0.18rem; }

.Industry-list .box ul li a h3 { margin-bottom: 0.25rem; font-size: 0.24rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Industry-list .box ul li a dl { display: flex; }

.Industry-list .box ul li a dl dd { background: rgba(6, 131, 213, 0.1); color: #008DD3; font-size: 0.16rem; padding: 0.1rem 0.28rem; margin-right: 0.2rem; line-height: 0.22rem; margin-top: 0.1rem; }

.Industry-list .box ul li a p { transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: none; color: #fff; font-size: 0.16rem; line-height: 0.28rem; }

.Industry-list .box ul li a:hover { background: linear-gradient(90deg, #02ABE9 0%, #0A6AB7 100%); padding-top: 0.6rem; }

.Industry-list .box ul li a:hover .logo { display: none; }

.Industry-list .box ul li a:hover h3 { color: #fff; margin-bottom: 0.25rem; }

.Industry-list .box ul li a:hover dl { display: none; }

.Industry-list .box ul li a:hover p { display: -webkit-box; }

/* Industry */
.Industry .section1 .list { display: flex; justify-content: center; align-items: center; margin-bottom: 1.1rem; margin-top: 0.4rem; padding: 0 1%; }

.Industry .section1 .list a { display: block; width: 20%; position: relative; height: 7rem; margin: 0 0 0 1%; transition: all .5s ease; border-radius: 0.2rem; overflow: hidden; }

.Industry .section1 .list a:first-child { margin-left: 0; }

.Industry .section1 .list a::before { transition: all .5s ease; opacity: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: linear-gradient(180deg, rgba(6, 131, 213, 0) 0%, #0683D5 100%); }

.Industry .section1 .list a img { width: 100%; height: 100%; object-fit: cover; }

.Industry .section1 .list a .text { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; }

.Industry .section1 .list a .text .icon { display: flex; justify-content: center; }

.Industry .section1 .list a .text .icon img { width: 0.5rem; }

.Industry .section1 .list a .text h2 { font-size: 0.2rem; font-weight: bold; color: #fff; text-align: center; margin: 0.2rem 0; }

.Industry .section1 .list a .text p { font-size: 0.16rem; line-height: 0.28rem; color: #fff; text-align: center; opacity: .85; }

.Industry .section1 .list a .text .btn { margin-top: 0.45rem; justify-content: center; display: flex; }

.Industry .section1 .list a .text .btn img { width: 0.18rem; }

.Industry .section1 .list a .text-p { transition: all .5s ease; padding: 0.7rem 0 0.67rem; background: linear-gradient(180deg, transparent 0%, #000000 100%); }

.Industry .section1 .list a .text-p .btn { display: none; }

.Industry .section1 .list a .text-box { transform: translateY(100%); padding: 0 9.2% 0.3rem; }

.Industry .section1 .list a.active { width: 56%; }

.Industry .section1 .list a.active::before { opacity: 1; }

.Industry .section1 .list a.active .text-p { opacity: 0; }

.Industry .section1 .list a.active .text-box { transform: translateY(0); transition: all .5s ease; transition-delay: .5s; }

/* AboutCompliance */
.AboutCompliance .content { padding-bottom: 8%; }

.AboutCompliance .content h1 { font-weight: bold; margin: 0 0 0.4rem 0; text-align: center; font-size: 0.42rem; }

.AboutCompliance .content h2 { font-size: 0.24rem; margin: 0.4rem 0 0.2rem; color: #000; }

.AboutCompliance .content h3 { font-size: 0.2rem; text-indent: 0.32rem; margin: 0.1rem 0 0.2rem; color: #000; }

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

.AboutCompliance .content p { font-size: 0.18rem; line-height: 0.36rem; margin-bottom: 0.15rem; text-indent: 0.32rem; }

.AboutCompliance .content p a { color: #008DD3; }

.AboutCompliance .content ul { margin: 0.1rem 0 0.3rem; }

.AboutCompliance .content ul li { list-style-type: disc; margin-bottom: 5px; line-height: 1.75; font-size: 0.16rem; }

.AboutCompliance .content ul li a { text-decoration: underline; }

.AboutCompliance .content .flnav { display: flex; flex-wrap: wrap; justify-content: space-between; }

.AboutCompliance .content .flnav .item { width: 48.5%; overflow: hidden; }

.AboutCompliance .content .flnav .item .img { overflow: hidden; }

.AboutCompliance .content .flnav .item .img img { display: block; width: 100%; transition: all .5s ease; }

.AboutCompliance .content .flnav .item h3 { transition: all .5s ease; font-size: 0.2rem; margin-top: 0.1rem; text-align: center; text-indent: 0; }

.AboutCompliance .content .flnav .item :hover img { transform: scale(1.08); }

/* fixed-right */
.fixed-right { position: fixed; right: 1.2%; top: 50%; transform: translateY(-50%); z-index: 4; }

.fixed-right .item { transition: all .5s ease; cursor: pointer; opacity: 1; visibility: visible; margin-top: 0.2rem; border-radius: 100%; background: #008DD3; box-shadow: 0px 3px 6px 1px rgba(0, 114, 188, 0.5); }

.fixed-right .item a { display: block; position: relative; width: 0.6rem; height: 0.6rem; text-align: center; line-height: 0.6rem; }

.fixed-right .item span { color: #fff; font-size: 0.26rem; }

.fixed-right .item .item-box { transition: all .5s ease; opacity: 0; visibility: hidden; position: absolute; right: 0.85rem; top: 0; height: 0.68rem; display: flex; align-items: center; justify-content: center; }

.fixed-right .item .item-box.tel { width: 1.8rem; background: url("../image/bg-fixed-right-item-1.png") center center no-repeat; background-size: 100%; }

.fixed-right .item .item-box.order { width: 1.2rem; background: url("../image/bg-fixed-right-item.png") center center no-repeat; background-size: 100%; }

.fixed-right .item:hover .item-box { opacity: 1; visibility: visible; right: 0.75rem; }

.fixed-right.hidden { opacity: 0; visibility: hidden; z-index: -1; }

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

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

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

/*! <=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; }
  .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 .right { display: none; }
  .header .rightMob { display: block; padding: 0.26rem 0.3rem; }
  .header .rightMob i { color: #fff; font-size: 0.45rem; }
  .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: #008DD3; }
  .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(../image/logo.png) no-repeat center/100%; }
  .header.white { background: #fff; box-shadow: none; }
  .header.white .logo { background: url(../image/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 .item { width: 48%; float: left; margin-top: 0.4rem; }
  .header .submenu-xs dl dd .item:nth-child(2n) { float: right; }
  .header .submenu-xs dl dd .item 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.5rem; }
  .footer:before { display: none; }
  .footer .top { padding-bottom: 0.42rem; border-bottom: 1px solid rgba(112, 112, 112, 0.3); }
  .footer .top img { margin: 0 auto; width: 4rem; }
  .footer .center { display: none; }
  .footer .bottom { margin: 0.36rem 0 0.7rem; display: flex; justify-content: space-between; align-items: center; }
  .footer .bottom .left { width: 100%; }
  .footer .bottom .left .bn { text-align: center; }
  .footer .bottom .left .bn a { font-size: 0.24rem; margin-right: 0.46rem; margin-left: 0.46rem; position: relative; }
  .footer .bottom .left .bn a:before { content: ""; position: absolute; left: -0.46rem; top: 0; bottom: 0; width: 1px; background-color: #A3B8CE; }
  .footer .bottom .left .bn a:first-child { margin-left: 0; }
  .footer .bottom .left .bn a:first-child:before { display: none; }
  .footer .bottom .left .bn a:last-child { margin-right: 0; }
  .footer .bottom .left .copyright { font-size: 0.24rem; color: #A3B8CE; margin-top: 0.57rem; text-align: center; line-height: 0.42rem; }
  .footer .bottom .left .copyright a { color: #A3B8CE; display: block; margin-bottom: 0.1rem; margin-right: 0; }
  .footer .bottom .right { display: none; }
  .common-more { font-size: 0.26rem; margin-top: 0.3rem; }
  .common-more span { width: 0.62rem; height: 0.62rem; }
  .common-more span i { font-size: 0.28rem; }
  .common-more span:after { width: 0.1rem; height: 0.1rem; margin-left: -0.05rem; margin-top: -0.05rem; transform-origin: 0.05rem 0.36rem; }
  .common-btn { width: 2.4rem; height: 0.7rem; font-size: 0.26rem; margin: 0.3rem auto 0; }
  .common-btn i { font-size: 0.28rem; }
  /* Index */
  .Index .banner { height: 7.5rem; }
  .Index .banner .swiper-slide .text { padding-top: 3rem; }
  .Index .banner .swiper-slide .text h4 { font-size: 0.3rem; }
  .Index .banner .swiper-slide .text h3 { font-size: 0.5rem; margin-top: 0.2rem; }
  .Index .banner .mouse { width: 0.5rem; }
  .Index .banner .mouse .icon-mouse { font-size: 0.5rem; }
  .Index .banner .mouse .icon-down { font-size: 0.3rem; }
  .Index .section .title-box { margin-bottom: 0.5rem; }
  .Index .section .title-box h3 { font-size: 0.3rem; }
  .Index .section .title-box h2 { font-size: 0.42rem; }
  .Index .about { padding: 0.8rem 0; }
  .Index .about .text { width: 100%; }
  .Index .about .text .txt h3 { font-size: 0.34rem; margin-bottom: 0.3rem; line-height: 0.5rem; }
  .Index .about .text .txt p { font-size: 0.28rem; line-height: 0.44rem; }
  .Index .about .text .txt ul { margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .Index .about .text .txt ul li h5 { font-size: 0.26rem; }
  .Index .about .text .txt ul li h5 b { font-size: 0.7rem; }
  .Index .about .text .txt ul li h5 i { font-size: 0.28rem; }
  .Index .about .text .txt ul li h5 span { font-size: 0.3rem; }
  .Index .about .text .txt ul li h6 { font-size: 0.26rem; }
  .Index .about .text .txt .common-more { margin-top: 0.5rem; }
  .Index .about .img { width: 100%; margin-top: 0.5rem; }
  .Index .business .title-box { left: 0.3rem; top: 0.8rem; }
  .Index .business .slide { height: 9.5rem; }
  .Index .business .slide .swiper-slide .text { top: 2rem; }
  .Index .business .slide .swiper-slide .text h3 { font-size: 0.34rem; margin-bottom: 0.2rem; }
  .Index .business .slide .swiper-slide .text p { width: 100%; font-size: 0.28rem; line-height: 0.42rem; }
  .Index .business .tabs { width: 100%; }
  .Index .business .tabs .container { padding: 0; }
  .Index .business .tabs .swiper-slide { width: 3rem; height: 1.2rem; align-items: center; }
  .Index .business .tabs .swiper-slide i { font-size: 0.4rem; }
  .Index .business .tabs .swiper-slide .txt { margin-left: 0.15rem; }
  .Index .business .tabs .swiper-slide .txt h3 { font-size: 0.3rem; margin-bottom: 0; }
  .Index .business .tabs .swiper-slide .txt h4 { display: none; }
  .Index .business .tabs .swiper-slide.active { height: 1.7rem; }
  .Index .technical { padding: 0.8rem 0; }
  .Index .technical:before { width: 5.63rem; height: 0.57rem; top: auto; bottom: 26%; transform: translate(-50%, 0); }
  .Index .technical .text { width: 100%; padding-top: 0; }
  .Index .technical .text .txt h3 { font-size: 0.34rem; margin-bottom: 0.3rem; }
  .Index .technical .text .txt p { font-size: 0.28rem; line-height: 0.44rem; }
  .Index .technical .img { width: 100%; height: auto; position: relative; margin-top: 0.5rem; }
  .Index .technical .img ul li h3 { font-size: 0.24rem; }
  .Index .solution { /*padding: px2rem(80) 0;background: url(../images/index/solution-bg-xs.jpg) no-repeat center/cover fixed;*/ }
  .Index .solution .container { top: 0.8rem; left: 0; right: 0; }
  .Index .solution .txt { width: 100%; }
  .Index .solution .txt p { font-size: 0.28rem; line-height: 0.42rem; }
  .Index .solution .txt .common-more { margin-top: 0.6rem; color: #fff; }
  .Index .news { padding: 0.8rem 0; }
  .Index .news ul { margin-top: 0.5rem; }
  .Index .news ul li { width: 100%; margin-left: 0; margin-top: 0.6rem; }
  .Index .news ul li .text h4 { font-size: 0.28rem; }
  .Index .news ul li .text h3 { font-size: 0.3rem; line-height: 0.5rem; }
  .Index .news ul li .text .tip { line-height: 0.5rem; font-size: 0.24rem; padding: 0 0.3rem; }
  .Index .news ul li:first-child { margin: 0; }
  .Index .member { padding: 0.8rem 0; height: 6rem; }
  .Index .member .list { display: grid; grid-template-columns: repeat(12, 1fr); padding-top: 10%; }
  .Index .member .list .item { width: 0.98rem; height: 0.98rem; }
  /* Nei-page */
  .Nei-page .banner { height: 7rem; }
  .Nei-page .banner .text { top: 2.92rem; }
  .Nei-page .banner .text h3 { font-size: 0.3rem; }
  .Nei-page .banner .text h2 { font-size: 0.5rem; margin-top: 0.1rem; }
  .Nei-page .crumbs-tabs { background: #fff; }
  .Nei-page .crumbs-tabs .container { width: 100%; padding: 0; }
  .Nei-page .crumbs-tabs .position { 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.8rem; height: auto; padding: 0.5rem 0 0.25rem; }
  .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 .content { padding-top: 0.8rem; min-height: 55vh; }
  .Nei-page .title-box { width: 100%; padding: 0 0.3rem; }
  .Nei-page .title-box h2 { line-height: 0.7rem; margin-bottom: 0.1rem; }
  .Nei-page .title-box p { font-size: 0.28rem; line-height: 0.42rem; }
  /* About */
  .About .content { padding-top: 0; }
  .About .content .section1 { padding: 0.8rem 0; }
  .About .content .section1 .text { width: 100%; padding-top: 0; }
  .About .content .section1 .text .title-box { text-align: center; }
  .About .content .section1 .text .txt h3 { font-size: 0.34rem; text-align: center; }
  .About .content .section1 .text .txt p { font-size: 0.26rem; line-height: 0.42rem; }
  .About .content .section1 .text .txt .common-more { display: none; }
  .About .content .section1 .text .txt .common-btn { display: flex; margin-top: 0.35rem; }
  .About .content .section1 .text ul { margin-top: 0; }
  .About .content .section1 .text ul li { text-align: center; margin-top: 0.5rem; }
  .About .content .section1 .text ul li h5 { font-size: 0.26rem; }
  .About .content .section1 .text ul li h5 i { font-size: 0.28rem; }
  .About .content .section1 .text ul li h5 span { font-size: 0.28rem; }
  .About .content .section1 .text ul li h6 { font-size: 0.26rem; }
  .About .content .section1 .text ul li h6 i { font-size: 0.26rem; margin-right: 0.1rem; }
  .About .content .section1 .img { width: 100%; margin-top: 0.6rem; }
  .About .content .section1 .img img { width: 100%; height: 100%; }
  .About .content .section2 { padding-top: 0.8rem; background: url(../image/section2-bg-xs.jpg) no-repeat center/cover; }
  .About .content .section2 .title-box { text-align: center; }
  .About .content .section2 .title-box p { width: 100%; text-align: left; }
  .About .content .section2 .common-more { display: none; }
  .About .content .section2 .common-btn { display: flex; margin-top: 0.35rem; color: #008DD3; background: #fff; }
  .About .content .section2 .common-btn i { color: #008DD3; }
  .About .content .section3 { padding: 0.8rem 0 0; }
  .About .content .section3 .container { padding: 0; }
  .About .content .section3 .title-box { margin-bottom: 0; }
  .About .content .section3 .list { flex-wrap: wrap; margin-top: 0.4rem; }
  .About .content .section3 .list .item { width: 100%; height: 4rem; margin-left: 0; }
  .About .content .section3 .list .item .text { width: 100%; padding: 0.8rem 0.3rem; bottom: auto; top: 0; transform: translateY(0); }
  .About .content .section3 .list .item .text h2 { font-size: 0.3rem; }
  .About .content .section3 .list .item .text p { font-size: 0.26rem; margin-top: 0.2rem; height: auto; line-height: 0.42rem; opacity: 1; }
  .About .content .section3 .list .item .text .btn { width: 0.62rem; height: 0.62rem; margin-top: 0.4rem; opacity: 1; }
  .About .content .section3 .list .item .text .btn i { font-size: 0.3rem; }
  .About .content .section3 .list .item.active { width: 100% !important; }
  .About .content .section4 .text { width: 100%; height: 5.6rem; padding: 0.8rem 0 0 0; }
  .About .content .section4 .text .title-box { text-align: center; }
  .About .content .section4 .text .common-more { display: none; }
  .About .content .section4 .text .common-btn { display: flex; margin: 0.6rem auto; position: relative; z-index: 2; }
  .About .content .section4 .text:after { width: 4.49rem; height: 3.3rem; }
  /* About-jj */
  .About-jj .content { padding-bottom: 0; }
  .About-jj .content .section1 .title-box { width: 100%; padding: 0 0.3rem; }
  .About-jj .content .section1 .title-box p { margin-bottom: 0.15rem; }
  .About-jj .content .section1 .container { padding: 0; }
  .About-jj .content .section1 ul { margin-top: 0; }
  .About-jj .content .section1 ul li { text-align: center; margin-top: 0.5rem; }
  .About-jj .content .section1 ul li h5 { font-size: 0.26rem; }
  .About-jj .content .section1 ul li h5 i { font-size: 0.28rem; }
  .About-jj .content .section1 ul li h5 span { font-size: 0.28rem; }
  .About-jj .content .section1 ul li h6 { font-size: 0.26rem; }
  .About-jj .content .section1 ul li h6 i { font-size: 0.26rem; margin-right: 0.1rem; }
  .About-jj .content .section1 .video { height: 6rem; margin-top: 0.6rem; }
  .About-jj .content .section1 .video .play { width: 0.91rem; height: 0.9rem; }
  .About-jj .content .section1 .video .play i { font-size: 0.3rem; }
  /* About-history */
  .About-history .content .section1 { padding-bottom: 3rem; background: url(../image/history-bg-xs.jpg) no-repeat bottom/100%; }
  .About-history .content .section1 .tabs:before { bottom: 0.16rem; }
  .About-history .content .section1 .tabs .swiper-slide h3 { font-size: 0.3rem; }
  .About-history .content .section1 .tabs .swiper-slide .dot { width: 0.34rem; height: 0.34rem; margin: 0.2rem auto 0; }
  .About-history .content .section1 .slide { margin-top: 0.6rem; }
  .About-history .content .section1 .slide .swiper-slide .text { width: 100%; }
  .About-history .content .section1 .slide .swiper-slide .text ul li { padding-left: 0.4rem; margin-bottom: 0.5rem; }
  .About-history .content .section1 .slide .swiper-slide .text ul li:before { top: 0.15rem; }
  .About-history .content .section1 .slide .swiper-slide .text ul li h4 { font-size: 0.36rem; margin-bottom: 0.15rem; }
  .About-history .content .section1 .slide .swiper-slide .text ul li p { font-size: 0.26rem; line-height: 0.42rem; }
  .About-history .content .section1 .slide .swiper-slide .img { width: 100%; }
  /* About-culture */
  .About-culture .content .section1 ul li { width: 100%; }
  .About-culture .content .section1 ul li .text { padding: 0.6rem 0.3rem; }
  .About-culture .content .section1 ul li .text h3 { font-size: 0.34rem; margin-bottom: 0.25rem; }
  .About-culture .content .section1 ul li .text p { font-size: 0.26rem; }
  .About-culture .content .section2 { height: auto; }
  .About-culture .content .section2 ul li { width: 100%; height: 2rem; padding: 0.3rem; display: flex; align-items: center; margin-bottom: 0.3rem; }
  .About-culture .content .section2 ul li img { margin: 0; }
  .About-culture .content .section2 ul li .text { text-align: left; flex: 1; }
  .About-culture .content .section2 ul li .text h3 { font-size: 0.32rem; margin: 0.15rem 0; }
  .About-culture .content .section2 ul li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  /* About-honor */
  .About-honor .content .list { margin-top: 0.2rem; }
  .About-honor .content .list .item { width: 100%; height: auto; margin: 0.3rem 0 0 0; }
  .About-honor .content .list .item:after { font-size: 0.4rem; right: 21%; top: 44%; }
  .About-honor .content .list .item .text { width: 63%; padding: 0.4rem; }
  .About-honor .content .list .item .text h4 { font-size: 0.4rem; padding-bottom: 0.2rem; }
  .About-honor .content .list .item .text h3 { font-size: 0.28rem; line-height: 0.42rem; }
  .About-honor .content .list .item .text i { font-size: 0.8rem; }
  .About-honor .content .list .item .img { width: 37%; }
  /* Industry-xq */
  .Industry-xq .content { padding-top: 0.8rem; }
  .Industry-xq .content .section1 .title-box { margin-bottom: 0.4rem; }
  .Industry-xq .content .section1 .container { padding: 0; }
  .Industry-xq .content .section1 .img { width: 100%; }
  .Industry-xq .content .section1 .text { width: 100%; margin-top: 0.6rem; padding: 0 0.3rem 0.8rem; }
  .Industry-xq .content .section1 .text h3 { font-size: 0.34rem; margin-bottom: 0.3rem; text-align: center; line-height: 0.5rem; }
  .Industry-xq .content .section1 .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .Industry-xq .content .section2 .container { padding: 0; }
  .Industry-xq .content .section2 .box { margin-top: 0.5rem; padding: 0; --swiper-theme-color: #008DD3; }
  .Industry-xq .content .section2 .box .swiper-slide .img-box { height: 4rem; }
  .Industry-xq .content .section2 .box .swiper-slide .img-box img { width: 100%; height: auto; aspect-ratio: 750/400; -webkit-aspect-ratio: 750/400; }
  .Industry-xq .content .section2 .box .swiper-slide .text-box { position: static; padding: 0.4rem 0.3rem; }
  .Industry-xq .content .section2 .box .swiper-slide .text-box h3 { font-size: 0.34rem; margin-bottom: 0.3rem; line-height: 0.5rem; color: #000; padding: 0 0.3rem; }
  .Industry-xq .content .section2 .box .swiper-slide .text-box p { font-size: 0.26rem; line-height: 0.42rem; color: #000; }
  .Industry-xq .content .section2 .box .swiper-slide .text-box .common-btn { margin-top: 0.5rem; }
  .Industry-xq .content .section2 .box .swiper-button-next, .Industry-xq .content .section2 .box .swiper-button-prev { display: none; }
  .Industry-xq .content .section2 .box .swiper-pagination { bottom: 0; }
  .Industry-xq .content .section2 .box .swiper-pagination-bullet { background-color: #008DD3; }
  .Industry-xq .content .section3 { padding: 0.8rem 0 0; }
  .Industry-xq .content .section3 .container { padding: 0; }
  .Industry-xq .content .section3 ul { flex-wrap: wrap; }
  .Industry-xq .content .section3 ul li { width: 100% !important; height: auto; }
  .Industry-xq .content .section3 ul li:before { display: none; }
  .Industry-xq .content .section3 ul li img { height: auto; }
  .Industry-xq .content .section3 ul li .text { width: 100%; padding: 0.5rem 0.4rem; position: static; background: #fff; }
  .Industry-xq .content .section3 ul li .text h3 { font-size: 0.32rem; color: #000; padding-bottom: 0.3rem; }
  .Industry-xq .content .section3 ul li .text h3:before { width: 0.3rem; background: #008DD3; }
  .Industry-xq .content .section3 ul li .text p { font-size: 0.26rem !important; color: #000; margin-top: 0.3rem !important; line-height: 0.42rem !important; opacity: 1; transform: translateY(0); position: static; }
  .Industry-xq .content .section3 ul li .text-p { display: none; }
  .Industry-xq .content .section3 ul li .text-box { position: relative; transform: translateY(0); width: 100% !important; background: none !important; }
  .Industry-xq .content .section3 ul li .text-box p { color: #000 !important; }
  .Industry-xq .content .section3 ul li.active { width: 100% !important; }
  .Industry-xq .content .section3 ul li.active .text { width: 100%; background: #fff; }
  .Industry-xq .content .section3 ul li.active .text p { font-size: 0.26rem; opacity: 1; display: block; position: static; transform: translateY(0); color: #000; }
  .Industry-xq .content .section4 ul li { width: 100%; margin-left: 0; margin-bottom: 0.3rem; }
  .Industry-xq .content .section4 ul li .text { padding: 0.5rem 0.3rem 0.55rem; }
  .Industry-xq .content .section4 ul li .text h3 { font-size: 0.3rem; line-height: 0.5rem; margin-bottom: 0.2rem; }
  .Industry-xq .content .section4 ul li .text p { font-size: 0.26rem; line-height: 0.4rem; }
  .Industry-xq .content .section4 ul li .text .btn { width: 0.7rem; height: 0.7rem; }
  .Industry-xq .content .section4 ul li .text .btn i { font-size: 0.3rem; }
  .Industry-xq .content .section4 .common-btn { margin-top: 0.5rem; }
  /* Product */
  .Product .content { padding: 0.8rem 0 1rem; }
  .Product .content .filter { background: transparent; padding: 0; margin-bottom: 0.4rem; }
  .Product .content .filter .title { font-size: 0.34rem; text-align: center; }
  .Product .content .filter form { margin-top: 0.4rem; justify-content: space-between; }
  .Product .content .filter form .box { width: 82%; padding: 0 0.3rem; background: #fff; }
  .Product .content .filter form .box i { font-size: 0.32rem; margin-right: 0.2rem; }
  .Product .content .filter form .box input { font-size: 0.26rem; height: 0.7rem; }
  .Product .content .filter form .xs-btn { font-size: 0.28rem; }
  .Product .content .filter form .xs-btn i { font-size: 0.3rem; margin-right: 0.1rem; font-weight: bold; }
  .Product .content .result { padding: 0.25rem 0.3rem; margin-bottom: 0.3rem; }
  .Product .content .result i { font-size: 0.3rem; margin-right: 0.05rem; }
  .Product .content .result span { font-size: 0.26rem; }
  .filter-box-xs { width: 80%; height: 100%; padding: 0.4rem 0.3rem; background: #fff; position: fixed; right: 0; top: 0; z-index: 25; transform: translateX(100%); transition: all .5s ease; }
  .filter-box-xs:before { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; top: 0; }
  .filter-box-xs .row-box { overflow: auto; height: calc(100% - 1.4rem); }
  .filter-box-xs .row { margin-bottom: 0.4rem; }
  .filter-box-xs .row .title { font-size: 0.32rem; color: #07243F; margin-bottom: 0.3rem; }
  .filter-box-xs .row ul { display: flex; flex-wrap: wrap; }
  .filter-box-xs .row ul li { width: 48.5%; height: 0.7rem; font-size: 0.26rem; margin: 0 3% 3% 0; background: #F1F2F3; display: flex; align-items: center; justify-content: center; border-radius: 0.08rem; }
  .filter-box-xs .row ul li:nth-child(2n) { margin-right: 0; }
  .filter-box-xs .row ul li.active { background: #008DD3; color: #fff; }
  .filter-box-xs .btns { width: 100%; display: flex; position: fixed; left: 0; bottom: 0; }
  .filter-box-xs .btns .btn { width: 50%; height: 0.8rem; background: #F9F9F9; font-size: 0.3rem; color: #8C8D8F; display: flex; align-items: center; justify-content: center; }
  .filter-box-xs .btns .btn.btn1 { background: #008DD3; color: #fff; }
  .filter-box-xs.active { transform: translateX(0); }
  /* product-list */
  .product-list li { width: 100%; margin: 0.3rem 0 0 0; }
  .product-list li .text { padding: 0.4rem; }
  .product-list li .text h3 { font-size: 0.3rem; line-height: 0.4rem; }
  .product-list li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .product-list li .text .btn { display: none; }
  .product-list li .text .btn-box { width: 100%; padding: 0; position: static; bottom: 0; box-shadow: none; opacity: 1; margin-top: 0.3rem; }
  .product-list li .text .btn-box a { height: 0.7rem; font-size: 0.26rem; }
  .product-list li:hover { box-shadow: none; }
  .product-list li:hover img { transform: scale(1.05); }
  .product-list li:hover .text h3 { color: #008DD3; }
  /* Product-xq */
  .Product-xq .content .section .title-box { margin-bottom: 0.4rem; }
  .Product-xq .content .section1 .imgs { width: 100%; }
  .Product-xq .content .section1 .imgs .big .icon { margin-top: -0.25rem; width: 0.5rem; height: 0.5rem; }
  .Product-xq .content .section1 .imgs .big .icon.prev { left: 0.3rem; }
  .Product-xq .content .section1 .imgs .big .icon.next { right: 0.3rem; }
  .Product-xq .content .section1 .imgs .big .swiper-pagination-bullet { width: 0.4rem; height: 0.04rem; background: #E6E6E6; opacity: 1; border-radius: 0; }
  .Product-xq .content .section1 .imgs .big .swiper-pagination-bullet-active { background: #008DD3; }
  .Product-xq .content .section1 .text { width: 100%; padding-top: 0.6rem; padding-bottom: 0.4rem; }
  .Product-xq .content .section1 .text h2 { text-align: center; }
  .Product-xq .content .section1 .text ul { margin-top: 0.3rem; }
  .Product-xq .content .section1 .text ul li { font-size: 0.26rem; line-height: 0.42rem; padding-left: 0.25rem; margin-top: 0.15rem; }
  .Product-xq .content .section1 .text ul li:before { width: 0.12rem; height: 0.12rem; top: 0.15rem; }
  .Product-xq .content .section1 .text .fit { padding: 0.3rem; padding-bottom: 0; }
  .Product-xq .content .section1 .text .fit h3 { font-size: 0.34rem; }
  .Product-xq .content .section1 .text .fit .cars { padding-bottom: 0.3rem; }
  .Product-xq .content .section1 .text .fit .cars .item img { width: 1rem; }
  .Product-xq .content .section1 .text .fit .cars .item h4 { font-size: 0.26rem; margin-top: 0.1rem; }
  .Product-xq .content .section1 .text .btns { margin-top: 0.4rem; }
  .Product-xq .content .section1 .text .btns .btn { height: 0.75rem; padding: 0 0.3rem; font-size: 0.26rem; margin-left: 0.3rem; border-radius: 0.5rem; flex-shrink: 0; white-space: nowrap; }
  .Product-xq .content .section3 table tr th { font-size: 0.28rem; padding: 0.3rem; }
  .Product-xq .content .section3 table tr td { font-size: 0.26rem; padding: 0.3rem; line-height: 0.4rem; }
  /* News */
  .News .content .section1 .container { padding: 0; }
  .News .content .section1 .big .left { width: 100%; }
  .News .content .section1 .big .left .swiper-slide .img img { height: auto; }
  .News .content .section1 .big .left .button { opacity: 1; width: 0.6rem; height: 0.6rem; }
  .News .content .section1 .big .left .button span { font-size: 0.22rem; font-weight: bold; }
  .News .content .section1 .big .left .button-next { right: 0.3rem; }
  .News .content .section1 .big .left .button-prev { left: 0.3rem; }
  .News .content .section1 .big .left .swiper-pagination { padding-right: 0.3rem; padding-bottom: 0.2rem; }
  .News .content .section1 .big .right { width: 100%; }
  .News .content .section1 .big .right .text-box { padding: 0.5rem 0.3rem 1.4rem; }
  .News .content .section1 .big .right .text-box h4 { font-size: 0.28rem; margin-bottom: 0.3rem; }
  .News .content .section1 .big .right .text-box h3 { font-size: 0.34rem; margin-bottom: 0.3rem; }
  .News .content .section1 .big .right .text-box p { font-size: 0.26rem; line-height: 0.42rem; }
  .News .content .section1 .big .right .text-box .more a { width: 2.4rem; height: 0.6rem; font-size: 0.26rem; border-radius: 0.5rem; margin: 0 auto; }
  .News .content .section1 .big .right .text-box .more a span { font-size: 0.2rem; margin-left: 0.12rem; }
  .News .content .section1 .big .right .swiper-pagination { display: block; bottom: 0.74rem; }
  .News .content .section1 .big .right .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.04rem; border-radius: 0; background: rgba(0, 0, 0, 0.2); }
  .News .content .section1 .big .right .swiper-pagination .swiper-pagination-bullet-active { background: #008DD3; }
  .News .content .section1 .box ul { padding-bottom: 0.2rem; }
  .News .content .section1 .box ul li a { padding: 0.6rem 0.3rem; flex-wrap: wrap; flex-direction: column-reverse; }
  .News .content .section1 .box ul li a .img { width: 100%; margin-left: 0; margin-bottom: 0.5rem; }
  .News .content .section1 .box ul li a .img img { height: auto; }
  .News .content .section1 .box ul li a .text-box { width: 100%; }
  .News .content .section1 .box ul li a .text-box h4 { font-size: 0.28rem; }
  .News .content .section1 .box ul li a .text-box h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.3rem; line-height: 0.45rem; margin-bottom: 0; }
  .News .content .section1 .box ul li a .text-box p { display: none; }
  .News .content .section1 .box ul li a:hover { background-color: #f5f5f5; }
  .news-list { margin-bottom: 0.5rem; }
  .news-list li { padding: 0.4rem 0; }
  .news-list li a { flex-direction: column; }
  .news-list li .img { width: 100%; }
  .news-list li .text { width: 100%; flex: 0; padding: 0.4rem 0 0; }
  .news-list li .text h4 { font-size: 0.26rem; }
  .news-list li .text h4 i { font-size: 0.3rem; vertical-align: -0.02rem; }
  .news-list li .text h3 { font-size: 0.28rem; margin: 0.25rem 0 0.2rem; }
  .news-list li .text p { font-size: 0.26rem; line-height: 0.42rem; }
  .news-list li .text .look { font-size: 0.26rem; margin-top: 0.25rem; }
  .news-list li .text .look i { font-size: 0.24rem; vertical-align: -0.01rem; }
  /* News-xq */
  .News-xq .content { padding: 0.8rem 0 0; }
  .News-xq .content .container { padding: 0; }
  .News-xq .content:before { display: none; }
  .News-xq .content .left { width: 100%; padding-right: 0; }
  .News-xq .content .left .title { font-size: 0.42rem; line-height: 0.55rem; margin-bottom: 0.5rem; padding: 0 0.3rem; }
  .News-xq .content .left .other { height: auto; padding: 0.3rem; margin-bottom: 0.5rem; flex-wrap: wrap; }
  .News-xq .content .left .other .tags { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3rem; }
  .News-xq .content .left .other .tags span { font-size: 0.26rem; margin-right: 0.2rem; }
  .News-xq .content .left .other .tags span i { display: none; }
  .News-xq .content .left .other .share { display: flex; align-items: center; }
  .News-xq .content .left .other .share a { font-size: 0.46rem; margin-right: 0.16rem; }
  .News-xq .content .left .text-box { padding: 0 0.3rem; }
  .News-xq .content .left .text-box p { font-size: 0.26rem; line-height: 0.45rem; }
  .News-xq .content .left .relevant { margin-top: 0.7rem; padding: 0.25rem 0.3rem; }
  .News-xq .content .left .relevant a { padding: 0.25rem 0; font-size: 0.26rem; }
  .News-xq .content .left .relevant a p { width: 80%; }
  .News-xq .content .right { width: 100%; padding-left: 0; margin-top: 0.5rem; background-color: #F5F7FA; padding-bottom: 0.2rem; }
  .News-xq .content .right .title { font-size: 0.42rem; margin-bottom: 0.6rem; text-align: center; margin-top: 0.8rem; }
  .News-xq .content .right ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .News-xq .content .right ul li { width: 100%; margin-bottom: 0.3rem; }
  .News-xq .content .right ul li a { padding: 0 0.3rem 0.6rem; display: block; }
  .News-xq .content .right ul li .img { height: 4rem; }
  .News-xq .content .right ul li .text { padding-top: 0.2rem; }
  .News-xq .content .right ul li .text h4 { font-size: 0.28rem; margin-bottom: 0.2rem; }
  .News-xq .content .right ul li .text h3 { font-size: 0.3rem; margin-bottom: 0; }
  .News-xq .content .right ul li .text p { font-size: 0.26rem; line-height: 0.42rem; display: none; }
  .News-xq .content .right ul li .text i { margin-top: 0.2rem; font-size: 0.3rem; }
  /* Contact */
  .Contact .way-list { margin: 0.2rem 0 0.5rem; }
  .Contact .way-list ul { flex-direction: column; }
  .Contact .way-list ul li { width: 100%; background-color: #F5F7FA; margin-bottom: 0.3rem; padding: 0.6rem 0.52rem; display: flex; justify-content: flex-start; }
  .Contact .way-list ul li img { margin: 0 0.3rem 0 0; height: 0.94rem; position: relative; top: -0.18rem; }
  .Contact .way-list ul li .text { flex: 1; text-align: left; }
  .Contact .way-list ul li h2 { font-size: 0.34rem; color: #000; margin-bottom: 0.2rem; }
  .Contact .way-list ul li p { font-size: 0.28rem; color: #000; line-height: 0.42rem; }
  .Contact .company-list { padding-top: 0.8rem; padding-bottom: 0.8rem; background: #F5F7FA; }
  .Contact .company-list .title-box h2 { margin-bottom: 0.45rem; color: #000; }
  .Contact .company-list ul li { width: 100%; margin-right: 0; padding: 0.54rem 0.6rem; height: auto; }
  .Contact .company-list ul li:nth-child(-n+3) { margin-top: 0.4rem; }
  .Contact .company-list ul li h3 { font-size: 0.3rem; color: #000; padding-bottom: 0.14rem; }
  .Contact .company-list ul li h3:before { width: 0.34rem; border-radius: 0.05rem; }
  .Contact .company-list ul li p { font-size: 0.26rem; margin-bottom: 0.17rem; }
  .Contact .company-list ul li:hover { background: url(../image/bg-company-list.png) no-repeat center/cover; box-shadow: 0 0 0.15rem 1px rgba(13, 110, 208, 0.07); }
  .Contact .company-list ul li:hover h3, .Contact .company-list ul li:hover p { color: #1A1311; }
  .Contact .company-list .load-more { margin: 0.2rem auto 0; }
  .Contact .company-list .load-more a { width: 2.4rem; height: 0.6rem; border-radius: 0.5rem; font-size: 0.26rem; }
  .Contact .company-list .load-more a span { margin-left: 0.08rem; font-size: 0.3rem; }
  /* Order */
  .Order { padding-bottom: 0; }
  .Order .container { padding: 0; }
  .Order .title-box h2 { margin-bottom: 0.6rem; }
  .Order .order-box { flex-wrap: wrap; flex-direction: column; }
  .Order .order-box .img-box { width: 100%; }
  .Order .order-box .img-box img { display: block; width: 100%; height: 100%; }
  .Order .order-box .text-box { padding: 0.55rem 0.5rem 0.8rem; width: 100%; }
  .Order .order-box .text-box h3 { font-size: 0.33rem; color: #000; margin-bottom: 0.1rem; }
  .Order .order-box .text-box .input-box { padding-top: 0.5rem; }
  .Order .order-box .text-box .input-box input, .Order .order-box .text-box .input-box textarea { padding: 0 0 0.4rem; font-size: 0.26rem; }
  .Order .order-box .text-box .btn { font-weight: bold; margin-top: 0.6rem; width: 74%; height: 0.8rem; line-height: 0.8rem !important; border-radius: 0.4rem; border: 1px solid #000; font-size: 0.34rem; }
  .Order .order-box .text-box .btn:hover { background: none; color: #1A1311; }
  .Order .order-box .text-box .btn:active { background-color: #1A1311; color: #fff; }
  /* Join */
  .Join .tab-list { justify-content: space-between; }
  .Join .tab-list.mb { margin-bottom: 0.3rem; }
  .Join .tab-list li { margin-right: 0; }
  .Join .tab-list li a { width: 2.16rem; height: 0.8rem; font-size: 0.28rem; }
  .Join .join-swiper .fuli-box { padding-top: 0.1rem; }
  .Join .join-swiper .fuli-box ul { display: block; }
  .Join .join-swiper .fuli-box ul li { width: 100%; margin-left: 0; height: auto; }
  .Join .join-swiper .fuli-box ul li img { height: auto; width: 100%; }
  .Join .join-swiper .fuli-box ul li .text-box { display: block; position: static; height: auto; background: none; padding-bottom: 0.4rem; }
  .Join .join-swiper .fuli-box ul li .text-box h3 { font-weight: bold; font-size: 0.34rem; text-align: center; color: #000; margin-top: 0.4rem; margin-bottom: 0.3rem; line-height: normal; }
  .Join .join-swiper .fuli-box ul li .text-box p { display: block; font-size: 0.26rem; color: #000; line-height: 0.42rem; text-align: center; }
  .Join .join-swiper .fuli-box ul li .text-box dl { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.5rem; padding: 0; }
  .Join .join-swiper .fuli-box ul li .text-box dl dd { flex: auto; width: 33.333%; margin-bottom: 0.4rem; }
  .Join .join-swiper .fuli-box ul li .text-box dl dd img { width: 0.94rem; height: 0.94rem; margin: 0 auto 0.2rem; }
  .Join .join-swiper .fuli-box ul li .text-box dl dd .tag { position: relative; margin: 0 0.1rem 0 0; padding-right: 0.1rem; width: auto; height: auto; background: none; border-radius: 0; line-height: 0.42rem; text-align: left; font-size: 0.26rem; color: #000; }
  .Join .join-swiper .fuli-box ul li .text-box dl dd .tag:before { content: ":"; position: absolute; right: 0; }
  .Join .join-swiper .fuli-box ul li.active { width: 100%; }
  .Join .join-swiper .fuli-box ul li.active::after { display: none; }
  .Join .join-swiper .fuli-box ul li.active .text-box { background: none; height: auto; }
  .Join .join-swiper .fuli-box ul li.active .text-box h3 { margin-top: 0.4rem; margin-bottom: 0.3rem; }
  .Join .join-swiper .fuli-box ul li.active .text-box p { color: #000; text-align: center; font-size: 0.26rem; line-height: 0.42rem; }
  .Join .join-swiper .fuli-box ul li.active .text-box dl { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.5rem; padding: 0; }
  .Join .join-swiper .fuli-box ul li.active .text-box dl dd { width: 33.333%; flex: auto; }
  .Join .join-swiper .fuli-box ul li.active .text-box dl dd img { width: 0.94rem; height: 0.94rem; margin: 0 auto 0.2rem; }
  .Join .join-swiper .fuli-box ul li.active .text-box dl dd .tag { margin: 0 0.1rem 0 0; width: auto; height: auto; background: none; border-radius: 0; line-height: 0.42rem; text-align: left; font-size: 0.26rem; color: #000; }
  .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl { margin-top: 0; padding: 0; }
  .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl dd { width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 0 0.2rem 0; }
  .Join .join-swiper .fuli-box ul li:nth-child(2) .text-box dl p { font-size: 0.26rem; line-height: 0.42rem; }
  .Join .join-swiper .table-box .table-title { display: none; }
  .Join .join-swiper .table-box .table { height: auto; overflow: hidden; }
  .Join .join-swiper .table-box .table li { height: auto; overflow: hidden; border-bottom: 1px dashed #EBEBEB; }
  .Join .join-swiper .table-box .table li .item-box { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 0.4rem 0 0.32rem; }
  .Join .join-swiper .table-box .table li .item { width: 50%; line-height: normal; }
  .Join .join-swiper .table-box .table li .item:nth-child(1) { font-size: 0.28rem; font-weight: bold; color: #000; text-align: left; margin-bottom: 0.3rem; }
  .Join .join-swiper .table-box .table li .item:nth-child(2) { font-size: 0.24rem; color: #999; text-align: right; margin-bottom: 0.3rem; }
  .Join .join-swiper .table-box .table li .item:nth-child(3) { font-size: 0.26rem; color: #333; text-align: left; }
  .Join .join-swiper .table-box .table li .item:nth-child(4) { font-size: 0.26rem; color: #333; text-align: right; padding-right: 0.5rem; }
  .Join .join-swiper .table-box .table li .item .iconfont { font-size: 0.3rem; top: 50%; transform: translateY(-50%); color: #07243F; position: absolute; right: 0; transition: all .5s ease; }
  .Join .join-swiper .table-box .table li .con { padding: 0 0.3rem 0.4rem; }
  .Join .join-swiper .table-box .table li .con .bb .tt { font-size: 0.26rem; margin-bottom: 0.2rem; margin-top: 0.4rem; }
  .Join .join-swiper .table-box .table li .con .bb p { font-size: 0.26rem; color: #666; line-height: 0.42rem; }
  .Join .join-swiper .table-box .table li.active { border: 0; }
  .Join .join-swiper .table-box .table li.active .iconfont { transform: rotate(180deg) translateY(50%); }
  .Join .join-swiper .mab { margin-bottom: 0.6rem; }
  .Join .join-swiper .mat { margin-top: 0.6rem; }
  .Join .join-swiper .process { padding-top: 0.1rem; margin-bottom: 0.5rem; }
  .Join .join-swiper .process ul { flex-wrap: wrap; }
  .Join .join-swiper .process ul li { padding: 0.3rem 0.3rem; width: 100%; margin-bottom: 0.3rem; }
  .Join .join-swiper .process ul li .tit img:nth-child(1) { width: 0.6rem; }
  .Join .join-swiper .process ul li h3 { font-size: 0.34rem; margin: 0.25rem 0 0.2rem; }
  .Join .join-swiper .process ul li p { font-size: 0.28rem; line-height: 0.42rem; }
  /* Technology */
  .Technology .content { padding: 0; }
  .Technology .section { height: auto; }
  .Technology .section .text-box { position: static; background: none; display: block; padding: 0.8rem 0 0.5rem; }
  .Technology .section .text-box .container { width: 100%; }
  .Technology .section .text-box h2 { color: #000; margin-bottom: 0.4rem; }
  .Technology .section .text-box p { font-size: 0.28rem; color: #000; line-height: 0.45rem; }
  /* Jingtai */
  .Jingtai .container { padding: 0; }
  .Jingtai .block .title-box p { width: 100%; }
  .Jingtai .block ul { padding: 0 0.3rem; }
  .Jingtai .block ul li { display: block; background: #F9FAFC; margin-top: 0.4rem; }
  .Jingtai .block ul li .img { width: 100%; }
  .Jingtai .block ul li .img img { height: auto; }
  .Jingtai .block ul li .text-box { padding: 0.4rem 0.3rem; }
  .Jingtai .block ul li .text-box h3 { margin-bottom: 0.28rem; }
  .Jingtai .block ul li .text-box h3:before { width: 0.3rem; height: 0.04rem; border-radius: 0; }
  .Jingtai .block ul li .text-box p { font-size: 0.26rem; line-height: 0.42rem; }
  .Jingtai .block ul li .text-box dl { margin-top: 0.3rem; }
  .Jingtai .block ul li .text-box dl dd { height: 0.52rem; line-height: 0.52rem; margin: 0 0.44rem 0.3rem 0; }
  /* Industry-list */
  .Industry-list .content { background-color: #F8F9F9; padding-bottom: 0.8rem; }
  .Industry-list .box { margin-top: 0.4rem; }
  .Industry-list .box ul { display: flex; flex-wrap: wrap; }
  .Industry-list .box ul li { width: 100%; margin-right: 0; margin-bottom: 0.4rem; height: auto; }
  .Industry-list .box ul li a { padding: 0.4rem 0.3rem; }
  .Industry-list .box ul li a .logo img:nth-child(2) { display: none; }
  .Industry-list .box ul li a h3 { margin-bottom: 0.2rem; font-size: 0.3rem; }
  .Industry-list .box ul li a dl { margin-bottom: 0.3rem; }
  .Industry-list .box ul li a dl dd { font-size: 0.24rem; line-height: 0.36rem; }
  .Industry-list .box ul li a p { display: block; color: #333; font-size: 0.26rem; line-height: 0.42rem; }
  .Industry-list .box ul li a:hover { background: #fff; padding-top: 0.4rem; }
  .Industry-list .box ul li a:hover .logo { display: block; }
  .Industry-list .box ul li a:hover h3 { color: #000; margin-bottom: 0.2rem; }
  .Industry-list .box ul li a:hover dl { display: flex; }
  .Industry-list .box ul li a:hover p { color: #000; display: block; }
  /* Sitemap */
  .Sitemap .content .title-box { padding: 0; margin-bottom: 0.4rem; }
  .Sitemap .content dl dt { font-size: 0.3rem; }
  .Sitemap .content dl dd { margin-top: 0.3rem; }
  .Sitemap .content dl dd a { width: 25%; font-size: 0.26rem; margin-bottom: 0.2rem; }
  /* Legal */
  .Legal .content .title-box { padding: 0; margin-bottom: 0.4rem; }
  .Legal .content h3 { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .Legal .content p { font-size: 0.26rem; margin-bottom: 0.3rem; line-height: 0.42rem; }
  /* Friendlink */
  .Friendlink .content .title-box { padding: 0; margin-bottom: 0.2rem; }
  .Friendlink .content dl { padding-bottom: 0.3rem; }
  .Friendlink .content dl dd a { width: 49%; margin-left: 2%; }
  .Friendlink .content dl dd a h3 { font-size: 0.3rem; margin: 0.4rem 0 0.1rem; }
  .Friendlink .content dl dd a p { font-size: 0.26rem; line-height: 0.35rem; }
  .Friendlink .content dl dd a:nth-child(2n-1) { margin-left: 0; }
  /* Industry */
  .Industry .section1 .list { display: block; margin-bottom: 0; margin-top: 0.4rem; padding: 0; }
  .Industry .section1 .list a { width: 100%; height: auto; margin: 0; border-radius: 0; margin-top: 0.4rem; }
  .Industry .section1 .list a:first-child { margin-top: 0; }
  .Industry .section1 .list a::before { display: none; }
  .Industry .section1 .list a img { height: auto; }
  .Industry .section1 .list a .text h2 { font-size: 0.3rem; margin: 0.2rem 0 0.25rem; }
  .Industry .section1 .list a .text .btn { margin-top: 0; }
  .Industry .section1 .list a .text-p { padding: 0 0 0.3rem; background: linear-gradient(180deg, transparent 0%, #000000 100%); }
  .Industry .section1 .list a .text-p .btn { display: flex; }
  .Industry .section1 .list a .text-box { display: none; }
  .Industry .section1 .list a.active { width: 100%; }
  .Industry .section1 .list a.active::before { display: none; }
  .Industry .section1 .list a.active .text-p { opacity: 1; }
  .Industry .section1 .list a.active .text-box { display: none; }
  .AboutCompliance .content { padding-bottom: 8%; }
  .AboutCompliance .content h1 { font-size: 0.42rem; margin-bottom: 0.6rem; }
  .AboutCompliance .content h2 { font-size: 0.34rem; margin: 0.4rem 0 0.2rem; }
  .AboutCompliance .content h2.text-align { margin-top: 0.6rem; }
  .AboutCompliance .content h3 { font-size: 0.28rem; text-indent: 2em; margin: 0.2rem 0 0.15rem; }
  .AboutCompliance .content p { font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 10px; text-indent: 2em; }
  .AboutCompliance .content ul { padding-inline-start: 2em; }
  .AboutCompliance .content ul li { font-size: 0.28rem; line-height: 0.44rem; margin-bottom: 0.15rem; }
  .AboutCompliance .content .flnav .item { width: 100%; margin-bottom: 0.25rem; }
  .AboutCompliance .content .flnav .item h3 { font-size: 0.3rem; margin-top: 0.2rem; }
  /* fixed-right */
  .fixed-right { right: 0.15rem; }
  .fixed-right .item { margin-top: 0.25rem; }
  .fixed-right .item a { width: 0.8rem; height: 0.8rem; line-height: 0.8rem; }
  .fixed-right .item span { font-size: 0.4rem; }
  .fixed-right .item:hover .item-box { opacity: 0; visibility: hidden; }
  .no-data img { width: 1.6rem; margin-bottom: 0.2rem; }
  .no-data p { font-size: 0.26rem; color: #666; } }