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

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

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

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

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

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

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

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

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

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

sub, sup { vertical-align: baseline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ncont{font-size:16px; line-height:30px;}

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

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

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

:root { --swiper-theme-color: #D44E29; }

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

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

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

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

.container { width: 85%; margin: 0 auto; position: relative; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

@keyframes loaderFadeInOut { 0% { opacity: 1; }
  50% { opacity: .2; }
  to { opacity: 1; } }

@keyframes yuan { 0% { opacity: .9;
    transform: scale(0.9); }
  50% { opacity: 1;
    transform: scale(1.1); }
  to { opacity: .9;
    transform: scale(0.9); } }

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

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

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

.h5msg { width: 100%; height: 100%; z-index: 1000; background: #fff; position: fixed; left: 0; top: 0; text-align: center; display: none; }

.h5msg .icon { fill: #10AEFF; width: 2rem; height: 2rem; margin: 30% auto 0.3rem; }

.h5msg h2 { font-size: 0.38rem; line-height: 0.6rem; }

.Loader { align-items: center; display: flex; height: 100vh; justify-content: center; position: fixed; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); width: 100%; will-change: opacity; z-index: 999; }

.Loader .Loader__Side { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #192840; position: absolute; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform; }

.Loader .Loader__Left { left: 0; transform-origin: left; }

.Loader .Loader__Left, .Loader .Loader__Right { height: 100vh; top: 0; width: 49.9999999968vw; }

.Loader .Loader__Right { right: 0; transform-origin: right; }

.Loader .Loader__Top { top: 0; transform-origin: top; }

.Loader .Loader__Bottom, .Loader .Loader__Top { height: 49.999999995vh; left: 0; width: 100%; }

.Loader .Loader__Bottom { bottom: 0; transform-origin: bottom; }

.Loader .Loader__Logo { width: 2.5rem; opacity: 1; position: absolute; transition: opacity .3s ease; will-change: opacity; }

.Loader .Loader__Logo img { animation: loaderFadeInOut 2.5s infinite; will-change: opacity; }

.Loader.isEnding { pointer-events: none; }

.Loader.isEnding .Loader__Logo { opacity: 0; }

.Loader.isEnding .Loader__Left, .Loader.isEnding .Loader__Right { transform: scaleX(0); }

.Loader.isEnding .Loader__Bottom, .Loader.isEnding .Loader__Top { transform: scaleY(0); }

.header { width: 100%; position: fixed; top: 0; left: 0; transition: opacity 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 100; }

.header:before { content: ""; width: 100%; background-color: #fff; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transform: none; transform-origin: top; transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform,opacity; }

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

.header .container { display: flex; justify-content: space-between; align-items: center; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.header .logo { width: 1.3rem;}

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

.header .nav .item { padding: 0.2rem 0; line-height: 0.5rem; font-size: 0.2rem; color: #000; font-weight:600; position: relative; margin-left: 0.5rem; cursor: pointer; }

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

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

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

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

.header .nav .other .item { display: flex; align-items: center; margin-left: 0.3rem; }

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

.header .nav .other .item i { font-size: 0.22rem; }

.header .nav .other .tel { font-size: 0.2rem; margin-left: 0.4rem; }

.header .nav .other .tel i { margin-right: 0.05rem; }

.header.isTop .nav .item { color: #fff; }

.header.isTop .nav .item:before { background: #fff; }

.header.isTop:before { opacity: 0; transform: translate3d(0, -100%, 0); }

.header.isTop:after { background: rgba(255, 255, 255, 0.1); transform: translate3d(0, -100%, 0); }

.header.isHidden { pointer-events: none; opacity: 0; }

.header.isHidden .container { transform: translate3d(0, -50%, 0); }

.header.isHidden:before { opacity: 0; transform: translate3d(0, -100%, 0); }

.header.isHidden:after { background: rgba(255, 255, 255, 0.1); transform: translate3d(0, -100%, 0); }

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

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

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

.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 .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 .l { width: 33%; text-align: right; float: left; position: relative; z-index: 1; padding-right: 0.35rem; }

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

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

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

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

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

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

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

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

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

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

.search-box { width: 100%; height: auto; overflow: hidden; position: fixed; top: 0.9rem; display: none; z-index: 88; }

.search-box .box { height: auto; width: 3.5rem; padding: 0.1rem 0; background: rgba(0, 0, 0, 0.5); float: right; }

.search-box .box input { width: 90%; height: 0.4rem; padding: 0 0.2rem; font-size: 0.15rem; color: #fff; float: left; }

.search-box .box .search-btn { width: 10%; display: block; float: right; }

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

.common-btn { width: 1.56rem; height: 0.54rem; font-size: 0.18rem; color: #fff; background: #D44E29; display: flex; align-items: center; justify-content: center; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); border-radius: 0.3rem; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); overflow: hidden; position: relative; }

.common-btn span { width: 100%; height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }

.common-btn i { font-size: 0.16rem; margin-left: 0.05rem; transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.common-btn.white { color: #000; background: #fff; box-shadow: 0 0.02rem 0.06rem 0 rgba(152, 165, 191, 0.25); }

.common-btn.white:before { content: ""; background: #D44E29; bottom: 0; height: 100%; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), background-color 0.3s ease; width: 100%; }

.common-btn.white:hover { color: #fff; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); }

.common-btn.white:hover:before { transform: scaleX(1); transform-origin: left; transition-delay: .1s; }

.common-btn.transparent { background: transparent; border: 1px solid #D44E29; color: #D44E29; box-shadow: none; }

.common-btn.transparent:hover { color: #fff; background: #D44E29; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); }

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

.common-btn:hover i { transform: translateX(5px); }

.mouse-move { cursor: none !important; }

.mouse-button { position: absolute; transform: translate(-50%, -50%); left: 0; top: 0; z-index: 2; background-color: #D44E29; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; border-radius: 100%; text-align: center; font-size: 0.16rem; color: #fff; letter-spacing: 1px; }

.mouse-button i { font-size: 0.18rem; position: relative; top: 1px; }

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

.title-box h3 { font-size: 0.18rem; color: #DBDBDB; position: relative; padding-left: 0.22rem; }

.title-box h3:before { content: ""; width: 0.15rem; height: 0.02rem; background: #D44E29; position: absolute; left: 0; top: 0.08rem; }

.title-box h2 { font-size: 0.4rem; color: #000; font-weight: bold; margin-top: 0.1rem; }

.title-box.tc { text-align: center; }

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

.title-box1 { margin-bottom: 0.5rem; position: relative; }

.title-box1 h3 { font-size: 0.18rem; color: #DBDBDB; margin-bottom: 0.08rem; }

.title-box1 h2 { font-size: 0.4rem; color: #000; font-weight: bold; }

.title-box1 p { width: 70%; font-size: 0.18rem; line-height: 0.3rem; color: #666; margin: 0.3rem auto 0; }

.title-box1 p b { color: #D44E29; font-weight: bold; }

.title-box1.tc { text-align: center; }

.title-box1.white h2 { color: #fff; }

.title-box1 .common-btn { position: absolute; right: 0; bottom: 0; }

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

.Index .banner .text { padding-top: 40vh; position: relative; z-index: 2; }

.Index .banner .text h3 { font-size: 0.5rem; font-weight: bold; color: #fff; line-height: 0.8rem; }

.Index .banner .img { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; position: fixed; top: 0; width: 100%; }

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

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

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 42px; height: 42px; opacity: 1; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); margin: 0 0.05rem; overflow: visible; background: transparent; position: relative; }

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

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

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

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

.Index .banner .icon-mouse { width: 0.4rem; height: 0.4rem; position: absolute; left: 0; right: 0; bottom: 0.4rem; z-index: 2; margin: auto; animation: pointMove 1.5s infinite alternate; }

.business {background: #F8F8F8; position: relative; z-index: 2; }

.business .tabs { display: flex; justify-content: space-between; position: relative; }

.business .tabs:after { content: ""; width: 100%; border: 0.02rem dashed #DEDEDE; position: absolute; left: 0; top: 0.5rem; }

.business .tabs .slide { width: 100%; position: relative; z-index: 2; overflow: hidden; }

.business .tabs .slide .swiper-slide { width: auto; text-align: center; }

.business .tabs .slide .swiper-slide .icon { width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; position: relative; cursor: pointer; }

.business .tabs .slide .swiper-slide .icon:before { content: ""; width: 100%; height: 100%; background: #D44E29; border-radius: 50%; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); position: absolute; left: 0; top: 0; transform: scale(0); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform; }

.business .tabs .slide .swiper-slide .icon i { font-size: 0.6rem; position: relative; z-index: 2; }

.business .tabs .slide .swiper-slide h3 { font-size: 0.18rem; margin-top: 0.15rem; }

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

.business .tabs .slide .swiper-slide.active .icon:before { transform: scale(1); }

.business .tabs .slide .swiper-slide.active .icon i { color: #fff; }

.business .tabs .common-btn { margin-top: 0.22rem; position: relative; z-index: 2; }

.business .box { position: relative; margin-top: 0.7rem; display: flex; justify-content: space-between; align-items: center; }

.business .box .text { width: 36.5%; padding-bottom: 0.1rem; overflow: hidden; }

.business .box .text .swiper-slide { background: #F8F8F8; padding-left: 0.1rem; }

.business .box .text h3 { font-size: 0.24rem; color: #000; font-weight: bold; }

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

.business .box .text .common-btn { margin-top: 0.8rem; }

.business .box .img { width: 50%; }

.business .box .img .swiper-slide { border-radius: 0.25rem; overflow: hidden; position: relative; overflow: hidden; }

.business .box .img .swiper-slide .cov { width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; }

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

.business .box .img .swiper-slide .md { position: absolute; cursor: pointer; z-index: 2; }

.business .box .img .swiper-slide .md .dot { width: 0.24rem; height: 0.24rem; border: 1px solid #fff; border-radius: 50%; position: relative; animation: yuan 2s ease infinite; }

.business .box .img .swiper-slide .md .dot:before { content: ""; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.business .box .img .swiper-slide .md .image { opacity: 0; pointer-events: none; width: 1.2rem; height: 0.88rem; padding: 0.13rem 0.1rem 0; overflow: hidden; background: url(../images/index/business-image-bg.png) no-repeat center/100%; position: absolute; left: 50%; top: 0.4rem; transform: translateX(-50%); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.business .box .img .swiper-slide .md .image img { width: 100%; }

.business .box .img .swiper-slide .md:hover .image { opacity: 1; pointer-events: all; top: 0.3rem; }

.business .box .img .swiper-slide .md.md1 { left: 33.5%; top: 64.5%; }

.business .box .img .swiper-slide .md.md2 { left: 62%; top: 64%; }

.business .box .img .swiper-slide.swiper-slide-active .cov { opacity: 0 !important; }

.about { padding: 1rem 0; position: relative; z-index: 2; background: #061D3F; }

.about:before { content: ""; width: 100%; height: 3.34rem; background: url(../images/index/about-text.png) no-repeat center/100%; position: absolute; left: 0; top: 3rem; }

.about .title-box { text-align: center; }

.about .title-box h3 { padding-left: 0; color: #fff; }

.about .title-box h3:before { display: none; }

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

.about .text { width: 42%; text-align: center; margin: 0 auto; }

.about .text h3 { font-size: 0.2rem; color: #fff; }

.about .text p { font-size: 0.18rem; color: rgba(255, 255, 255, 0.5); line-height: 0.32rem; margin-top: 0.2rem; }

.about .text .common-btn { margin: 0.3rem auto 0; }

.about .video { width: 8.1rem; height: 8.1rem; overflow: hidden; margin: 1.2rem auto 0; position: relative; z-index: 2; clip-path: inset(0 0 0 0 round var(--clip-path-border)); --clip-path-border: 8.1rem; }

.about .video video, .about .video iframe { width: 100%; height: 100%; object-fit: cover; }

.about .video a { cursor: none !important; display: block; }

.strength { height: auto; padding: 2rem 0; position: relative; z-index: 2; background: #fff; overflow: hidden; }

.strength .container { position: relative; z-index: 1; display: flex; justify-content: space-between; flex-wrap: wrap; }

.strength .text { width: 38%; }

.strength .text .txt h3 { font-size: 0.2rem; color: #000; }

.strength .text .txt p { font-size: 0.18rem; color: #666; line-height: 0.32rem; margin-top: 0.2rem; }

.strength .text .txt ul { display: flex; margin-top: 0.3rem; }

.strength .text .txt ul li { margin-left: 1rem; }

.strength .text .txt ul li h3 { font-size: 0.14rem; color: #999; }

.strength .text .txt ul li h3 b { font-size: 0.36rem; color: #D44E29; font-family: "BebasNeue"; }

.strength .text .txt ul li h4 { font-size: 0.18rem; color: #000; margin-top: 0.05rem; }

.strength .text .txt ul li:first-child { margin-left: 0; }

.strength .text .txt .common-btn { margin-top: 1rem; }

.strength .video-box { width: 51%; border-radius: 0.3rem; overflow: hidden; }

.strength .video-box img, .strength .video-box video { width: 100%; height: 100%; object-fit: cover; }

.strength .svg { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; }

.strength .svg path { stroke-width: 0.3rem; stroke-linecap: round; }

.strength.act1 .video-box { position: fixed; bottom: 0; right: 2.4rem; }

.strength.act1 .video-fix { opacity: 1; pointer-events: all; }



.cooperation { padding: 0.7rem 0 0.6rem; text-align: center; background: url(../images/index/cooperation-bg.jpg) no-repeat center/cover; position: relative; z-index: 2; }

.cooperation h3 { font-size: 0.34rem; font-weight: bold; color: #fff; }

.cooperation h4 { font-size: 0.2rem; color: #fff; margin-top: 0.2rem; }

.cooperation img { width: 1.2rem; margin: 0.2rem auto 0; display: block; }

.business { position: relative; z-index: 3; }

.business .container { padding-top: 1rem;padding-bottom: 0.5rem; position: absolute; left: 50%; top: 0; z-index: 1; transform: translateX(-50%); }

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

.business .title-box h2 { margin-top: 0; }

.business .tabs { display: flex; justify-content: space-between; position: relative; }

.business .tabs:after { content: ""; width: 90%; border: 1px dashed #fff; position: absolute; left: 0.35rem; top: 0.2rem; }

.business .tabs .slide { width: 100%; position: relative; z-index: 2; overflow: hidden; }

.business .tabs .slide .swiper-slide { width: auto; text-align: center; cursor: pointer; }

.business .tabs .slide .swiper-slide .icon { width: 0.42rem; height: 0.42rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; cursor: pointer; margin: 0 auto; }

.business .tabs .slide .swiper-slide .icon:before { opacity: 0; content: ""; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.business .tabs .slide .swiper-slide .icon:after { content: ""; width: 0.1rem; height: 0.1rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.business .tabs .slide .swiper-slide .icon i { font-size: 0.6rem; position: relative; z-index: 2; }

.business .tabs .slide .swiper-slide h3 { font-size: 0.24rem; margin-top: 0.15rem; color: #fff; }

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

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

.business .tabs .slide .swiper-slide.active .icon i { color: #fff; }

.business .tabs .slide .swiper-slide.active h3 { font-weight: bold; }

.business .tabs .common-btn { top: -0.25rem; position: relative; z-index: 2; }

.business .slide-box { margin-top: 0.5rem; background: url(../images/slidebg.png) no-repeat center/cover; border-radius: 0.3rem; }

.business .slide-box .swiper-slide { position: relative; }

.business .slide-box .swiper-slide .slide1 { position: relative; }

.business .slide-box .swiper-slide .slide1 .swiper-slide { display: flex; color: #fff; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .img { width: 5.97rem; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .img img { width: 100%; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text { flex: 1; height: 4.3rem; padding: 0.8rem 0.6rem 0.2rem 0.3rem; overflow: hidden; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text h2 { font-size: 0.32rem; font-weight: bold; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text h3 { font-size: 0.2rem; font-weight: bold; margin: 0.25rem 0 0.15rem; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text .anicont { font-size: 0.18rem; line-height: 0.32rem; color: rgba(255, 255, 255, 0.6); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; overflow: hidden; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text .more { font-size: 0.18rem; color: #fff; margin-top: 0.5rem; border-bottom: 0.02rem solid #fff; padding-bottom: 0.06rem; float: right; }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text .more i { font-size: 0.16rem; position: relative; top: -0.01rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.business .slide-box .swiper-slide .slide1 .swiper-slide .text .more:hover i { margin-left: 0.05rem; }

.business .slide-box .swiper-slide .slide1 .swiper-pagination { width: 50%; left: 6.27rem; bottom: 0.65rem; text-align: left; }

.business .slide-box .swiper-slide .slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background: rgba(255, 255, 255, 0.4); border-radius: 0; opacity: 1; border-radius: 50%; }

.business .slide-box .swiper-slide .slide1 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }


.strength { height: auto; padding: 1rem 0 1rem 0; position: relative; z-index: 2; background: #fff; overflow: hidden; }

.strength .container { position: relative; z-index: 1; display: flex; justify-content: space-between; flex-wrap: wrap; }

.strength .text { width: 38%; }

.strength .text .txt h3 { font-size: 0.2rem; color: #000; }

.strength .text .txt p { font-size: 0.18rem; color: #666; line-height: 0.32rem; margin-top: 0.2rem; }

.strength .text .txt ul { display: flex; margin-top: 0.3rem; }

.strength .text .txt ul li { margin-left: 1rem; }

.strength .text .txt ul li h3 { font-size: 0.14rem; color: #999; }

.strength .text .txt ul li h3 b { font-size: 0.36rem; color: #D44E29; font-family: "BebasNeue"; }

.strength .text .txt ul li h4 { font-size: 0.18rem; color: #000; margin-top: 0.05rem; }

.strength .text .txt ul li:first-child { margin-left: 0; }

.strength .text .txt .common-btn { margin-top: 1rem; }

.strength .video-box { width: 51%; border-radius: 0.3rem; overflow: hidden; }

.strength .video-box img, .strength .video-box video { width: 100%; height: 100%; object-fit: cover; }

.strength .svg { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; }

.strength .svg path { stroke-width: 0.3rem; stroke-linecap: round; }

.strength.act1 .video-box { position: fixed; bottom: 0; right: 2.4rem; }

.strength.act1 .video-fix { opacity: 1; pointer-events: all; }

.news { padding: 1rem 0; background: #F8F8F8; position: relative; z-index: 2; }

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

.news .box { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }

.news .box:before { content: ""; width: 1px; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; left: calc(50% - 1px); top: 0; }

.news .box .big { width: 48%; }

.news .box .big a { padding: 0.3rem; background: #fff; display: block; }

.news .box .big .img { width: 100%; height: 3.3rem; overflow: hidden; border-radius: 0.1rem; }

.news .box .big .img img { width: 100%; height: 100%; }

.news .box .big .text { display: flex; align-items: center; padding-top: 0.3rem; }

.news .box .big .text .date { text-align: center; margin-right: 0.2rem; }

.news .box .big .text .date h4 { font-size: 0.36rem; color: #000; font-family: "BebasNeue"; }

.news .box .big .text .date h5 { font-size: 0.16rem; color: #D6D6D6; font-family: "BebasNeue"; }

.news .box .big .text h3 { font-size: 0.2rem; color: #000; line-height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.news .box ul { width: 48%; position: relative; }

.news .box ul li { background: #fff; margin-top: 0.4rem; position: relative; }

.news .box ul li:before { content: ""; width: 0.12rem; height: 0.12rem; border: 0.03rem solid #D44E29; border-radius: 50%; position: absolute; left: -0.34rem; top: 47%; }

.news .box ul li a { padding: 0.34rem 0.2rem; display: flex; align-items: center; }

.news .box ul li .text { flex: 1; display: flex; align-items: center; }

.news .box ul li .text .date { text-align: center; margin-right: 0.2rem; }

.news .box ul li .text .date h4 { font-size: 0.36rem; color: #000; font-family: "BebasNeue"; }

.news .box ul li .text .date h5 { font-size: 0.16rem; color: #D6D6D6; font-family: "BebasNeue"; }

.news .box ul li .text h3 { font-size: 0.2rem; color: #000; line-height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.news .box ul li .img { width: 2.6rem; height: 1.5rem; overflow: hidden; border-radius: 0.1rem; margin-left: 0.2rem; }

.news .box ul li .img img { width: 100%; height: 100%; }

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

.news .box ul li:hover .text h3 { color: #D44E29; }

.news .box ul li:hover img { transform: scale(1.05); }

.news .common-btn { margin: 0.4rem auto 0; }

.cooperation { padding: 0.7rem 0 0.6rem; text-align: center; background: url(../images/index/cooperation-bg.jpg) no-repeat center/cover; position: relative; z-index: 2; }

.cooperation h3 { font-size: 0.34rem; font-weight: bold; color: #fff; }

.cooperation h4 { font-size: 0.2rem; color: #fff; margin-top: 0.2rem; }

.cooperation img { width: 1.2rem; margin: 0.2rem auto 0; display: block; }

/* neiye */
.nybanner { width: 100%; height: 6rem; overflow: hidden; /*position: fixed; */left: 0; top: 0; }

.nybanner img { width: 100%; height: 100%; animation: bannerScale 3s; }

.nybanner .text { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.nybanner .text h3 { font-size: 0.44rem; color: #fff; font-weight: bold; position: relative; padding-bottom: 0.2rem; letter-spacing: 4px; line-height: 0.66rem; }

.nybanner .text h3:after { content: ""; width: 0.4rem; height: 0.04rem; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.nybanner .text h3.noline:after { display: none; }

.nybanner .text h3.ts { text-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.7); }

.nybanner .text h4 { font-size: 0.26rem; color: #fff; margin-top: 0.2rem; }

.nybanner .icon { width: 0.9rem; height: 0.9rem; position: absolute; left: 0%; top: 0; right: 0; bottom: 0; margin: auto; opacity: .8; }

.nybanner .icon i { font-size: 0.9rem; color: #fff; }

.nybanner .icon:hover { transform: scale(1.05); }

.nybanner-z { width: 100%; height: 6rem; background: #fff; }

.crumbs-tabs { height: auto; overflow: hidden; position: sticky; top: 0; z-index: 0; background: #fff; z-index: 10; }

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

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

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

.crumbs-tabs .crumbs .iconfont { font-size: 0.16rem; color: #000; margin-right: 0.05rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.crumbs-tabs .crumbs a:hover { color: #D44E29; }

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

.crumbs-tabs .tabs .swiper-slide { width: auto; font-size: 0.18rem; color: #000; padding: 0.3rem 0; margin-left: 0.6rem; position: relative; display: flex; align-items: center; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); justify-content: center; }

.crumbs-tabs .tabs .swiper-slide:after { content: ""; width: 0; height: 0.02rem; background: #D44E29; position: absolute; bottom: 0; left: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.crumbs-tabs .tabs .swiper-slide.active, .crumbs-tabs .tabs .swiper-slide:hover { color: #D44E29; }

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

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

.content { background: #fff; position: relative; padding-top: 0.9rem; }

.content .section { overflow: hidden; position: relative; }

.Nei-page.no-banner { padding-top: 0.9rem; }

.Nei-page.no-banner .header .logo { background-image: url(../images/logo.png); }

.Nei-page.no-banner .header .nav .item { color: #000; }

.Nei-page.no-banner .header .nav .item:before { background: #000; }

.Nei-page.no-banner .header:after { opacity: 1; transform: none; background: rgba(0, 0, 0, 0.1); }

.filter-search { padding-top: 0.25rem; margin-bottom: 0.1rem; position: relative; }

.filter-search .filter { display: flex; align-items: center; border-bottom: 1px solid #E8ECF5; }

.filter-search .filter .item { line-height: 0.2rem; font-size: 0.18rem; margin-right: 0.5rem; position: relative; padding-bottom: 0.2rem; }

.filter-search .filter .item:after { content: ""; width: 0; height: 0.02rem; background: #D44E29; position: absolute; left: 0; bottom: 0; }

.filter-search .filter .item.active { font-size: 0.24rem; color: #D44E29; font-weight: bold; }

.filter-search .filter .item.active:after { width: 100%; }

.filter-search .filter .item:hover { color: #D44E29; }

.filter-search .search { display: flex; align-items: center; position: absolute; right: 0; top: 0; }

.filter-search .search label { font-size: 0.18rem; margin-right: 0.1rem; }

.filter-search .search .input { display: flex; align-items: center; padding: 0 0.2rem; background: #F0F0F0; border-radius: 0.3rem; }

.filter-search .search .input i { font-size: 0.2rem; color: #979797; margin-right: 0.1rem; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.filter-search .search .input i:hover { color: #D44E29; }

.filter-search .search .input input { width: 2.5rem; height: 0.52rem; font-size: 0.18rem; }

.filter-search .filter1 { margin-top: 0.4rem; }

.filter-search .filter1 .row { display: flex; margin-top: 0.3rem; }

.filter-search .filter1 .row label { width: 1.5rem; font-size: 0.24rem; font-weight: bold; }

.filter-search .filter1 .row ul { flex: 1; display: flex; flex-wrap: wrap; }

.filter-search .filter1 .row ul li { font-size: 0.18rem; margin: 0.05rem 0.4rem 0.2rem 0; }

.filter-search .filter1 .row ul li a { position: relative; padding-left: 0.28rem; line-height: 1; display: block; }

.filter-search .filter1 .row ul li i { font-family: 'iconfont'; font-size: 0.2rem; color: #BFBFBF; position: absolute; left: 0; top: -1px; }

.filter-search .filter1 .row ul li i:before { content: "\e6d7"; }

.filter-search .filter1 .row ul li.active i { color: #D44E29; }

.filter-search .filter1 .row ul li.active i:before { content: "\e75b"; }

.filter-search .filter1 .row ul li:hover a { color: #D44E29; }

/* Product */
.Product .banner, .Product .banner-z { height: 5rem; }

.Product.content { background: #F8F8F8; padding: 0.5rem 0 0; }

.Product.content .section1 { padding-bottom: 0.8rem; }

.Product.content .section1 .common-btn { margin: 0 auto; }

.Product.content .section2 { background: #fff; padding: 0.9rem 0; }

.Product.content .section2 .title-box1 p { color: #000; }

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

.Product.content .section2 .box .left { width: 42%; }

.Product.content .section2 .box .left dl { background: #F8F8F8; padding: 0.2rem; margin-bottom: 0.25rem; }

.Product.content .section2 .box .left dl dt { font-size: 0.2rem; font-weight: bold; position: relative; cursor: pointer; }

.Product.content .section2 .box .left dl dt i { font-family: 'iconfont'; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; font-weight: bold; }

.Product.content .section2 .box .left dl dt i:before { content: "\e665"; }

.Product.content .section2 .box .left dl dd { display: none; font-size: 0.18rem; color: #666; line-height: 0.3rem; border-top: 1px solid #E8ECF5; margin-top: 0.15rem; padding-top: 0.1rem; }

.Product.content .section2 .box .left dl.active dt i:before { content: "\e67a"; }

.Product.content .section2 .box .left dl.active dd { display: block; }

.Product.content .section2 .box .right { width: 50%; }

.Product.content .section2 .box .right .slide { overflow: hidden; }

.Product.content .section2 .box .right .slide .swiper-slide { border-radius: 0.1rem; overflow: hidden; }

.Product.content .section2 .box .right .slide .swiper-slide img { width: 100%; }

.Product.content .section3 { padding: 0.9rem 0; }

.Product.content .section3 .slide { padding: 0 12.5%; }

.Product.content .section3 .slide .swiper-slide { position: relative; }

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

.Product.content .section3 .slide .swiper-slide .text { width: 100%; padding: 0.3rem; position: absolute; left: 0; bottom: 0; text-align: center; }

.Product.content .section3 .slide .swiper-slide .text:before { content: ""; width: 100%; height: 1.8rem; background: linear-gradient(180deg, transparent 0%, #000 100%); position: absolute; left: 0; bottom: 0; }

.Product.content .section3 .slide .swiper-slide .text h3 { font-size: 0.2rem; color: #fff; font-weight: bold; position: relative; z-index: 2; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(20px); }

.Product.content .section3 .slide .swiper-slide .text i { font-size: 0.2rem; color: #fff; position: relative; z-index: 2; margin-top: 0.1rem; opacity: 0; display: block; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(10px); }

.Product.content .section3 .slide .swiper-slide:hover .text:before { background: linear-gradient(180deg, rgba(0, 64, 191, 0) 0%, #D44E29 100%); }

.Product.content .section3 .slide .swiper-slide:hover .text h3 { transform: translateY(0); }

.Product.content .section3 .slide .swiper-slide:hover .text i { opacity: 1; transform: translateY(0); }

.Product.content .section4 { padding: 0.9rem 0; background: #fff; }

.Product.content .section4 ul { display: flex; justify-content: space-between; }

.Product.content .section4 ul li { width: 31.666%; height: 2.9rem; margin-right: 2.5%; position: relative; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

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

.Product.content .section4 ul li .text { width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Product.content .section4 ul li .text i { font-size: 0.52rem; display: block; position: relative; z-index: 2; }

.Product.content .section4 ul li .text i.icon-jinru11 { font-size: 0.24rem; }

.Product.content .section4 ul li .text h3 { font-size: 0.2rem; font-weight: bold; margin: 0.2rem auto; position: relative; z-index: 2; }

.Product.content .section4 ul li .text:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; }

.Product.content .section4 ul li:last-child { margin-right: 0; }

.Product.content .section4 ul li.active { width: 67.5%; }

.Product.content .section4 ul li.active .text:before { background: rgba(0, 64, 191, 0.8); }

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

.product-list li { width: 31.3333%; margin: 0 3% 0.4rem 0; background: #FFFFFF; border-radius: 0.1rem; }

.product-list li .img {overflow: hidden; text-align:center;margin-top:20px; }

.product-list li .img img { width: 80%;margin-left:10%;}

.product-list li .text { padding: 0.2rem 0.3rem 0.3rem; text-align:center }

.product-list li .text h3 { font-size: 0.20rem; font-weight: normal; }

.product-list li .text .tags { display: flex; flex-wrap: wrap; min-height: 0.45rem; }

.product-list li .text .tags span { font-size: 0.16rem; color: #666; padding: 0.08rem 0.1rem; background: #F1F1F1; border-radius: 0.04rem; margin: 0.1rem 0.1rem 0 0; }

.product-list li .text p { font-size: 0.16rem; color: #666; margin-top: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 0.2rem; }

.product-list li .text .btns { padding: 0 0.15rem; display: flex; justify-content: space-between; margin-top: 0.2rem; }

.product-list li .text .btns a { width: 1.6rem; height: 0.48rem; font-size: 0.16rem; color: #D44E29; border: 1px solid #D44E29; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; margin:0 auto }

.product-list li .text .btns a:last-child { background: #D44E29; color: #fff; }

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

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

/* Product-xq */
.Product-xq .product-info { height: 9.6rem; max-height: 100vh; padding-top: 2.4rem; background: url(../images/probg.jpg) no-repeat center/cover; overflow: hidden; }

.Product-xq .product-info .container { width: 50%; }

.Product-xq .product-info .slide-box { width: 84%; position: relative; margin: 0 auto; }

.Product-xq .product-info .slide-box .slide { width: 6rem; padding-bottom: 0.3rem; position: relative; margin: 0 auto; overflow: hidden; }

.Product-xq .product-info .slide-box .slide .swiper-slide img { width: 100%; }

.Product-xq .product-info .slide-box .slide .swiper-pagination { bottom: 0; }

.Product-xq .product-info .slide-box .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; opacity: .2; border-radius: 0; }

.Product-xq .product-info .slide-box .slide .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }

.Product-xq .product-info .slide-box .btn-prev, .Product-xq .product-info .slide-box .btn-next { width: 0.56rem; height: 0.56rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: 1px solid #999; position: absolute; left: 0; top: 50%; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(-50%); }

.Product-xq .product-info .slide-box .btn-prev i, .Product-xq .product-info .slide-box .btn-next i { font-size: 0.2rem; color: #999; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Product-xq .product-info .slide-box .btn-prev.btn-next, .Product-xq .product-info .slide-box .btn-next.btn-next { left: auto; right: 0; }

.Product-xq .product-info .slide-box .btn-prev:hover, .Product-xq .product-info .slide-box .btn-next:hover { border-color: #D44E29; }

.Product-xq .product-info .slide-box .btn-prev:hover i, .Product-xq .product-info .slide-box .btn-next:hover i { color: #D44E29; }

.Product-xq .product-info .info { text-align: center; margin-top: 0.3rem; }

.Product-xq .product-info .info h2 { font-size: 0.32rem; font-weight: bold; }

.Product-xq .product-info .info .tags { margin-top: 0.15rem; display: flex; justify-content: center; }

.Product-xq .product-info .info .tags li { font-size: 0.18rem; padding: 0 0.15rem; position: relative; }

.Product-xq .product-info .info .tags li:before { content: ""; width: 1px; height: 70%; background: rgba(0, 0, 0, 0.2); position: absolute; left: -0.01rem; top: 0; bottom: 0; margin: auto; }

.Product-xq .product-info .info .tags li:first-child:before { display: none; }

.Product-xq .product-info .info .cs { display: flex; justify-content: center; margin-top: 0.25rem; }

.Product-xq .product-info .info .cs li { padding: 0 0.55rem; position: relative; }

.Product-xq .product-info .info .cs li:before { content: ""; width: 1px; height: 90%; background: rgba(0, 0, 0, 0.1); position: absolute; left: -0.01rem; top: 0; bottom: 0; margin: auto; }

.Product-xq .product-info .info .cs li h3 { font-size: 0.16rem; font-weight: bold; }

.Product-xq .product-info .info .cs li h4 { font-size: 0.16rem; color: #666; margin-top: 0.1rem; }

.Product-xq .product-info .info .cs li:first-child:before { display: none; }

.Product-xq .product-info .info .btns { display: flex; align-items: center; justify-content: center; margin-top: 0.3rem; }

.Product-xq .product-info .info .btns > div, .Product-xq .product-info .info .btns > a { margin: 0 0.2rem; }

.Product-xq .product-info .info .btns > div i, .Product-xq .product-info .info .btns > a i { font-size: 0.2rem; margin-left: 0; margin-right: 0.08rem; }

.Product-xq .product-info .info .btns > div:hover i, .Product-xq .product-info .info .btns > a:hover i { transform: translate(0); }

.Product-xq .content .parameters { padding-bottom: 0.9rem; }

.Product-xq .content .parameters .cs img { width: 100%; }

.Product-xq .content .parameters .table-box .table { height: 3.6rem; margin-top: 0.3rem; position: relative; overflow: hidden; }

.Product-xq .content .parameters .table-box .table:after { content: ""; width: 100%; height: 1.2rem; background: linear-gradient(0deg, #FFF 16.95%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; bottom: 0; }

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

.Product-xq .content .parameters .table-box .table table tr td { font-size: 0.18rem; color: #666; padding: 0.15rem 1rem; border: 1px solid #E8E8E8; }

.Product-xq .content .parameters .table-box .table table tr:nth-child(odd) { background: #F8F8F8; }

.Product-xq .content .parameters .table-box .common-btn { border-color: #999; color: #000; margin: 0.3rem auto 0; }

.Product-xq .content .parameters .table-box .common-btn i { font-size: 0.14rem; color: #000; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: rotate(180deg); margin-left: 0.08rem; top: -0.01rem; position: relative; }

.Product-xq .content .parameters .table-box .common-btn:hover { color: #fff; border-color: #D44E29; }

.Product-xq .content .parameters .table-box .common-btn:hover i { transform: translate(0) rotate(180deg); color: #fff; }

.Product-xq .content .parameters .table-box.active { height: auto; }

.Product-xq .content .parameters .table-box.active .table { height: auto; }

.Product-xq .content .parameters .table-box.active .table:after { display: none; }

.Product-xq .content .parameters .table-box.active .common-btn i { transform: rotate(0deg); }

.Product-xq .content .case { padding-bottom: 0.9rem; }

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

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

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

.Product-xq .content .case .slide .swiper-slide .text { width: 100%; padding: 0.3rem; position: absolute; left: 0; bottom: 0; text-align: center; }

.Product-xq .content .case .slide .swiper-slide .text:before { content: ""; width: 100%; height: 1.8rem; background: linear-gradient(180deg, rgba(6, 29, 63, 0) 0%, rgba(6, 29, 63, 0.8) 100%); position: absolute; left: 0; bottom: 0; }

.Product-xq .content .case .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #fff; position: relative; z-index: 2; }

.Product-xq .content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }

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

.Product-xq .content .related { padding: 0.9rem 0; background: #F8F8F8; }

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

.Product-xq .content .related .slide .swiper-slide { background: #fff; border-radius: 0.1rem; }

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

.Product-xq .content .related .slide .swiper-slide .img img { width: 80%; margin-left: 10%; }

.Product-xq .content .related .slide .swiper-slide .text { padding: 0.4rem 0.3rem; text-align:center; }

.Product-xq .content .related .slide .swiper-slide .text h3 { font-size: 0.20rem; font-weight: normal; }

.Product-xq .content .related .slide .swiper-slide .text .tags { display: flex; flex-wrap: wrap; min-height: 0.45rem; }

.Product-xq .content .related .slide .swiper-slide .text .tags span { font-size: 0.16rem; color: #666; padding: 0.08rem 0.1rem; background: #F1F1F1; border-radius: 0.04rem; margin: 0.1rem 0.1rem 0 0; }

.Product-xq .content .related .slide .swiper-slide .text p { font-size: 0.16rem; color: #666; margin-top: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 0.2rem; }

.Product-xq .content .related .slide .swiper-slide .text .btns { padding: 0 0.15rem; display: flex; justify-content: space-between; margin-top: 0.2rem; }

.Product-xq .content .related .slide .swiper-slide .text .btns a { width: 1.6rem; height: 0.48rem; font-size: 0.16rem; color: #D44E29; border: 1px solid #D44E29; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; }

.Product-xq .content .related .slide .swiper-slide .text .btns a:last-child { background: #D44E29; color: #fff; }

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

.Product-xq .content .related .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }

.Product-xq .content .related .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

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

.Product-xq .content .order .title-box1 p { color: #fff; }

.Product-xq .content .order .tel { font-size: 0.32rem; font-weight: bold; color: #fff; letter-spacing: 3.2px; text-align: center; }

.Product-xq .content .order .tel i { font-size: 0.32rem; margin-right: 0.1rem; position: relative; top: -1px; }

.Product-xq .content .order .box { background: #fff; overflow: hidden; margin-top: 0.5rem; box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 42, 99, 0.1); display: flex; flex-wrap: wrap; }

.Product-xq .content .order .box .img { width: 45.3%; }

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

.Product-xq .content .order .box .form { width: 54.7%; padding: 0.7rem 1rem; }

.Product-xq .content .order .box .form h3 { font-size: 0.24rem; font-weight: bold; text-align: center; }

.Product-xq .content .order .box .form form { margin-top: 0.5rem; }

.Product-xq .content .order .box .form form .row { height: auto; display: flex; justify-content: space-between; margin-top: 0.2rem; }

.Product-xq .content .order .box .form form .row .column { width: 48%; padding: 0 0.15rem; background: #F8F8F8; display: flex; align-items: center; flex-wrap: wrap; border-radius: 0.06rem; }

.Product-xq .content .order .box .form form .row .column label { font-size: 0.16rem; color: #999; margin-right: 0.1rem; }

.Product-xq .content .order .box .form form .row .column label i { color: #E51C15; }

.Product-xq .content .order .box .form form .row .column.w100 { width: 100%; }

.Product-xq .content .order .box .form form .row .column select, .Product-xq .content .order .box .form form .row .column input, .Product-xq .content .order .box .form form .row .column textarea { width: 0; flex: 1; height: 0.56rem; background: transparent; border: transparent; }

.Product-xq .content .order .box .form form .row .column option { color: #000; padding-top: 10px; }

.Product-xq .content .order .box .form form .row .column textarea { height: 1rem; }

.Product-xq .content .order .box .form form .row .column.textarea { padding: 0.15rem; }

.Product-xq .content .order .box .form form .row .column.textarea label { width: 100%; margin-bottom: 0.15rem; }

.Product-xq .content .order .box .form form .common-btn { width: 100%; margin-top: 0.5rem; }

/* Solution */
.Solution .main { overflow: visible; }

.Solution .crumbs-tabs { position: sticky; top: 0; z-index: 10; }

.Solution .crumbs-tabs .container { width: 100%; justify-content: center; }

.Solution.content { padding-bottom: 1.1rem; }

.Solution.content .section { height: auto; overflow: hidden; position: relative; }

.Solution.content .section1 { height: auto; overflow: hidden; position: relative; }

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

.Solution.content .section1 .slide .swiper-slide { position: relative; overflow: hidden; padding-bottom: 0.1rem; }

.Solution.content .section1 .slide .swiper-slide .img { height: 5rem; display: block; position: relative; z-index: 1; overflow: hidden; }

.Solution.content .section1 .slide .swiper-slide .img img { width: 100%; height: 100%; opacity: .2; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution.content .section1 .slide .swiper-slide .text { padding-top: 0.5rem; text-align: center; opacity: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution.content .section1 .slide .swiper-slide .text h3 { font-size: 0.24rem; font-weight: bold; margin-bottom: 0.2rem; }

.Solution.content .section1 .slide .swiper-slide .text p { font-size: 0.18rem; line-height: 0.3rem; color: #666; }

.Solution.content .section1 .slide .swiper-slide .text .common-btn { margin: 0.3rem auto 0; }

.Solution.content .section1 .slide .swiper-slide.swiper-slide-active .img img { opacity: 1; }

.Solution.content .section1 .slide .swiper-slide.swiper-slide-active .text { opacity: 1; }

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

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

.Solution.content .section2 .list .item .container { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Solution.content .section2 .list .item .img { width: 48%; padding: 0.2rem 0 0 0.2rem; position: relative; }

.Solution.content .section2 .list .item .img:before { content: ""; width: 86%; height: 80%; background: #D44E29; position: absolute; left: 0; top: 0; }

.Solution.content .section2 .list .item .img img { width: 100%; position: relative; z-index: 2; }

.Solution.content .section2 .list .item .text { width: 48%; display: flex; flex-direction: column; justify-content: center; }

.Solution.content .section2 .list .item .text h3 { font-size: 0.4rem; font-weight: bold; }

.Solution.content .section2 .list .item .text h4 { font-size: 0.24rem; font-weight: bold; margin: 0.3rem 0 0.2rem; }

.Solution.content .section2 .list .item .text p { font-size: 0.18rem; line-height: 0.3rem; color: #666; }

.Solution.content .section2 .list .item .text .common-btn { margin-top: 0.4rem; }

.Solution.content .section2 .list .item:nth-child(odd) { background: #F8F8F8; }

.Solution.content .section2 .list .item:nth-child(even) .container { flex-direction: row-reverse; }

.Solution.content .section2 .list .item:nth-child(even) .img { padding: 0.2rem 0.2rem 0 0; }

.Solution.content .section2 .list .item:nth-child(even) .img:before { left: auto; right: 0; }

.Solution.content .order { padding: 0.9rem 0; background: url(../images/product/xq-order-bg.jpg) no-repeat top/100%; }

.Solution.content .order .title-box1 p { color: #fff; }

.Solution.content .order .tel { font-size: 0.32rem; font-weight: bold; color: #fff; letter-spacing: 3.2px; text-align: center; }

.Solution.content .order .tel i { font-size: 0.32rem; margin-right: 0.1rem; position: relative; top: -1px; }

.Solution.content .order .box { background: #fff; overflow: hidden; margin-top: 0.5rem; box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 42, 99, 0.1); display: flex; flex-wrap: wrap; }

.Solution.content .order .box .img { width: 45.3%; }

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

.Solution.content .order .box .form { width: 54.7%; padding: 0.7rem 1rem; }

.Solution.content .order .box .form h3 { font-size: 0.24rem; font-weight: bold; text-align: center; }

.Solution.content .order .box .form form { margin-top: 0.5rem; }

.Solution.content .order .box .form form .row { height: auto; display: flex; justify-content: space-between; margin-top: 0.2rem; }

.Solution.content .order .box .form form .row .column { width: 48%; padding: 0 0.15rem; background: #F8F8F8; display: flex; align-items: center; flex-wrap: wrap; border-radius: 0.06rem; }

.Solution.content .order .box .form form .row .column label { font-size: 0.16rem; color: #999; margin-right: 0.1rem; }

.Solution.content .order .box .form form .row .column label i { color: #E51C15; }

.Solution.content .order .box .form form .row .column.w100 { width: 100%; }

.Solution.content .order .box .form form .row .column select, .Solution.content .order .box .form form .row .column input, .Solution.content .order .box .form form .row .column textarea { width: 0; flex: 1; height: 0.56rem; background: transparent; border: transparent; }

.Solution.content .order .box .form form .row .column option { color: #000; padding-top: 10px; }

.Solution.content .order .box .form form .row .column textarea { height: 1rem; }

.Solution.content .order .box .form form .row .column.textarea { padding: 0.15rem; }

.Solution.content .order .box .form form .row .column.textarea label { width: 100%; margin-bottom: 0.15rem; }

.Solution.content .order .box .form form .row .column.radio-box { background: transparent; padding: 0.1rem 0; }

.Solution.content .order .box .form form .row .column.radio-box label { margin-right: 0.5rem; color: #000; cursor: pointer; }

.Solution.content .order .box .form form .row .column.radio-box label span { font-size: 0.18rem; font-family: 'iconfont'; margin-right: 0.05rem; position: relative; top: 0.01rem; }

.Solution.content .order .box .form form .row .column.radio-box label span:before { content: "\e6d7"; }

.Solution.content .order .box .form form .row .column.radio-box label.active { color: #D44E29; }

.Solution.content .order .box .form form .row .column.radio-box label.active span:before { content: "\e75b"; }

.Solution.content .order .box .form form .common-btn { width: 100%; margin-top: 0.5rem; }

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

.Solution-list.content .list li { position: relative; margin-top: 0.6rem; overflow: hidden; }

.Solution-list.content .list li img { width: 100%; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-list.content .list li .text { width: 6.6rem; padding: 0.5rem 0.4rem; background: rgba(255, 255, 255, 0.9); position: absolute; right: 0.6rem; top: 1.2rem; }

.Solution-list.content .list li .text h3 { font-size: 0.18rem; color: #D44E29; font-weight: bold; }

.Solution-list.content .list li .text h2 { font-size: 0.36rem; color: #333; font-weight: bold; margin: 0.1rem 0 0.25rem; }

.Solution-list.content .list li .text p { font-size: 0.18rem; color: #333; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Solution-list.content .list li .text .btn-more { margin-top: 0.3rem; }

.Solution-list.content .list li:first-child { margin-top: 0.3rem; }

.Solution-list.content .list li:nth-child(even) .text, .Solution-list.content .list li.text-l .text { right: auto; left: 0.6rem; }

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

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

.Solution-xq .banner .box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }

.Solution-xq .banner .box img { width: 100%; }

.Solution-xq .banner .box .text-box { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.Solution-xq .banner .box .text-box h2 { font-size: 0.46rem; color: #fff; font-weight: bold; }

.Solution-xq .banner .box .text-box h3 { font-size: 0.24rem; color: #fff; font-weight: bold; margin-top: 0.3rem; }

.Solution-xq .banner .box .text-box h3 span { font-size: 0.22rem; padding: 0.04rem 0.15rem; background: rgba(255, 255, 255, 0.2); font-weight: normal; margin-left: 0.1rem; display: inline-flex; align-items: center; }

.Solution-xq .banner .box .text-box h3 span i { font-size: 0.18rem; margin: 0 0.1rem; }

.Solution-xq .banner .box .text-box p { width: 48%; font-size: 0.2rem; color: #fff; line-height: 0.32rem; margin-top: 0.3rem; }

.Solution-xq .banner .box .text-box .btns { margin-top: 1rem; }

.Solution-xq .banner .box .text-box .btns a { padding: 0 0.3rem; height: 0.56rem; margin-right: 0.4rem; font-size: 0.18rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fff; background: rgba(255, 255, 255, 0.1); border-radius: 0.3rem; }

.Solution-xq .banner .box .text-box .btns a i { font-size: 0.24rem; margin-right: 0.1rem; }

.Solution-xq .banner .box .text-box .btns a:hover { background: rgba(255, 255, 255, 0.5); transform: translateY(-5px); }

.Solution-xq .banner .box .text-box .btns a:first-child { background: #D44E29; border-color: #D44E29; }

.Solution-xq .banner .box .text-box .btns a:first-child:hover { background: rgba(0, 64, 191, 0.7); }

.Solution-xq .banner video { width: 100%; height: 100%; object-fit: cover; }

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

.Solution-xq .section { height: auto; overflow: hidden; padding: 0.9rem 0; position: relative; }

.Solution-xq .sectionf .title-box1 { text-align: center; margin-bottom: 0.3rem; }

.Solution-xq .sectionf .title-box1 h2 { margin-top: 0.05rem; }

.Solution-xq .sectionf .slide { position: relative; padding: 0.2rem 0 0.5rem; overflow: hidden; }

.Solution-xq .sectionf .slide .swiper-slide { height: 5.2rem; padding: 0.8rem 0.4rem; background: url(../images/solution/xq-section1-bg.jpg) no-repeat center/cover; border-radius: 0.1rem; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionf .slide .swiper-slide .icon { width: 0.6rem; }

.Solution-xq .sectionf .slide .swiper-slide h3 { font-size: 0.24rem; font-weight: bold; margin-top: 0.2rem; }

.Solution-xq .sectionf .slide .swiper-slide .line { width: 100%; height: 1px; background: #EAE9E9; margin: 0.5rem 0 0.3rem; }

.Solution-xq .sectionf .slide .swiper-slide p { font-size: 0.18rem; color: #666; line-height: 0.3rem; }

.Solution-xq .sectionf .slide .swiper-slide:first-child { margin-left: 0; }

.Solution-xq .sectionf .slide .swiper-slide:hover { transform: translateY(-20px); }

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

.Solution-xq .sectionf .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; margin: 0 0.05rem; opacity: 1; }

.Solution-xq .sectionf .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Solution-xq .sectionp { padding: 0; }

.Solution-xq .sectionp .box { position: relative; overflow: hidden; }

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

.Solution-xq .sectionp .box .text { width: 100%; height: 100%; padding: 1rem 0; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0.4); }

.Solution-xq .sectionp .box .text .container { pointer-events: auto; }

.Solution-xq .sectionp .box .text .txt { width: 50%; }

.Solution-xq .sectionp .box .text .txt h3 { font-size: 0.32rem; color: #fff; font-weight: bold; }

.Solution-xq .sectionp .box .text .txt h4 { font-size: 0.18rem; color: #fff; font-weight: bold; margin: 1.3rem 0 0.2rem; }

.Solution-xq .sectionp .box .text .txt p { font-size: 0.18rem; color: #fff; line-height: 0.32rem; }

.Solution-xq .sectionp .box .text .slide { margin-top: 2rem; position: relative; padding-bottom: 0.4rem; }

.Solution-xq .sectionp .box .text .slide .swiper-slide { padding: 0.14rem; display: flex; flex-wrap: wrap; align-items: center; background: #fff; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionp .box .text .slide .swiper-slide img { width: 1.42rem; margin-right: 0.15rem; }

.Solution-xq .sectionp .box .text .slide .swiper-slide .txt { width: auto; flex: 1; }

.Solution-xq .sectionp .box .text .slide .swiper-slide .txt h5 { font-size: 0.2rem; font-weight: bold; }

.Solution-xq .sectionp .box .text .slide .swiper-slide .txt p { font-size: 0.18rem; color: #666; line-height: 0.32rem; margin-top: 0.15rem; }

.Solution-xq .sectionp .box .text .slide .swiper-slide:first-child { margin-left: 0; }

.Solution-xq .sectionp .box .text .slide .swiper-slide:hover { transform: translateY(-20px); }

.Solution-xq .sectionp .box .text .slide .swiper-pagination { bottom: 0; }

.Solution-xq .sectionp .box .text .slide .swiper-pagination-bullet { background: #fff; }

.Solution-xq .sectionp .box .text .slide .swiper-pagination-bullet-active { background: #D44E29; }

.Solution-xq .sectionp .pro { padding: 0.9rem 0; }

.Solution-xq .sectionp .pro .dcs { padding: 0.2rem 0.2rem 0; background: #F8F8F8; border-radius: 0.04rem; }

.Solution-xq .sectionp .pro .dcs ul { display: flex; flex-wrap: wrap; }

.Solution-xq .sectionp .pro .dcs ul li { margin: 0 1rem 0.2rem 0; font-size: 0.18rem; color: #666; position: relative; padding-left: 0.15rem; }

.Solution-xq .sectionp .pro .dcs ul li:before { content: ""; width: 0.05rem; height: 0.05rem; border-radius: 50%; background: #666; position: absolute; left: 0; top: 0.06rem; }

.Solution-xq .sectionp .pro .dcs p { font-size: 0.18rem; color: #666; line-height: 0.3rem; padding-bottom: 0.2rem; }

.Solution-xq .sectionp .pro .slide { margin-top: 0.4rem; position: relative; }

.Solution-xq .sectionp .pro .slide .swiper-slide { opacity: .2; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionp .pro .slide .swiper-slide h3 { font-size: 0.34rem; font-weight: bold; margin-bottom: 0.3rem; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box { display: flex; justify-content: space-between; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs { width: 60%; background: #F8F8F8; padding: 0.3rem 0.3rem 0.2rem; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll { height: 100%; display: flex; overflow: hidden; overflow-x: auto; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll dl { flex: 0 0 3.5rem; margin-left: 0.3rem; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll dl dd { font-size: 0.18rem; line-height: 0.26rem; color: #000; margin-top: 0.22rem; display: flex; align-items: center; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll dl dd span { flex: 0 0 2rem; color: #666; display: inline-block; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll dl dd:first-child { margin-top: 0; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll dl:first-child { margin-left: 0; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll::-webkit-scrollbar { width: 4px; height: 4px; background: #E8E8E8; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .cs .scroll::-webkit-scrollbar-thumb { background: #D44E29; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; cursor: pointer; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .img { width: 38%; }

.Solution-xq .sectionp .pro .slide .swiper-slide .box .img img { width: 100%; }

.Solution-xq .sectionp .pro .slide .swiper-slide.swiper-slide-active { opacity: 1; }

.Solution-xq .sectionp .pro .slide .btns { width: 0.56rem; position: absolute; right: 2.8rem; bottom: 0.7rem; display: flex; flex-direction: column; z-index: 2; }

.Solution-xq .sectionp .pro .slide .btns .btn-prev, .Solution-xq .sectionp .pro .slide .btns .btn-next { width: 0.56rem; height: 0.56rem; background: #F2F2F4; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 0.3rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; }

.Solution-xq .sectionp .pro .slide .btns .btn-prev i, .Solution-xq .sectionp .pro .slide .btns .btn-next i { font-size: 0.22rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionp .pro .slide .btns .btn-prev:hover, .Solution-xq .sectionp .pro .slide .btns .btn-next:hover { background: #D44E29; }

.Solution-xq .sectionp .pro .slide .btns .btn-prev:hover i, .Solution-xq .sectionp .pro .slide .btns .btn-next:hover i { color: #fff; }

.Solution-xq .sectionc { background: #F8F8F8; }

.Solution-xq .sectionc .title-box1 { text-align: center; }

.Solution-xq .sectionc .title-box1 h2 { margin-top: 0.05rem; }

.Solution-xq .sectionc .slide { overflow: hidden; position: relative; padding-bottom: 0.6rem; }

.Solution-xq .sectionc .slide .swiper-slide .img { overflow: hidden; position: relative; }

.Solution-xq .sectionc .slide .swiper-slide .img img { width: 100%; }

.Solution-xq .sectionc .slide .swiper-slide .img .arrow { width: 0.5rem; height: 0.5rem; background: #fff; position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionc .slide .swiper-slide .img .arrow i { font-size: 0.18rem; color: #3E4A64; }

.Solution-xq .sectionc .slide .swiper-slide .text { padding-top: 0.3rem; }

.Solution-xq .sectionc .slide .swiper-slide .text h3 { font-size: 0.18rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionc .slide .swiper-slide .text p { font-size: 0.18rem; color: #666; line-height: 0.28rem; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Solution-xq .sectionc .slide .swiper-slide:hover .img img { transform: scale(1.1); }

.Solution-xq .sectionc .slide .swiper-slide:hover .img .arrow { background: #D44E29; }

.Solution-xq .sectionc .slide .swiper-slide:hover .img .arrow i { color: #fff; }

.Solution-xq .sectionc .slide .swiper-slide:hover .text h3 { color: #D44E29; }

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

.Solution-xq .sectionc .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; margin: 0 0.05rem; opacity: 1; }

.Solution-xq .sectionc .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Solution-xq .sectiono { height: 7.4rem; padding: 0.9rem 0; background: url(../images/order-bg.jpg) no-repeat center/cover; }

.Solution-xq .sectiono .title-box h3 { color: rgba(255, 255, 255, 0.8); }

.Solution-xq .sectiono .title-box h3:before { background: #fff; }

.Solution-xq .sectiono .title-box h2 { color: #fff; }

.Solution-xq .sectiono p { font-size: 0.18rem; color: #fff; }

.Solution-xq .sectiono form { width: 6rem; margin-top: 0.3rem; }

.Solution-xq .sectiono form .row { height: auto; display: flex; justify-content: space-between; margin-top: 0.2rem; }

.Solution-xq .sectiono form .row .column { width: 48%; padding: 0 0.15rem; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; flex-wrap: wrap; border-radius: 0.06rem; }

.Solution-xq .sectiono form .row .column label { font-size: 0.16rem; color: #fff; margin-right: 0.1rem; }

.Solution-xq .sectiono form .row .column.w100 { width: 100%; }

.Solution-xq .sectiono form .row .column select, .Solution-xq .sectiono form .row .column input, .Solution-xq .sectiono form .row .column textarea { width: 0; flex: 1; height: 0.56rem; color: #fff; background: transparent; border: transparent; }

.Solution-xq .sectiono form .row .column option { color: #000; padding-top: 10px; }

.Solution-xq .sectiono form .row .column textarea { height: 1rem; }

.Solution-xq .sectiono form .row .column.textarea { padding: 0.15rem; }

.Solution-xq .sectiono form .row .column.textarea label { width: 100%; margin-bottom: 0.15rem; }

.Solution-xq .sectiono form .common-btn { margin-top: 0.3rem; }

.Solution-xq .sectionh .title-box1 { text-align: center; }

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

.Solution-xq .sectionh ul li { flex: 0 0 27%; }

.Solution-xq .sectionh ul li .icon { width: 1.4rem; height: 1.4rem; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem; background: #D44E29; margin: 0 auto; position: relative; }

.Solution-xq .sectionh ul li .icon i { font-size: 0.6rem; color: #fff; }

.Solution-xq .sectionh ul li .icon img { width: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionh ul li .text { text-align: center; margin-top: 0.2rem; }

.Solution-xq .sectionh ul li .text h3 { font-size: 0.18rem; font-weight: bold; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionh ul li .text p { font-size: 0.18rem; color: #666; line-height: 0.3rem; margin: 0.1rem 0; }

.Solution-xq .sectionh ul li .icon-jinru11 { font-size: 0.3rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionh ul li:hover img { opacity: 1; }

.Solution-xq .sectionh ul li:hover .text h3 { color: #D44E29; }

.Solution-xq .sectionh ul li:hover .icon-jinru11 { color: #D44E29; }

.Solution-xq .sectionh ul li:first-child .icon { background: transparent; box-shadow: 0.03rem 0.03rem 0.2rem 0 rgba(0, 37, 110, 0.16); }

.Solution-xq .sectionh ul li:first-child img { opacity: 1; }

.Solution-xq .sectionj { padding-bottom: 0; }

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

.Solution-xq .sectionj ul li { width: 30.666%; height: 1.2rem; font-size: 0.2rem; padding: 0 0.3rem; background: #F8F8F8; margin: 4% 4% 0 0; display: flex; align-items: center; }

.Solution-xq .sectionj ul li img { width: 0.5rem; margin-right: 0.15rem; }

.Solution-xq .sectionj ul li:nth-child(3n) { margin-right: 0; }

.Solution-xq .sectionj ul li:nth-child(-n+3) { margin-top: 0; }

.Solution-xq .sectionv { width: 75%; margin: 0 auto; padding-bottom: 0; }

.Solution-xq .sectionv .slide { position: relative; padding-bottom: 0.6rem; overflow: hidden; }

.Solution-xq .sectionv .slide .swiper-slide { height: 3.3rem; }

.Solution-xq .sectionv .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; pointer-events: none; }

.Solution-xq .sectionv .slide .swiper-slide img, .Solution-xq .sectionv .slide .swiper-slide video { width: 100%; height: 100%; aspect-ratio: 144/65; object-fit: cover; }

.Solution-xq .sectionv .slide .swiper-slide .icon-video { font-size: 0.7rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; }

.Solution-xq .sectionv .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }

.Solution-xq .sectionv .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Solution-xq .sectionvb .video { height: 6rem; position: relative; overflow: hidden; display: block; }

.Solution-xq .sectionvb .video:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; }

.Solution-xq .sectionvb .video img { width: 100%; height: 100%; }

.Solution-xq .sectionvb .video .iconfont { font-size: 0.65rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 2; }

.Solution-xq .sectionvb .video:hover img { transform: scale(1.1); }

.Solution-xq .sectionn { background: #F8F8F8; }

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

.Solution-xq .sectionn .box .left { width: 59%; height: 5rem; position: relative; overflow: hidden; }

.Solution-xq .sectionn .box .left img { width: 100%; height: 100%; }

.Solution-xq .sectionn .box .left .text { width: 100%; font-size: 0.2rem; font-weight: bold; color: #fff; padding: 0.3rem 0.4rem; position: absolute; left: 0; bottom: 0; background: #D44E29; }

.Solution-xq .sectionn .box .left:hover img { transform: scale(1.1); }

.Solution-xq .sectionn .box .right { width: 38%; }

.Solution-xq .sectionn .box .right ul li { padding-top: 0.34rem; margin-top: 0.34rem; border-top: 1px solid #E8E8E8; }

.Solution-xq .sectionn .box .right ul li a { display: flex; align-items: center; }

.Solution-xq .sectionn .box .right ul li .img { width: 1.66rem; height: 1.2rem; overflow: hidden; }

.Solution-xq .sectionn .box .right ul li .img img { width: 100%; height: 100%; }

.Solution-xq .sectionn .box .right ul li .text { flex: 1; width: 0; padding: 0 0.2rem; }

.Solution-xq .sectionn .box .right ul li .text h3 { font-size: 0.2rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionn .box .right ul li .text p { font-size: 0.18rem; line-height: 0.3rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.1rem; }

.Solution-xq .sectionn .box .right ul li:first-child { padding: 0; margin: 0; border: 0; }

.Solution-xq .sectionn .box .right ul li:hover .img img { transform: scale(1.1); }

.Solution-xq .sectionn .box .right ul li:hover .text h3 { color: #D44E29; }

.Solution-xq .sectiont .title-box1 p { width: 100%; }

.Solution-xq .sectiont table { width: 100%; border-collapse: collapse; }

.Solution-xq .sectiont table tr th { width: 22%; height: 0.8rem; font-size: 0.18rem; line-height: 0.26rem; font-weight: bold; color: #fff; background: #D44E29; padding: 0 0.7rem; border: 1px solid rgba(255, 255, 255, 0.6); }

.Solution-xq .sectiont table tr th:first-child { text-align: left; width: 34%; }

.Solution-xq .sectiont table tr td { padding: 0.15rem 0.7rem; font-size: 0.18rem; color: #666; border: 1px solid rgba(0, 64, 191, 0.6); text-align: center; }

.Solution-xq .sectiont table tr td:first-child { text-align: left; }

.Solution-xq .sectiont table tr:last-child td { font-weight: bold; color: #000; }

.Solution-xq .sectiont table tr:nth-child(odd) { background: rgba(0, 64, 191, 0.05); }

.Solution-xq .sectiont1 .title-box1 h2 { font-size: 0.34rem; }

.Solution-xq .sectiont1 .title-box1 h2 b { color: #D44E29; font-weight: bold; }

.Solution-xq .sectiont1 table { width: 100%; border-collapse: collapse; }

.Solution-xq .sectiont1 table tr th { width: 22%; height: 0.8rem; font-size: 0.18rem; line-height: 0.26rem; font-weight: bold; color: #fff; background: #D44E29; padding: 0 0.7rem; border: 1px solid rgba(255, 255, 255, 0.6); }

.Solution-xq .sectiont1 table tr th:first-child { text-align: left; width: 34%; }

.Solution-xq .sectiont1 table tr td { padding: 0.15rem 0.7rem; font-size: 0.18rem; color: #666; border: 1px solid rgba(0, 64, 191, 0.6); text-align: center; }

.Solution-xq .sectiont1 table tr td:first-child { text-align: left; }

.Solution-xq .sectiont1 table tr:nth-last-child(-n+2) td { font-weight: bold; color: #000; }

.Solution-xq .sectiont1 table tr:nth-child(odd) { background: rgba(0, 64, 191, 0.05); }

.Solution-xq .sectiont2 table { width: 100%; border-collapse: collapse; }

.Solution-xq .sectiont2 table tr th { height: 0.8rem; font-size: 0.18rem; line-height: 0.26rem; font-weight: bold; color: #fff; background: #D44E29; padding: 0 0.7rem; border: 1px solid rgba(255, 255, 255, 0.6); }

.Solution-xq .sectiont2 table tr th:first-child { text-align: left; width: 34%; }

.Solution-xq .sectiont2 table tr td { padding: 0.15rem 0.7rem; font-size: 0.18rem; color: #666; border: 1px solid rgba(0, 64, 191, 0.6); text-align: center; }

.Solution-xq .sectiont2 table tr td:first-child { text-align: left; }

.Solution-xq .sectiont2 table tr:last-child td { font-weight: bold; color: #000; }

.Solution-xq .sectiont2 table tr:nth-child(odd) { background: rgba(0, 64, 191, 0.05); }

.Solution-xq .sectionu { padding: 1rem 0 1.5rem; position: relative; }

.Solution-xq .sectionu .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.Solution-xq .sectionu .title-box1 { margin-bottom: 0.1rem; }

.Solution-xq .sectionu .slide { position: relative; }

.Solution-xq .sectionu .slide .swiper-wrapper { flex-wrap: wrap; justify-content: space-between; }

.Solution-xq .sectionu .slide .swiper-slide { width: 47.5%; padding: 0.2rem 0.3rem; margin-top: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; background: #fff; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); border-radius: 0.06rem; }

.Solution-xq .sectionu .slide .swiper-slide img { width: 1.42rem; margin-right: 0.4rem; border-radius: 0.06rem; }

.Solution-xq .sectionu .slide .swiper-slide .txt { width: auto; flex: 1; }

.Solution-xq .sectionu .slide .swiper-slide .txt h5 { font-size: 0.2rem; font-weight: bold; }

.Solution-xq .sectionu .slide .swiper-slide .txt p { font-size: 0.18rem; color: #666; line-height: 0.32rem; margin-top: 0.15rem; }

.Solution-xq .sectionu .slide .swiper-slide:first-child { margin-left: 0; }

.Solution-xq .sectionu .slide .swiper-slide:hover { background: #D44E29; }

.Solution-xq .sectionu .slide .swiper-slide:hover .txt h5, .Solution-xq .sectionu .slide .swiper-slide:hover .txt p { color: #fff; }

.Solution-xq .sectionu .slide .swiper-pagination { display: none; }

.Solution-xq .sectionfb .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.Solution-xq .sectionfb .title-box1 { text-align: center; }

.Solution-xq .sectionfb .title-box1 h2 { margin-top: 0.05rem; color: #fff; }

.Solution-xq .sectionfb .slide { position: relative; padding: 0.2rem 0 0.5rem; overflow: hidden; }

.Solution-xq .sectionfb .slide .swiper-slide { height: 5.2rem; padding: 0.8rem 0.4rem; background: url(../images/solution/xq-section1-bg.jpg) no-repeat center/cover; border-radius: 0.1rem; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Solution-xq .sectionfb .slide .swiper-slide .icon { width: 0.6rem; }

.Solution-xq .sectionfb .slide .swiper-slide h3 { font-size: 0.24rem; font-weight: bold; margin-top: 0.2rem; }

.Solution-xq .sectionfb .slide .swiper-slide .line { width: 100%; height: 1px; background: #EAE9E9; margin: 0.5rem 0 0.3rem; }

.Solution-xq .sectionfb .slide .swiper-slide p { font-size: 0.18rem; color: #666; line-height: 0.3rem; }

.Solution-xq .sectionfb .slide .swiper-slide:first-child { margin-left: 0; }

.Solution-xq .sectionfb .slide .swiper-slide:hover { transform: translateY(-20px); }

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

.Solution-xq .sectionfb .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; margin: 0 0.05rem; opacity: 1; }

.Solution-xq .sectionfb .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Solution-xq .sectioncs { padding-top: 0; }

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

.Solution-xq .sectioncs .box .img { width: 50%; }

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

.Solution-xq .sectioncs .box .text { width: 50%; padding: 0.4rem 0.8rem; background: #F8F8F8; }

.Solution-xq .sectioncs .box .text ul li { font-size: 0.18rem; color: #666; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid #D7D7D7; display: flex; justify-content: space-between; align-items: center; }

.Solution-xq .sectioncs .box .text ul li span { color: #000; }

.Solution-xq .sectioncs .box .text ul li:last-child { padding-bottom: 0; border: 0; margin-bottom: 0; }

/* Strength */
.Strength.content { padding-top: 0 !important; }

.Strength.content .section { position: relative; }

.Strength.content .section .title { width: 55%; text-align: center; margin: 0 auto; }

.Strength.content .section .title h3 { font-size: 0.4rem; color: #000; font-weight: bold; }

.Strength.content .section .title p { font-size: 0.18rem; line-height: 0.3rem; color: #666; margin: 0.3rem auto 0; }

.Strength.content .section1 .lg-box { height: 7.5rem; overflow: hidden; }

.Strength.content .section1 .lg-box .title h3, .Strength.content .section1 .lg-box .title p { color: #fff; }

.Strength.content .section1 .lg-box .bg { width: 100%; height: 100%; object-fit: cover; }

.Strength.content .section1 .lg-box .text { width: 100%; height: 100%; padding: 1.8rem 0 0; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }

.Strength.content .section1 .lg-box .text .icon { width: 0.9rem; margin: 0.6rem auto; display: block; }

.Strength.content .section1 .lg-box .text .icon i { font-size: 0.9rem; color: rgba(255, 255, 255, 0.8); }

.Strength.content .section1 .lg-box .text .icon:hover { transform: scale(1.1); }

.Strength.content .section2 { padding: 0.9rem 0 0 0; }

.Strength.content .section2 .slide { margin-top: 0.5rem; position: relative; padding-bottom: 0.5rem; }

.Strength.content .section2 .slide .swiper-slide { border-radius: 0.1rem; overflow: hidden; }

.Strength.content .section2 .slide .swiper-slide img { width: 100%; }

.Strength.content .section2 .slide .swiper-slide .text { width: 100%; padding: 0.3rem; position: absolute; left: 0; bottom: 0; text-align: center; }

.Strength.content .section2 .slide .swiper-slide .text:before { content: ""; width: 100%; height: 1.8rem; background: linear-gradient(180deg, transparent 0%, #000 100%); position: absolute; left: 0; bottom: 0; }

.Strength.content .section2 .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #fff; position: relative; z-index: 2; }

.Strength.content .section2 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }

.Strength.content .section2 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Strength.content .section3 { padding: 0.9rem 0; background: url(../images/strength/section3-bg.webp) no-repeat center/cover; }

.Strength.content .section3 .title h3, .Strength.content .section3 .title p { color: #fff; }

.Strength.content .section3 .slide { margin-top: 0.5rem; }

.Strength.content .section3 .slide .swiper-slide { border-radius: 0.1rem; overflow: hidden; position: relative; }

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

.Strength.content .section3 .slide .swiper-slide h3 { width: 100%; font-size: 0.22rem; color: #fff; text-align: center; padding: 0.2rem; background: #D44E29; position: absolute; left: 0; bottom: 0; }

.Strength.content .section3 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }

.Strength.content .section3 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Strength.content .section4 { padding: 0.9rem 0; background: #F8F8F8; }

.Strength.content .section4 .num { margin-top: 0.2rem; display: flex; justify-content: center; }

.Strength.content .section4 .num .item { text-align: center; margin: 0 0.5rem; }

.Strength.content .section4 .num .item h4 { font-size: 0.18rem; color: #999; }

.Strength.content .section4 .num .item h4 b { font-size: 0.5rem; font-family: "BebasNeue"; color: #D44E29; }

.Strength.content .section4 .num .item h5 { font-size: 0.18rem; color: #666; }

.Strength.content .section4 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem; }

.Strength.content .section4 ul li { width: 50%; border-radius: 0.1rem; overflow: hidden; }

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

.Strength.content .section5 { padding: 0.9rem 0; }

.Strength.content .section5 .box { display: flex; align-items: center; justify-content: space-between; margin-top: 0.5rem; }

.Strength.content .section5 .box .text { width: 28%; overflow: hidden; }

.Strength.content .section5 .box .text .title { width: 100%; text-align: left; }

.Strength.content .section5 .box .slide-box { width: 69%; overflow: hidden; padding: 0.6rem 0.4rem; position: relative; }

.Strength.content .section5 .box .slide-box .slide .swiper-slide { transform: scale(0.7); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Strength.content .section5 .box .slide-box .slide .swiper-slide.swiper-slide-active { transform: scale(1.4); }

.Strength.content .section5 .box .slide-box .btn-prev, .Strength.content .section5 .box .slide-box .btn-next { width: 0.56rem; height: 0.56rem; background: #F2F2F4; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 45%; z-index: 2; cursor: pointer; }

.Strength.content .section5 .box .slide-box .btn-prev i, .Strength.content .section5 .box .slide-box .btn-next i { font-size: 0.2rem; }

.Strength.content .section5 .box .slide-box .btn-prev.btn-next, .Strength.content .section5 .box .slide-box .btn-next.btn-next { left: auto; right: 0; }

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

.Strength-yz.content .section1 .box-lg { margin-top: 0.8rem; position: relative; min-height: 17.67rem; padding: 1.45rem 0 0 3.32rem; }

.Strength-yz.content .section1 .box-lg .bg { width: 75.92%; position: absolute; left: 0; top: 0; }

.Strength-yz.content .section1 .box-lg ul { display: flex; flex-wrap: wrap; }

.Strength-yz.content .section1 .box-lg ul li { width: 30.666%; position: relative; overflow: hidden; border-radius: 0.06rem; margin: 0 4% 4.5% 0; }

.Strength-yz.content .section1 .box-lg ul li img { width: 100%; }

.Strength-yz.content .section1 .box-lg ul li .mask { width: 100%; height: 100%; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Strength-yz.content .section1 .box-lg ul li .mask:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

.Strength-yz.content .section1 .box-lg ul li .mask i { font-size: 0.4rem; position: relative; z-index: 2; }

.Strength-yz.content .section1 .box-lg ul li .mask h3 { font-size: 0.2rem; margin-top: 0.15rem; position: relative; z-index: 2; }

.Strength-yz.content .section1 .box-lg ul li:nth-child(3n) { margin-right: 0; }

.Strength-yz.content .section1 .box-lg ul li:hover img { transform: scale(1.05); }

.Strength-yz.content .section1 .box-lg ul li:hover .mask { opacity: 0; }

.Strength-yz.content .section1 .box-lg ul:last-child { margin-top: 0.9rem; }

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

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

.About.content .section1 .text { width: 55%; padding-top: 0.5rem; }

.About.content .section1 .text h3 { font-size: 0.28rem; font-weight: bold; color: #161616; margin-bottom: 0.3rem; }

.About.content .section1 .text p { font-size: 0.18rem; line-height: 0.3rem; color: #666; margin-top: 0.15rem; }

.About.content .section1 .text ul { display: flex; margin-top: 0.4rem; }

.About.content .section1 .text ul li { width: 33.333%; }

.About.content .section1 .text ul li h4 { font-size: 0.52rem; line-height: 1; font-family: "BebasNeue"; color: #D44E29; }

.About.content .section1 .text ul li p { margin-top: 0; }

.About.content .section1 .text .common-btn { margin-top: 0.5rem; }

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

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

.About.content .section2 { padding: 0.9rem 0; background: #F8F8F8; }

.About.content .section2 .title-box1 { margin-bottom: 0.3rem; }

.About.content .section2 .dsc { font-size: 0.18rem; line-height: 0.3rem; color: #666; text-align: center; }

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

.About.content .section2 ul li { width: 2.14rem; height: 2.14rem; background: #fff; border-radius: 0.2rem; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.About.content .section2 ul li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.About.content .section2 ul li i { font-size: 0.8rem; color: #D44E29; }

.About.content .section2 ul li h3 { font-size: 0.18rem; }

.About.content .section2 ul li span { font-size: 0.2rem; margin-top: 0.1rem; }

.About.content .section2 ul li:hover { background: #D44E29; transform: translateY(-10px); }

.About.content .section2 ul li:hover i, .About.content .section2 ul li:hover h3, .About.content .section2 ul li:hover span { color: #fff; }

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

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

.About.content .section3 ul li { width: 33.333%; position: relative; }

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

.About.content .section3 ul li .text { width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.About.content .section3 ul li .text i { font-size: 0.62rem; }

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

.About.content .section3 ul li .text p { font-size: 0.18rem; }

.About.content .section3 ul li:last-child .text { color: #000; }

.About.content .section4 { padding: 0.9rem 0; background: url(../images/about/section4-bg.jpg) no-repeat center/cover; }

.About.content .section4 .title-box1 { margin-bottom: 0.9rem; }

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

.About.content .section4 .box .tabs { flex: 1; height: 3.86rem; margin-right: 0.4rem; position: relative; }

.About.content .section4 .box .tabs:after { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; }

.About.content .section4 .box .tabs .swiper-slide { font-size: 0.32rem; color: #fff; text-align: right; position: relative; padding-right: 0.4rem; display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.About.content .section4 .box .tabs .swiper-slide:before { content: ""; width: 0.15rem; height: 0.15rem; border-radius: 50%; overflow: hidden; background: rgba(255, 255, 255, 0.5); position: absolute; right: -0.07rem; top: 0; bottom: 0; margin: auto; }

.About.content .section4 .box .tabs .swiper-slide:after { content: ""; width: 0.07rem; height: 0.07rem; background: #fff; border-radius: 50%; overflow: hidden; position: absolute; right: -0.03rem; top: 0; bottom: 0; margin: auto; }

.About.content .section4 .box .tabs .swiper-slide.active { font-size: 0.6rem; font-weight: bold; }

.About.content .section4 .box .slide { width: 65%; height: 3.86rem; background: #fff; border-radius: 0.1rem; overflow: hidden; }

.About.content .section4 .box .slide .swiper-slide { padding: 0.6rem; }

.About.content .section4 .box .slide .swiper-slide ul li { margin-top: 0.4rem; }

.About.content .section4 .box .slide .swiper-slide ul li h3 { font-size: 0.24rem; font-weight: bold; margin-bottom: 0.1rem; }

.About.content .section4 .box .slide .swiper-slide ul li p { font-size: 0.18rem; color: #666; line-height: 0.3rem; }

.About.content .section4 .box .slide .swiper-slide ul li:first-child { margin-top: 0; }

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

.About.content .section5 .title-box1 { margin-bottom: 0.3rem; }

.About.content .section5 .dsc { font-size: 0.18rem; color: #666; line-height: 0.3rem; }

.About.content .section5 .slide { overflow: hidden; margin-top: 0.5rem; }

.About.content .section5 .slide .swiper-slide { overflow: hidden; position: relative; }

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

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

.About.content .section5 .slide .swiper-slide .txt { width: 100%; background: rgba(212, 78, 41, 0.8); text-align: center; }

.About.content .section5 .slide .swiper-slide .txt h4 { font-size: 0.18rem; color: rgba(255, 255, 255, 0.6); }

.About.content .section5 .slide .swiper-slide .txt h3 { font-size: 0.2rem; color: #fff; line-height: 0.5rem;overflow: hidden; }

.About.content .section5 .slide .swiper-slide:hover img { transform: scale(1.08); }

.About.content .section6 { padding: 0.9rem 0; background: #F8F8F8; }

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

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

.About.content .section6 .scroll-wrapper .scroll .item { width: 2.5rem; margin-right: 0.4rem; }

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

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

.About.content .section6 .scroll-wrapper .scroll:hover { animation-play-state: paused; }

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

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

.About-honor.content ul li { width: 22.75%; position: relative; margin: 0.5rem 3% 0 0; overflow: hidden; }

.About-honor.content ul li .img { overflow: hidden; }

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

.About-honor.content ul li .txt { width: 100%; padding: 0.12rem; background: rgba(0, 64, 191, 0.8); text-align: center; }

.About-honor.content ul li .txt h4 { font-size: 0.18rem; color: rgba(255, 255, 255, 0.6); }

.About-honor.content ul li .txt h3 { font-size: 0.2rem; color: #fff; line-height: 0.3rem; height: 0.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

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

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

.About-honor.content ul li:hover img { transform: scale(1.08); }

/* News */
.News .crumbs-tabs { background: #F8F8F8; }

.News.content { background: #F8F8F8; padding-bottom: 1rem; }

.big-news { position: relative; }

.big-news .swiper-slide { overflow: hidden; display: flex; flex-wrap: wrap; }

.big-news .swiper-slide .img { width: 59%; }

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

.big-news .swiper-slide .text { width: 41%; padding: 0.5rem; background: linear-gradient(180deg, #D27B41 0%, #D44E29 100%); }

.big-news .swiper-slide .text h4 { font-size: 0.16rem; color: rgba(255, 255, 255, 0.6); }

.big-news .swiper-slide .text h3 { font-size: 0.24rem; color: #fff; line-height: 0.36rem; margin: 0.2rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.big-news .swiper-slide .text p { font-size: 0.18rem; color: #eee; line-height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.big-news .swiper-slide .text .btn { width: 1.3rem; height: 0.45rem; border: 1px solid #fff; position: relative; display: flex; align-items: center; margin-top: 0.6rem; overflow: hidden; border-radius: 0 0 0.2rem 0; }

.big-news .swiper-slide .text .btn span { width: 100%; font-size: 0.16rem; color: #fff; position: relative; z-index: 1; padding: 0 0.1rem; display: flex; justify-content: space-between; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.big-news .swiper-slide .text .btn span i { font-size: 0.18rem; color: #D44E29; transform: rotate(-45deg); font-weight: bold; }

.big-news .swiper-slide .text .btn:after { content: ""; width: 40%; height: 101%; background: #fff; position: absolute; right: -10%; top: 0; transform: skewX(-25deg); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.big-news .swiper-slide .text .btn:hover:after { width: 120%; }

.big-news .swiper-slide .text .btn:hover span { color: #D44E29; }

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

.news-list li { width: 31.3333%; margin: 0.4rem 3% 0 0; background: #fff; border-radius: 0.1rem; overflow: hidden; }

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

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

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

.news-list li .text h4 { font-size: 0.16rem; color: #666; margin-bottom: 0.1rem; }

.news-list li .text h3 { font-size: 0.22rem; line-height: 0.36rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

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

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

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

/* News-video */
.News-video { height: 100vh; overflow: hidden; }

.News-video .big-video { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden; transition: transform 1s ease-in-out; z-index: 5; }

.News-video .big-video .swiper-slide { height: 100%; overflow: hidden; }

.News-video .big-video .swiper-slide .inner { width: 100%; height: 100%; overflow: hidden; position: relative; }

.News-video .big-video .swiper-slide .inner:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 1; }

.News-video .big-video .swiper-slide .inner img, .News-video .big-video .swiper-slide .inner video { width: 100%; height: 100%; object-fit: cover; }

.News-video .big-video .swiper-slide .inner .iconfont { font-size: 0.8rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; }

.News-video .big-video .swiper-slide .inner .iconfont:hover { font-size: 0.9rem; }

.News-video .big-video .swiper-slide .inner .common-btn { position: absolute; left: 0; bottom: 10vh; right: 0; margin: auto; z-index: 2; }

.News-video .title-box1 { margin-bottom: 0.1rem; }

.News-video .main { overflow: hidden; transform: translate3d(0, 100vh, 0) scale3d(1, 1, 1); transition: transform 1s ease-in-out; }

.News-video .content { padding-top: 1.4rem !important; }

.News-video.active { height: auto; }

body.active .big-video { transform: translate3d(0, -100vh, 0) scale3d(1, 1, 1); }

body.active .main { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

.video-list { display: flex; flex-wrap: wrap; margin-top: 0.1rem; }

.video-list li { width: 31.3333%; margin: 0.4rem 3% 0 0; background: #fff; border-radius: 0.1rem; overflow: hidden; }

.video-list li .img { height: 3rem; overflow: hidden; border-radius: 0.1rem; position: relative; }

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

.video-list li .img .icon { width: 0.6rem; height: 0.6rem; background: rgba(0, 0, 0, 0.5); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.video-list li .img .icon i { font-size: 0.24rem; color: #fff; }

.video-list li .text { padding: 0.2rem; }

.video-list li .text h4 { font-size: 0.16rem; color: #666; margin-bottom: 0.1rem; }

.video-list li .text h3 { font-size: 0.22rem; line-height: 0.36rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

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

.video-list li:hover .img img { transform: scale(1.1); }

.video-list li:hover .text h3 { color: #D44E29; }

/* News-xq */
.News-xq.content { padding: 0.5rem 0 0.9rem; }

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

.News-xq.content .left { width: 68%; }

.News-xq.content .title { padding-bottom: 0.2rem; margin-bottom: 0.3rem; border-bottom: 1px solid #EBEDF1; }

.News-xq.content .title h2 { font-size: 0.4rem; line-height: 0.58rem; font-weight: bold; }

.News-xq.content .title h4 { font-size: 0.18rem; color: #999; margin-top: 0.25rem; }

.News-xq.content .con p { font-size: 0.18rem; line-height: 0.3rem; color: #333; margin-top: 0.15rem; text-align: justify; }

.News-xq.content .con p img { margin: 0.2rem auto; }

.News-xq.content .con video { width: 100%; }

.News-xq.content .relevant { margin-top: 0.7rem; border-top: 1px solid #EBEDF1; }

.News-xq.content .relevant a { display: flex; justify-content: space-between; border-bottom: 1px solid #EBEDF1; padding: 0.3rem 0; font-size: 0.18rem; }

.News-xq.content .relevant a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; text-align: left; }

.News-xq.content .relevant a:hover { color: #D44E29; }

.News-xq.content .right { width: 26%; }

.News-xq.content .right .title { font-size: 0.32rem; margin-bottom: 0.3rem; }

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

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

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

.News-xq.content .right ul li .text { padding: 0.2rem; background: #F8F8F8; }

.News-xq.content .right ul li .text h3 { font-size: 0.22rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

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

.News-xq.content .right ul li:hover .text h3 { color: #D44E29; }

/* Service */
.Service.content .section1 ul { height: 4.5rem; position: relative; }

.Service.content .section1 ul li { width: 7.6rem; height: 100%; text-align: center; color: #fff; position: absolute; left: 0; top: 0; }

.Service.content .section1 ul li .icon { width: 0.7rem; margin: 0 auto; display: block; }

.Service.content .section1 ul li h3 { font-size: 0.3rem; font-weight: bold; margin: 0.25rem 0 0.2rem; }

.Service.content .section1 ul li p { font-size: 0.18rem; line-height: 0.3rem; }

.Service.content .section1 ul li.l { padding: 1.1rem 1.9rem 0 1.3rem; background: url(../images/service/section1-l.png) no-repeat center/100%; }

.Service.content .section1 ul li.r { padding: 1.1rem 1.3rem 0 1.9rem; background: url(../images/service/section1-r.png) no-repeat center/100%; left: auto; right: 0; }

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

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

.Service.content .section2 .box .text { width: 50%; position: relative; padding: 0.8rem 0 0 2.7rem; }

.Service.content .section2 .box .text:before { content: ""; width: 9.9rem; height: 100%; background: url(../images/service/section2-text.png) no-repeat center/100%; position: absolute; right: -0.3rem; top: 0; }

.Service.content .section2 .box .text ul { position: relative; z-index: 1; }

.Service.content .section2 .box .text ul li { width: 5.4rem; height: 1.4rem; padding: 0.3rem 0.4rem; margin-top: 0.4rem; background: url(../images/service/section2-li.png) no-repeat center/100%; position: relative; }

.Service.content .section2 .box .text ul li:before { content: ""; width: 0.2rem; height: 0.2rem; background: url(../images/service/section2-li-y.png) no-repeat center/100%; position: absolute; left: 0.4rem; top: -0.12rem; }

.Service.content .section2 .box .text ul li h3 { font-size: 0.24rem; font-weight: bold; color: #fff; }

.Service.content .section2 .box .text ul li p { font-size: 0.18rem; color: rgba(255, 255, 255, 0.7); margin-top: 0.2rem; }

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

.Service.content .section2 .box .img { width: 50%; }

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

.Service.content .section3 { padding: 0.9rem 0; }

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

.Service.content .section3 .img { width: 43%; }

.Service.content .section3 .img img { width: 100%; height: 100%; }

.Service.content .section3 .text { width: 50%; }

.Service.content .section3 .text ul li { padding-bottom: 0.4rem; margin-bottom: 0.4rem; border-bottom: 1px solid #e8e8e8; }

.Service.content .section3 .text ul li .icon { width: 0.4rem; }

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

.Service.content .section3 .text ul li p { font-size: 0.18rem; color: #666; line-height: 0.3rem; }

.Service.content .section3 .text ul li:last-child { margin-bottom: 0; border: 0; padding-bottom: 0; }

.Service.content .section4 { height: 7.4rem; padding-top: 0.9rem; background: url(../images/service/section4-bg.webp) no-repeat center/cover; }

.Service.content .section4 .slide { position: relative; padding-bottom: 0.5rem; }

.Service.content .section4 .slide .swiper-slide { height: 3.86rem; padding: 0.9rem 0.8rem; background: #fff; border-radius: 0 0.5rem 0 0.5rem; }

.Service.content .section4 .slide .swiper-slide h3 { font-size: 0.24rem; font-weight: bold; padding-bottom: 0.2rem; position: relative; margin-bottom: 0.3rem; }

.Service.content .section4 .slide .swiper-slide h3 span { color: #D44E29; }

.Service.content .section4 .slide .swiper-slide h3:before { content: ""; width: 100%; height: 1px; background: #E8E8E8; position: absolute; left: 0; bottom: 0; }

.Service.content .section4 .slide .swiper-slide h3:after { content: ""; width: 1.45rem; height: 0.03rem; background: #D44E29; position: absolute; left: 0; bottom: 0; }

.Service.content .section4 .slide .swiper-slide p { font-size: 0.18rem; color: #666; line-height: 0.32rem; }

.Service.content .section4 .slide .swiper-pagination { bottom: 0; }

.Service.content .section4 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; margin: 0 0.05rem; opacity: 1; }

.Service.content .section4 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }

.Service.content .section5 { padding: 0.9rem 0; }

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

.Service.content .section5 ul li { width: 25%; padding: 0.4rem; text-align: center; position: relative; z-index: 0; }

.Service.content .section5 ul li:before { content: ""; width: 1px; height: 1.45rem; background: #E8E8E8; position: absolute; left: -1px; top: 0; bottom: 0; margin: auto; }

.Service.content .section5 ul li:after { content: ""; width: 100%; height: 100%; background: #fff; border-bottom: 0.02rem solid #D44E29; box-shadow: 0.03rem 0.08rem 0.3rem 0 rgba(0, 37, 110, 0.15); position: absolute; left: 0; bottom: 0; opacity: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Service.content .section5 ul li i { font-size: 0.5rem; position: relative; z-index: 2; }

.Service.content .section5 ul li h3 { font-size: 0.2rem; font-weight: bold; margin: 0.2rem 0; position: relative; z-index: 2; }

.Service.content .section5 ul li p { font-size: 0.18rem; color: #666; line-height: 0.3rem; position: relative; z-index: 2; }

.Service.content .section5 ul li:first-child:before { display: none; }

.Service.content .section5 ul li:hover { z-index: 2; }

.Service.content .section5 ul li:hover:before { display: none; }

.Service.content .section5 ul li:hover:after { opacity: 1; }

/* Service-cs */
.Service-cs.content ul { padding-bottom: 1.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Service-cs.content ul li { width: 47.5%; padding: 0.3rem; background: #F8F8F8; border-radius: 0.06rem; margin-top: 0.3rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Service-cs.content ul li a { display: flex; align-items: center; justify-content: space-between; }

.Service-cs.content ul li h3 { font-size: 0.2rem; font-weight: bold; }

.Service-cs.content ul li i { font-size: 0.16rem; color: #666; }

.Service-cs.content ul li:nth-child(-n+2) { margin-top: 0; }

.Service-cs.content ul li:hover { background: #D44E29; }

.Service-cs.content ul li:hover h3, .Service-cs.content ul li:hover i { color: #fff; }

/* Service-cs-xq */
.Service-cs-xq.content { padding-bottom: 1.1rem; }

.Service-cs-xq.content .con p { font-size: 0.18rem; line-height: 0.3rem; color: #333; margin-top: 0.15rem; text-align: justify; }

.Service-cs-xq.content .con p img { margin: 0.2rem auto; }

.Service-cs-xq.content .relevant { margin-top: 0.7rem; }

.Service-cs-xq.content .relevant a { display: flex; justify-content: space-between; border-top: 1px solid #EBEDF1; padding: 0.3rem 0; font-size: 0.18rem; }

.Service-cs-xq.content .relevant a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; text-align: left; }

.Service-cs-xq.content .relevant a:hover { color: #D44E29; }

.Service-cs-xq.content .help { background: #F8F8F8; padding: 0.3rem; margin-top: 0.2rem; }

.Service-cs-xq.content .help h3 { font-size: 0.24rem; }

.Service-cs-xq.content .help p { font-size: 0.16rem; color: #666; margin-top: 0.1rem; }

.Service-cs-xq.content .help p a { color: #D44E29; }

/* Service-by */
.Service-by .crumbs-tabs { background: #F8F8F8; }

.Service-by.content { background: #F8F8F8; padding-bottom: 1.2rem; }

.Service-by.content .title-box1 { margin-bottom: 0.2rem; }

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

.Service-by.content ul li { width: 31.333%; margin: 0.4rem 3% 0 0; position: relative; overflow: hidden; border-radius: 0.1rem; }

.Service-by.content ul li .img { height: 3rem; overflow: hidden; border-radius: 0.1rem; }

.Service-by.content ul li .img img { width: 100%; height: 100%; }

.Service-by.content ul li .text { font-size: 0.2rem; font-weight: bold; line-height: 0.35rem; padding: 0.2rem; background: #fff; }

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

.Service-by.content ul li .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Service-by.content ul li .mask a { width: 1.6rem; height: 0.5rem; font-size: 0.18rem; background: #fff; border-radius: 0.5rem; margin-bottom: 0.3rem; display: flex; align-items: center; justify-content: center; }

.Service-by.content ul li .mask a:last-child { background: #D44E29; color: #fff; margin-bottom: 0; }

.Service-by.content ul li:hover .mask { opacity: 1; }

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

.Contact.content .section1 .title-box1 h2 { font-weight: bold; }

.Contact.content .section1 .box { position: relative; }

.Contact.content .section1 .box .map { width: 100%; }

.Contact.content .section1 .box ul { width: 100%; padding: 0.9rem 0.5rem; position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; }

.Contact.content .section1 .box ul li { width: 47.8%; padding: 0.3rem 0.4rem; background: #fff; box-shadow: 0.03rem 0.08rem 0.2rem 0 rgba(0, 37, 110, 0.15); border-radius: 0.1rem; }

.Contact.content .section1 .box ul li h3 { font-size: 0.3rem; font-weight: bold; margin-bottom: 0.25rem; }

.Contact.content .section1 .box ul li h4 { font-size: 0.2rem; margin-bottom: 0.25rem; }

.Contact.content .section1 .box ul li p { font-size: 0.17rem; line-height: 0.24rem; display: flex; align-items: center; margin-top: 0.15rem; }

.Contact.content .section1 .box ul li p b { font-weight: bold; color: #D44E29; }

.Contact.content .section1 .box ul li p img { width: 0.3rem; margin-right: 0.1rem; }

.Contact.content .section1 .box ul li p:first-child { margin-top: 0; }

.Contact.content .section1 .box ul li:first-child p { font-size: 0.26rem; }

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

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

.Join.content .table-box .table-title { width: 100%; overflow: hidden; line-height: 0.8rem; background: #D44E29; }

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

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

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

.Join.content .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.content .table-box .table li .item .iconfont { font-size: 0.2rem; color: #07243F; position: absolute; right: 10%; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: rotate(180deg); }

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

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

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

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

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

.Join.content .table-box .table li.active .iconfont { transform: rotate(0deg); }

.footer { background: #313131; position: relative; z-index: 2; }

.footer .top { padding: 0.5rem 0; position: relative; display: flex; justify-content: space-between; }

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

.footer .top .logo { width: 1.3rem; height: 0.5rem; }

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

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

.footer .top .follow ul li i { width: 0.54rem; height: 0.54rem; font-size: 0.3rem; color: #fff; border-radius: 50%; background: #292b38; display: flex; align-items: center; justify-content: center; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.footer .top .follow ul li i.icon-toutiao:hover { background: #ff373c; }

.footer .top .follow ul li i.icon-douyin:hover { background: #000; }

.footer .top .follow ul li i.icon-weixin:hover { background: #03D769; }

.footer .top .follow ul li i.icon-weibo:hover { background: #D52C2B; }

.footer .top .follow ul li i.icon-bilibili:hover { background: #00AEEC; }

.footer .top .follow ul li .ewm { width: 1.4rem; height: 1.55rem; position: absolute; left: -0.4rem; top: 0.6rem; transform: translateY(15px); opacity: 0; pointer-events: none; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.footer .top .follow ul li:hover .ewm { opacity: 1; transform: translateY(0); }

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

.footer .center .nav { flex: 1; display: flex; }

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

.footer .center .nav dl dt { font-size: 0.2rem; font-weight:600; color: #fff; margin-bottom: 0.3rem; }

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

.footer .center .nav dl dd { font-size: 0.15rem; color: rgba(255, 255, 255, 0.5); margin-top: 0.15rem; cursor: pointer; }

.footer .center .nav dl dd a { color: rgba(255, 255, 255, 0.5); }
.footer .center .nav dl dd:hover a { color:#D44E29; }

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

.footer .center .contact { width: 2.6rem; }

.footer .center .contact ul li { display: flex; align-items: flex-start; margin-top: 0.7rem; }

.footer .center .contact ul li img { width: 0.5rem; margin-right: 0.1rem; margin-left: 0; }

.footer .center .contact ul li .txt h4 { font-size: 0.2rem; color: rgba(255, 255, 255, 0.8); }

.footer .center .contact ul li .txt p { font-size: 0.2rem; font-weight:600; color: #fff; margin-top: 0.1rem; line-height: 0.26rem; }

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

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

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

.footer .bottom .copyright { font-size: 0.16rem; color: #fff; }

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

.footer .bottom .other ul li { font-size: 0.16rem; color: rgba(255, 255, 255, 0.5); position: relative; padding-left: 0.15rem; margin-left: 0.15rem; cursor: pointer; }

.footer .bottom .other ul li a { color: rgba(255, 255, 255, 0.5); }

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

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

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

.fixed-right { position: fixed; bottom: 20%; right: 0.2rem; z-index: 98; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; align-items: flex-end; }

.fixed-right ul { padding: 0.32rem 0; position: relative; }

.fixed-right ul:before { content: ""; width: calc(100% - .13rem); height: 100%; background: #D44E29; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); border-radius: 0.5rem; position: absolute; right: 0; top: 0; }

.fixed-right ul li { padding: 0 0.1rem 0 0.23rem; position: relative; margin-bottom: 0.16rem; }

.fixed-right ul li .icon { width: 0.44rem; height: 0.44rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.fixed-right ul li .icon i { font-size: 0.3rem; color: #fff; }

.fixed-right ul li .pop { width: 2.6rem; padding: 0.15rem; position: absolute; top: 50%; transform: translateY(-50%); right: -3rem; border-radius: 0.1rem; background: #FFF; box-shadow: 0 0.06rem 0.16rem 0 rgba(152, 165, 191, 0.4); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: -1; opacity: 1; display: flex; }

.fixed-right ul li .pop .icon1 { width: 0.3rem; height: 0.3rem; background: #D44E29; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; }

.fixed-right ul li .pop .icon1 i { font-size: 0.2rem; color: #fff; }

.fixed-right ul li .pop .txt h4 { font-size: 0.16rem; color: #666; margin-bottom: 0.08rem; }

.fixed-right ul li .pop .txt h3 { font-size: 0.26rem; color: #000; font-family: "BebasNeue"; }

.fixed-right ul li:last-child { margin-bottom: 0; }

.fixed-right ul li:hover .icon { background: #fff; }

.fixed-right ul li:hover .icon i { color: #D44E29; }

.fixed-right ul li:hover .pop { right: 0.75rem; opacity: 1; }

.fixed-right .back-top { width: 0.64rem; height: 0.64rem; position: relative; right: -1rem; background: #D44E29; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); margin-top: 0.2rem; box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 64, 191, 0.5); cursor: pointer; }

.fixed-right .back-top i { font-size: 0.3rem; color: #fff; }

.fixed-right .back-top.show { right: 0; }

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

.page a { display: inline-flex; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #F2F2F4; align-items: center; justify-content: center; font-size: 0.18rem; color: #616164; margin: 0 0.1rem; }

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

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

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

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

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

/* Download-pop */
.Download-pop { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 101; display: none; }

.Download-pop .box { width: 9rem; height: 6rem; background: #fff; border-radius: 0.2rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); opacity: 0; position: relative; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Download-pop .box .icon-close { font-size: 0.46rem; color: #999; position: absolute; right: 0.2rem; top: 0.2rem; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Download-pop .box .icon-close:hover { color: #D44E29; transform: rotate(180deg); }

.Download-pop .box .title { width: 4.85rem; height: 0.7rem; font-size: 0.24rem; font-weight: bold; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; background: url(../images/download-box-title.png) no-repeat center/100%; margin: 0 auto; }

.Download-pop .box .dsc { font-size: 0.18rem; text-align: center; margin-top: 0.2rem; }

.Download-pop .box form { padding: 0.4rem 0.8rem; }

.Download-pop .box form .row { display: flex; justify-content: space-between; margin-bottom: 0.3rem; }

.Download-pop .box form .row .column { width: 46%; display: block; }

.Download-pop .box form .row .column h3 { font-size: 0.18rem; margin-bottom: 0.15rem; }

.Download-pop .box form .row .column input { width: 100%; height: 0.48rem; padding: 0 0.2rem; background: #F8F8F8; border-radius: 0.06rem; }

.Download-pop .box form .row .column textarea { width: 100%; height: 1.5rem; padding: 0.15rem 0.2rem; background: #F8F8F8; border-radius: 0.06rem; }

.Download-pop .box form .row .column.w100 { width: 100%; }

.Download-pop .box form .common-btn { margin: 0 auto; border-radius: 0.5rem !important; }

.Download-pop.active .box { opacity: 1; transform: translate(-50%, -50%); }

/* Search */
.Search.content { overflow: hidden; background: #F6F7F9; padding-bottom: 1rem; }

.Search.content .title-box { margin-bottom: 0.2rem; }

.Search.content .title-box h2 { font-size: 0.3rem; }

.Search.content .form { width: 7.3rem; height: auto; overflow: hidden; margin: 0 auto; }

.Search.content .form .box { padding-left: 0.2rem; margin: 0 auto 0.15rem; background: #fff; display: flex; align-items: center; border-radius: 0.5rem; overflow: hidden; }

.Search.content .form .box input { flex: 1; height: 0.5rem; font-size: 0.16rem; padding: 0 0.2rem; float: left; }

.Search.content .form .box .btn { line-height: 0.6rem; padding: 0 0.3rem 0 0.1rem; height: 0.6rem; font-size: 0.16rem; color: #D44E29; cursor: pointer; }

.Search.content .form .res { font-size: 0.16rem; color: #636B76; padding-left: 0.55rem; }

.Search.content .filter { width: 10rem; height: auto; overflow: hidden; margin: 0.4rem auto 0; position: relative; }

.Search.content .filter::before { content: ""; width: 100%; height: 1px; background: #E9EBEF; position: absolute; left: 0; bottom: 0; }

.Search.content .filter .swiper-wrapper { justify-content: center; }

.Search.content .filter a { line-height: 0.6rem; width: auto; text-align: center; padding: 0 0.3rem; font-size: 0.16rem; color: #666; margin-right: 3rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

.Search.content .filter a.active, .Search.content .filter a:hover { color: #D44E29; border-bottom: 1px solid #D44E29; }

.Search.content .filter a:last-child { margin-right: 0; }

.Search.content .nodate { text-align: center; margin: 5% 0; }

.Search.content .nodate img { width: 3.5rem; display: block; margin: 0 auto 3%; }

.Search.content .nodate p { font-size: 0.16rem; color: #999; }

.Search.content .list { margin-top: 0.5rem; }

.Search.content .list .tit { font-size: 0.2rem; color: #071329; }

/* Page404 */
.Page404 .banner, .Page404 .banner-z { height: 5rem; }

.Page404.content { padding-bottom: 1.2rem; }

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

.Page404.content .text { width: 4.3rem; display: flex; align-items: center; justify-items: center; margin: 0.4rem auto 0; }

.Page404.content .text h1 { font-size: 0.5rem; color: #333; display: inline-block; font-weight: bold; }

.Page404.content .text .p p { width: 100px; font-size: 0.14rem; line-height: 0.18rem; color: #333; float: left; margin: 0 0.15rem; }

.Page404.content .text .p .btn11 { padding: 0 0.2rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.14rem; border: 1px solid #D44E29; color: #D44E29; text-align: center; display: block; float: left; }

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

/* Sitemap */
.Sitemap .banner, .Sitemap .banner-z { height: 5rem; }

.Sitemap.content { padding-bottom: 1.2rem; }

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

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

.Sitemap.content dl dt a { color: #000; margin-top: 0.2rem; }

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

.Sitemap.content dl dd { margin-top: 0.05rem; display: flex; flex-wrap: wrap; }

.Sitemap.content dl dd a { width: 20%; font-size: 0.18rem; color: #333; display: block; margin-top: 0.2rem; }

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

/* Legal */
.Legal .banner, .Legal .banner-z { height: 5rem; }

.Legal.content { padding-bottom: 1.2rem; }

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

/* Links */
.Links .banner, .Links .banner-z { height: 3rem; }

.Links.content { padding-bottom: 1rem; }

.Links.content .box { margin-top: 0.8rem; }

.Links.content .box h2 { font-size: 0.2rem; color: #000; margin-bottom: 0.1rem; }

.Links.content .box p { font-size: 0.16rem; color: #666; margin-bottom: 0.15rem; line-height: 0.28rem; }

.Links.content .box .listul { height: auto; overflow: visible; margin: 0.4rem -0.2rem 0; }

.Links.content .box .listul li { width: 25%; overflow: hidden; float: left; padding: 0 0.2rem; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); margin-bottom: 0.4rem; }

.Links.content .box .listul li a { display: block; border-bottom: 1px solid #ddd; padding-bottom: 0.1rem; }

.Links.content .box .listul li a h2 { font-size: 0.16rem; margin-bottom: 0.08rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Links.content .box .listul li a p { font-size: 0.15rem; color: #999; }

.Links.content .box .listul li:hover { transform: translateY(-5px); }

.Links.content .box .listul li:hover a { border-color: #D44E29; }

.Links.content .box .listul li:hover a h2, .Links.content .box .listul li:hover a p { color: #D44E29; }

/* popup-box */
.popup-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 101; display: block; }

.popup-box .box { width: 10rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.popup-box .box .icon { width: 0.34rem; color: #fff; position: absolute; top: -0.4rem; right: -0.4rem; z-index: 1; cursor: pointer; }

.popup-box .box img { width: 100%; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 .3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  /* header */
  .header .container { padding-left: 0.3rem; padding-right: 0; }
  .header .logo { width: 1.69rem; height: 0.65rem; }
  .header .logo img{height: 0.65rem; }
  .header .nav-xs { display: flex !important; align-items: center; }
  .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: #000; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); 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 .submenu { display: none; }
  .header .submenu-xs { width: 100%; max-height: calc(100vh - 1rem); overflow-y: auto; background: #fff; position: fixed; left: 0; top: 1rem; z-index: 10; border-top: 1px solid #eee; display: none; }
  .header .submenu-xs dl { height: auto; overflow: hidden; }
  .header .submenu-xs dl a { display: block; }
  .header .submenu-xs dl dt { font-size: 0.3rem; line-height: 0.95rem; padding: 0 0.3rem; border-bottom: 1px solid #eee; color: #000; position: relative; }
  .header .submenu-xs dl dt i { font-size: 0.34rem; margin-right: 0.2rem; vertical-align: -0.02rem; }
  .header .submenu-xs dl dt i.icon-add { z-index: 3; color: #999; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1.8rem; text-align: right; margin-right: 0; padding-right: 0.3rem; }
  .header .submenu-xs dl dt i.icon-add.active:before { content: "\e67a"; }
  .header .submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0 0.3rem 0.4rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl dd a { width: 48%; float: left; margin-top: 0.4rem; font-size: 0.28rem; line-height: 0.4rem; }
  .header .submenu-xs dl dd a:nth-child(2n) { float: right; }
  .header .submenu-xs dl dd a h2 { font-size: 0.28rem; color: #333; padding-bottom: 0.25rem; margin-bottom: 0.25rem; border-bottom: 1px solid #eee; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  .header.isTop .nav-xs .menu .bars .bar { background: #fff; }
  .header.white .nav-xs .menu .bars .bar, .header:hover .nav-xs .menu .bars .bar { background: #000; }
  .footer .top { padding: 0.5rem 0; flex-direction: column; align-items: center; position: relative; z-index: 2; }
  .footer .top:before { display: none; }
  .footer .top .logo { width: 1.8rem; height: 0.69rem; }
  .footer .top .follow { width: 100%; padding-top: 0.3rem; margin-top: 0.3rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .footer .top .follow ul { display: flex; justify-content: center; }
  .footer .top .follow ul li i { width: 0.75rem; height: 0.75rem; font-size: 0.4rem; }
  .footer .top .follow ul li:first-child { margin-left: 0; }
  .footer .top .follow ul li .ewm { left: -0.3rem; top: 0.8rem; }
  .footer .bottom { padding: 0 0 0.6rem; flex-direction: column; }
  .footer .bottom:before { display: none; }
  .footer .bottom .copyright { font-size: 0.26rem; text-align: center; line-height: 0.4rem; }
  .footer .bottom .other { margin-top: 0.25rem; }
  .footer .bottom .other ul { display: flex; }
  .footer .bottom .other ul li { font-size: 0.26rem; padding-left: 0.2rem; margin-left: 0.2rem; }
  .footer .bottom .other ul li:before { content: ""; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }
  .footer .bottom .other ul li:first-child { padding: 0; margin: 0; }
  .footer .bottom .other ul li:first-child:before { display: none; }
  .fixed-right ul li { padding: 0 0.1rem 0 0.23rem; margin-bottom: 0.16rem; }
  .fixed-right ul li .icon { width: 0.6rem; height: 0.6rem; }
  .fixed-right ul li .icon i { font-size: 0.4rem; }
  .fixed-right ul li .pop { display: none; }
  .fixed-right ul li:last-child { margin-bottom: 0; }
  .fixed-right ul li:hover .icon { background: #fff; }
  .fixed-right ul li:hover .icon i { color: #D44E29; }
  .fixed-right ul li:hover .pop { right: 0.75rem; opacity: 1; }
  .fixed-right .back-top { width: 0.8rem; height: 0.8rem; right: -1rem; }
  .fixed-right .back-top i { font-size: 0.4rem; }
  .title-box { margin-bottom: 0.3rem; }
  .title-box h3 { font-size: 0.26rem; padding-left: 0.22rem; }
  .title-box h3:before { top: 0.13rem; }
  .title-box h2 { font-size: 0.4rem; margin-top: 0.15rem; }
  .title-box1 { margin-bottom: 0.5rem; }
  .title-box1 h3 { font-size: 0.24rem; }
  .title-box1 h2 { font-size: 0.4rem; margin-top: 0.1rem; }
  .title-box1 p { width: 100%; font-size: 0.28rem; line-height: 0.42rem; }
  .common-btn { width: 2.1rem; height: 0.7rem; font-size: 0.28rem; border-radius: 0.5rem; }
  .common-btn i { font-size: 0.26rem; }
  .banner { width: 100%;}
  .banner .text { padding-top: 55%; }
  .banner .swiper-pagination { left: 0.3rem; bottom: 0.7rem; }
  .banner .swiper-pagination .swiper-pagination-bullet { width: 32px; height: 32px; }
  .banner .swiper-pagination .swiper-pagination-bullet svg circle { cx: 16; cy: 16; r: 15; }
  .banner .icon-mouse { display: none; }
  .business { padding: 1rem 0; background: #F8F8F8; position: relative; z-index: 2; }
  .business .tabs:after { top: 0.6rem; }
  .business .tabs .slide .swiper-slide .icon { width: 1.2rem; height: 1.2rem; }
  .business .tabs .slide .swiper-slide .icon i { font-size: 0.64rem; }
  .business .tabs .slide .swiper-slide h3 { font-size: 0.28rem; margin-top: 0.25rem; }
  .business .tabs .common-btn { display: none; }
  .business .box { margin-top: 0.7rem; flex-wrap: wrap; }
  .business .box .text { width: 100%; padding-bottom: 0.3rem; }
  .business .box .text .swiper-slide { background: #F8F8F8; padding-left: 0.1rem; }
  .business .box .text h3 { font-size: 0.32rem; }
  .business .box .text p { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.3rem; }
  .business .box .text .common-btn { margin-top: 0.4rem; }
  .business .box .img { width: 100%; }
  .about:before { top: 3rem; }
  .about .text { width: 90%; }
  .about .text h3 { font-size: 0.28rem; }
  .about .text p { font-size: 0.28rem; line-height: 0.42rem; }
  .about .text .common-btn { margin: 0.4rem auto 0; }
  .about .video { width: 100%; height: 4.5rem; padding: 0 0.3rem; margin: 0.6rem auto 0; clip-path: inset(0 0 0 0 round var(--clip-path-border)); --clip-path-border: 0; }
  .about .video .mouse-button { display: none !important; }
  .about .video .icon-video { font-size: 0.8rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .about .video a { border-radius: 0.2rem; overflow: hidden; }
  .strength { padding: 1rem 0; }
  .strength .text { width: 100%; height: 100%; margin-left: 0; }
  .strength .text .txt h3 { font-size: 0.3rem; }
  .strength .text .txt p { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .strength .text .txt ul { margin-top: 0.4rem; }
  .strength .text .txt ul li { margin-left: 0.8rem; }
  .strength .text .txt ul li h3 { font-size: 0.28rem; }
  .strength .text .txt ul li h3 b { font-size: 0.5rem; }
  .strength .text .txt ul li h4 { font-size: 0.28rem; margin-top: 0.1rem; }
  .strength .text .txt .common-btn { margin-top: 0.5rem; }
  .strength .video-box { width: 100%; margin-top: 0.5rem; }
  .strength .video-box img, .strength .video-box video { width: 100%; height: 100%; object-fit: cover; }
  .news ul:before { display: none; }
  .news ul li { width: 100%; margin-top: 0.3rem; }
  .news ul li a { padding: 0.2rem; }
  .news ul li .text { flex: 1; display: flex; align-items: center; }
  .news ul li .text .date { margin-right: 0.3rem; }
  .news ul li .text .date h4 { font-size: 0.46rem; }
  .news ul li .text .date h5 { font-size: 0.28rem; margin-top: 0.05rem; }
  .news ul li .text h3 { font-size: 0.3rem; line-height: 0.44rem; }
  .news ul li .img { display: none; }
  .news ul li:nth-child(-n+2) { margin-top: 0.3rem; }
  .news ul li:nth-child(even):before { display: none; }
  .news ul li:first-child { margin-top: 0; }
  .news ul li:hover .text h3 { color: #000; }
  .news ul li:hover img { transform: scale(1); }
  .news .common-btn { margin: 0.4rem auto 0; }
  .cooperation { padding: 0.7rem 0; background: url(../images/index/cooperation-bg-xs.jpg) no-repeat center/cover; }
  .cooperation h3 { font-size: 0.4rem; }
  .cooperation h4 { width: 85%; font-size: 0.28rem; line-height: 0.42rem; margin: 0.25rem auto 0; }
  .cooperation img { width: 2.4rem; margin: 0.4rem auto 0; }
  .business { position: relative; z-index: 3; }
  .business .container { padding-top: 2.5rem; position: absolute; left: 50%; top: 0; z-index: 1; transform: translateX(-50%); }
  .business .title-box { margin-bottom: 1rem; }
  .business .title-box h2 { font-size: 0.5rem; }
  .business .tabs:after { width: 93%; top: 0.3rem; }
  .business .tabs .slide .swiper-slide .icon { width: 0.6rem; height: 0.6rem; }
  .business .tabs .slide .swiper-slide .icon i { font-size: 0.64rem; }
  .business .tabs .slide .swiper-slide h3 { font-size: 0.28rem; margin-top: 0.25rem; }
  .business .tabs .common-btn { display: none; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .img { width: 5rem; position: absolute; left: 0; top: 2.8rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text { width: 100%; height: 4.15rem; padding: 0.4rem; border-radius: 0.2rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text h2 { font-size: 0.38rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text h3 { font-size: 0.3rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text p { font-size: 0.26rem; line-height: 0.42rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text .more { font-size: 0.28rem; margin-top: 0.2rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-slide .text .more i { font-size: 0.26rem; }
  .business .slide-box .swiper-slide .slide1 .swiper-pagination { width: 30%; bottom: 0.9rem; left: 0; text-align: center; right: 0; margin: 0 auto; }
  .business .slide-box .swiper-slide .slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }
  .strength { padding: 1rem 0; }
  .strength .text { width: 100%; height: 100%; margin-left: 0; }
  .strength .text .txt h3 { font-size: 0.3rem; }
  .strength .text .txt p { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .strength .text .txt ul { margin-top: 0.4rem; }
  .strength .text .txt ul li { margin-left: 0.8rem; }
  .strength .text .txt ul li h3 { font-size: 0.28rem; }
  .strength .text .txt ul li h3 b { font-size: 0.5rem; }
  .strength .text .txt ul li h4 { font-size: 0.28rem; margin-top: 0.1rem; }
  .strength .text .txt .common-btn { margin-top: 0.5rem; }
  .strength .video-box { width: 100%; margin-top: 0.5rem; }
  .strength .video-box img, .strength .video-box video { width: 100%; height: 100%; object-fit: cover; }
  .news .title-box { margin-bottom: 0.5rem; }
  .news .box:before { display: none; }
  .news .box .big { width: 100%; }
  .news .box .big .text { padding-top: 0.3rem; }
  .news .box .big .text .date { margin-right: 0.3rem; }
  .news .box .big .text .date h4 { font-size: 0.46rem; }
  .news .box .big .text .date h5 { font-size: 0.28rem; }
  .news .box .big .text h3 { font-size: 0.32rem; line-height: 0.46rem; }
  .news .box ul { width: 100%; }
  .news .box ul li { margin-top: 0.3rem; }
  .news .box ul li:before { display: none; }
  .news .box ul li .text .date { margin-right: 0.3rem; }
  .news .box ul li .text .date h4 { font-size: 0.46rem; }
  .news .box ul li .text .date h5 { font-size: 0.28rem; }
  .news .box ul li .text h3 { font-size: 0.32rem; line-height: 0.46rem; }
  .news .box ul li .img { display: none; }
  .news .box ul li:first-child { margin-top: 0.3rem; }
  .news .common-btn { margin: 0.4rem auto 0; }
  .cooperation { padding: 0.7rem 0; background: url(../images/cooperation-bg-xs.jpg) no-repeat center/cover; }
  .cooperation h3 { font-size: 0.4rem; }
  .cooperation h4 { width: 85%; font-size: 0.28rem; line-height: 0.42rem; margin: 0.25rem auto 0; }
  .cooperation img { width: 2.4rem; margin: 0.4rem auto 0; }
  /* neiye */
  .nybanner .text { padding: 0 1.2rem; margin: auto; }
  .nybanner .text h4 { font-size: 0.28rem; line-height: 0.42rem; }
  .crumbs-tabs { background: #fff; }
  .crumbs-tabs .container { width: 100%; padding: 0; }
  .crumbs-tabs .crumbs { display: none; }
  .crumbs-tabs .tabs { width: 100%; border-bottom: .01rem solid #E8E8E8; }
  .crumbs-tabs .tabs .swiper-slide { font-size: 0.28rem; margin-left: 0.6rem; height: auto; padding: 0.4rem 0 0.3rem; }
  .crumbs-tabs .tabs .swiper-slide:after { height: 0.04rem; }
  .crumbs-tabs .tabs .swiper-slide:first-child { margin-left: 0.3rem; }
  .crumbs-tabs .tabs .swiper-slide:last-child { margin-right: 0.3rem; }
  .content { padding-top: 0.9rem; }
  .Nei-page.no-banner { padding-top: 0.9rem; }
  .Nei-page.no-banner .header .nav-xs .menu .bars .bar { background: #000; }
  .filter-search { padding-top: 1.2rem; margin-bottom: 0.1rem; margin-top: 0.3rem; }
  .filter-search .filter .item { line-height: 0.3rem; font-size: 0.28rem; }
  .filter-search .filter .item.active { font-size: 0.32rem; }
  .filter-search .search { width: 100%; right: auto; left: 0; }
  .filter-search .search label { font-size: 0.28rem; margin-right: 0.2rem; }
  .filter-search .search .input { flex: 1; border-radius: 0.5rem; }
  .filter-search .search .input i { font-size: 0.3rem; }
  .filter-search .search .input input { width: 100%; height: 0.8rem; font-size: 0.28rem; }
  .filter-search .filter1 .row { margin-top: 0.3rem; flex-wrap: wrap; }
  .filter-search .filter1 .row label { font-size: 0.28rem; width: 100%; margin-bottom: 0.2rem; }
  .filter-search .filter1 .row ul { flex-wrap: wrap; }
  .filter-search .filter1 .row ul li { font-size: 0.28rem; }
  .filter-search .filter1 .row ul li a { padding-left: 0.4rem; }
  .filter-search .filter1 .row ul li i { font-size: 0.26rem; top: 1px; }
  .filter-search .filter1 .row ul li:first-child { margin-left: 0; }
  /* Product */
  .Product.content { padding-top: 0.2rem; }
  .Product.content .section2 .box .left { width: 100%; }
  .Product.content .section2 .box .left dl { margin-bottom: 0.25rem; }
  .Product.content .section2 .box .left dl dt { font-size: 0.3rem; }
  .Product.content .section2 .box .left dl dd { font-size: 0.26rem; line-height: 0.42rem; }
  .Product.content .section2 .box .right { width: 100%; }
  .Product.content .section3 { padding: 0.9rem 0; }
  .Product.content .section3 .slide { padding: 0 0.3rem; }
  .Product.content .section3 .slide .swiper-slide .text { padding: 0.3rem; }
  .Product.content .section3 .slide .swiper-slide .text h3 { font-size: 0.3rem; transform: translateY(0); }
  .Product.content .section3 .slide .swiper-slide .text i { font-size: 0.3rem; opacity: 1; transform: translateY(0); }
  .Product.content .section4 ul { flex-wrap: wrap; }
  .Product.content .section4 ul li { width: 100%; margin-right: 0; margin-bottom: 0.2rem; }
  .Product.content .section4 ul li .text i { font-size: 0.6rem; }
  .Product.content .section4 ul li .text i.icon-jinru11 { font-size: 0.3rem; }
  .Product.content .section4 ul li .text h3 { font-size: 0.3rem; margin: 0.2rem auto; }
  .Product.content .section4 ul li:last-child { margin-right: 0; }
  .Product.content .section4 ul li.active { width: 100%; }
  .Product.content .section4 ul li.active .text:before { background: rgba(0, 0, 0, 0.8); }
  .product-list { margin-top: 0.5rem; }
  .product-list li { width: 48%; height: auto; margin: 0 4% 0.3rem 0; }
  .product-list li .img { height: 2.8rem; overflow: hidden; }
  .product-list li .img img { width: 100%; height: 100%; }
  .product-list li .text { padding: 0.2rem 0.3rem 0.4rem; }
  .product-list li .text h3 { font-size: 0.32rem; }
  .product-list li .text .tags { display: none; }
  .product-list li .text p { font-size: 0.26rem; margin-top: 0.15rem; height: 0.3rem; }
  .product-list li .text .btns { padding: 0; }
  .product-list li .text .btns a { height: 0.6rem; font-size: 0.26rem; }
  .product-list li .text .btns a:last-child { display: none; }
  .product-list li:nth-child(3n) { margin-right: 4%; }
  .product-list li:nth-child(2n) { margin-right: 0; }
  /* Product-xq */
  .Product-xq .product-info { height: 10rem; padding-top: 2rem; background: url(../images/probg.jpg) no-repeat center/cover; }
  .Product-xq .product-info .container { width: 100%; }
  .Product-xq .product-info .slide-box { width: 100%; }
  .Product-xq .product-info .slide-box .slide { width: 80%; padding-bottom: 0.5rem; }
  .Product-xq .product-info .info { margin-top: 0.5rem; }
  .Product-xq .product-info .info h2 { font-size: 0.42rem; }
  .Product-xq .product-info .info .tags { margin-top: 0.25rem; }
  .Product-xq .product-info .info .tags li { font-size: 0.28rem; padding: 0 0.25rem; }
  .Product-xq .product-info .info .tags li:before { content: ""; width: 1px; height: 70%; background: rgba(0, 0, 0, 0.2); position: absolute; left: -0.01rem; top: 0; bottom: 0; margin: auto; }
  .Product-xq .product-info .info .tags li:first-child:before { display: none; }
  .Product-xq .product-info .info .cs { display: none; }
  .Product-xq .product-info .info .btns { margin-top: 0.6rem; }
  .Product-xq .product-info .info .btns > div, .Product-xq .product-info .info .btns > a { margin: 0 0.35rem; }
  .Product-xq .product-info .info .btns > div i, .Product-xq .product-info .info .btns > a i { font-size: 0.3rem; }
  .Product-xq .content .parameters .table-box .table table tr td { font-size: 0.28rem; padding: 0.2rem 0.5rem; }
  .Product-xq .content .parameters .table-box .common-btn { border-color: #999; color: #000; margin: 0.3rem auto 0; }
  .Product-xq .content .parameters .table-box .common-btn i { font-size: 0.14rem; color: #000; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transform: rotate(180deg); margin-left: 0.08rem; top: -0.01rem; position: relative; }
  .Product-xq .content .parameters .table-box .common-btn:hover { color: #fff; border-color: #D44E29; }
  .Product-xq .content .parameters .table-box .common-btn:hover i { transform: translate(0) rotate(180deg); color: #fff; }
  .Product-xq .content .parameters .table-box.active { height: auto; }
  .Product-xq .content .parameters .table-box.active .table { height: auto; }
  .Product-xq .content .parameters .table-box.active .table:after { display: none; }
  .Product-xq .content .parameters .table-box.active .common-btn i { transform: rotate(0deg); }
  .Product-xq .content .case .slide { padding: 0 0.3rem 0.6rem; }
  .Product-xq .content .case .slide .swiper-slide .text { padding: 0.3rem; }
  .Product-xq .content .case .slide .swiper-slide .text h3 { font-size: 0.3rem; }
  .Product-xq .content .case .slide .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; opacity: 1; }
  .Product-xq .content .case .slide .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }
  .Product-xq .content .related .slide { padding-bottom: 0.6rem; }
  .Product-xq .content .related .slide .swiper-slide .img { height: 3rem; }
  .Product-xq .content .related .slide .swiper-slide .text { padding: 0.2rem 0.3rem 0.4rem; }
  .Product-xq .content .related .slide .swiper-slide .text h3 { font-size: 0.32rem; }
  .Product-xq .content .related .slide .swiper-slide .text .tags { display: none; }
  .Product-xq .content .related .slide .swiper-slide .text p { font-size: 0.26rem; margin-top: 0.15rem; height: 0.3rem; }
  .Product-xq .content .related .slide .swiper-slide .text .btns { padding: 0; }
  .Product-xq .content .related .slide .swiper-slide .text .btns a { height: 0.6rem; font-size: 0.26rem; }
  .Product-xq .content .related .slide .swiper-slide .text .btns a:last-child { display: none; }
  .Product-xq .content .order { background: url(../images/xq-order-bg-xs.webp) no-repeat top/100%; }
  .Product-xq .content .order .title-box1 { margin-bottom: 0.3rem; }
  .Product-xq .content .order .tel { font-size: 0.32rem; letter-spacing: 2px; }
  .Product-xq .content .order .tel i { font-size: 0.32rem; margin-right: 0.1rem; position: relative; top: -1px; }
  .Product-xq .content .order .box .img { width: 100%; }
  .Product-xq .content .order .box .img img { width: 100%; }
  .Product-xq .content .order .box .form { width: 100%; padding: 0.6rem 0.4rem; }
  .Product-xq .content .order .box .form h3 { font-size: 0.3rem; }
  .Product-xq .content .order .box .form form { margin-top: 0.3rem; }
  .Product-xq .content .order .box .form form .row { margin-top: 0; flex-wrap: wrap; }
  .Product-xq .content .order .box .form form .row .column { width: 100%; padding: 0 0.2rem; margin-top: 0.3rem; }
  .Product-xq .content .order .box .form form .row .column label { font-size: 0.26rem; }
  .Product-xq .content .order .box .form form .row .column select, .Product-xq .content .order .box .form form .row .column input, .Product-xq .content .order .box .form form .row .column textarea { height: 0.7rem; font-size: 0.28rem; }
  .Product-xq .content .order .box .form form .row .column textarea { height: 1.8rem; }
  .Product-xq .content .order .box .form form .row .column.textarea { padding: 0.2rem; }
  .Product-xq .content .order .box .form form .row .column.textarea label { margin-bottom: 0.2rem; }
  .Product-xq .content .order .box .form form .common-btn { margin-top: 0.4rem; height: 0.8rem; }

  /* About */
  .About.content .section1 .text { width: 100%; padding-top: 0; }
  .About.content .section1 .text h3 { font-size: 0.32rem; line-height: 0.46rem; }
  .About.content .section1 .text p { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .About.content .section1 .text ul { margin-top: 0.5rem; }
  .About.content .section1 .img { width: 100%; margin-top: 0.5rem; }
  .About.content .section2 .dsc { font-size: 0.28rem; line-height: 0.42rem; }
  .About.content .section2 ul { margin-top: 0.1rem; }
  .About.content .section2 ul li { width: 30.5%; height: 2.14rem; margin-top: 0.4rem; }
  .About.content .section2 ul li h3 { font-size: 0.28rem; }
  .About.content .section2 ul li span { font-size: 0.3rem; margin-top: 0.15rem; }
  .About.content .section2 ul li:hover { background: #fff; transform: translateY(0); }
  .About.content .section2 ul li:hover i, .About.content .section2 ul li:hover h3, .About.content .section2 ul li:hover span { color: #000; }
  .About.content .section2 ul li:hover i { color: #D44E29; }
  .About.content .section3 ul li { width: 100%; }
  .About.content .section3 ul li .text i { font-size: 0.7rem; }
  .About.content .section3 ul li .text h3 { font-size: 0.3rem; margin: 0.2rem 0; }
  .About.content .section3 ul li .text p { font-size: 0.28rem; }
  .About.content .section3 ul li:last-child .text { color: #000; }
  .About.content .section4 .title-box1 { text-align: center; }
  .About.content .section4 .box .tabs { height: 3.6rem; margin-right: 0.3rem; }
  .About.content .section4 .box .tabs .swiper-slide { font-size: 0.28rem; color: #fff; text-align: right; position: relative; padding-right: 0.4rem; display: flex; flex-direction: column; justify-content: center; cursor: pointer; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .About.content .section4 .box .tabs .swiper-slide:before { width: 0.15rem; height: 0.15rem; border-radius: 50%; overflow: hidden; background: rgba(255, 255, 255, 0.5); position: absolute; right: -0.07rem; top: 0; bottom: 0; margin: auto; }
  .About.content .section4 .box .tabs .swiper-slide:after { width: 0.07rem; height: 0.07rem; background: #fff; border-radius: 50%; overflow: hidden; position: absolute; right: -0.03rem; top: 0; bottom: 0; margin: auto; }
  .About.content .section4 .box .tabs .swiper-slide.active { font-size: 0.32rem; }
  .About.content .section4 .box .slide { width: 62%; height: 5.7rem; }
  .About.content .section4 .box .slide .swiper-slide { padding: 0.3rem; }
  .About.content .section4 .box .slide .swiper-slide ul li { margin-top: 0.3rem; }
  .About.content .section4 .box .slide .swiper-slide ul li h3 { font-size: 0.32rem; margin-bottom: 0.15rem; }
  .About.content .section4 .box .slide .swiper-slide ul li p { font-size: 0.28rem; line-height: 0.42rem; }
  .About.content .section5 .dsc { font-size: 0.28rem; line-height: 0.42rem; }
  .About.content .section5 .slide .swiper-slide .txt h4 { font-size: 0.26rem; }
  .About.content .section5 .slide .swiper-slide .txt h3 { font-size: 0.28rem; line-height: 0.42rem; height: 0.84rem; }
  .About.content .section6 { padding: 0.9rem 0; background: #F8F8F8; }
  .About.content .section6 .scroll-wrapper { overflow: hidden; position: relative; mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); }
  .About.content .section6 .scroll-wrapper .scroll { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 0.5rem; width: fit-content; animation-play-state: running; }
  .About.content .section6 .scroll-wrapper .scroll .item { width: 2.5rem; margin-right: 0.4rem; }
  .About.content .section6 .scroll-wrapper .scroll.first-row, .About.content .section6 .scroll-wrapper .scroll.third-row { animation: moveRightSlideshow 30s linear infinite; }
  .About.content .section6 .scroll-wrapper .scroll.second-row { animation: moveLeftSlideshow 30s linear infinite; }
  .About.content .section6 .scroll-wrapper .scroll:hover { animation-play-state: paused; }
  /* About-honor */
  .About-honor.content ul li { width: 48.5%; position: relative; margin: 0.3rem 3% 0 0; overflow: hidden; }
  .About-honor.content ul li img { width: 100%; }
  .About-honor.content ul li .txt { padding: 0.15rem; }
  .About-honor.content ul li .txt h4 { font-size: 0.28rem; }
  .About-honor.content ul li .txt h3 { font-size: 0.28rem; line-height: 0.42rem; height: 0.84rem; }
  .About-honor.content ul li:nth-child(2n) { margin-right: 0; }
  .About-honor.content ul li:nth-child(n+3) { margin-top: 0.3rem; }
  .About-honor.content ul li:hover img { transform: scale(1); }
  .big-news .swiper-slide .img { width: 100%; height: 4rem; }
  .big-news .swiper-slide .text { width: 100%; padding: 0.6rem 0.4rem; }
  .big-news .swiper-slide .text h4 { font-size: 0.26rem; }
  .big-news .swiper-slide .text h3 { font-size: 0.3rem; line-height: 0.44rem; margin: 0.2rem 0; }
  .big-news .swiper-slide .text p { font-size: 0.28rem; line-height: 0.42rem; }
  .big-news .swiper-slide .text .btn { width: 2.3rem; height: 0.7rem; margin-top: 0.5rem; }
  .big-news .swiper-slide .text .btn span { font-size: 0.28rem; padding: 0 0.2rem; }
  .big-news .swiper-slide .text .btn span i { font-size: 0.28rem; }
  .news-list { margin-top: 0.1rem; }
  .news-list li { width: 100%; margin: 0.4rem 0 0 0; border-radius: 0.1rem; }
  .news-list li .img { height: 4rem; }
  .news-list li .text { padding: 0.3rem; }
  .news-list li .text h4 { font-size: 0.26rem; margin-bottom: 0.15rem; }
  .news-list li .text h3 { font-size: 0.3rem; line-height: 0.46rem; }
  .news-list li:hover .img img { transform: scale(1); }
  .news-list li:hover .text h3 { color: #000; }
  .video-list li { width: 100%; margin: 0.4rem 0 0 0; }
  .video-list li .img { height: 4rem; }
  .video-list li .img .icon { width: 0.8rem; height: 0.8rem; }
  .video-list li .img .icon i { font-size: 0.36rem; }
  .video-list li .text { padding: 0.3rem; }
  .video-list li .text h4 { font-size: 0.26rem; margin-bottom: 0.15rem; }
  .video-list li .text h3 { font-size: 0.3rem; line-height: 0.46rem; }
  .video-list li:nth-child(3n) { margin-right: 0; }
  .video-list li:hover .img img { transform: scale(1); }
  .video-list li:hover .text h3 { color: #000; }
  .News-video { height: auto; }
  .News-video .big-video { position: relative; }
  .News-video .big-video .swiper-pagination { bottom: 0.5rem; }
  .News-video .big-video .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.04rem; background: #E8E8E8; border-radius: 0; margin: 0 0.05rem; opacity: 1; }
  .News-video .big-video .swiper-pagination .swiper-pagination-bullet-active { background: #D44E29; }
  .News-video .main { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  .News-video .content { padding-top: 0.6rem !important; }
  /* News-xq */
  .News-xq.content { padding: 0.5rem 0 0.9rem; }
  .News-xq.content .left { width: 100%; }
  .News-xq.content .left .title h4 { font-size: 0.28rem; margin-top: 0.3rem; }
  .News-xq.content .left .con p { font-size: 0.28rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .News-xq.content .left .con p img { margin: 0.3rem auto; }
  .News-xq.content .left .relevant { margin-top: 0.5rem; }
  .News-xq.content .left .relevant a { padding: 0.3rem 0; font-size: 0.28rem; }
  .News-xq.content .right { width: 100%; margin-top: 0.5rem; }
  .News-xq.content .right .title { font-size: 0.34rem; margin-bottom: 0.35rem; }
  .News-xq.content .right ul li { margin-bottom: 0.3rem; }
  .News-xq.content .right ul li .img { height: 4.5rem; }
  .News-xq.content .right ul li .text { padding: 0.3rem; }
  .News-xq.content .right ul li .text h3 { font-size: 0.3rem; }
  .News-xq.content .right ul li:hover .img img { transform: scale(1); }
  .News-xq.content .right ul li:hover .text h3 { color: #000; }

  /* Contact */
  .Contact.content { padding-bottom: 1rem; }
  .Contact.content .section1 .title-box1 h2 { font-weight: bold; }
  .Contact.content .section1 .box { position: relative; }
  .Contact.content .section1 .box .map { width: 100%; }
  .Contact.content .section1 .box ul { padding: 0; position: relative; flex-wrap: wrap; }
  .Contact.content .section1 .box ul li { width: 100%; background: #F8F8F8; box-shadow: none; margin-top: 0.3rem; }
  .Contact.content .section1 .box ul li h3 { font-size: 0.36rem; }
  .Contact.content .section1 .box ul li h4 { font-size: 0.27rem; }
  .Contact.content .section1 .box ul li p { font-size: 0.25rem; line-height: 0.42rem; margin-top: 0.2rem; }
  .Contact.content .section1 .box ul li p img { width: 0.4rem; }
  .Contact.content .section1 .box ul li:first-child p { font-size: 0.32rem; }
  /* Join */
  .Join.content .table-box .table-title { display: none; }
  .Join.content .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.content .table-box .table li .item { width: 50%; line-height: normal; }
  .Join.content .table-box .table li .item:nth-child(1) { font-size: 0.3rem; font-weight: bold; color: #000; text-align: left; margin-bottom: 0.3rem; }
  .Join.content .table-box .table li .item:nth-child(2) { font-size: 0.24rem; color: #999; text-align: right; margin-bottom: 0.3rem; }
  .Join.content .table-box .table li .item:nth-child(3) { font-size: 0.26rem; color: #333; text-align: left; }
  .Join.content .table-box .table li .item:nth-child(4) { font-size: 0.26rem; color: #333; text-align: right; padding-right: 0.5rem; }
  .Join.content .table-box .table li .item .iconfont { font-size: 0.3rem; top: 50%; transform: translateY(-50%); color: #07243F; position: absolute; right: 0; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .Join.content .table-box .table li .con { padding: 0 0.3rem 0.4rem; }
  .Join.content .table-box .table li .con .bb .tt { font-size: 0.26rem; margin-bottom: 0.2rem; margin-top: 0.4rem; }
  .Join.content .table-box .table li .con .bb p { font-size: 0.26rem; color: #666; line-height: 0.42rem; }
  .Join.content .table-box .table li.active { border: 0; }
  .Join.content .table-box .table li.active .iconfont { transform: rotate(180deg) translateY(50%); }
  .Search.content .title-box { margin-bottom: 0.2rem; }
  .Search.content .title-box h2 { font-size: 0.4rem; }
  .Search.content .form { width: 100%; }
  .Search.content .form .box { padding-left: 0.3rem; margin: 0 auto 0.3rem; }
  .Search.content .form .box i { font-size: 0.34rem; }
  .Search.content .form .box input { flex: 1; height: 1rem; font-size: 0.28rem; padding: 0 0.2rem; }
  .Search.content .form .box .btn { height: 1rem; line-height: 1.1rem; padding: 0 0.3rem 0 0.1rem; font-size: 0.28rem; }
  .Search.content .form .res { font-size: 0.28rem; padding-left: 0.55rem; }
  .Search.content .filter { width: 100%; }
  .Search.content .filter a { line-height: 0.9rem; padding: 0 0.3rem; font-size: 0.3rem; margin-right: 0.5rem; }
  .Search.content .list { margin-top: 0.5rem; }
  .Search.content .list .tit { font-size: 0.34rem; }
  .page-xs { margin-top: 0.5rem; }
  .page-xs .common-btn { margin: 0 auto; border-radius: 0.5rem; }
  .page-xs .no-more { font-size: 0.26rem; color: #999; text-align: center; }
  .no-data img { width: 1.6rem; margin-bottom: 0.2rem; }
  .no-data p { font-size: 0.26rem; color: #666; }
  /* Page404 */
  .Page404 .banner, .Page404 .banner-z { height: 5rem; }
  .Page404 .content { padding-top: 2rem; }
  .Page404 .content .text { width: 100%; margin: 0.4rem auto 0; }
  .Page404 .content .text h1 { font-size: 0.5rem; }
  .Page404 .content .text .p p { width: 2.1rem; font-size: 0.26rem; line-height: 0.4rem; margin: 0 0.15rem; }
  .Page404 .content .text .p .btn11 { padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; }
  .Page404 .content .text .p .btn11 i { font-size: 0.26rem; }
  /* Sitemap */
  .Sitemap .banner, .Sitemap .banner-z { height: 5rem; }
  .Sitemap.content dl { padding-bottom: 0.35rem; margin-top: 0.35rem; }
  .Sitemap.content dl dt { font-size: 0.32rem; }
  .Sitemap.content dl dt a:hover { color: #000; }
  .Sitemap.content dl dd { margin-top: 0.05rem; }
  .Sitemap.content dl dd a { width: 50%; font-size: 0.26rem; margin-top: 0.25rem; }
  .Sitemap.content dl dd a:hover { color: #333; }
  /* Legal */
  .Legal .banner, .Legal .banner-z { height: 5rem; }
  .Legal.content h3 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .Legal.content p { font-size: 0.26rem; line-height: 0.42rem; }
  /* Links */
  .Links .banner, .Links .banner-z { height: 3rem; }
  .Links.content .box h2 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .Links.content .box p { font-size: 0.28rem; margin-bottom: 0.2rem; line-height: 0.46rem; }
  .Links.content .box .listul { margin: 0.4rem 0 0; }
  .Links.content .box .listul li { width: 100%; padding: 0; margin-bottom: 0.3rem; }
  .Links.content .box .listul li a { padding-bottom: 0.3rem; }
  .Links.content .box .listul li a h2 { font-size: 0.3rem; margin-bottom: 0.1rem; }
  .Links.content .box .listul li a p { font-size: 0.28rem; }
  /* popup-box */
  .popup-box .box { width: 88%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .popup-box .box .icon { width: 0.46rem; top: auto; bottom: -0.8rem; right: 50%; transform: translateX(50%); } }