@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 "SourceHanSans-Regular", Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

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

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

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

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

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

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

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

::-webkit-scrollbar { width: 4px; height: 4px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

::-webkit-scrollbar-thumb { background-color: #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

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

.cover1 { z-index: 88; }

@font-face { font-family: "SourceHanSans-Regular"; src: url("../fonts/sourcehansans-regular.woff2") format("woff2"), url("../fonts/sourcehansans-regular.woff") format("woff"); font-weight: normal; font-style: normal; }

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

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

.imgcenter{display:flex; justify-content:center;}

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

.text-l { text-align: left; }

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

.text-r { text-align: right; }

.text-i { font-style: italic; }

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; }

@keyframes mouseMove { from { transform: translateY(-40px);
    opacity: 1; }
  to { transform: translateY(0);
    opacity: 0; } }

@keyframes pathRun { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes progressRun { from { width: 0; }
  to { width: 100%; } }

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

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

@keyframes btnHover { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@keyframes translateYHover { 0% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% { -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes move-forever { 0% { transform: translate(-90px, 0%); }
  100% { transform: translate(85px, 0%); } }

@keyframes aSC-Bold_banner_s { 0% { bottom: 8%; }
  50% { bottom: 10%; }
  100% { bottom: 8%; } }

@keyframes progressRun { from { width: 0; }
  to { width: 100%; } }

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

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

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

/*! 1680 ~ 1920px 主内容区 1680 */
.container { width: 87.5%; margin: 0 auto; position: relative; transition: all .5s; }

/* header */
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 3; clear: both; transition: all .5s; }

.header .head { height: auto; overflow: hidden; transition: .35s background-color ease-in; position: relative; }

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

.header .head .logo { height: 81px; display: block; background: url("../images/logo.png") no-repeat center/100%; }

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

.header .head .nav .item { font-size: 16px; color: #fff; margin-left: 40px; padding: 40px 0; position: relative; transition: all .5s; display: flex; align-items: center; justify-content: center; }

.header .head .nav .item i { font-size: 16px; transition: transform .5s; display: block; margin-left: 3px; }

.header .head .nav .item:after { content: ""; width: 0; height: 2px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all .5s; }

.header .head .nav .item.productUser { width: 110px; height: 40px; padding: 0; background: #fff; border-radius: 50px; color: #1862F6; }

.header .head .nav .item.productUser:after { display: none; }

.header .head .nav .item.tel { height: 40px; padding: 0 20px; background: #fff; border-radius: 50px; color: #1862F6; }

.header .head .nav .item.tel i { margin-right: 5px; }

.header .head .nav .item.tel:after { display: none; }

.header .head .nav .item.tel.active i, .header .head .nav .item.tel:hover i { transform: none; }

.header .head .nav .item.active i, .header .head .nav .item:hover i { transform: rotate(180deg); }

.header .head .nav .item.active:after, .header .head .nav .item:hover:after { width: 25px; }

.header .head .nav-xs { display: none; }

.header .head:after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; left: 0; bottom: 0; transition: .35s background-color ease-in; }

.header:hover .head, .header.white .head { background: #fff; }

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

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

.header:hover .head .nav .item.active, .header:hover .head .nav .item:hover, .header.white .head .nav .item.active, .header.white .head .nav .item:hover { color: #1862F6; }

.header:hover .head .nav .item.active:after, .header:hover .head .nav .item:hover:after, .header.white .head .nav .item.active:after, .header.white .head .nav .item:hover:after { background: #1862F6; }

.header:hover .head .nav .item.tel, .header:hover .head .nav .item.productUser, .header.white .head .nav .item.tel, .header.white .head .nav .item.productUser { background: #1862F6; color: #fff; }

.header:hover .head:after, .header.white .head:after { background: rgba(0, 0, 0, 0.1); }

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

.header .submenu .submenuItem { display: none; background: #fff; padding: 3% 0; }

.header .submenu .submenuItem .subItem { display: flex; justify-content: space-between; }

.header .submenu .submenuItem .subItem li { width: 48%; }

.header .submenu .submenuItem .subItem li .item-title { display: flex; padding-bottom: 17px; border-bottom: 1px solid #DDE3EE; margin-bottom: 50px; }

.header .submenu .submenuItem .subItem li .item-title img { width: 18px; }

.header .submenu .submenuItem .subItem li .item-title h3 { font-size: 18px; color: #000000; margin-left: 12px; }

.header .submenu .submenuItem .subItem li .item-a { display: flex; flex-wrap: wrap; }

.header .submenu .submenuItem .subItem li .item-a a { width: 48%; display: block; margin-bottom: 40px; padding-left: 12px; position: relative; }

.header .submenu .submenuItem .subItem li .item-a a:nth-child(2n+2) { margin-left: 4%; }

.header .submenu .submenuItem .subItem li .item-a a h4 { color: #000; font-size: 16px; position: relative; transition: all .5s; display: inline-block; }

.header .submenu .submenuItem .subItem li .item-a a p { color: #758296; font-size: 14px; margin-top: 10px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.header .submenu .submenuItem .subItem li .item-a a:hover h4 { color: #1A52EE; }

.header .submenu .submenuItem .subItem li .item-a a:hover:after { height: 50%; }

.header .submenu .submenuItem .subItem li .item-a a.hot h4:after { content: ""; width: 24px; height: 13px; background: url("../images/hot.png") no-repeat center/100%; position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; }

.header .submenu .submenuItem .subItem li.w100 { width: 100%; }

.header .submenu .submenuItem .subItem li.w100 .item-a a { width: 24%; margin-right: 1%; }

.header .submenu .submenuItem .subItem li.w100 .item-a a:nth-child(2n+2) { margin-left: 0; }

.header .submenu .submenuItem .subItem li.w100 .item-a a:last-child { margin-right: 0; }

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

.header.child-site .head .logo { width: 210px; }

/* footer */
.footer { width: 100%; position: relative; z-index: 1; left: 0; bottom: 0; background: #1f80c5; padding: 5.3% 0 3%; }

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

.footer .footer-top li { flex: 1; }

.footer .footer-top li.flex2 { flex: 1.2; }

.footer .footer-top li h4 { color: #ffffff; font-size: 18px; margin-bottom: 25px; font-weight: bold; }

.footer .footer-top li a { color: #ffffff; font-size: 16px; display: block; margin-bottom: 25px; }

.footer .footer-top li a:hover { color: #fff; }

.footer .footer-top li .maBox { display: flex; align-items: center; margin-top: 30px; }

.footer .footer-top li .maBox img { width: 110px; }

.footer .footer-top li .maBox p { color: #ffffff; font-size: 14px; line-height: 26px; margin-left: 20px; }

.footer .footer-bottom { margin-top: 5.2%; }

.footer .footer-bottom .friend { position: relative; padding-bottom: 1.5%; border-bottom: 1px solid #344054; }

.footer .footer-bottom .friend .tit { font-size: 16px; color: #ffffff; display: inline-block; margin-right: 6px; }

.footer .footer-bottom .friend .line { height: 12px; width: 1px; background: #ffffff; display: inline-block; position: relative; top: 1px; margin: 0 15px; }

.footer .footer-bottom .friend a { font-size: 14px; display: inline-block; color: #ffffff; }

.footer .footer-bottom .friend a:hover { color: #fff; }

.footer .footer-bottom .txt { display: flex; align-items: center; padding-top: 3%; color: #ffffff; }

.footer .footer-bottom .txt p { margin-right: 2%; font-size: 14px; }

.footer .footer-bottom .txt p a { color: #ffffff; }

.footer .footer-bottom .txt p a:hover { color: #fff; }

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

.big-title { font-size: 40px; color: #333; text-align: center; margin-bottom: 2%; }

.title-dsc { font-size: 16px; color: #666; text-align: center; }

.common-btn { width: 136px; height: 44px; overflow: hidden; font-size: 16px; color: #fff; cursor: pointer; display: flex; justify-content: center; align-items: center; background: #1862F6; border: 1px solid #1862F6; border-radius: 30px; margin: 0 auto; position: relative; }

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

.common-btn span i { margin-left: 3px; display: inline-block; transition: all .5s; }

.common-btn:hover { animation: btnHover .6s linear infinite alternate; opacity: .8; }

.common-btn:hover span i { margin-left: 8px; }

.common-btn.common-btn1 { background: none; border-color: #1862F6; color: #1862F6; }

.common-btn.common-btn1:after { content: ""; width: 0; height: 100%; background: #1862F6; position: absolute; left: 0; top: 0; transition: all .5s; }

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

.common-btn.common-btn1:hover:after { width: 100%; }

.common-btn.common-btn2 { background: #fff; border-color: #fff; color: #1862F6; opacity: 1; }

.flex-img-text { display: flex; justify-content: space-between; margin: 0 -3.5%; }

.flex-img-text li { flex: 1; padding: 0 3.5%; text-align: center; margin-bottom: 2%; }

.flex-img-text li img { width: 200px; margin: 0 auto; }

.flex-img-text li h2 { font-size: 20px; color: #333; margin: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.flex-img-text li p { font-size: 16px; color: #758296; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.flex-list-text { display: flex; flex-wrap: wrap; margin: 0 -1.2%; }

.flex-list-text li { width: 25%; padding: 0 1.2%; text-align: center; margin-bottom: 2%; }

.flex-list-text li a { display: block; background: #FFFFFF; box-shadow: 0 8px 15px 1px rgba(137, 152, 206, 0.15); padding: 8% 4%; height: 100%; }

.flex-list-text li a img { width: 42px; margin: 0 auto; }

.flex-list-text li a h4 { font-size: 20px; color: #333; margin: 6% 0 3%; }

.flex-list-text li a p { font-size: 16px; color: #758296; line-height: 26px; }

.img-text { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #F3F5F8; padding-bottom: 3%; margin-bottom: 3%; clear: both; }

.img-text .img { width: 50%; transition: all .5s; }

.img-text .img img { display: block; margin: 0 auto; }

.img-text .text { width: 48%; height: auto; overflow: hidden; padding: 6% 4% 0; }

.img-text .text h2 { font-size: 30px; color: #333; }

.img-text .text p { font-size: 16px; color: #758296; line-height: 26px; margin: 3% 0; }

.img-text .text ul { display: flex; flex-wrap: wrap; margin-top: 4%; }

.img-text .text ul li { width: 50%; font-size: 16px; color: #758296; line-height: 26px; margin-bottom: 15px; padding-left: 25px; position: relative; }

.img-text .text ul li i { color: #1862F6; position: absolute; left: 0; top: 0; }

.img-text .text ul.liw33 li { width: 33.333%; }

.img-text .text ul.liw100 li { width: 100%; }

.img-text .text .common-btn { margin: 4% 0 0; }

.img-text:hover .img { animation: translateYHover 1.2s linear infinite alternate; }

.img-text:last-child { margin: 0; padding: 0; border: 0; }

/* 产品试用 */
.productUser-popup { display: none; padding: 4% 0 3%; position: fixed; width: 77%; max-width: 900px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; margin: auto; background: #fff; border-radius: 20px; overflow: hidden; }

.productUser-popup:before { content: ""; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(133, 182, 255, 0.46) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; top: 0; }

.productUser-popup .icon-close { position: absolute; top: 0; right: 0; padding: 25px; color: #000; font-size: 24px; cursor: pointer; }

.productUser-popup .title { margin-bottom: 6%; position: relative; z-index: 1; }

.productUser-popup .title h2 { font-size: 30px; text-align: center; font-weight: bold; margin-bottom: 15px; }

.productUser-popup .title p { font-size: 14px; text-align: center; }

/* 公用order */
.commonOrder { display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: auto; position: relative; z-index: 1; }

.commonOrder .row { width: 47%; margin-bottom: 30px; position: relative; }

.commonOrder .row label { font-size: 16px; display: block; margin-bottom: 10px; }

.commonOrder .row label i { color: red; }

.commonOrder .row input { width: 100%; line-height: 48px; font-size: 16px; border: 1px solid #DDE3EE; padding: 0 20px; border-radius: 5px; }

.commonOrder .row textarea { width: 100%; height: 130px; font-size: 16px; border: 1px solid #DDE3EE; padding: 15px 20px; border-radius: 5px; }

.commonOrder .row.w100 { width: 100%; }

.commonOrder .submit { width: 219px; height: 50px; background: #1862F6; border-radius: 50px; border: 1px solid #1862F6; margin: 0 auto; color: #fff; font-size: 16px; text-align: center; cursor: pointer; transition: all .5s; position: relative; top: 0; display: flex; align-items: center; justify-content: center; }

.commonOrder .submit:hover { top: -5px; }

.filter-disabled { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.filter-box { flex: 1; height: 50px; position: relative; border: 1px solid #DDE3EE; padding: 0 20px; border-radius: 5px; }

.filter-box select { display: none; }

.filter-box .filter-text { height: 100%; overflow: hidden; position: relative; cursor: pointer; background: #fff; display: flex; align-items: center; }

.filter-box .filter-text .filter-title { width: 100%; height: 100%; border: 0; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; cursor: pointer; }

.filter-box .filter-text input { font-size: 16px; }

.filter-box .filter-text .iconfont { transition: all .2s; }

.filter-box .filter-text .iconfont.filter-show { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.filter-box .filter-list { display: none; width: 100%; max-height: 300px; background-color: #fff; font-size: 16px; position: absolute; top: 50px; left: 0; z-index: 99; overflow: auto; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.filter-box .filter-list li a { display: block; padding: 0 20px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.filter-box .filter-list li.filter-null a { color: #d2d2d2; }

.filter-box .filter-list li:hover { background-color: #f5f7fa; }

.filter-box .filter-list li.filter-selected a { display: block; color: #1862F6; font-weight: bold; }

.filter-box .filter-list li.filter-disabled { background-color: #fff; }

.filter-box .filter-list li.filter-disabled a { display: block; color: #d2d2d2; }

.filter-box .filter-list li.filter-disabled:hover a { cursor: not-allowed !important; background-color: #fff; }

.filter-box .filter-list::-webkit-scrollbar { width: 4px; height: 4px; }

.filter-box .filter-list::-webkit-scrollbar-track { background: #fff; }

.filter-box .filter-list::-webkit-scrollbar-thumb { background: #CBCBCB; }

/* 新闻资讯列表 */
.newsList { display: flex; flex-wrap: wrap; margin: 2.7% -1%; }

.newsList li { width: 25%; padding: 0 1%; margin-bottom: 3%; }

.newsList li a { display: block; }

.newsList li a .img { width: 100%; overflow: hidden; border-radius: 3%;  height:154px;   }

.newsList li a .img img { width: 100%; transition: all .5s; }

.newsList li a h3 { font-size: 20px; color: #000; margin: 6.2% 0 4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; }

.newsList li a span { color: #758296; font-size: 16px; }

.newsList li a:hover h3 { color: #1862F6; }

.newsList li a:hover img { transform: scale(1.1); }

.newsList li:nth-last-child(-n+4) { margin-bottom: 0; }

/* 案例列表 */
.caseList { display: flex; flex-wrap: wrap; margin-left: -1.5%; margin-right: -1.5%; }

.caseList li { width: 33.33%; padding: 0 1.5%; margin-top: 2.6%; }

.caseList li a { display: block; }

.caseList li a .img { width: 100%; overflow: hidden; border-radius: 3%; position: relative; }

.caseList li a .img img { width: 100%; transition: all .5s; }

.caseList li a .img .logo { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: -150%; margin: auto; transition: all .5s; }

.caseList li a h3 { font-size: 20px; color: #000; margin: 6.2% 0 3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; }

.caseList li a p { font-size: 16px; color: #758296; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.caseList li a:hover h3 { color: #1862F6; }

.caseList li a:hover img { transform: scale(1.2); }

.caseList li a:hover .logo { bottom: 0; }

/* 右侧悬浮 */
.fixed-right { width: 60px; height: auto; position: fixed; right: 0; bottom: 20%; z-index: 2; box-shadow: 0 1px 12px rgba(149, 149, 149, 0.16); }

.fixed-right .item { width: 165px; height: 60px; background: #F5F5F5; display: block; cursor: pointer; position: relative; right: 0; transition: all .5s; }

.fixed-right .item .icon { width: 60px; height: 60px; line-height: 60px; text-align: center; position: relative; z-index: 1; background: #fff; }

.fixed-right .item .icon i { font-size: 20px; color: #666; transition: all .5s; }

.fixed-right .item .icon .icon-backtop { font-size: 26px; }

.fixed-right .item span { width: 100%; height: 100%; line-height: 60px; text-indent: 80px; font-size: 16px; color: #666; display: block; position: absolute; left: 0; top: 0; }

.fixed-right .item:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 2; }

.fixed-right .item.onlineMes { width: 60px; height: auto; padding: 20px 0; text-align: center; background: #1862F6; }

.fixed-right .item.onlineMes .icon { height: auto; line-height: normal; margin-bottom: 5px; background: none; }

.fixed-right .item.onlineMes .icon i { color: #fff; }

.fixed-right .item.onlineMes span { width: 20px; color: #fff; line-height: 20px; margin: 0 auto; position: relative; text-indent: 0; }

.fixed-right .item.onlineMes:hover { right: 0; }

.fixed-right .item.onlineMes:hover .icon i { color: #fff; }

.fixed-right .item:hover { right: 105px; }

.fixed-right .item:hover .icon i { color: #1862F6; }

.fixed-right .item.goTop { display: none; }

.fixed-right .item.goTop:hover { right: 0; }

.fixed-right .item.tel { width: 185px; }

.fixed-right .item.tel:hover { right: 125px; }

.fixed-right .item.wechat .box { width: 265px; position: absolute; right: 170px; top: 0; background: #fff; padding: 10px; display: none; }

.fixed-right .item.wechat .box .qr { width: 120px; text-align: center; }

.fixed-right .item.wechat .box .qr p { font-size: 13px; color: #1862F6; }

.fixed-right .item.wechat:hover { right: 0; }

.fixed-right .item.wechat:hover .box { display: flex; justify-content: space-between; }

.freetel { width: 500px; height: 200px; padding: 20px; background: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 99; display: none; text-align: center; }

.freetel h1 { font-size: 20px; color: #333; margin-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #ededed; }

.freetel .icon-cuo { position: absolute; right: 20px; top: 20px; font-size: 26px; color: #1862F6; cursor: pointer; }

.freetel .tel-con ul { overflow: hidden; padding: 15px 0 5px; }

.freetel .tel-con ul li { float: left; width: 50%; text-align: center; margin: 5px 0; font-size: 14px; }

.freetel .tel-con ul li:first-child { border-right: 1px solid #ededed; }

.freetel .tel-con ul li i { font-size: 18px; margin-right: 8px; color: #999; }

.freetel .tel-con p { padding-left: 30px; font-size: 14px; color: #333; line-height: 24px; text-align: left; }

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

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

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

.Index .banner video { background: #000; }

.Index .banner .txt { width: 87.5%; height: 100%; position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Index .banner .txt img { width: auto; height: auto; display: inline-block; min-width: 650px; }

.Index .banner .txt h2 { font-size: 60px; color: #fff; }

.Index .banner .txt h3 { margin-top: 2%; font-size: 30px; color: #fff; }

.Index .banner .txt.txt-l { align-items: flex-start; }

.Index .banner .bananiBox { width: 0; height: 445px; position: absolute; bottom: 15vh; left: 0; z-index: 10; transition: all 2.4s linear .8s; overflow: hidden; }

.Index .banner .bananiBox .banani { width: 1920px; height: 100%; position: absolute; bottom: 0; left: 0; background: url("../images/banner3-ani.png") no-repeat center/100%; }

.Index .banner .swiper-slide-active .bananiBox { width: 100%; }

.Index .banner .swiper-pagination { bottom: 50px; }

.Index .banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; background: #fff; opacity: .7; transition: all .5s; }

.Index .banner .swiper-pagination-bullet-active { opacity: 1; width: 28px; height: 10px; background: #FFFFFF; border-radius: 50px; }

.Index .index-title { position: relative; }

.Index .index-title h2 { font-size: 36px; color: #000; text-align: center; font-weight: bold; }

.Index .index-title p { margin-top: 1.2%; text-align: center; color: #7C8694; font-size: 16px; }

.Index .blcok1 { background: #fff; padding: 3.4% 0; }

.Index .blcok1 .container { width: 80%; }

.Index .blcok1 .flex-start { display: flex; justify-content: flex-start; align-items: center; }

.Index .blcok1 .laber { color: #626D7E; font-size: 16px; padding-right: .7%; }

.Index .blcok1 .b1-swiper { position: relative; overflow: hidden; flex: 1; height: 60px; }

.Index .blcok1 .b1-swiper .swiper-slide { width: 100%; overflow: hidden; }

.Index .blcok1 .b1-swiper .swiper-slide ul { overflow: hidden; display: flex; justify-content: flex-start; }

.Index .blcok1 .b1-swiper .swiper-slide ul li { margin: 0 1%; }

.Index .blcok1 .b1-swiper .swiper-slide ul li a { display: block; transition: all .5s; position: relative; }

.Index .blcok1 .b1-swiper .swiper-slide ul li a img { width: 130px; }

.Index .block2 { background: #F9FAFF; padding-top: 4.5%; }

.Index .block2 .tabs { display: flex; justify-content: space-around; align-items: center; margin-top: 2.8%; }

.Index .block2 .tabs .item { margin: 0 1%; flex: 1; padding: 1.6% 0; background: #fff; color: #333; font-size: 18px; transition: all .5s; cursor: pointer; box-shadow: 0 3px 10px 1px rgba(117, 130, 150, 0.05); display: flex; align-items: center; justify-content: center; }

.Index .block2 .tabs .item i { color: #1862F6; font-size: 18px; margin-right: 10px; transition: all .5s; }

.Index .block2 .tabs .item:hover, .Index .block2 .tabs .item.active { background: #1862F6; box-shadow: 0 6px 10px 1px rgba(24, 98, 246, 0.3); color: #fff; }

.Index .block2 .tabs .item:hover i, .Index .block2 .tabs .item.active i { color: #fff; }

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

.Index .block2 .tabs .item:last-child { margin-right: 0; }

.Index .block2 .b2-swiper { position: relative; overflow: hidden; margin-top: 2%; padding-bottom: 2%; }

.Index .block2 .b2-swiper .swiper-slide { display: flex; justify-content: space-between; }

.Index .block2 .b2-swiper .left { width: 50%; padding-top: 5%; }

.Index .block2 .b2-swiper .left h3 { font-size: 24px; font-weight: bold; margin-bottom: 4%; }

.Index .block2 .b2-swiper .left ul li { width: 100%; font-size: 16px; position: relative; padding-left: 25px; margin-bottom: 2.2%; line-height: 24px; }

.Index .block2 .b2-swiper .left ul li i { font-size: 16px; position: absolute; left: 0; top: 0; color: #1862F6; }

.Index .block2 .b2-swiper .left p { font-size: 16px; line-height: 30px; }

.Index .block2 .b2-swiper .left .common-btn { margin: 5% 0 0; }

.Index .block2 .b2-swiper .right { width: 50%; position: relative; overflow: hidden; }

.Index .block2 .b2-swiper .right .swiper-slide { display: flex; justify-content: space-around; align-items: center; }

.Index .block2 .b2-swiper .right img { width: 100%; }

.Index .block3 { background: #fff; padding-top: 4.5%; }

.Index .block3 ul { display: flex; flex-wrap: wrap; margin: 2.2% -1% 0; padding-bottom: 1%; }

.Index .block3 ul li { width: 25%; padding: 0 1%; margin-bottom: 2%; }

.Index .block3 ul li a { display: block; background: #F4F8FF; padding: 20% 8%; text-align: center; }

.Index .block3 ul li a img { width: 20%; display: block; margin: 0 auto 10px; position: relative; transition: all .5s; }

.Index .block3 ul li a h3 { color: #000; font-size: 24px; text-align: center; margin-bottom: 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; }

.Index .block3 ul li a p { font-size: 16px; line-height: 32px; }

.Index .block3 ul li a:hover { background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }

.Index .block3 ul li a:hover img { transform: translateY(-5px); }

.Index .block3 ul li a:hover h3 { color: #1862F6; }

.Index .block3 ul li:nth-child(4n) { margin-right: 0; }

.Index .block4 { background: #fff; padding-top: 2%; }

.Index .block4 .b4-swiper { position: relative; overflow: hidden; margin-top: 2.7%; }

.Index .block4 .b4-swiper .swiper-slide { display: flex; justify-content: space-between; }

.Index .block4 .b4-swiper .swiper-slide .left { width: 50%; position: relative; overflow: hidden; }

.Index .block4 .b4-swiper .swiper-slide .left img { width: 100%; transition: all .5s; }

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

.Index .block4 .b4-swiper .swiper-slide .left .txt { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(248, 174, 51, 0.95); padding: 4.7% 7.8% 4.7% 12.3%; color: #fff; }

.Index .block4 .b4-swiper .swiper-slide .left .txt i { font-size: 36px; }

.Index .block4 .b4-swiper .swiper-slide .left .txt p { font-size: 16px; line-height: 28px; margin-top: 2%; }

.Index .block4 .b4-swiper .swiper-slide .left .txt h4 { display: flex; align-items: center; justify-content: flex-end; font-size: 18px; margin-top: 1%; }

.Index .block4 .b4-swiper .swiper-slide .left .txt h4 span { width: 68px; height: 1px; background: #fff; margin-right: 15px; }

.Index .block4 .b4-swiper .swiper-slide .right { width: 50%; position: relative; color: #fff; background: url("../images/b4-r.png") no-repeat center/cover; }

.Index .block4 .b4-swiper .swiper-slide .right .txt { position: absolute; left: 0; right: 0; top: 0; padding: 15% 7% 0; }

.Index .block4 .b4-swiper .swiper-slide .right .txt h4 { font-size: 14px; color: rgba(255, 255, 255, 0.7); }

.Index .block4 .b4-swiper .swiper-slide .right .txt h3 { font-size: 30px; margin: 2.5% 0 4%; font-weight: bold; }

.Index .block4 .b4-swiper .swiper-slide .right .txt p { font-size: 18px; margin-bottom: 3%; line-height: 36px; }

.Index .block4 .b4-swiper .swiper-slide .right .txt dl dd { padding-left: 20px; font-size: 16px; margin-bottom: 2.5%; position: relative; }

.Index .block4 .b4-swiper .swiper-slide .right .txt dl dd:after { content: ""; width: 6px; height: 6px; background: #FFFFFF; position: absolute; left: 0; top: 50%; margin-top: -3px; }

.Index .block4 .b4-swiper .swiper-slide .right .txt ul { margin-top: 5%; display: flex; }

.Index .block4 .b4-swiper .swiper-slide .right .txt ul li { text-align: center; margin-right: 30px; }

.Index .block4 .b4-swiper .swiper-slide .right .txt ul li img { width: 86px; display: inline-block; }

.Index .block4 .b4-swiper .swiper-slide .right .txt ul li h5 { font-size: 14px; margin-top: 10px; text-align: center; }

.Index .block4 .b4-swiper .btns { position: absolute; bottom: 20%; left: 54.3%; z-index: 10; display: flex; align-items: center; }

.Index .block4 .b4-swiper .btns i { font-size: 30px; opacity: .5; color: #fff; cursor: pointer; margin-right: 30px; transition: all .5s; }

.Index .block4 .b4-swiper .btns i:hover { opacity: 1; }

.Index .block5 { background: #fff; padding-top: 4.2%; padding-bottom: 4.2%; }

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

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

.Nei-page .banner .text { height: 100%; padding-top: 12%; position: absolute; left: 0; right: 0; top: 0; z-index: 1; text-align: center; }

.Nei-page .banner .text h1 { font-size: 44px; color: #fff; margin-bottom: 3.5%; }

.Nei-page .banner .text p { width: 65%; font-size: 16px; color: #fff; line-height: 32px; margin: 0 auto 10px; }

.Nei-page .banner .text .common-btn { margin-top: 3.5%; }

.Nei-page .banner .text.txtLeft { text-align: left; }

.Nei-page .banner .text.txtLeft p { margin: 0 0 10px; }

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

.Nei-page .banner.banner2 .txt { position: absolute; left: 0; right: 0; top: 34.3%; color: #fff; text-align: left; }

.Nei-page .banner.banner2 .txt h1 { font-size: 50px; }

.Nei-page .banner.banner2 .txt p { margin-top: 30px; font-size: 24px; }

.sticky-tabs { width: 100%; height: auto; overflow: hidden; position: sticky; top: 96px; background: #fff; z-index: 99; }

.sticky-tabs .container { display: flex; justify-content: space-around; }

.sticky-tabs .item { flex: 1; font-size: 20px; color: #333; padding: 30px 0; position: relative; text-align: center; }

.sticky-tabs .item:after { content: ""; width: 0; height: 2px; background: #1862F6; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all .5s; }

.sticky-tabs .item:hover, .sticky-tabs .item.active { color: #1862F6; }

.sticky-tabs .item:hover:after, .sticky-tabs .item.active:after { width: 80px; }

.sticky-tabs:after { content: ""; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; bottom: 0; }

/* 新闻资讯 */
.News .content { margin: 3% 0 4%; }

/* Brandwebsite */
.Brandwebsite .banner { position: relative; overflow: hidden; height: 100vh; }

.Brandwebsite .banner .swiper-slide { overflow: hidden; }

.Brandwebsite .banner .swiper-slide:after { content: ""; width: 100%; height: 160px; position: absolute; left: 0; top: 0; background: linear-gradient(360deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%); z-index: 0; transition: all .5s; }

.Brandwebsite .banner .txt { text-align: left; }

.Brandwebsite .banner .shuB { position: absolute; left: 0; right: 0; bottom: 8%; text-align: center; animation: a_banner_s 2s 0.3s linear both infinite; }

.Brandwebsite .banner .shuB i { font-size: 40px; }

.Brandwebsite .banner .txt1 { position: absolute; left: 0; right: 0; bottom: 30%; color: #fff; }

.Brandwebsite .banner .txt1 h1 { font-family: "BebasNeue"; font-size: 60px; color: #FC7B32; }

.Brandwebsite .banner .txt1 h2 { font-size: 44px; color: #ffffff; margin-top: 5px; }

.Brandwebsite .banner .txt1 p { margin-top: 15px; font-size: 18px; }

.Brandwebsite .banner .txt2 { position: absolute; left: 0; right: 0; bottom: 15%; color: #fff; text-align: right; }

.Brandwebsite .banner .txt2 h1 { font-size: 44px; font-weight: lighter; }

.Brandwebsite .banner .txt2 h2 { font-weight: bold; font-size: 44px; margin-top: 10px; }

.Brandwebsite .banner .txt2 h2 span { color: #31D08D; }

.Brandwebsite .banner .txt2 p { margin-top: 20px; font-size: 24px; }

.Brandwebsite .banner .txt3 { position: absolute; left: 0; right: 0; bottom: 15%; color: #fff; text-align: right; }

.Brandwebsite .banner .txt3 h1 { font-size: 60px; font-weight: bold; }

.Brandwebsite .banner .txt3 h2 { font-weight: bold; font-size: 44px; margin-top: 10px; text-align: right; }

.Brandwebsite .banner .txt3 h2 img { width: 34%; display: inline-block; }

.Brandwebsite .banner .txt4 { position: absolute; left: 0; right: 0; bottom: 15%; color: #fff; }

.Brandwebsite .banner .txt4 h2 { font-weight: bold; font-size: 44px; margin-top: 10px; }

.Brandwebsite .banner .txt4 h2 span { color: #FFDF27; font-size: 60px; }

.Brandwebsite .banner .txt4 p { margin-top: 20px; font-size: 18px; }

.Brandwebsite .banner .swiper-pagination { bottom: 50px; }

.Brandwebsite .banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; background: #fff; opacity: .7; transition: all .5s; }

.Brandwebsite .banner .swiper-pagination-bullet-active { opacity: 1; width: 28px; border-radius: 50px; }

.Brandwebsite .in-title { position: relative; color: #000; }

.Brandwebsite .in-title h2 { font-size: 44px; font-weight: bold; }

.Brandwebsite .in-title p { margin-top: 10px; font-size: 20px; text-transform: uppercase; }

.Brandwebsite .content .block { padding: 5% 0; position: relative; overflow: hidden; }

.Brandwebsite .content .block1 ul li .img { position: relative; overflow: hidden; }

.Brandwebsite .content .block1 ul li .img img { width: 100%; vertical-align: top; }

.Brandwebsite .content .block1 ul li .img.w50 { width: 50%; }

.Brandwebsite .content .block1 ul li .img.w25 { width: 25%; }

.Brandwebsite .content .block1 ul li .img .tit { position: absolute; left: 40px;  right:30px; bottom: 40px; font-size: 24px; color: #fff; opacity: 1; transition: all .5s; }

.Brandwebsite .content .block1 ul li .img .txt { transition: all .5s; position: absolute; left: 0; right: 0; height: 100%; bottom: -100%; background-color: rgba(24, 98, 246, 0.9); color: #fff; }

.Brandwebsite .content .block1 ul li .img .txt .world { position: absolute; padding-right:30px; left: 40px; bottom: 40px; }

.Brandwebsite .content .block1 ul li .img .txt .world h3 { font-size: 24px; font-weight: bold; }

.Brandwebsite .content .block1 ul li .img .txt .world p { color: #DDE3EE; font-size: 16px; line-height:28px; margin: 15px 0 28px; }

.Brandwebsite .content .block1 ul li .img .txt .world i { font-size: 24px; }

.Brandwebsite .content .block1 ul li .img:hover .tit { opacity: 0; }

.Brandwebsite .content .block1 ul li .img:hover .txt { bottom: 0; }

.Brandwebsite .content .block2 { background: url("../images/b2-bg.jpg") no-repeat center/100%; }

.Brandwebsite .content .block2 .tit { border-bottom: 1px solid #D3D8E2; }

.Brandwebsite .content .block2 .tit .tab { height: 130px; position: relative; overflow: hidden; }

.Brandwebsite .content .block2 .tit .tab .swiper-slide { float: left; color: #000; font-size: 20px; line-height: 130px; margin-left: 80px; position: relative; width: auto; transition: all .5s; }

.Brandwebsite .content .block2 .tit .tab .swiper-slide:after { content: ""; width: 0; height: 3px; background: #1862F6; border-radius: 2px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all .5s; }

.Brandwebsite .content .block2 .tit .tab .swiper-slide.active, .Brandwebsite .content .block2 .tit .tab .swiper-slide:hover { color: #1862F6; }

.Brandwebsite .content .block2 .tit .tab .swiper-slide.active:after, .Brandwebsite .content .block2 .tit .tab .swiper-slide:hover:after { width: 40px; }

.Brandwebsite .content .block2 .swiper { position: relative; overflow: hidden; margin-top: 5%; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list { position: relative; overflow: hidden; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item { padding: 23% 10% 30%; display: block; text-align: center; position: relative; transition: all .5s; background: rgba(255, 255, 255, 0.9); }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item i { font-size: 40px; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item h3 { color: #000; font-size: 24px; text-align: center; margin: 8% 0 6%; font-weight: bold; transition: all .5s; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item p { color: #333; font-size: 16px; line-height: 32px; height: 192px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; transition: all .5s; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more { font-size: 18px; color: #fff; position: absolute; left: 0; right: 0; bottom: 10%; margin: auto; opacity: 0; transition: all .5s; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more i { margin-left: 5px; position: relative; font-size: 18px; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item:hover { background: #1862F6; color: #fff; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item:hover h3 { color: #fff; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item:hover p { color: #fff; }

.Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item:hover .more { opacity: 1; }

.Brandwebsite .content .block3 { position: relative; overflow: hidden; }

.Brandwebsite .content .block3 .container { position: absolute; z-index: 10; left: 0; right: 0; top: 12%; }

.Brandwebsite .content .block3 .container .in-title { color: #fff; }

.Brandwebsite .content .block3 .swiper { position: relative; top: 0; left: 0; width: 100%; }

.Brandwebsite .content .block3  .container { position: absolute; left: 0; right: 0; top: 29%; }

.Brandwebsite .content .block3 .swiper .swiper-slide { color: #fff; }

.Brandwebsite .content .block3 .swiper .swiper-slide h3 { font-size: 36px; font-weight: bold; margin-bottom: 1.17%; }

.Brandwebsite .content .block3 .swiper .swiper-slide p { font-size: 16px; line-height: 32px; max-width: 60%; margin-bottom: 2%; }

.Brandwebsite .content .block3 .swiper .swiper-slide .tit { color: #DDE3EE; font-size: 14px; }

.Brandwebsite .content .block3 .swiper .swiper-slide ul { display: flex; margin-top: 1.17%; }
.scontainer{display: flex; margin-top:10%; }
.caseul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width:70%; margin-left:15%;}
.caseul li{ width:calc(20% - 40px); margin:20px;  border:1px solid #ffffff;  overflow: hidden; border-radius:15px;}
.caseul li img{width:100%; transition: all 0.5s; background-color: #ffffff;}
.caseul li:hover img{ transform: scale(1.1); background-color: #3164ed; cursor:pointer;}

.Brandwebsite .content .block3 .swiper .swiper-slide ul li { margin-right: 10px; }

.Brandwebsite .content .block3 .swiper .swiper-slide ul li img { width: 114px; }

.Brandwebsite .content .block3  .btns { padding-top:1%;  display: flex; justify-content: flex-start; }

.Brandwebsite .content .block3 .swiper .swiper-slide .btns .common-btn { margin: 0 4% 0 0; }

.Brandwebsite .content .block3 .tabs { position: absolute; right: 0; bottom: 0; display: flex; width: 60%; z-index: 10; overflow: hidden; }

.Brandwebsite .content .block3 .tabs li { width: 16.66%; padding: 5% 0; background: #fff; color: #333; text-align: center; cursor: pointer; transition: all .5s; }

.Brandwebsite .content .block3 .tabs li i { font-size: 40px; }

.Brandwebsite .content .block3 .tabs li p { font-size: 18px; text-align: center; margin-top: 8%; }

.Brandwebsite .content .block3 .tabs li:hover, .Brandwebsite .content .block3 .tabs li.active { background: #FFAD33; color: #fff; }

.Brandwebsite .content .block3 .tabs li:hover i, .Brandwebsite .content .block3 .tabs li.active i { color: #fff; }

.Brandwebsite .content .block3 .tabs li:hover p, .Brandwebsite .content .block3 .tabs li.active p { color: #fff; }

.Brandwebsite .content .block4 { position: relative; overflow: hidden; padding-top: 5%; background: url("../images/b4-bg.jpg") no-repeat center/cover; }

.Brandwebsite .content .block4 .in-title { color: #fff; position: relative; }

.Brandwebsite .content .block4 .swiper { position: relative; overflow: hidden; margin-top: 5%; padding-bottom: 7%; }

.Brandwebsite .content .block4 .swiper .swiper-slide { color: #fff; display: flex; justify-content: space-between; padding: 0 6.25%; }

.Brandwebsite .content .block4 .swiper .swiper-slide .txt { width: 35%; }

.Brandwebsite .content .block4 .swiper .swiper-slide h3 { font-size: 36px; font-weight: bold; margin-bottom: 4%; }

.Brandwebsite .content .block4 .swiper .swiper-slide p { font-size: 16px; line-height: 32px; margin-bottom: 4%; }

.Brandwebsite .content .block4 .swiper .swiper-slide ul { display: flex; margin-top: 1.17%; }

.Brandwebsite .content .block4 .swiper .swiper-slide ul li { margin-right: 54px; text-align: center; }

.Brandwebsite .content .block4 .swiper .swiper-slide ul li img { width: 86px; display: inline-block; }

.Brandwebsite .content .block4 .swiper .swiper-slide ul li span { display: block; color: #fff; font-size: 14px; margin-top: 10px; }

.Brandwebsite .content .block4 .swiper .swiper-slide .btns { margin-top: 4.2%; display: flex; justify-content: flex-start; }

.Brandwebsite .content .block4 .swiper .swiper-slide .btns .common-btn { margin: 0 4% 0 0; width: 225px; }

.Brandwebsite .content .block4 .swiper .swiper-slide .imgR { width: 57%; }

.Brandwebsite .content .block4 .swiper .tools { width: 100%; position: absolute; left: 0; bottom: 15%; display: flex; align-items: center; justify-content: center; }

.Brandwebsite .content .block4 .swiper .tools .swiper-pagination { display: flex; align-items: center; position: relative; margin: 0 10px; }

.Brandwebsite .content .block4 .swiper .tools .swiper-pagination-bullet { width: 14px; height: 14px; border: 1px solid #fff; margin: 0 7px; background: transparent; opacity: 1; transition: all .5s; }

.Brandwebsite .content .block4 .swiper .tools .swiper-pagination-bullet-active { background: #fff; border-radius: 50px; }

.Brandwebsite .content .block4 .swiper .tools .btn-prev, .Brandwebsite .content .block4 .swiper .tools .btn-next { font-size: 24px; color: #fff; cursor: pointer; position: relative; z-index: 1; transition: all .5s; }

.Brandwebsite .content .block4 .swiper .tools .btn-prev.swiper-button-disabled, .Brandwebsite .content .block4 .swiper .tools .btn-next.swiper-button-disabled { opacity: .5; }

.Brandwebsite .content .block5 .titleBox { border-bottom: 1px solid #DDE3EE; }

.Brandwebsite .content .block5 .titleBox .more_a { line-height: 130px; color: #333333; font-size: 20px; border-bottom: 3px solid #96A1B2; transition: all .5s; }

.Brandwebsite .content .block5 .titleBox .more_a:hover { color: #1862F6; border-color: #1862F6; }

.Brandwebsite .content .block5 .contBox { margin: 3.5% 0; }

.Brandwebsite .content .block5 .contBox .leftB { width: 50%; }

.Brandwebsite .content .block5 .contBox .leftB li { width: 90%; margin-bottom: 8.9%; }

.Brandwebsite .content .block5 .contBox .leftB li a { display: block; }

.Brandwebsite .content .block5 .contBox .leftB li a h2 { color: #000; font-size: 32px; font-weight: bold; line-height: 48px; margin-bottom: 4%; transition: all .5s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Brandwebsite .content .block5 .contBox .leftB li a p { color: #758296; font-size: 18px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 3%; }

.Brandwebsite .content .block5 .contBox .leftB li a span { color: #758296; font-size: 16px; display: inline-block; }

.Brandwebsite .content .block5 .contBox .leftB li a:hover h2 { color: #1862F6; }

.Brandwebsite .content .block5 .contBox .rightB { width: 50%; }

.Brandwebsite .content .block5 .contBox .rightB li { margin-bottom: 5.5%; }

.Brandwebsite .content .block5 .contBox .rightB li:last-child { margin-bottom: 0; }

.Brandwebsite .content .block5 .contBox .rightB li a { display: flex; }

.Brandwebsite .content .block5 .contBox .rightB li a .img { width: 248px; border-radius: 10px; overflow: hidden; }

.Brandwebsite .content .block5 .contBox .rightB li a .img img { width: 100%; }

.Brandwebsite .content .block5 .contBox .rightB li a .txt { margin-left: 4.5%; padding-top: 3%; }

.Brandwebsite .content .block5 .contBox .rightB li a .txt h2 { color: #000; font-size: 20px; line-height: 30px; margin-bottom: 4%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s; }

.Brandwebsite .content .block5 .contBox .rightB li a .txt p { color: #758296; font-size: 16px; }

.Brandwebsite .content .block5 .contBox .rightB li a:hover .img img { transform: scale(1.1); }

.Brandwebsite .content .block5 .contBox .rightB li a:hover .txt h2 { color: #1862F6; }

/* Product */
/* .Product .content { padding: 5% 0; } */

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

.Product .content ul li { width: 32%; position: relative; overflow: hidden; margin: 0 2% 2% 0; background: #f7f7f7; transition: all .5s; cursor: pointer; }

.Product .content ul li .img { height: auto; overflow: hidden; }

.Product .content ul li .img img { width: 100%; transition: all .5s; }

.Product .content ul li .text { padding: 8% 6%; position: relative; }

.Product .content ul li .text h2 { font-size: 24px; font-weight: bold; color: #333; }

.Product .content ul li .text p { font-size: 16px; color: #666; line-height: 28px; margin-top: 3%; }

.Product .content ul li .text i { font-size: 18px; color: #999; margin-top: 3%; display: block; }

.Product .content ul li:hover { box-shadow: -4px 2px 20px 1px rgba(0, 0, 0, 0.2); }

.Product .content ul li:hover img { transform: scale(1.1); }

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

/* Solution */
.Solution { position: relative; }

.Solution .section { height: auto; overflow: hidden; padding: 4.5% 0 0; }

.Solution .section .first-img { margin: 0 auto 4.5%; }

.Solution .solution-jz { padding: 4.5% 0; overflow: hidden; }

.Solution .solution-jz ul { display: flex; justify-content: space-between; margin: 5% -3.5% 2%; }

.Solution .solution-jz ul li { flex: 1; padding: 0 3.5%; text-align: center; margin-bottom: 2%; }

.Solution .solution-jz ul li h2 { font-size: 24px; color: #333; margin-bottom: 6%; display: flex; align-items: center; justify-content: center; }

.Solution .solution-jz ul li h2 img { width: 24px; margin-right: 10px; }

.Solution .solution-jz ul li p { font-size: 16px; color: #758296; line-height: 26px; }

.Solution .solution-case { padding: 4.5% 0 5%; background: #F6F7F9; height: auto; overflow: hidden; }

.Solution .solution-case .big-title { left: 0; top: 20px; }

.Solution .solution-case .swiper { height: auto; overflow: hidden; }

.Solution .solution-case .swiper .swiper-slide .img { width: 65%; height: auto; overflow: hidden; padding: 1.5%; background: #fff; border-radius: 20px; box-shadow: inset 0 4px 4px 1px rgba(216, 224, 244, 0.25), inset -4px -4px 4px 1px rgba(191, 210, 233, 0.25); }

.Solution .solution-case .swiper .swiper-slide .img img { width: 100%; }

.Solution .solution-case .swiper .swiper-slide .text { width: 30%; padding-top: 12%; }

.Solution .solution-case .swiper .swiper-slide .text h2 { font-size: 20px; color: #333; margin-bottom: 5%; }

.Solution .solution-case .swiper .swiper-slide .text p { font-size: 16px; color: #758296; line-height: 26px; }

.Solution .solution-case .swiper .swiper-slide .text .common-btn { margin: 10% 0 0; }

.Solution .solution-case .swiper-tabs { height: auto; overflow: hidden; margin-top: 3%; padding: 20px 10px; }

.Solution .solution-case .swiper-tabs .swiper-slide { padding: 1%; overflow: hidden; background: #FCFDFD; border-radius: 8px; cursor: pointer; transition: all .5s; }

.Solution .solution-case .swiper-tabs .swiper-slide img { margin: 0 auto; }

.Solution .solution-case .swiper-tabs .swiper-slide:hover { transform: translateY(-5px); box-shadow: 0 6px 14px 1px rgba(29, 61, 173, 0.15); }

.Solution .solution-case .case-list { display: flex; flex-wrap: wrap; }

.Solution .solution-case .case-list li { width: 15%; padding: 1%; overflow: hidden; background: #FCFDFD; border-radius: 8px; cursor: pointer; transition: all .5s; margin: 2% 2% 0 0; }

.Solution .solution-case .case-list li img { margin: 0 auto; }

.Solution .solution-case .case-list li:hover { transform: translateY(-5px); box-shadow: 0 6px 14px 1px rgba(29, 61, 173, 0.15); }

.Solution .solution-case .case-list li:nth-child(6n) { margin-right: 0; }

.Solution .solution-order { padding: 4.5% 0 7%; background: #1862F6; height: auto; overflow: hidden; }

.Solution .solution-order .big-title, .Solution .solution-order .title-dsc { color: #fff; }

.Solution .solution-order .title-dsc { opacity: .9; }

.Solution .solution-order form { height: auto; overflow: hidden; margin-top: 4%; position: relative; z-index: 1; }

.Solution .solution-order form .box { width: 50%; height: 72px; display: flex; align-items: center; background: #fff; border-radius: 40px; margin: 0 auto; }

.Solution .solution-order form .box input { flex: 1; height: 100%; padding: 0 5%; }

.Solution .solution-order form .box .btn { width: 180px; height: 100%; font-size: 20px; color: #3C7DFF; background: #E9F3FF; border-radius: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .5s; }

.Solution .solution-order form .box .btn:hover { background: #d4e4f7; }

.Solution .solution-order .editorial { width: 100%; height: 20vh; position: absolute; left: 0; bottom: 0; }

.Solution .solution-order .editorial .parallax use { animation: move-forever 12s linear infinite; transform-origin: 50% 50%; }

.Solution .solution-order .editorial .parallax use:nth-child(1) { animation-delay: -2s; }

.Solution .solution-order .editorial .parallax use:nth-child(2) { animation-delay: -2s; animation-duration: 5s; }

.Solution .solution-order .editorial .parallax use:nth-child(3) { animation-delay: -4s; animation-duration: 3s; }

/* Solution-zl */
.Solution-zl .section2 { background: #F9FAFF; padding-bottom: 4%; }

.Solution-zl .section2 ul { display: flex; padding-top: 2%; }

.Solution-zl .section2 ul li.txt { width: 13.2%; background: #FFFFFF; box-shadow: 0 8px 15px 1px rgba(137, 152, 206, 0.15); text-align: center; padding: 3% 1%; }

.Solution-zl .section2 ul li.txt img { width: 21%; display: inline-block; }

.Solution-zl .section2 ul li.txt h4 { color: #3B426C; font-size: 22px; text-align: center; margin: 12% 0 10%; }

.Solution-zl .section2 ul li.txt p { color: #758296; font-size: 14px; line-height: 24px; text-align: center; }

.Solution-zl .section2 ul li.icon { width: 4.16%; display: flex; align-items: center; justify-content: space-around; }

.Solution-zl .section2 ul li.icon i { font-size: 30px; color: #ccdcfd; }

/* Solution-sh */
.Solution-sh .section1 { background: #F9FAFF; padding: 4.5% 0; }

.Solution-sh .section1 .big-title { margin-bottom: 4%; }

.Solution-zp .img-text:last-child, .Solution-qy .img-text:last-child { padding-bottom: 3%; margin-bottom: 3%; }

/* Solution-wm */
.Solution-wm.content .tabs-slide { overflow: hidden; display: flex; flex-wrap: wrap; }

.Solution-wm.content .tabs-slide .tabs { width: 17%; background: #efefef; display: flex; flex-direction: column; }

.Solution-wm.content .tabs-slide .tabs .item { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: all .5s; }

.Solution-wm.content .tabs-slide .tabs .item i { font-size: 42px; }

.Solution-wm.content .tabs-slide .tabs .item h3 { font-size: 22px; margin-top: 3%; }

.Solution-wm.content .tabs-slide .tabs .item:hover, .Solution-wm.content .tabs-slide .tabs .item.active { background: #1862F6; color: #fff; }

.Solution-wm.content .tabs-slide .slide { width: 83%; background: #f3f3f3; overflow: hidden; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul { display: flex; flex-wrap: wrap; padding: 2% 3%; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul li { width: 33.333%; padding: 3% 4%; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul li i { font-size: 36px; color: #1862F6; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4 { font-size: 22px; margin: 15px 0; position: relative; padding-bottom: 20px; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4:before { content: ""; width: 30px; height: 1px; background: #1862F6; position: absolute; left: 0; bottom: 0; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul li p { font-size: 16px; line-height: 26px; color: #666; }

.Solution-wm.content .tabs-slide .slide .swiper-slide ul.li2 li { width: 50%; }

.Solution-wm.content .section2 { background: #2a2e31; margin-top: 5%; padding-bottom: 5%; }

.Solution-wm.content .section2 .big-title, .Solution-wm.content .section2 .title-dsc { color: #fff; }

.Solution-wm.content .section2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3%; }

.Solution-wm.content .section2 ul li { width: 32.5%; padding: 2% 3% 3%; transition: 0.6s; height: 230px; overflow: hidden; background: #34393c; margin-top: 1.2%; position: relative; }

.Solution-wm.content .section2 ul li h3 { font-size: 20px; color: #fff; display: flex; align-items: center; position: relative; padding-bottom: 5%; border-bottom: 1px solid #595c5e; }

.Solution-wm.content .section2 ul li h3 i { font-size: 30px; margin-right: 10px; }

.Solution-wm.content .section2 ul li dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2%; }

.Solution-wm.content .section2 ul li dl dd { width: 46%; font-size: 16px; color: #fff; margin-top: 4%; line-height: 1.6; }

.Solution-wm.content .section2 ul li .img-box { position: relative; padding: 2% 0 5%; transition: 0.6s; border-bottom: 1px solid #595c5e; }

.Solution-wm.content .section2 ul li .img-box img { width: 105px; transition: 0.6s; }

.Solution-wm.content .section2 ul li .txt-box { font-size: 16px; color: #fff; margin-top: 5%; line-height: 1.6; }

.Solution-wm.content .section2 ul li .txt-pop { width: 100%; padding: 3% 5%; background: #4689c9; font-size: 15px; color: #fff; line-height: 1.6; position: absolute; left: 0; bottom: 0; transform: translateY(105%); transition: 0.6s; }

.Solution-wm.content .section2 ul li.yxg { height: 250px; }

.Solution-wm.content .section2 ul li.yxg:hover .img-box { padding: 0 0 3%; }

.Solution-wm.content .section2 ul li.yxg:hover .img-box img { width: 80px; }

.Solution-wm.content .section2 ul li.yxg:hover .txt-pop { transform: translateY(0); }

.Solution-wm.content .section3 { background: #f3f3f3; padding-bottom: 5%; }

.Solution-wm.content .section3 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3%; }

.Solution-wm.content .section3 ul li { width: 24%; padding: 3% 2%; border: 1px solid #ededed; background: #fff; }

.Solution-wm.content .section3 ul li h3 { font-size: 20px; display: flex; align-items: center; justify-content: center; padding-bottom: 6%; margin-bottom: 6%; border-bottom: 1px solid #ededed; }

.Solution-wm.content .section3 ul li h3 img { margin-right: 10px; }

.Solution-wm.content .section3 ul li p { font-size: 16px; color: #8c8c8c; line-height: 1.7; text-align: center; }

.Solution-wm.content .section4 { padding-bottom: 5%; }

.Solution-wm.content .section4 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 3%; }

.Solution-wm.content .section4 ul li { width: 33%; padding: 1% 3%; text-align: center; position: relative; }

.Solution-wm.content .section4 ul li:after { content: ""; width: 1px; height: 100%; background: #ededed; position: absolute; left: 0; top: 0; }

.Solution-wm.content .section4 ul li i { font-size: 40px; margin-bottom: 3%; display: block; }

.Solution-wm.content .section4 ul li h3 { font-size: 20px; line-height: 1.6; display: flex; align-items: center; justify-content: center; margin-bottom: 4%; }

.Solution-wm.content .section4 ul li p { font-size: 16px; color: #8c8c8c; line-height: 1.7; text-align: center; }

.Solution-wm.content .section4 ul li:first-child:after { display: none; }

/* Case */
.Case .content { margin: 3% 0 4%; }

.Case .content .tabs { display: flex; }

.Case .content .tabs li { margin-right: 2%; }

.Case .content .tabs li a { padding: 0 35px; height: 55px; border-radius: 50px; color: #000; font-size: 20px; text-align: center; transition: all .5s; display: flex; justify-items: center; align-items: center; }

.Case .content .tabs li:hover a, .Case .content .tabs li.active a { background: #1862F6; color: #fff; }

.Case .content .common-btn { margin-top: 3%; }

/* Case-xq */
.Case-xq { position: relative; overflow: hidden; }

.Case-xq .banner { position: fixed; left: 0; right: 0; top: 0; z-index: 0; }

.Case-xq .content { background: #F2F2F2; padding-bottom: 6%; }

.Case-xq .content .contBox { width: 93.7%; margin-left: 6.3%; background: #fff; margin-top: 32.5%; position: relative; z-index: 1; display: flex; }

.Case-xq .content .contBox .lBox { width: 70%; border-right: 1px solid #DDE3EE; padding: 5%; }

.Case-xq .content .contBox .lBox h2 { color: #000; font-size: 36px; line-height: 50px; margin-bottom: 3%; text-align: center; font-weight: bold; }

.Case-xq .content .contBox .lBox .tit { display: flex; justify-content: space-around; align-items: center; color: #757FA3; font-size: 16px; }

.Case-xq .content .contBox .lBox .info { margin-top: 5%; }

.Case-xq .content .contBox .lBox .info h1, .Case-xq .content .contBox .lBox .info h2, .Case-xq .content .contBox .lBox .info h3, .Case-xq .content .contBox .lBox .info h4 { font-size: 24px; color: #000; font-weight: bold; margin: 4% 0 3%; }

.Case-xq .content .contBox .lBox .info p { color: #333; font-size: 16px; line-height: 32px; margin-bottom: 2%; }

.Case-xq .content .contBox .lBox .per { width: 100%; padding: 5%; background: #F9F9F9; margin-top: 5%; display: flex; align-items: center; }

.Case-xq .content .contBox .lBox .per img { width: auto; }

.Case-xq .content .contBox .lBox .per .txt { margin-left: 3.2%; color: #333; }

.Case-xq .content .contBox .lBox .per .txt h4 { font-size: 20px; margin-bottom: 10px; font-weight: bold; }

.Case-xq .content .contBox .lBox .per .txt p { font-size: 16px; }

.Case-xq .content .contBox .rBox { width: 30%; padding: 5% 8.8% 5% 2.5%; }

.Case-xq .content .contBox .rBox h2 { color: #000; font-size: 30px; margin-bottom: 10%; font-weight: bold; }

.Case-xq .content .contBox .rBox ul li { margin-bottom: 12%; }

.Case-xq .content .contBox .rBox ul li a { display: block; }

.Case-xq .content .contBox .rBox ul li a .img { width: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 5%; }

.Case-xq .content .contBox .rBox ul li a .img img { width: 100%; transition: all .5s; }

.Case-xq .content .contBox .rBox ul li a h3 { color: #000; font-size: 20px; line-height: 30px; font-weight: bold; margin-bottom: 4%; transition: all .5s; }

.Case-xq .content .contBox .rBox ul li a p { color: #758296; font-size: 16px; }

.Case-xq .content .contBox .rBox ul li a:hover .img img { transform: scale(1.1); }

.Case-xq .content .contBox .rBox ul li a:hover h3 { color: #1862F6; }

/* Contact */
.Contact .content .title { font-size: 36px; text-align: center; }

.Contact .content .block1 { padding: 4.5% 0; }

.Contact .content .block1 .container { width: 75%; }

.Contact .content .block1 ul { display: flex; margin-top: 5%; }

.Contact .content .block1 ul li { width: 25%; }

.Contact .content .block1 ul li img { width: 54px; display: block; margin: auto; }

.Contact .content .block1 ul li h3 { font-size: 30px; color: #333; text-align: center; margin: 8% 0; }

.Contact .content .block1 ul li p { color: #758296; font-size: 16px; text-align: center; line-height: 24px; }

.Contact .content .block1 .common-btn { margin: 5% auto 0; }

.Contact .content .block2 { padding: 4.5% 0; background: linear-gradient(180deg, #5896FF 0%, #3267F0 100%); }

.Contact .content .block2 .container { width: 75%; }

.Contact .content .block2 .title { color: #fff; }

.Contact .content .block2 .commonOrder { width: 100%; background: #fff; border-radius: 20px; margin-top: 3%; padding: 5%; }

.Contact .content .block2 .commonOrder .row { width: 30%; }

.Contact .content .block3 { padding: 4.5% 0; }

.Contact .content .block3 .common-btn { margin-top: 3%; }

/* Solve */
.Solve .img-text { border: 0; }

.Solve .img-text .text h2 { color: #3C4868; }

.Solve .section1 { padding: 4.5% 0; }

.Solve .section1 .flex-img-text li img { width: 160px; }

.Solve .section1 .flex-img-text li h2 { color: #3C4868; }

.Solve .section1 .flex-img-text li p { color: #96A3BD; }

.Solve .section2 { background: url("../images/solve-section2-bg.png") no-repeat center/100%; padding-bottom: 4%; }

.Solve .solve-fw { margin-top: 4.5%; }

.Solve .solve-fw ul { display: flex; flex-wrap: wrap; margin: 4% -3% 0; }

.Solve .solve-fw ul li { width: 33.333%; padding: 0 3%; margin-bottom: 5%; }

.Solve .solve-fw ul li img { width: 54px; }

.Solve .solve-fw ul li h3 { font-size: 24px; color: #3C4868; margin: 6% 0 4%; }

.Solve .solve-fw ul li p { font-size: 16px; color: #3C4868; line-height: 24px; }

.Solve .solve-case { margin-bottom: 4.5%; }

.Solve .solve-case .common-btn { margin-top: 3%; }

.Solve .solve-order { padding: 4.5% 0 7%; background: #1862F6; height: auto; overflow: hidden; }

.Solve .solve-order .big-title, .Solve .solve-order .title-dsc { color: #fff; }

.Solve .solve-order .title-dsc { opacity: .9; }

.Solve .solve-order form { height: auto; overflow: hidden; margin-top: 4%; position: relative; z-index: 1; }

.Solve .solve-order form .box { width: 50%; height: 72px; display: flex; align-items: center; background: #fff; border-radius: 40px; margin: 0 auto; }

.Solve .solve-order form .box input { flex: 1; height: 100%; padding: 0 5%; }

.Solve .solve-order form .box .btn { width: 180px; height: 100%; font-size: 20px; color: #3C7DFF; background: #E9F3FF; border-radius: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .5s; }

.Solve .solve-order form .box .btn:hover { background: #d4e4f7; }

.Solve .solve-order .editorial { width: 100%; height: 20vh; position: absolute; left: 0; bottom: 0; }

.Solve .solve-order .editorial .parallax use { animation: move-forever 12s linear infinite; transform-origin: 50% 50%; }

.Solve .solve-order .editorial .parallax use:nth-child(1) { animation-delay: -2s; }

.Solve .solve-order .editorial .parallax use:nth-child(2) { animation-delay: -2s; animation-duration: 5s; }

.Solve .solve-order .editorial .parallax use:nth-child(3) { animation-delay: -4s; animation-duration: 3s; }

/* Server */
.Server .banner .common-btn { width: 200px; }

.Server .title { text-align: center; margin-bottom: 3.2%; }

.Server .title h2 { color: #000; font-size: 36px; font-weight: bold; margin-bottom: 1.5%; }

.Server .title p { color: #7C8694; font-size: 16px; }

.Server.content .section1 { padding-top: 5.3%; }

/*.Server.content .section1 img { width: 100%; }*/

.Server.content .section2 { padding-top: 5.3%; background: url("../images/b2-bg.jpg") no-repeat center/cover; }

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

.Server.content .section2 ul li { width: 33.33%; background: #f5f8fe; position: relative; padding: 4.3% 3.7%; color: #000; }

.Server.content .section2 ul li:first-child { background: #1862f6; color: #fff; }

.Server.content .section2 ul li:nth-child(3) { background: #1862f6; color: #fff; }

.Server.content .section2 ul li:nth-child(5) { background: #ffad33; color: #fff; }

.Server.content .section2 ul li img { width: 48px; display: inline-block; }

.Server.content .section2 ul li h3 { margin-top: 5%; font-size: 24px; font-weight: bold; }

.Server.content .section2 ul li p { font-size: 16px; line-height: 32px; margin-top: 10px; position: relative; z-index: 1; }

.Server.content .section2 ul li .num { position: absolute; right: 0; bottom: 0; width: auto; }

.Server .section3 { padding: 5.3%; }

.Server.content .section4 { padding-top: 5.3%; background: url("../images/b2-bg.jpg") no-repeat center/cover; }

.Server .section5 { padding: 5.3%; }

.Server.content .section6 { padding-top: 5.3%; background: url("../images/b2-bg.jpg") no-repeat center/cover; }

/* About */
.About .content .block1 { padding: 5% 0; }

.About .content .block1 .container { width: 75%; }

.About .content .block1 ul { display: flex; margin-top: 6%; }

.About .content .block1 ul li { width: 25%; text-align: center; position: relative; }

.About .content .block1 ul li:after { content: ""; position: absolute; top: 50%; right: 0; width: 2px; height: 40px; margin-top: -40px; background: #758296; opacity: 0.2; }

.About .content .block1 ul li img { width: 85px; display: inline-block; }

.About .content .block1 ul li h3 { color: #000; font-size: 24px; text-align: center; margin: 4% 0; }

.About .content .block1 ul li p { color: #758296; font-size: 16px; text-align: center; }

.About .content .block1 ul li:last-child:after { display: none; }

.About .content .block1 .world { margin-top: 4%; color: #333; font-size: 16px; line-height: 32px; }

.About .content .block2 { padding: 6% 0; background: url("../images/b2-bg.png") no-repeat center/cover; }

.About .content .block2 .big-title { color: #fff; margin-bottom: 3%; }

.About .content .block2 ul { display: flex; justify-content: space-between; }

.About .content .block2 ul li { width: 19.5%; height: 330px; overflow: hidden; border: 1px solid #fff; border-radius: 24px; transition: all .7s; position: relative; }

.About .content .block2 ul li .box1 { width: 100%; height: 100%; padding: 30% 0; text-align: center; position: absolute; left: 0; top: 0; }

.About .content .block2 ul li .box1 img { width: 72px; display: inline-block; }

.About .content .block2 ul li .box1 p { text-align: center; color: #FFFFFF; font-size: 24px; margin-top: 6%; }

.About .content .block2 ul li .box2 { opacity: 0; width: 100%; height: 100%; padding: 17% 6%; position: absolute; left: 0; top: 0; }

.About .content .block2 ul li .box2 h3 { color: #0A5CF1; font-size: 24px; margin-bottom: 2%; }

.About .content .block2 ul li .box2 p { color: #000; font-size: 16px; line-height: 30px; }

.About .content .block2 ul li.active { width: 37.5%; }

.About .content .block2 ul li.active .box1 { opacity: 0; }

.About .content .block2 ul li.active .box2 { opacity: 1; }

.About .content .block2 ul li.li1.active { background: url("../images/b2-box2-img1.png") no-repeat center/cover; }

.About .content .block2 ul li.li2.active { background: url("../images/b2-box2-img2.png") no-repeat center/cover; }

.About .content .block2 ul li.li3.active { background: url("../images/b2-box2-img3.png") no-repeat center/cover; }

.About .content .block2 ul li.li4.active { background: url("../images/b2-box2-img4.png") no-repeat center/cover; }

.About .content .block3 { padding: 5% 0; }

.About .content .block3 .title-dsc { color: #333; font-size: 16px; text-align: center; }

.About .content .block3 .title-dsc span { color: #1862F6; }

.About .content .block3 ul { width: 75%; margin: 3% auto 0; display: flex; }

.About .content .block3 ul li { width: 20%; text-align: center; position: relative; }

.About .content .block3 ul li img { width: 90px; display: inline-block; }

.About .content .block3 ul li p { color: #000; font-size: 16px; text-align: center; margin-top: 2%; }

.About .content .block3 .box { background: url("../images/b3-bg.png") no-repeat center/cover; padding: 5% 0; }

.About .content .block3 .box img { width: 80%; display: block; margin: 30px auto 0; }

.About .content .block4 { padding: 0 0 5%; }

.About .content .block4 .common-btn { margin-top: 3%; }

/* Cmsone */
.Cmsone .banner .text p { width: 50%; }

.Cmsone .banner .common-btn { margin: 0; background: #fff; color: #1862F6; border: none; }

.Cmsone.content .section1 { padding: 4.5% 0; }

.Cmsone.content .section1 ul { display: flex; }

.Cmsone.content .section1 ul li { width: 25%; text-align: center; padding: 2%; }

.Cmsone.content .section1 ul li img { width: 54px; display: inline-block; }

.Cmsone.content .section1 ul li h2 { margin-top: 7%; color: #333333; font-size: 30px; }

.Cmsone.content .section1 ul li p { color: #758296; font-size: 16px; line-height: 24px; margin-top: 5%; }

.Cmsone.content .section2 { padding: 0; }

.Cmsone.content .section2 .tabs { display: flex; justify-content: space-between; align-items: center; margin-top: 4%; }

.Cmsone.content .section2 .tabs li { width: 18%; padding: 1.6% 0; background: #fff; color: #758296; font-size: 18px; text-align: center; transition: all .5s; cursor: pointer; box-shadow: 0 6px 14px 0 rgba(29, 61, 173, 0.08); border-radius: 8px; }

.Cmsone.content .section2 .tabs li:hover, .Cmsone.content .section2 .tabs li.active { background: linear-gradient(180deg, #0F53DA 0%, #3370EB 100%); box-shadow: 0 6px 20px 0 rgba(17, 53, 178, 0.36); color: #fff; }

.Cmsone.content .section2 .b2-swiper { position: relative; overflow: hidden; margin-top: 3.6%; }

.Cmsone.content .section2 .b2-swiper .b2-swiper1 { position: relative; overflow: hidden; }

.Cmsone.content .section2 .b2-swiper .b2-swiper1 .swiper-slide { display: flex; justify-content: space-between; }

.Cmsone.content .section2 .b2-swiper .b2-swiper1 .swiper-slide .img-text .text { padding: 7% 0 0; }

.Cmsone.content .section2 .b2-swiper .tool { width: 45.8%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 2; height: 47px; border-bottom: 1px solid rgba(24, 98, 246, 0.1); }

.Cmsone.content .section2 .b2-swiper .tool .swiper-pagination { width: auto; flex: 1; text-align: left; font-size: 16px; color: rgba(24, 98, 246, 0.4); position: relative; bottom: 0; }

.Cmsone.content .section2 .b2-swiper .tool .swiper-pagination span { color: #1862F6; font-size: 30px; font-family: "BebasNeue"; }

.Cmsone.content .section2 .b2-swiper .tool .btns { display: flex; justify-content: space-around; align-items: center; }

.Cmsone.content .section2 .b2-swiper .tool .btns img { width: 28px; height: 28px; margin: 0 10px; cursor: pointer; }

.Cmsone.content .section2 .b2-swiper .tool .btns .swiper-button-disabled { opacity: .5; }

.Cmsone.content .section2 .b2-swiper .tool .progress { width: 100%; height: 2px; background: #fff; margin-top: 20px; position: absolute; left: 0; bottom: 0; overflow: hidden; }

.Cmsone.content .section2 .b2-swiper .tool .progress:after { content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #1862F6; }

.Cmsone.content .section2 .b2-swiper .tool .progress.active:after { animation: progressRun 8s linear; }

.Cmsone.content .section3 { padding: 4.5% 0; }

.Cmsone.content .section3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 5% -3.5% 0; }

.Cmsone.content .section3 ul li { width: 33.333%; padding: 0 3.5%; text-align: center; }

.Cmsone.content .section3 ul li h2 { font-size: 30px; color: #333; margin-bottom: 5%; line-height: 45px; display: flex; align-items: center; justify-content: center; }

.Cmsone.content .section3 ul li h2 img { width: 32px; margin-right: 10px; }

.Cmsone.content .section3 ul li p { font-size: 16px; color: #758296; line-height: 24px; }

.Cmsone.content .section3 ul li.line { height: 1px; background: #F3F5F8; width: 100%; padding: 0; margin: 2.5% 0; }

/* Zhanqun */
.Zhanqun .banner .text { text-align: left; }

.Zhanqun .banner .text p { width: 45%; margin: 0 0 10px; }

.Zhanqun .banner .text .common-btn { margin: 3.5% 0; }

.Zhanqun .flex-img-text li img { width: 54px; }

.Zhanqun.change .big-title { margin-bottom: 4%; }

.Zhanqun.change .flex-img-text { flex-wrap: wrap; margin: 0; }

.Zhanqun.change .flex-img-text li { width: 33.33%; flex: none; margin-bottom: 4%; }

.Zhanqun.change .flex-img-text li img { width: 54px; }

.Zhanqun.change .flex-img-text li p { -webkit-line-clamp: 3; }

.Zhanqun.change .solution-jz ul { margin-bottom: 0; }

.Zhanqun.change .solution-jz ul li { margin-bottom: 0; }

.Zhanqun.change .solution-jz ul li h2 img { width: 32px; }

.Zhanqun.change .section-tone { padding-bottom: 6%; background: url("../images/tone-bg1.jpg") no-repeat, url("../img/tone-bg2.jpg") no-repeat; background-size: 100%,cover; }

.Zhanqun.change .section-tone .container { width: 80%; }

.Zhanqun.change .section-tone .big-title, .Zhanqun.change .section-tone .title-dsc { color: #fff; }

.Zhanqun.change .section-tone .big-title { margin-bottom: 2%; }

.Zhanqun.change .section-tone .title-dsc { width: 80%; margin: 0 auto; line-height: 32px; }

.Zhanqun.change .section-tone ul { display: flex; align-items: center; flex-wrap: wrap; }

.Zhanqun.change .section-tone ul li { margin-top: 2.81%; width: 31.46%; margin-right: 2.81%; }

.Zhanqun.change .section-tone ul li:nth-child(3n+3) { margin-right: 0; }

.Zhanqun.change .section-tone ul li .box { cursor: pointer; position: relative; overflow: hidden; border-radius: 30px; }

.Zhanqun.change .section-tone ul li .box img { width: 100%; }

.Zhanqun.change .section-tone ul li .box .btn { transition: all .5s; z-index: -1; top: -100%; position: absolute; width: 100%; height: 100%; left: 0; display: flex; justify-content: space-around; align-items: center; }

.Zhanqun.change .section-tone ul li .box .txt { padding: 0 10%; transition: all .5s; z-index: 1; top: 0; color: #fff; position: absolute; width: 100%; height: 100%; left: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column; }

.Zhanqun.change .section-tone ul li .box .txt h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 26px; margin-bottom: 6%; }

.Zhanqun.change .section-tone ul li .box .txt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; font-size: 18px; line-height: 32px; }

.Zhanqun.change .section-tone ul li .box:hover .btn { z-index: 1; top: 0; }

.Zhanqun.change .section-tone ul li .box:hover .txt { z-index: -1; top: -100%; }

.Zhanqun .section-nums { padding: 4% 0; }

.Zhanqun .section-nums ul { width: 80%; margin: 0 auto; display: flex; justify-content: space-between; }

.Zhanqun .section-nums ul li { width: 33.333%; text-align: center; position: relative; }

.Zhanqun .section-nums ul li:after { content: ""; width: 1px; height: 65%; background: rgba(117, 130, 150, 0.2); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.Zhanqun .section-nums ul li h3 { font-size: 30px; }

.Zhanqun .section-nums ul li h3 b { font-weight: bold; }

.Zhanqun .section-nums ul li h3 i { font-size: 30px; font-weight: bold; margin-left: 5px; }

.Zhanqun .section-nums ul li p { font-size: 18px; color: #3B426C; margin-top: 8px; }

.Zhanqun .section-nums ul li:nth-child(1):after { display: none; }

.Zhanqun .section-nums ul li:nth-child(1) h3 i, .Zhanqun .section-nums ul li:nth-child(3) h3 i { color: #1862F6; }

.Zhanqun .section-nums ul li:nth-child(2) h3 i { color: #25ca8f; }

.Zhanqun .section-tabsSlide { padding: 4.5% 0; background: #F6F7F9; }

.Zhanqun .section-tabsSlide .big-title { color: #3B426C; }

.Zhanqun .section-tabsSlide .tabs { width: 70%; margin: 0 auto; }

.Zhanqun .section-tabsSlide .tabs .swiper-slide { height: 70px; background: #FFFFFF; font-size: 18px; color: #333; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px 0 rgba(117, 130, 150, 0.05); cursor: pointer; transition: all .5s; }

.Zhanqun .section-tabsSlide .tabs .swiper-slide i { font-size: 24px; color: #1862F6; margin-right: 10px; transition: all .5s; }

.Zhanqun .section-tabsSlide .tabs .swiper-slide.active, .Zhanqun .section-tabsSlide .tabs .swiper-slide:hover { color: #fff; background: #1862F6 !important; box-shadow: 0 6px 10px 0 rgba(24, 98, 246, 0.3) !important; }

.Zhanqun .section-tabsSlide .tabs .swiper-slide.active i, .Zhanqun .section-tabsSlide .tabs .swiper-slide:hover i { color: #fff; }

.Zhanqun .section-tabsSlide .slide { overflow: hidden; margin-top: 60px; }

.Zhanqun .section-tabsSlide.section-tabsSlide1 { background: #fff; }

.Zhanqun .section-tabsSlide.section-tabsSlide1 .tabs { width: 80%; }

.Zhanqun .section-tabsSlide.section-tabsSlide1 .tabs .swiper-slide { background: #F6F7F9; box-shadow: 0 3px 10px 0 rgba(117, 130, 150, 0.05); }

.Zhanqun .section-ser { padding: 4.5% 0; background: url(../images/ser-bg.jpg) no-repeat center/cover; }

.Zhanqun .section-ser .container { width: 80%; }

.Zhanqun .section-ser ul { display: flex; flex-wrap: wrap; }

.Zhanqun .section-ser ul li { width: 23.5%; margin-left: 2%; padding: 7% 4%; background: #fff; border-radius: 10px; transition: all .5s; position: relative; overflow: hidden; }

.Zhanqun .section-ser ul li:before { content: ""; width: 100%; height: 100%; background: url(../images/ser-li-bg.png) no-repeat center/cover; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; transition: all .5s; }

.Zhanqun .section-ser ul li .icon { width: 85px; height: 85px; background: rgba(24, 98, 246, 0.1); border-radius: 50%; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center; transition: all .5s; }

.Zhanqun .section-ser ul li .icon i { font-size: 36px; color: #1862F6; transition: all .5s; display: block; }

.Zhanqun .section-ser ul li .text { text-align: center; }

.Zhanqun .section-ser ul li .text h3 { font-size: 24px; color: #3B426C; transition: all .5s; }

.Zhanqun .section-ser ul li .text p { font-size: 16px; color: #758296; line-height: 26px; margin-top: 15px; transition: all .5s; }

.Zhanqun .section-ser ul li:hover { transform: translateY(-10px); }

.Zhanqun .section-ser ul li:hover:before { opacity: 1; }

.Zhanqun .section-ser ul li:hover .icon { background: rgba(255, 255, 255, 0.1); }

.Zhanqun .section-ser ul li:hover .icon i { color: #fff; }

.Zhanqun .section-ser ul li:hover .text h3, .Zhanqun .section-ser ul li:hover .text p { color: #fff; }

.Zhanqun .section-ser ul li:first-child { margin-left: 0; }

.Zhanqun .section-jg .container { width: 80%; }

.Zhanqun .section-jg .img { width: 90%; margin: 0 auto; }

.Zhanqun .section-jg .img img { display: block; margin: 0 auto; }

/* Map */
.Map .content .container { padding: 3% 0; }

.Map .content .container h2 { font-size: 24px; color: #fff; font-weight: bold; line-height: 120px; }

.Map .content .container h2:hover { color: #1862F6; }

.Map .content .container ul { border-top: 1px solid #eee; display: flex; flex-wrap: wrap; margin-bottom: 3%; }

.Map .content .container ul li { width: 16.66%; margin-top: 20px; line-height: 32px; }

.Map .content .container ul li a { display: block; font-size: 16px; }

.Map .content .container ul li a:hover { color: #1862F6; }

/* Page404 */
.Page404 .header .head { background: #fff; }

.Page404 .header .head .logo { background: url("../images/logo1.png") no-repeat center/100%; }

.Page404 .header .head .nav .item { color: #333; }

.Page404 .header .head .nav .item.active, .Page404 .header .head .nav .item:hover { color: #1862F6; }

.Page404 .header .head .nav .item.active:after, .Page404 .header .head .nav .item:hover:after { background: #1862F6; }

.Page404 .header .head .nav .item.tel, .Page404 .header .head .nav .item.productUser { background: #1862F6; color: #fff; }

.Page404 .header .head .nav-xs .tel, .Page404 .header .head .nav-xs .productUser { background: #1862F6; color: #fff; }

.Page404 .header .head .nav-xs .menu .bars .bar { background: #333; }

.Page404 .header .head:after { background: rgba(0, 0, 0, 0.1); }

.Page404 .header:hover .head { background: #fff; }

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

.Page404 .header:hover .head .nav .item { color: #333; }

.Page404 .header:hover .head .nav .item.active, .Page404 .header:hover .head .nav .item:hover { color: #1862F6; }

.Page404 .header:hover .head .nav .item.active:after, .Page404 .header:hover .head .nav .item:hover:after { background: #1862F6; }

.Page404 .header:hover .head .nav .item.tel, .Page404 .header:hover .head .nav .item.productUser { background: #1862F6; color: #fff; }

.Page404 .header:hover .head .nav-xs .tel, .Page404 .header:hover .head .nav-xs .productUser { background: #1862F6; color: #fff; }

.Page404 .header:hover .head .nav-xs .menu .bars .bar { background: #333; }

.Page404 .header:hover .head:after { background: rgba(0, 0, 0, 0.1); }

.Page404 .content { padding: 10% 0; text-align: center; }

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

.Page404 .content h2 { font-size: 24px; color: #333; margin-bottom: 1%; }

.Page404 .content p { font-size: 18px; color: #666; line-height: 26px; }

.Page404 .content p a { color: #1862F6; }

/*! 1440 ~ 1680  主内容区1440 */
@media all and (max-width: 1680px) { .big-title { font-size: 36px; }
  .title-dsc { font-size: 15px; }
  .common-btn { width: 126px; height: 40px; font-size: 15px; }
  .common-btn span i { font-size: 15px; }
  .flex-img-text li img { width: 190px; }
  .flex-img-text li h2 { font-size: 18px; }
  .flex-img-text li p { font-size: 15px; line-height: 24px; }
  .flex-list-text li a img { width: 38px; }
  .flex-list-text li a h4 { font-size: 18px; }
  .flex-list-text li a p { font-size: 15px; line-height: 24px; }
  .img-text .text h2 { font-size: 26px; }
  .img-text .text p { font-size: 15px; line-height: 24px; }
  .img-text .text ul li { font-size: 15px; line-height: 24px; padding-left: 22px; }
  .img-text .text ul li i { font-size: 15px; }
  /* header */
  .header .head .logo { width: 160px; height: 25px; }
  .header .head .nav .item { font-size: 15px; margin-left: 35px; padding: 35px 0; }
  .header .head .nav .item i { font-size: 15px; }
  .header .head .nav .item.productUser { width: 100px; height: 38px; }
  .header .submenu .submenuItem .subItem li .item-title { padding-bottom: 15px; margin-bottom: 40px; }
  .header .submenu .submenuItem .subItem li .item-title img { width: 17px; }
  .header .submenu .submenuItem .subItem li .item-title h3 { font-size: 17px; margin-left: 10px; }
  .header .submenu .submenuItem .subItem li .item-a a { margin-bottom: 30px; }
  .header .submenu .submenuItem .subItem li .item-a a h4 { font-size: 15px; }
  .header .submenu .submenuItem .subItem li .item-a a p { font-size: 13px; margin-top: 8px; line-height: 22px; }
  .header .submenu .submenuItem .subItem li .item-a.hot h4:after { width: 22px; height: 12px; right: -28px; }
  .header.child-site .head .logo { width: 250px; }
  /* footer */
  .footer .footer-top li h4 { font-size: 16px; margin-bottom: 20px; }
  .footer .footer-top li a { font-size: 15px; margin-bottom: 20px; }
  .footer .footer-top li .maBox img { width: 100px; }
  .footer .footer-bottom .friend .tit { font-size: 15px; }
  /* 产品试用 */
  .productUser-popup:before { height: 180px; }
  .productUser-popup .icon-close { font-size: 22px; }
  .productUser-popup .title h2 { font-size: 26px; }
  /* 公用order */
  .commonOrder .row { margin-bottom: 25px; }
  .commonOrder .row label { font-size: 15px; }
  .commonOrder .row input { line-height: 45px; font-size: 15px; }
  .commonOrder .row textarea { height: 120px; font-size: 15px; }
  .commonOrder .submit { width: 200px; height: 45px; font-size: 15px; }
  .filter-box { height: 47px; }
  .filter-box .filter-text input { font-size: 15px; }
  .filter-box .filter-list { font-size: 15px; top: 47px; }
  .filter-box .filter-list li a { line-height: 47px; }
  /* 新闻资讯列表 */
  .newsList li a h3 { font-size: 18px; }
  .newsList li a span { font-size: 15px; }
  /* 案例列表 */
  .caseList li a h3 { font-size: 18px; }
  .caseList li a p { font-size: 15px; line-height: 28px; }
  /* Index */
  .Index .banner .txt h2 { font-size: 50px; }
  .Index .banner .txt p { font-size: 26px; }
  .Index .index-title h2 { font-size: 30px; }
  .Index .index-title p { font-size: 15px; }
  .Index .blcok1 .laber { font-size: 15px; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li a img { width: 120px; }
  .Index .block2 .tabs .item { font-size: 16px; }
  .Index .block2 .tabs .item i { font-size: 16px; }
  .Index .block2 .b2-swiper .left h3 { font-size: 22px; }
  .Index .block2 .b2-swiper .left ul li { font-size: 15px; line-height: 22px; padding-left: 22px; }
  .Index .block2 .b2-swiper .left ul li i { font-size: 15px; }
  .Index .block2 .b2-swiper .left p { font-size: 15px; line-height: 28px; }
  .Index .block3 ul li a h3 { font-size: 22px; }
  .Index .block3 ul li a p { font-size: 15px; line-height: 30px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt i { font-size: 30px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt p { font-size: 15px; line-height: 26px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 { font-size: 16px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 span { width: 60px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h3 { font-size: 26px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt p { font-size: 16px; line-height: 34px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd { font-size: 15px; }
  .Index .block4 .b4-swiper .btns { left: 53.7%; }
  .Index .block4 .b4-swiper .btns i { font-size: 26px; }
  /* Nei-page */
  .Nei-page .banner .text h1 { font-size: 40px; }
  .Nei-page .banner .text p { font-size: 15px; line-height: 30px; }
  .Nei-page .banner.banner2 .txt h1 { font-size: 40px; }
  .Nei-page .banner.banner2 .txt p { margin-top: 26px; font-size: 22px; }
  .sticky-tabs { top: 85px; }
  .sticky-tabs .item { font-size: 18px; padding: 26px 0; }
  .sticky-tabs .item:hover:after, .sticky-tabs .item.active:after { width: 70px; }
  /* Brandwebsite */
  .Brandwebsite .banner .shuB i { font-size: 35px; }
  .Brandwebsite .in-title h2 { font-size: 38px; }
  .Brandwebsite .in-title p { font-size: 18px; }
  .Brandwebsite .content .block1 ul li .img .tit { left: 35px; bottom: 35px; font-size: 22px; }
  .Brandwebsite .content .block1 ul li .img .txt .world { position: absolute; left: 35px; bottom: 35px; }
  .Brandwebsite .content .block1 ul li .img .txt .world h3 { font-size: 22px; }
  .Brandwebsite .content .block1 ul li .img .txt .world p { font-size: 15px; }
  .Brandwebsite .content .block1 ul li .img .txt .world i { font-size: 22px; }
  .Brandwebsite .content .block2 .tit .tab { height: 110px; }
  .Brandwebsite .content .block2 .tit .tab .swiper-slide { font-size: 18px; line-height: 110px; margin-left: 70px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item i { font-size: 34px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item h3 { font-size: 22px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item p { font-size: 15px; line-height: 30px; height: 180px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more { font-size: 16px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more i { font-size: 16px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide h3 { font-size: 32px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide p { font-size: 15px; line-height: 30px; }
  .Brandwebsite .content .block3  ul li { margin-right: 9px; }

  .Brandwebsite .content .block3 .tabs li i { font-size: 34px; }
  .Brandwebsite .content .block3 .tabs li p { font-size: 16px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide h3 { font-size: 32px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide p { font-size: 15px; line-height: 30px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li { margin-right: 44px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li img { width: 82px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li span { font-size: 13px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .btns .common-btn { width: 200px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .imgR { width: 68%; }
  .Brandwebsite .content .block5 .titleBox .more_a { line-height: 110px; color: #333; font-size: 18px; border-bottom: 2px solid #96A1B2; }
  .Brandwebsite .content .block5 .contBox .leftB li a h2 { font-size: 28px; line-height: 42px; }
  .Brandwebsite .content .block5 .contBox .leftB li a p { font-size: 16px; line-height: 28px; }
  .Brandwebsite .content .block5 .contBox .leftB li a span { font-size: 15px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .img { width: 228px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt h2 { font-size: 18px; line-height: 28px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt p { font-size: 15px; }
  /* Case */
  .Case .banner .text h1 { font-size: 40px; }
  .Case .content .tabs li a { height: 50px; font-size: 18px; }
  /* Case-xq */
  .Case-xq .content .contBox .lBox h2 { font-size: 32px; line-height: 46px; }
  .Case-xq .content .contBox .lBox .tit { font-size: 15px; }
  .Case-xq .content .contBox .lBox .info h1, .Case-xq .content .contBox .lBox .info h2, .Case-xq .content .contBox .lBox .info h3, .Case-xq .content .contBox .lBox .info h4 { font-size: 22px; }
  .Case-xq .content .contBox .lBox .info p { font-size: 15px; line-height: 30px; }
  .Case-xq .content .contBox .lBox .per .txt h4 { font-size: 18px; }
  .Case-xq .content .contBox .lBox .per .txt p { font-size: 15px; }
  .Case-xq .content .contBox .rBox h2 { font-size: 26px; }
  .Case-xq .content .contBox .rBox ul li a h3 { font-size: 18px; line-height: 28px; }
  .Case-xq .content .contBox .rBox ul li a p { font-size: 15px; }
  /* Contact */
  .Contact .content .title { font-size: 32px; }
  .Contact .content .block1 ul li img { width: 45px; }
  .Contact .content .block1 ul li h3 { font-size: 26px; }
  .Contact .content .block1 ul li p { font-size: 15px; line-height: 22px; }
  /* Product */
  .Product .content ul li .text h2 { font-size: 22px; }
  .Product .content ul li .text p { font-size: 15px; line-height: 26px; }
  .Product .content ul li .text i { font-size: 16px; }
  /* Solution */
  .Solution .solution-jz ul li h2 { font-size: 22px; }
  .Solution .solution-jz ul li h2 img { width: 22px; }
  .Solution .solution-jz ul li p { font-size: 15px; line-height: 24px; }
  .Solution .solution-case .big-title { top: 18px; }
  .Solution .solution-case .swiper .swiper-slide .text h2 { font-size: 19px; }
  .Solution .solution-case .swiper .swiper-slide .text p { font-size: 15px; line-height: 24px; }
  .Solution .solution-case .swiper-tabs { padding: 19px 10px; }
  .Solution .solution-order form .box { height: 67px; }
  .Solution .solution-order form .box .btn { width: 160px; font-size: 19px; }
  /* Solution-zl */
  .Solution-zl .section2 ul li.txt h4 { font-size: 20px; }
  .Solution-zl .section2 ul li.icon i { font-size: 26px; }
  /* Solution-wm */
  .Solution-wm.content .tabs-slide .tabs .item i { font-size: 38px; }
  .Solution-wm.content .tabs-slide .tabs .item h3 { font-size: 20px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li i { font-size: 32px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4 { font-size: 20px; padding-bottom: 15px; margin: 10px 0; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li p { font-size: 15px; line-height: 24px; }
  .Solution-wm.content .section2 ul li { height: 200px; }
  .Solution-wm.content .section2 ul li h3 { font-size: 18px; }
  .Solution-wm.content .section2 ul li h3 i { font-size: 28px; }
  .Solution-wm.content .section2 ul li dl dd { font-size: 15px; }
  .Solution-wm.content .section2 ul li .txt-box { font-size: 15px; }
  .Solution-wm.content .section2 ul li .txt-pop { font-size: 14px; }
  .Solution-wm.content .section2 ul li.yxg { height: 225px; }
  .Solution-wm.content .section3 ul li h3 { font-size: 18px; }
  .Solution-wm.content .section3 ul li h3 img { width: 50px; }
  .Solution-wm.content .section3 ul li p { font-size: 15px; line-height: 1.6; }
  .Solution-wm.content .section4 ul li i { font-size: 36px; }
  .Solution-wm.content .section4 ul li h3 { font-size: 18px; line-height: 1.6; }
  .Solution-wm.content .section4 ul li p { font-size: 15px; line-height: 1.6; }
  /* Solve */
  .Solve .section1 .flex-img-text li img { width: 140px; }
  .Solve .solve-fw ul li img { width: 45px; }
  .Solve .solve-fw ul li h3 { font-size: 22px; line-height: 28px; }
  .Solve .solve-fw ul li p { font-size: 15px; line-height: 22px; }
  /* Server */
  .Server .banner .common-btn { width: 180px; }
  .Server .title h2 { font-size: 32px; }
  .Server .title p { font-size: 15px; }
  .Server.content .section2 ul li img { width: 44px; }
  .Server.content .section2 ul li h3 { font-size: 22px; }
  .Server.content .section2 ul li p { font-size: 15px; line-height: 30px; }
  .Server.content .section2 ul li .num { width: 70px; }
  /* About*/
  .About .content .block1 ul li img { width: 75px; }
  .About .content .block1 ul li h3 { font-size: 22px; }
  .About .content .block1 ul li p { font-size: 15px; }
  .About .content .block1 .world { font-size: 15px; line-height: 30px; }
  .About .content .block2 ul li { height: 275px; }
  .About .content .block2 ul li .box1 img { width: 62px; }
  .About .content .block2 ul li .box1 p { font-size: 22px; }
  .About .content .block2 ul li .box2 h3 { font-size: 22px; }
  .About .content .block2 ul li .box2 p { font-size: 15px; line-height: 28px; }
  .About .content .block3 ul li img { width: 80px; }
  .About .content .block3 ul li p { font-size: 15px; }
  .About .content .block3 .box p { font-size: 15px; }
  /* Map */
  .Map .content .container h2 { font-size: 22px; line-height: 100px; }
  .Map .content .container ul li { margin-top: 18px; line-height: 30px; }
  .Map .content .container ul li a { font-size: 15px; }
  /* Cmsone */
  .Cmsone.content .section1 ul li img { width: 50px; }
  .Cmsone.content .section1 ul li h2 { font-size: 26px; }
  .Cmsone.content .section1 ul li p { font-size: 15px; line-height: 23px; }
  .Cmsone.content .section2 .tabBlock li { font-size: 17px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox h3 { margin-top: 35px; font-size: 26px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox p { font-size: 15px; line-height: 23px; margin-top: 25px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li { line-height: 19px; position: relative; padding-left: 24px; margin-bottom: 18px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li.world { padding-left: 0; font-size: 16px; line-height: 22px; }
  .Cmsone.content .section2 .b2-swiper .tool { height: 45px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination { font-size: 15px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination span { font-size: 26px; }
  .Cmsone.content .section2 .b2-swiper .tool .btns img { width: 26px; height: 26px; }
  .Cmsone.content .section2 .b2-swiper .tool .progress { height: 2px; }
  .Cmsone.content .section3 ul li h2 { font-size: 26px; line-height: 40px; }
  .Cmsone.content .section3 ul li h2 img { width: 30px; margin-right: 9px; }
  .Cmsone.content .section3 ul li p { font-size: 15px; color: #758296; line-height: 23px; }
  /* Page404 */
  .Page404 .content h2 { font-size: 22px; }
  .Page404 .content p { font-size: 16px; }
  /* Zhanqun */
  .Zhanqun.change .section-tone .title-dsc { line-height: 30px; }
  .Zhanqun.change .section-tone ul li .box .txt h3 { font-size: 22px; }
  .Zhanqun.change .section-tone ul li .box .txt p { font-size: 16px; line-height: 28px; }
  .Zhanqun .section-nums ul li h3 { font-size: 26px; }
  .Zhanqun .section-nums ul li h3 i { font-size: 26px; }
  .Zhanqun .section-nums ul li p { font-size: 16px; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide { height: 60px; font-size: 16px; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide i { font-size: 22px; margin-right: 10px; }
  .Zhanqun .section-ser ul li .icon { width: 70px; height: 70px; margin: 0 auto 20px; }
  .Zhanqun .section-ser ul li .icon i { font-size: 34px; }
  .Zhanqun .section-ser ul li .text h3 { font-size: 22px; }
  .Zhanqun .section-ser ul li .text p { font-size: 15px; line-height: 24px; } }

/*! 1200 ~ 1440  主内容区1200 */
@media all and (max-width: 1440px) { .big-title { font-size: 32px; }
  .title-dsc { font-size: 14px; }
  .common-btn { width: 116px; height: 36px; font-size: 14px; }
  .common-btn span i { font-size: 14px; }
  .flex-img-text li img { width: 180px; }
  .flex-img-text li h2 { font-size: 16px; }
  .flex-img-text li p { font-size: 14px; line-height: 22px; }
  .flex-list-text li a img { width: 34px; }
  .flex-list-text li a h4 { font-size: 16px; }
  .flex-list-text li a p { font-size: 14px; line-height: 22px; }
  .img-text .text h2 { font-size: 22px; }
  .img-text .text p { font-size: 14px; line-height: 22px; }
  .img-text .text ul li { font-size: 14px; line-height: 22px; padding-left: 20px; }
  .img-text .text ul li i { font-size: 14px; }
  /* header */
  .header .head .logo { width:300px; height: 48px; }
  .header .head .nav .item { font-size: 14px; margin-left: 30px; padding: 30px 0; }
  .header .head .nav .item i { font-size: 14px; }
  .header .head .nav .item.productUser { width: 90px; height: 36px; }
  .header .submenu .submenuItem .subItem li .item-title { padding-bottom: 14px; margin-bottom: 30px; }
  .header .submenu .submenuItem .subItem li .item-title img { width: 16px; }
  .header .submenu .submenuItem .subItem li .item-title h3 { font-size: 16px; margin-left: 8px; }
  .header .submenu .submenuItem .subItem li .item-a a { margin-bottom: 20px; }
  .header .submenu .submenuItem .subItem li .item-a a h4 { font-size: 14px; }
  .header .submenu .submenuItem .subItem li .item-a.hot h4:after { width: 20px; height: 11px; right: -26px; }
  .header.child-site .head .logo { width: 300px; }
  /* footer */
  .footer .footer-top li h4 { font-size: 15px; }
  .footer .footer-top li a { font-size: 14px; line-height: 22px; margin-bottom: 10px; }
  .footer .footer-top li .maBox img { width: 90px; }
  .footer .footer-top li .maBox p { font-size: 13px; line-height: 24px; margin-left: 15px; }
  .footer .footer-bottom .friend .tit { font-size: 14px; }
  .footer .footer-bottom .friend a { font-size: 13px; }
  .footer .footer-bottom .txt p { font-size: 13px; }
  /* 产品试用 */
  .productUser-popup:before { height: 160px; }
  .productUser-popup .icon-close { font-size: 20px; }
  .productUser-popup .title h2 { font-size: 22px; }
  /* 公用order */
  .commonOrder .row label { font-size: 14px; }
  .commonOrder .row input { line-height: 42px; font-size: 14px; }
  .commonOrder .row textarea { height: 110px; font-size: 14px; }
  .commonOrder .submit { width: 180px; height: 40px; font-size: 14px; }
  .filter-box { height: 44px; }
  .filter-box .filter-text input { font-size: 14px; }
  .filter-box .filter-list { font-size: 14px; top: 44px; }
  .filter-box .filter-list li a { line-height: 44px; }
  /* 新闻资讯列表 */
  .newsList li a h3 { font-size: 16px; }
  .newsList li a span { font-size: 14px; }
  /* 案例列表 */
  .caseList li a h3 { font-size: 16px; }
  .caseList li a p { font-size: 14px; line-height: 26px; }
  /* Index */
  .Index .banner .txt h2 { font-size: 42px; }
  .Index .banner .txt p { font-size: 22px; }
  .Index .index-title h2 { font-size: 26px; }
  .Index .index-title p { font-size: 15px; }
  .Index .blcok1 .laber { font-size: 14px; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li a img { width: 120px; }
  .Index .block2 .tabs .item { font-size: 15px; }
  .Index .block2 .tabs .item i { font-size: 15px; }
  .Index .block2 .b2-swiper .left h3 { font-size: 20px; }
  .Index .block2 .b2-swiper .left ul li { font-size: 14px; line-height: 20px; padding-left: 20px; }
  .Index .block2 .b2-swiper .left ul li i { font-size: 14px; }
  .Index .block2 .b2-swiper .left p { font-size: 14px; line-height: 26px; }
  .Index .block3 ul li a h3 { font-size: 20px; }
  .Index .block3 ul li a p { font-size: 14px; line-height: 28px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt i { font-size: 26px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt p { font-size: 14px; line-height: 24px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 { font-size: 15px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 span { width: 50px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h4 { font-size: 13px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h3 { font-size: 22px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt p { font-size: 14px; line-height: 32px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd { font-size: 14px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul li h5 { font-size: 13px; }
  .Index .block4 .b4-swiper .btns i { font-size: 22px; }
  /* Nei-page */
  .Nei-page .banner .text h1 { font-size: 36px; }
  .Nei-page .banner .text p { font-size: 14px; line-height: 28px; }
  .Nei-page .banner.banner2 .txt h1 { font-size: 36px; }
  .Nei-page .banner.banner2 .txt p { margin-top: 22px; font-size: 20px; }
  .sticky-tabs { top: 74px; }
  .sticky-tabs .item { font-size: 16px; padding: 22px 0; }
  .sticky-tabs .item:hover:after, .sticky-tabs .item.active:after { width: 60px; }
  /* Brandwebsite */
  .Brandwebsite .banner .shuB i { font-size: 30px; }
  .Brandwebsite .in-title h2 { font-size: 34px; }
  .Brandwebsite .in-title p { font-size: 16px; }
  .Brandwebsite .content .block1 ul li .img .tit { left: 30px; bottom: 30px; font-size: 20px; }
  .Brandwebsite .content .block1 ul li .img .txt .world { left: 30px; bottom: 30px; }
  .Brandwebsite .content .block1 ul li .img .txt .world h3 { font-size: 20px; }
  .Brandwebsite .content .block1 ul li .img .txt .world p { font-size: 14px; }
  .Brandwebsite .content .block1 ul li .img .txt .world i { font-size: 20px; }
  .Brandwebsite .content .block2 .tit .tab { height: 90px; }
  .Brandwebsite .content .block2 .tit .tab .swiper-slide { font-size: 16px; line-height: 90px; margin-left: 60px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item i { font-size: 28px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item h3 { font-size: 20px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item p { font-size: 14px; line-height: 28px; height: 168px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more { font-size: 14px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more i { font-size: 14px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide h3 { font-size: 28px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide p { font-size: 14px; line-height: 28px; }
  .Brandwebsite .content .block3  ul li { margin-right: 9px; }

  .Brandwebsite .content .block3 .tabs li i { font-size: 28px; }
  .Brandwebsite .content .block3 .tabs li p { font-size: 14px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide h3 { font-size: 28px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide p { font-size: 14px; line-height: 28px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li { margin-right: 34px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li img { width: 78px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .btns .common-btn { width: 170px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .imgR { width: 72%; }
  .Brandwebsite .content .block5 .titleBox .more_a { line-height: 90px; font-size: 18px; }
  .Brandwebsite .content .block5 .contBox .leftB li a h2 { font-size: 26px; line-height: 38px; }
  .Brandwebsite .content .block5 .contBox .leftB li a p { font-size: 15px; line-height: 26px; }
  .Brandwebsite .content .block5 .contBox .leftB li a span { font-size: 14px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .img { width: 208px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt h2 { font-size: 18px; line-height: 26px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt p { font-size: 14px; }
  /* Case */
  .Case .banner .text h1 { font-size: 36px; }
  .Case .content .tabs li a { height: 45px; font-size: 16px; }
  /* Case-xq */
  .Case-xq .content .contBox .lBox h2 { font-size: 28px; line-height: 42px; }
  .Case-xq .content .contBox .lBox .tit { font-size: 14px; }
  .Case-xq .content .contBox .lBox .info h1, .Case-xq .content .contBox .lBox .info h2, .Case-xq .content .contBox .lBox .info h3, .Case-xq .content .contBox .lBox .info h4 { font-size: 20px; }
  .Case-xq .content .contBox .lBox .info p { font-size: 14px; line-height: 28px; }
  .Case-xq .content .contBox .lBox .per .txt h4 { font-size: 16px; line-height: 26px; }
  .Case-xq .content .contBox .lBox .per .txt p { font-size: 14px; }
  .Case-xq .content .contBox .rBox h2 { font-size: 22px; }
  .Case-xq .content .contBox .rBox ul li a h3 { font-size: 16px; line-height: 26px; }
  .Case-xq .content .contBox .rBox ul li a p { font-size: 14px; }
  /* Contact */
  .Contact .content .title { font-size: 28px; }
  .Contact .content .block1 ul li img { width: 45px; }
  .Contact .content .block1 ul li h3 { font-size: 22px; }
  .Contact .content .block1 ul li p { font-size: 14px; line-height: 20px; }
  /* Product */
  .Product .content ul li .text h2 { font-size: 20px; }
  .Product .content ul li .text p { font-size: 14px; line-height: 24px; }
  .Product .content ul li .text i { font-size: 15px; }
  /* Solution */
  .Solution .solution-jz ul li h2 { font-size: 20px; }
  .Solution .solution-jz ul li h2 img { width: 20px; }
  .Solution .solution-jz ul li p { font-size: 14px; line-height: 22px; }
  .Solution .solution-case .big-title { top: 17px; }
  .Solution .solution-case .swiper .swiper-slide .text h2 { font-size: 18px; }
  .Solution .solution-case .swiper .swiper-slide .text p { font-size: 14px; line-height: 22px; }
  .Solution .solution-case .swiper-tabs { padding: 18px 10px; }
  .Solution .solution-order form .box { height: 62px; }
  .Solution .solution-order form .box .btn { width: 140px; font-size: 18px; }
  /* Solution-zl */
  .Solution-zl .section2 ul li.txt h4 { font-size: 18px; }
  .Solution-zl .section2 ul li.txt p { font-size: 13px; line-height: 20px; }
  .Solution-zl .section2 ul li.icon i { font-size: 22px; }
  /* Solution-wm */
  .Solution-wm.content .tabs-slide .tabs .item i { font-size: 34px; }
  .Solution-wm.content .tabs-slide .tabs .item h3 { font-size: 18px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li i { font-size: 30px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4 { font-size: 18px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li p { font-size: 14px; line-height: 22px; }
  .Solution-wm.content .section2 ul li { height: 180px; }
  .Solution-wm.content .section2 ul li h3 { font-size: 16px; }
  .Solution-wm.content .section2 ul li h3 i { font-size: 26px; }
  .Solution-wm.content .section2 ul li dl dd { font-size: 14px; }
  .Solution-wm.content .section2 ul li .txt-box { font-size: 14px; }
  .Solution-wm.content .section2 ul li .txt-pop { font-size: 13px; }
  .Solution-wm.content .section2 ul li.yxg { height: 200px; }
  .Solution-wm.content .section3 ul li h3 { font-size: 16px; }
  .Solution-wm.content .section3 ul li h3 img { width: 46px; }
  .Solution-wm.content .section3 ul li p { font-size: 14px; line-height: 1.6; }
  .Solution-wm.content .section4 ul li i { font-size: 34px; }
  .Solution-wm.content .section4 ul li h3 { font-size: 16px; line-height: 1.6; }
  .Solution-wm.content .section4 ul li p { font-size: 14px; line-height: 1.6; }
  /* Solve */
  .Solve .section1 .flex-img-text li img { width: 120px; }
  .Solve .solve-fw ul li img { width: 40px; }
  .Solve .solve-fw ul li h3 { font-size: 20px; line-height: 26px; }
  .Solve .solve-fw ul li p { font-size: 14px; line-height: 20px; }
  .Solve .solve-order form .box { height: 62px; }
  .Solve .solve-order form .box .btn { width: 140px; font-size: 18px; }
  /* Server */
  .Server .banner .common-btn { width: 160px; }
  .Server .title h2 { font-size: 30px; }
  .Server .title p { font-size: 14px; }
  .Server.content .section2 ul li img { width: 40px; }
  .Server.content .section2 ul li h3 { font-size: 20px; }
  .Server.content .section2 ul li p { font-size: 14px; line-height: 28px; }
  .Server.content .section2 ul li .num { width: 60px; }
  /* About */
  .About .content .block1 ul li img { width: 65px; }
  .About .content .block1 ul li h3 { font-size: 20px; }
  .About .content .block1 ul li p { font-size: 14px; }
  .About .content .block1 .world { font-size: 14px; line-height: 28px; }
  .About .content .block2 ul li { height: 235px; }
  .About .content .block2 ul li .box1 img { width: 52px; }
  .About .content .block2 ul li .box1 p { font-size: 20px; }
  .About .content .block2 ul li .box2 h3 { font-size: 20px; }
  .About .content .block2 ul li .box2 p { font-size: 14px; line-height: 26px; }
  .About .content .block3 ul li img { width: 70px; }
  .About .content .block3 ul li p { font-size: 14px; }
  .About .content .block3 .box p { font-size: 14px; }
  .About .content .block3 .box img { margin: 26px auto 0; }
  /* Map */
  .Map .content .container h2 { font-size: 20px; line-height: 90px; }
  .Map .content .container ul li { margin-top: 17px; line-height: 28px; }
  .Map .content .container ul li a { font-size: 14px; }
  /* Cmsone */
  .Cmsone.content .section1 ul li img { width: 46px; }
  .Cmsone.content .section1 ul li h2 { font-size: 22px; }
  .Cmsone.content .section1 ul li p { font-size: 14px; line-height: 22px; }
  .Cmsone.content .section2 .tabBlock li { font-size: 16px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox h3 { margin-top: 30px; font-size: 22px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox p { font-size: 14px; line-height: 22px; margin-top: 20px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li { line-height: 18px; position: relative; padding-left: 22px; margin-bottom: 16px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li.world { padding-left: 0; font-size: 15px; line-height: 21px; }
  .Cmsone.content .section2 .b2-swiper .tool { height: 43px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination { font-size: 14px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination span { font-size: 22px; }
  .Cmsone.content .section2 .b2-swiper .tool .btns img { width: 24px; height: 24px; }
  .Cmsone.content .section2 .b2-swiper .tool .progress { height: 2px; }
  .Cmsone.content .section3 ul li h2 { font-size: 22px; line-height: 32px; }
  .Cmsone.content .section3 ul li h2 img { width: 28px; margin-right: 8px; }
  .Cmsone.content .section3 ul li p { font-size: 14px; line-height: 22px; }
  /* Page404 */
  .Page404 .content h2 { font-size: 20px; }
  .Page404 .content p { font-size: 15px; }
  .Zhanqun.change .section-tone .title-dsc { line-height: 28px; }
  .Zhanqun.change .section-tone ul li .box .txt h3 { font-size: 18px; }
  .Zhanqun.change .section-tone ul li .box .txt p { font-size: 14px; line-height: 26px; }
  .Zhanqun .section-nums ul li h3 { font-size: 22px; }
  .Zhanqun .section-nums ul li h3 i { font-size: 22px; }
  .Zhanqun .section-nums ul li p { font-size: 14px; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide { height: 50px; font-size: 15px; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide i { font-size: 20px; }
  .Zhanqun .section-ser ul li .icon { width: 60px; height: 60px; }
  .Zhanqun .section-ser ul li .icon i { font-size: 32px; }
  .Zhanqun .section-ser ul li .text h3 { font-size: 20px; }
  .Zhanqun .section-ser ul li .text p { font-size: 14px; line-height: 22px; } }

/*! 992 ~ 1200  主内容区980 */
@media all and (max-width: 1200px) { .big-title { font-size: 28px; }
  .title-dsc { font-size: 13px; }
  .common-btn { width: 106px; font-size: 13px; }
  .common-btn span i { font-size: 13px; }
  .flex-img-text li img { width: 170px; }
  .flex-img-text li h2 { font-size: 14px; }
  .flex-img-text li p { font-size: 13px; line-height: 20px; }
  .flex-list-text li a img { width: 30px; }
  .flex-list-text li a h4 { font-size: 14px; }
  .flex-list-text li a p { font-size: 13px; line-height: 20px; }
  .img-text .text h2 { font-size: 18px; }
  .img-text .text p { font-size: 13px; line-height: 20px; }
  .img-text .text ul li { font-size: 13px; line-height: 20px; padding-left: 18px; }
  .img-text .text ul li i { font-size: 13px; }
  /* header */
  .header .head .logo { width: 140px; height: 22px; }
  .header .head .nav .item { font-size: 13px; margin-left: 25px; padding: 25px 0; }
  .header .head .nav .item i { font-size: 13px; }
  .header .head .nav .item.productUser { width: 80px; height: 34px; }
  .header .submenu .submenuItem .subItem li .item-title { padding-bottom: 13px; margin-bottom: 20px; }
  .header .submenu .submenuItem .subItem li .item-title img { width: 15px; }
  .header .submenu .submenuItem .subItem li .item-title h3 { font-size: 15px; }
  .header .submenu .submenuItem .subItem li .item-a a h4 { font-size: 13px; }
  .header.child-site .head .logo { width: 220px; }
  /* footer */
  .footer .footer-top li h4 { font-size: 14px; }
  .footer .footer-top li a { font-size: 13px; }
  .footer .footer-top li .maBox img { width: 80px; }
  .footer .footer-top li .maBox p { font-size: 12px; line-height: 22px; }
  .footer .footer-bottom .friend .tit { font-size: 13px; }
  .footer .footer-bottom .friend a { font-size: 12px; }
  .footer .footer-bottom .txt p { font-size: 12px; }
  /* 产品试用 */
  .productUser-popup:before { height: 140px; }
  .productUser-popup .icon-close { font-size: 18px; }
  .productUser-popup .title h2 { font-size: 20px; }
  .productUser-popup .title p { font-size: 13px; }
  /* 公用order */
  .commonOrder .row label { font-size: 14px; }
  .commonOrder .row input { line-height: 40px; font-size: 13px; }
  .commonOrder .row textarea { height: 100px; font-size: 13px; }
  .commonOrder .submit { width: 160px; height: 35px; font-size: 13px; }
  .filter-box { height: 42px; }
  .filter-box .filter-text input { font-size: 13px; }
  .filter-box .filter-list { font-size: 13px; top: 42px; }
  .filter-box .filter-list li a { line-height: 42px; }
  /* 新闻资讯列表 */
  .newsList li a h3 { font-size: 14px; }
  .newsList li a span { font-size: 13px; }
  /* 案例列表 */
  .caseList li a h3 { font-size: 14px; }
  .caseList li a p { font-size: 13px; line-height: 24px; }
  /* Index */
  .Index .banner .txt h2 { font-size: 36px; }
  .Index .banner .txt p { font-size: 20px; }
  .Index .index-title h2 { font-size: 22px; }
  .Index .index-title p { font-size: 14px; }
  .Index .blcok1 .laber { font-size: 13px; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li a img { width: 120px; }
  .Index .block2 .tabs .item { font-size: 14px; }
  .Index .block2 .tabs .item i { font-size: 14px; }
  .Index .block2 .b2-swiper .left h3 { font-size: 18px; }
  .Index .block2 .b2-swiper .left ul li { font-size: 13px; line-height: 18px; }
  .Index .block2 .b2-swiper .left ul li i { font-size: 13px; }
  .Index .block2 .b2-swiper .left p { font-size: 13px; line-height: 24px; }
  .Index .block3 ul li a h3 { font-size: 18px; }
  .Index .block3 ul li a p { font-size: 13px; line-height: 26px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt i { font-size: 22px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt p { font-size: 13px; line-height: 22px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 { font-size: 14px; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 span { width: 40px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h4 { font-size: 12px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h3 { font-size: 20px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt p { font-size: 13px; line-height: 30px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd { font-size: 13px; padding-left: 15px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd:After { width: 4px; height: 4px; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul li h5 { font-size: 12px; }
  .Index .block4 .b4-swiper .btns { bottom: 12%; }
  .Index .block4 .b4-swiper .btns i { font-size: 20px; }
  /* Nei-page */
  .Nei-page .banner .text h1 { font-size: 32px; }
  .Nei-page .banner .text p { font-size: 13px; line-height: 26px; }
  .Nei-page .banner.banner2 .txt h1 { font-size: 32px; }
  .Nei-page .banner.banner2 .txt p { margin-top: 20px; font-size: 19px; }
  .sticky-tabs { top: 63px; }
  .sticky-tabs .item { font-size: 14px; padding: 20px 0; }
  .sticky-tabs .item:hover:after, .sticky-tabs .item.active:after { width: 50px; }
  /* Brandwebsite */
  .Brandwebsite .banner .shuB i { font-size: 28px; }
  .Brandwebsite .in-title h2 { font-size: 30px; }
  .Brandwebsite .in-title p { font-size: 16px; }
  .Brandwebsite .content .block1 ul li .img .tit { left: 25px; bottom: 25px; font-size: 18px; }
  .Brandwebsite .content .block1 ul li .img .txt .world { left: 25px; bottom: 25px; }
  .Brandwebsite .content .block1 ul li .img .txt .world h3 { font-size: 18px; }
  .Brandwebsite .content .block1 ul li .img .txt .world p { font-size: 13px; }
  .Brandwebsite .content .block1 ul li .img .txt .world i { font-size: 18px; }
  .Brandwebsite .content .block2 .tit .tab { height: 80px; }
  .Brandwebsite .content .block2 .tit .tab .swiper-slide { font-size: 14px; line-height: 80px; margin-left: 50px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item h3 { font-size: 18px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item p { font-size: 13px; line-height: 26px; height: 156px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more { font-size: 13px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more i { font-size: 13px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide h3 { font-size: 24px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide p { font-size: 13px; line-height: 26px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide .tit { font-size: 13px; }
  .Brandwebsite .content .block3  ul li { margin-right: 8px; }
  .Brandwebsite .content .block3 .tabs li i { font-size: 24px; }
  .Brandwebsite .content .block3 .tabs li p { font-size: 13px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide h3 { font-size: 24px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide p { font-size: 13px; line-height: 26px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li { margin-right: 24px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li img { width: 68px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li span { font-size: 13px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .btns .common-btn { width: 130px; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .imgR { width: 62%; }
  .Brandwebsite .content .block5 .titleBox .more_a { line-height: 80px; font-size: 16px; }
  .Brandwebsite .content .block5 .contBox .leftB li a h2 { font-size: 22px; line-height: 34px; }
  .Brandwebsite .content .block5 .contBox .leftB li a p { font-size: 14px; line-height: 24px; }
  .Brandwebsite .content .block5 .contBox .leftB li a span { font-size: 13px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .img { width: 198px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt h2 { font-size: 16px; line-height: 24px; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt p { font-size: 13px; }
  /* Case */
  .Case .banner .text h1 { font-size: 32px; }
  .Case .content .tabs li a { height: 40px; font-size: 14px; }
  /* Case-xq */
  .Case-xq .content .contBox .lBox h2 { font-size: 24px; line-height: 38px; }
  .Case-xq .content .contBox .lBox .tit { font-size: 13px; }
  .Case-xq .content .contBox .lBox .info h1, .Case-xq .content .contBox .lBox .info h2, .Case-xq .content .contBox .lBox .info h3, .Case-xq .content .contBox .lBox .info h4 { font-size: 18px; }
  .Case-xq .content .contBox .lBox .info p { font-size: 13px; line-height: 26px; }
  .Case-xq .content .contBox .lBox .per .txt h4 { font-size: 14px; line-height: 24px; }
  .Case-xq .content .contBox .lBox .per .txt p { font-size: 13px; }
  .Case-xq .content .contBox .rBox h2 { font-size: 18px; }
  .Case-xq .content .contBox .rBox ul li a h3 { font-size: 14px; line-height: 24px; }
  .Case-xq .content .contBox .rBox ul li a p { font-size: 13px; }
  /* Contact */
  .Contact .content .title { font-size: 24px; }
  .Contact .content .block1 ul li img { width: 40px; }
  .Contact .content .block1 ul li h3 { font-size: 18px; }
  .Contact .content .block1 ul li p { font-size: 13px; line-height: 18px; }
  /* Product */
  .Product .content ul li .text h2 { font-size: 18px; }
  .Product .content ul li .text p { font-size: 13px; line-height: 22px; }
  .Product .content ul li .text i { font-size: 14px; }
  /* Solution */
  .Solution .solution-jz ul li h2 { font-size: 19px; }
  .Solution .solution-jz ul li h2 img { width: 19px; }
  .Solution .solution-jz ul li p { font-size: 13px; line-height: 20px; }
  .Solution .solution-case .big-title { top: 16px; }
  .Solution .solution-case .swiper .swiper-slide .text h2 { font-size: 17px; }
  .Solution .solution-case .swiper .swiper-slide .text p { font-size: 13px; line-height: 20px; }
  .Solution .solution-case .swiper-tabs { padding: 17px 10px; }
  .Solution .solution-order form .box { height: 57px; }
  .Solution .solution-order form .box .btn { width: 120px; font-size: 17px; }
  /* Solution-wm */
  .Solution-wm.content .tabs-slide .tabs .item i { font-size: 30px; }
  .Solution-wm.content .tabs-slide .tabs .item h3 { font-size: 16px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li i { font-size: 28px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4 { font-size: 16px; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li p { font-size: 13px; line-height: 20px; }
  .Solution-wm.content .section2 ul li { height: 180px; }
  .Solution-wm.content .section2 ul li h3 { font-size: 15px; }
  .Solution-wm.content .section2 ul li h3 i { font-size: 24px; }
  .Solution-wm.content .section2 ul li dl dd { font-size: 13px; }
  .Solution-wm.content .section2 ul li .txt-box { font-size: 13px; }
  .Solution-wm.content .section2 ul li .txt-pop { font-size: 12px; }
  .Solution-wm.content .section2 ul li.yxg { height: 200px; }
  .Solution-wm.content .section3 ul li h3 { font-size: 15px; }
  .Solution-wm.content .section3 ul li h3 img { width: 42px; }
  .Solution-wm.content .section3 ul li p { font-size: 13px; }
  .Solution-wm.content .section4 ul li i { font-size: 32px; }
  .Solution-wm.content .section4 ul li h3 { font-size: 15px; }
  .Solution-wm.content .section4 ul li p { font-size: 13px; }
  /* Solve */
  .Solve .section1 .flex-img-text li img { width: 100px; }
  .Solve .solve-fw ul li img { width: 35px; }
  .Solve .solve-fw ul li h3 { font-size: 18px; line-height: 24px; }
  .Solve .solve-fw ul li p { font-size: 13px; line-height: 20px; }
  .Solve .solve-order form .box { height: 62px; }
  .Solve .solve-order form .box .btn { width: 140px; font-size: 18px; }
  /* Server */
  .Server .banner .common-btn { width: 140px; }
  .Server .title h2 { font-size: 28px; }
  .Server .title p { font-size: 13px; }
  .Server.content .section2 ul li img { width: 30px; }
  .Server.content .section2 ul li h3 { font-size: 18px; }
  .Server.content .section2 ul li p { font-size: 13px; line-height: 26px; }
  .Server.content .section2 ul li .num { width: 50px; }
  /* About*/
  .About .content .block1 ul li img { width: 50px; }
  .About .content .block1 ul li h3 { font-size: 18px; }
  .About .content .block1 ul li p { font-size: 13px; }
  .About .content .block1 .world { font-size: 13px; line-height: 26px; }
  .About .content .block2 ul li { height: 200px; }
  .About .content .block2 ul li .box1 img { width: 42px; }
  .About .content .block2 ul li .box1 p { font-size: 18px; }
  .About .content .block2 ul li .box2 h3 { font-size: 18px; }
  .About .content .block2 ul li .box2 p { font-size: 13px; line-height: 24px; }
  .About .content .block3 ul li img { width: 60px; }
  .About .content .block3 ul li p { font-size: 12px; }
  .About .content .block3 .box p { font-size: 13px; }
  .About .content .block3 .box img { margin: 24px auto 0; }
  /* Map*/
  .Map .content .container h2 { font-size: 18px; line-height: 80px; }
  .Map .content .container ul li { margin-top: 14px; line-height: 26px; }
  .Map .content .container ul li a { font-size: 13px; }
  /* Cmsone */
  .Cmsone.content .section1 ul li img { width: 42px; }
  .Cmsone.content .section1 ul li h2 { font-size: 20px; }
  .Cmsone.content .section1 ul li p { font-size: 13px; line-height: 21px; }
  .Cmsone.content .section2 .tabBlock li { font-size: 15px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox h3 { margin-top: 25px; font-size: 18px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox p { font-size: 13px; line-height: 20px; margin-top: 15px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li { line-height: 16px; position: relative; padding-left: 20px; margin-bottom: 15px; }
  .Cmsone.content .section2 .b2-swiper .swiper-left .swiper-slide .leftBox ul li.world { padding-left: 0; font-size: 14px; line-height: 20px; }
  .Cmsone.content .section2 .b2-swiper .tool { height: 41px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination { font-size: 13px; }
  .Cmsone.content .section2 .b2-swiper .tool .swiper-pagination span { font-size: 18px; }
  .Cmsone.content .section2 .b2-swiper .tool .btns img { width: 22px; height: 22px; }
  .Cmsone.content .section2 .b2-swiper .tool .progress { height: 1px; }
  .Cmsone.content .section3 ul li h2 { font-size: 22px; line-height: 32px; }
  .Cmsone.content .section3 ul li h2 img { width: 28px; margin-right: 8px; }
  .Cmsone.content .section3 ul li p { font-size: 14px; line-height: 22px; }
  /* Page404*/
  .Page404 .content h2 { font-size: 18px; }
  .Page404 .content p { font-size: 14px; }
  .Zhanqun.change .section-tone .title-dsc { line-height: 26px; }
  .Zhanqun.change .section-tone ul li .box .txt h3 { font-size: 16px; }
  .Zhanqun.change .section-tone ul li .box .txt p { font-size: 13px; line-height: 24px; }
  .Zhanqun .section-nums ul li h3 { font-size: 20px; }
  .Zhanqun .section-nums ul li h3 i { font-size: 20px; }
  .Zhanqun .section-nums ul li p { font-size: 13px; }
  .Zhanqun .section-ser ul li .icon { width: 50px; height: 50px; }
  .Zhanqun .section-ser ul li .icon i { font-size: 26px; }
  .Zhanqun .section-ser ul li .text h3 { font-size: 18px; }
  .Zhanqun .section-ser ul li .text p { font-size: 13px; line-height: 20px; } }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 .3rem; }
  .xs-display { opacity:1!important;  }
  .Brandwebsite .content .block1 ul li .img .txt {display:none;}
  .lg-display { display: none !important; }
  .big-title { font-size: .4rem; margin-bottom: .3rem; }
  .flex-img-text { display: block; margin: 0; }
  .flex-img-text li { padding: 0; margin-bottom: .2rem; }
  .flex-img-text li img { width: 3rem; margin: 0 auto; }
  .flex-img-text li h2 { font-size: .36rem; margin: .2rem 0; }
  .flex-img-text li p { font-size: .26rem; line-height: .42rem; }
  .img-text { padding-bottom: .3rem; margin-bottom: .3rem; }
  .img-text .img { width: 100%; }
  .img-text .text { width: 100%; height: auto; overflow: hidden; padding: .4rem 0 .2rem; }
  .img-text .text h2 { font-size: .36rem; }
  .img-text .text p { font-size: .26rem; line-height: .42rem; margin: .3rem 0; }
  .img-text .text ul { margin-top: .4rem; }
  .img-text .text ul li { width: 50%; font-size: .26rem; margin-bottom: .25rem; line-height: .38rem; padding-left: .36rem; }
  .img-text .text ul li i { font-size: .26rem; margin-right: .15rem; }
  .img-text .text .common-btn { margin: .4rem auto 0; }
  .img-text:last-child { margin: 0; padding: 0 0 0.2rem; border: 0; }
  .flex-list-text { display: flex; flex-wrap: wrap; margin: 0 -.12rem; }
  .flex-list-text li { width: 50%; padding: 0 .14rem; text-align: center; margin-bottom: .3rem; }
  .flex-list-text li a { display: block; background: #FFFFFF; padding: .4rem; height: 100%; }
  .flex-list-text li a img { width: .6rem; margin: 0 auto; }
  .flex-list-text li a h4 { font-size: .28rem; margin: .3rem 0 .2rem; }
  .flex-list-text li a p { font-size: .26rem; line-height: .42rem; }
  .common-btn { width: 2.4rem; height: .72rem; font-size: .26rem; }
  .common-btn span i { margin-left: .06rem; }
  .common-btn:hover span i { margin-left: 0.08rem; }
  /* header */
  .header .head .container { padding-right: .05rem; }
  .header .head .logo { width: 2.4rem; height: .59rem; }
  .header .head .nav { display: none; }
  .header .head .nav-xs { display: flex; align-items: center; }
  .header .head .nav-xs .productUser { width: 1.72rem; height: .6rem; color: #1862F6; font-size: .28rem; background: #fff; border-radius: 30px; margin-right: .1rem; display: flex; align-items: center; justify-content: center; }
  .header .head .nav-xs .tel { height: .6rem; padding: 0 .3rem; color: #1862F6; font-size: .28rem; background: #fff; border-radius: 30px; margin-right: .1rem; display: flex; align-items: center; justify-content: center; }
  .header .head .nav-xs .tel i { font-size: .28rem; margin-right: .1rem; }
  .header .head .nav-xs .menu { padding: .35rem .3rem; }
  .header .head .nav-xs .menu .bars { width: .46rem; height: .4rem; position: relative; }
  .header .head .nav-xs .menu .bars .bar { height: 2px; width: 100%; display: block; position: absolute; left: 0; background: #fff; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .head .nav-xs .menu .bars .bar:nth-of-type(1) { top: 0; }
  .header .head .nav-xs .menu .bars .bar:nth-of-type(2) { top: 10px; }
  .header .head .nav-xs .menu .bars .bar:nth-of-type(3) { bottom: 0; }
  .header .head .nav-xs .menu.active .bars .bar { background: #333; }
  .header .head .nav-xs .menu.active .bars .bar:nth-of-type(1) { top: 10px; transform: rotate(45deg); }
  .header .head .nav-xs .menu.active .bars .bar:nth-of-type(2) { opacity: 0; }
  .header .head .nav-xs .menu.active .bars .bar:nth-of-type(3) { top: 10px; transform: rotate(-45deg); }
  .header:hover .head { background: none; }
  .header:hover .head .logo { background: url("../images/logo.png") no-repeat center/100%; }
  .header:hover .head:after { background: rgba(255, 255, 255, 0.1); }
  .header.white .head { background: #fff; }
  .header.white .head .logo { background: url("../images/logo1.png") no-repeat center/100%; }
  .header.white .head:after { background: rgba(0, 0, 0, 0.1); }
  .header.white .head .nav-xs .tel, .header.white .head .nav-xs .productUser { background: #1862F6; color: #fff; }
  .header.white .head .nav-xs .menu .bars .bar { background: #333; }
  .header .submenu-xs { max-height: calc(100vh - 1.1rem); overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1.1rem; margin: auto; z-index: 51; }
  .header .submenu-xs dl { height: auto; overflow: hidden; }
  .header .submenu-xs dl a { display: block; }
  .header .submenu-xs dl dt { font-size: .3rem; line-height: .99rem; padding: 0 .3rem; border-bottom: .01rem solid #eee; color: #000; position: relative; }
  .header .submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }
  .header .submenu-xs dl dt i { width: 1.8rem; font-size: .32rem; color: #999; position: absolute; right: 0; top: 0; bottom: 0; text-align: right; padding-right: .3rem; display: block; }
  .header .submenu-xs dl dt i.active:before { content: "\e67a"; }
  .header .submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0 .3rem .4rem; border-bottom: .01rem solid #eee; }
  .header .submenu-xs dl dd .item { width: 48%; float: left; margin-top: .4rem; }
  .header .submenu-xs dl dd .item:nth-child(2n) { float: right; }
  .header .submenu-xs dl dd .item h2 { font-size: .29rem; color: #666; padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: .01rem solid #eee; }
  .header.child-site .head .logo { width: 2.9rem; height: .9rem; background: url("../images/logo2.png") no-repeat center/80%; }
  .header.child-site:hover .head .logo, .header.child-site.white .head .logo { background: url("../images/logo3.png") no-repeat center/80%; }
  /* footer */
  .footer { padding: .6rem .4rem; }
  .footer .container { display: none; }
  .footer .footer-xs { display: flex !important; justify-content: space-between; }
  .footer .footer-xs .left { width: 65%; }
  .footer .footer-xs .left img { width: 3.6rem; display: block; margin-bottom: .4rem; }
  .footer .footer-xs .left p, .footer .footer-xs .left a { color: #ffffff; font-size: .24rem; display: block; margin-bottom: .2rem; }
  .footer .footer-xs .left p:last-child, .footer .footer-xs .left a:last-child { margin-bottom: 0; }
  .footer .footer-xs .right { text-align: center; }
  .footer .footer-xs .right img { width: 1.5rem; }
  .footer .footer-xs .right p { color: #ffffff; font-size: .24rem; margin-top: .15rem; }
  /* 产品试用 */
  .productUser-popup { width: 90%; border-radius: .2rem; padding: 1rem 0 .7rem; }
  .productUser-popup .icon-close { padding: .4rem; font-size: .32rem; }
  .productUser-popup .title { width: 80%; margin: 0 auto .4rem; }
  .productUser-popup .title h2 { font-size: .4rem; margin-bottom: .2rem; }
  .productUser-popup .title p { font-size: .28rem; line-height: .44rem; }
  /* 公用order */
  .commonOrder .row { width: 100%; margin-bottom: .4rem; position: relative; }
  .commonOrder .row label { display: none; }
  .commonOrder .row input { line-height: .8rem; font-size: .28rem; padding: 0 .3rem; border-radius: .1rem; }
  .commonOrder .row textarea { height: 2rem; font-size: .28rem; padding: .3rem; border-radius: .1rem; }
  .commonOrder .row.w100 { width: 100%; }
  .commonOrder .submit { width: 100%; height: .8rem; line-height: .8rem; border-radius: .1rem; margin: .1rem auto 0; font-size: .28rem; }
  .commonOrder .submit:hover { top: 0; }
  .filter-box { height: .82rem; }
  .filter-box .filter-text input { font-size: .28rem; }
  .filter-box .filter-list { font-size: .28rem; top: .82rem; }
  .filter-box .filter-list li a { line-height: .82rem; }
  /* 新闻资讯列表 */
  .newsList { margin: .4rem 0; }
  .newsList li { width: 100%; margin-bottom: .5rem; }
  .newsList li a .img { border-radius: .2rem; }
  .newsList li a h3 { font-size: .3rem; margin: .3rem 0 .2rem; }
  .newsList li a span { font-size: .26rem; }
  .newsList li:nth-last-child(-n+4) { margin-bottom: .5rem; }
  .newsList li:last-child { margin: 0; }
  /* 案例列表 */
  .caseList { margin: 0; }
  .caseList li { width: 100%; margin-top: .4rem; padding: 0; }
  .caseList li a { display: block; }
  .caseList li a h3 { font-size: .3rem; }
  .caseList li a p { font-size: .26rem; line-height: .4rem; }
  .caseList li:first-child { margin-top: .2rem; }
  /* fixed-right-xs */
  .fixed-right-xs { position: fixed; bottom: 1rem; right: .3rem; z-index: 1; }
  .fixed-right-xs a { margin-top: .2rem; width: 1rem; height: 1rem; background: #F8F9FA; border-radius: 50%; display: flex; justify-content: space-around; align-items: center; }
  .fixed-right-xs a i { font-size: .42rem; color: #1862F6; }
  .fixed-right-xs a.bg { background: #F89528; font-size: .4rem; }
  .fixed-right-xs a.bg i { color: #fff; }
  .fixed-right-xs a.bg1 { background: #1862F6; font-size: .4rem; }
  .fixed-right-xs a.bg1 i { color: #fff; }
  /* Index */
  .Index .banner { height: 8rem; }
  .Index .banner .swiper-pagination { bottom: .4rem; }
  .Index .banner .swiper-pagination-bullet { width: .12rem; height: .12rem; margin: 0 .1rem; }
  .Index .banner .swiper-pagination-bullet-active { width: .32rem; height: .12rem; border-radius: 1rem; }
  .Index .index-title { position: relative; }
  .Index .index-title h2 { font-size: .4rem; }
  .Index .index-title p { margin-top: .25rem; font-size: .28rem; line-height: .45rem; }
  .Index .blcok1 { padding: .4rem 0; }
  .Index .blcok1 .flex-start { display: block; }
  .Index .blcok1 .laber { font-size: .28rem; padding-right: 0; display: block; text-align: center; }
  .Index .blcok1 .b1-swiper { height: 2.5rem; margin-top: .2rem; }
  .Index .blcok1 .b1-swiper .swiper-slide { width: 100%; }
  .Index .blcok1 .b1-swiper .swiper-slide ul { overflow: hidden; display: flex; flex-wrap: wrap; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li { margin: 0 0 .2rem; width: 33.33%; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li:nth-child(4n+4) { margin-right: 0; }
  .Index .blcok1 .b1-swiper .swiper-slide ul li a img { width: 100%; }
  .Index .block2 { padding: .8rem 0; }
  .Index .block2 .tabs { margin-top: .5rem; border-bottom: 1px solid #eee; }
  .Index .block2 .tabs .item { width: auto; padding: 0 0 .3rem; background: none; color: #333; font-size: .32rem; box-shadow: none; position: relative; z-index: 1; }
  .Index .block2 .tabs .item i { display: none; }
  .Index .block2 .tabs .item:after { content: ""; width: 0; height: 1px; background: #1862F6; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all .5s; }
  .Index .block2 .tabs .item.active { background: none; box-shadow: none; color: #1862F6; }
  .Index .block2 .tabs .item.active:after { width: 50%; }
  .Index .block2 .b2-swiper { margin-top: .3rem; }
  .Index .block2 .b2-swiper .swiper-slide { flex-direction: column-reverse; flex-wrap: wrap; }
  .Index .block2 .b2-swiper .left { width: 100%; padding-top: .1rem; }
  .Index .block2 .b2-swiper .left h3 { font-size: .32rem; text-align: center; }
  .Index .block2 .b2-swiper .left ul li { font-size: .28rem; line-height: .45rem; padding-left: .5rem; margin-bottom: .25rem; }
  .Index .block2 .b2-swiper .left ul li i { font-size: .28rem; }
  .Index .block2 .b2-swiper .left p { font-size: .28rem; line-height: .42rem; }
  .Index .block2 .b2-swiper .left .common-btn { margin: .4rem auto 0; }
  .Index .block2 .b2-swiper .right { width: 100%; }
  .Index .block3 { padding: .8rem 0 0; }
  .Index .block3 ul { padding: 0; margin: .4rem -1.8% 0; }
  .Index .block3 ul li { padding: 0 1.8%; width: 50%; margin-bottom: .25rem; }
  .Index .block3 ul li a { display: block; background: #F4F8FF; padding: 20% 10%; text-align: center; }
  .Index .block3 ul li a img { width: .8rem; margin-bottom: .4rem; }
  .Index .block3 ul li a h3 { font-size: .3rem; margin-bottom: .26rem; }
  .Index .block3 ul li a p { font-size: .24rem; line-height: .36rem; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .Index .block4 { padding-top: .6rem; }
  .Index .block4 .b4-swiper { margin-top: .4rem; }
  .Index .block4 .b4-swiper .swiper-slide { flex-wrap: wrap; }
  .Index .block4 .b4-swiper .swiper-slide .left { width: 100%; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt { padding: .4rem; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt i { display: none; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt p { font-size: .28rem; line-height: .42rem; margin-top: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 { font-size: .28rem; margin-top: .2rem; }
  .Index .block4 .b4-swiper .swiper-slide .left .txt h4 span { width: .6rem; }
  .Index .block4 .b4-swiper .swiper-slide .right { width: 100%; }
  .Index .block4 .b4-swiper .swiper-slide .right img { width: 100%; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt { padding: .6rem .4rem; position: relative; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h4 { font-size: .26rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt h3 { font-size: .36rem; margin: .3rem 0 .42rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt p { font-size: .28rem; margin-bottom: .4rem; line-height: .42rem; letter-spacing: .01rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd { padding-left: .32rem; font-size: .28rem; line-height: .42rem; margin-bottom: .3rem; position: relative; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt dl dd:after { content: ""; width: .12rem; height: .12rem; top: .15rem; margin-top: 0; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul { margin-top: .78rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul li { margin-right: .6rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul li img { width: 1.5rem; }
  .Index .block4 .b4-swiper .swiper-slide .right .txt ul li h5 { font-size: .24rem; margin-top: .2rem; }
  .Index .block4 .b4-swiper .btns { display: none; }
  .Index .block5 { background: #fff; padding-top: .8rem; padding-bottom: .8rem; }
  /* Nei-page */
  .Nei-page .banner { height: 8rem; }
  .Nei-page .banner .text { padding-top: 2.5rem; text-align: center !important; }
  .Nei-page .banner .text h1 { font-size: .48rem; margin-bottom: .3rem; }
  .Nei-page .banner .text p { font-size: .26rem; margin-bottom: .1rem; width: 100%; }
  .Nei-page .banner .text .common-btn { margin: .4rem auto 0; }
  .Nei-page .banner.banner2 .txt h1 { font-size: .48rem; }
  .Nei-page .banner.banner2 .txt p { font-size: .26rem; margin-top: .4rem; }
  .sticky-tabs { top: 1.1rem; }
  .sticky-tabs .item { font-size: .26rem; padding: .3rem 0; }
  .sticky-tabs .item:hover:after, .sticky-tabs .item.active:after { width: 70%; }
  /* Brandwebsite */
  .Brandwebsite .banner { height: 8rem; }
  .Brandwebsite .banner .txt { text-align: left; }
  .Brandwebsite .banner .shuB { bottom: 8%; }
  .Brandwebsite .banner .shuB i { font-size: .5rem; }
  .Brandwebsite .banner .txt1 { bottom: 2rem; }
  .Brandwebsite .banner .txt1 h1 { font-size: .6rem; }
  .Brandwebsite .banner .txt1 h2 { font-size: .44rem; margin-top: .2rem; }
  .Brandwebsite .banner .txt1 p { margin-top: .3rem; font-size: .28rem; }
  .Brandwebsite .banner .txt2 { bottom: 2rem; }
  .Brandwebsite .banner .txt2 h1 { font-size: .44rem; }
  .Brandwebsite .banner .txt2 h2 { font-size: .44rem; margin-top: .2rem; }
  .Brandwebsite .banner .txt2 p { margin-top: .3rem; font-size: .28rem; }
  .Brandwebsite .banner .txt3 { bottom: 2rem; }
  .Brandwebsite .banner .txt3 h1 { font-size: .6rem; }
  .Brandwebsite .banner .txt3 h2 { font-size: .44rem; margin-top: .2rem; }
  .Brandwebsite .banner .txt3 h2 img { width: 100%; }
  .Brandwebsite .banner .txt4 { bottom: 2rem; }
  .Brandwebsite .banner .txt4 h2 { font-size: .44rem; margin-top: .2rem; }
  .Brandwebsite .banner .txt4 h2 span { font-size: .6rem; }
  .Brandwebsite .banner .txt4 p { margin-top: .3rem; font-size: .28rem; }
  .Brandwebsite .banner .swiper-pagination { bottom: .45rem; }
  .Brandwebsite .banner .swiper-pagination-bullet { width: .16rem; height: .16rem; margin: 0 .1rem; }
  .Brandwebsite .banner .swiper-pagination-bullet-active { opacity: 1; width: .5rem; border-radius: .5rem; }
  .Brandwebsite .in-title { float: none !important; text-align: center; }
  .Brandwebsite .in-title h2 { font-size: .4rem; }
  .Brandwebsite .in-title p { margin-top: .2rem; font-size: .28rem; }
  .Brandwebsite .content .container { width: 100%; padding: 0; }
  .Brandwebsite .content .block { padding: .7rem 0; }
  .Brandwebsite .content .block1 ul li .img.w50 { width: 100%; }
  .Brandwebsite .content .block1 ul li .img.w25 { width: 50%; }
  .Brandwebsite .content .block1 ul li .img .tit { left: .3rem; bottom: .3rem; font-size: .3rem;  }
  .Brandwebsite .content .block1 ul li .img .tit p { font-size: .24rem; margin: .2rem 0 .3rem;  display: -webkit-box;
  -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis; line-height:150%; }
  .Brandwebsite .content .block1 ul li .img .txt .world { left: .3rem; bottom: .3rem; }
  .Brandwebsite .content .block1 ul li .img .txt .world h3 { font-size: .3rem; }
  .Brandwebsite .content .block1 ul li .img .txt .world p { font-size: .24rem; margin: .2rem 0 .3rem; }
  .Brandwebsite .content .block1 ul li .img .txt .world i { font-size: .3rem; }
  .Brandwebsite .content .block2 { background: url("../images/b2-bg2.jpg") no-repeat center/cover; padding: .6rem 0; }
  .Brandwebsite .content .block2 .tit .tab { height: 1.2rem; float: none !important; margin: 0 .1rem; }
  .Brandwebsite .content .block2 .tit .tab .swiper-slide { font-size: .3rem; line-height: 1.2rem; padding: 0 .2rem; margin-left: 0; position: relative; width: auto; }
  .Brandwebsite .content .block2 .tit .tab .swiper-slide.active::after, .Brandwebsite .content .block2 .tit .tab .swiper-slide:hover::after { width: .38rem; height: .04rem; border-radius: 3px; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list { padding: 0 .3rem; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide { width: auto; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item { padding: .5rem .3rem; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item i { font-size: .6rem; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item h3 { font-size: .3rem; margin: .2rem 0; line-height: .42rem; }
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item p { font-size: .26rem; line-height: .42rem; height: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis;}
  .Brandwebsite .content .block2 .swiper .swiper-slide .b2_list .swiper-wrapper .swiper-slide .item .more { font-size: .26rem; color: #1862F6; position: relative; opacity: 1; margin-top: .3rem; display: block; }
  .Brandwebsite .content .block3 .container { top: .4rem; }
  .Brandwebsite .content .block3 .container .in-title { color: #fff; }
  .Brandwebsite .content .block3 .container .in-title h2 { color: #fff; }
  .Brandwebsite .content .block3 .scontainer { display: block; height: 700px; }
  .Brandwebsite .content .block3 .swiper .swiper-slide { color: #fff; }
  .Brandwebsite .content .block3 .swiper .swiper-slide img { width: 100%; }
  .Brandwebsite .content .block3 .swiper .swiper-slide h3 { font-size: .32rem; margin-bottom: .2rem; }
  .Brandwebsite .content .block3 .swiper .swiper-slide p { font-size: .28rem; line-height: .42rem; max-width: 100%; margin-bottom: .4rem; }
  .Brandwebsite .content .block3 .swiper .swiper-slide .tit { font-size: .28rem; }
  .Brandwebsite .content .block3 ul { flex-wrap: wrap; margin-top: .8rem; }
  .Brandwebsite .content .block3  ul li { margin: 5px; width:calc(20% - 10px); }

  .Brandwebsite .content .block3  .btns { display: none;}
  .Brandwebsite .content .block3 .swiper .swiper-slide .btns .common-btn { margin: 0 .3rem 0 0; }
  .Brandwebsite .content .block3 .tabs { position: relative; right: 0; bottom: 0; display: flex; width: 100%; padding: .3rem; background: #EEF0F3; }
  .Brandwebsite .content .block3 .tabs li { width: 2rem; height: 2rem; padding: .5rem 0; background: #fff; color: #333; text-align: center; margin-right: .3rem; }
  .Brandwebsite .content .block3 .tabs li i { font-size: .45rem; }
  .Brandwebsite .content .block3 .tabs li p { font-size: .28rem; text-align: center; margin-top: .25rem; }
  .Brandwebsite .content .block4 { position: relative; overflow: hidden; padding-top: .7rem; }
  .Brandwebsite .content .block4 .in-title { color: #fff; }
  .Brandwebsite .content .block4 .in-title h2 { color: #fff; }
  .Brandwebsite .content .block4 .swiper { margin-top: .6rem; padding-bottom: 1.6rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide { padding: 0 .3rem; flex-wrap: wrap; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .txt { width: 100%; }
  .Brandwebsite .content .block4 .swiper .swiper-slide h3 { font-size: .32rem; margin-bottom: .25rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide p { font-size: .26rem; line-height: .42rem; margin-bottom: .4rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul { margin-top: 0; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li { margin-right: .4rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li img { width: 1.72rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide ul li span { font-size: .24rem; margin-top: .2rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .btns { margin-top: .8rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .btns .common-btn { margin: 0 .3rem 0 0; width: 2.4rem; }
  .Brandwebsite .content .block4 .swiper .swiper-slide .imgR { width: 100%; margin-top: .5rem; }
  .Brandwebsite .content .block4 .swiper .tools { bottom: .7rem; }
  .Brandwebsite .content .block4 .swiper .tools .swiper-pagination-bullet { width: .18rem; height: .18rem; }
  .Brandwebsite .content .block4 .swiper .tools .btn-prev, .Brandwebsite .content .block4 .swiper .tools .btn-next { font-size: .32rem; }
  .Brandwebsite .content .block5 .titleBox { border-bottom: none; }
  .Brandwebsite .content .block5 .titleBox .more_a { display: none; }
  .Brandwebsite .content .block5 .contBox { margin: .6rem 0 0; padding: 0 .3rem; }
  .Brandwebsite .content .block5 .contBox .leftB { width: 100%; }
  .Brandwebsite .content .block5 .contBox .leftB li { width: 100%; margin-bottom: .6rem; }
  .Brandwebsite .content .block5 .contBox .leftB li a { display: block; }
  .Brandwebsite .content .block5 .contBox .leftB li a h2 { color: #3C4868; font-size: .3rem; line-height: .44rem; margin-bottom: .2rem; }
  .Brandwebsite .content .block5 .contBox .leftB li a p { color: #3C4868; font-size: .26rem; line-height: .4rem; margin-bottom: .2rem; }
  .Brandwebsite .content .block5 .contBox .leftB li a span { color: #96A3BD; font-size: .26rem; }
  .Brandwebsite .content .block5 .contBox .rightB { width: 100%; margin-bottom: .5rem; }
  .Brandwebsite .content .block5 .contBox .rightB li { margin-bottom: .6rem; width: 100%; }
  .Brandwebsite .content .block5 .contBox .rightB li a { display: flex; }
  .Brandwebsite .content .block5 .contBox .rightB li a .img { width: 2.5rem; border-radius: .2rem; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt { flex: 1; margin-left: .3rem; padding-top: .08rem; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt h2 { color: #3C4868; font-size: .3rem; line-height: .44rem; margin-bottom: .2rem; }
  .Brandwebsite .content .block5 .contBox .rightB li a .txt p { color: #96A3BD; font-size: .26rem; }
  /* News */
  .News .content { margin: .5rem 0 .6rem; }
  /* Case */
  .Case .content { margin: .2rem 0 .6rem; }
  .Case .content .tabs { display: flex; justify-content: space-around; position: relative; margin-bottom: .3rem; }
  .Case .content .tabs li { margin-right: 0; }
  .Case .content .tabs li a { height: .88rem; border-radius: 0; font-size: .28rem; position: relative; padding: 0; }
  .Case .content .tabs li:hover a, .Case .content .tabs li.active a { background: transparent; color: #1862F6; }
  .Case .content .tabs li:hover a::after, .Case .content .tabs li.active a::after { content: ""; background: #1862F6; width: 100%; height: .04rem; position: absolute; left: 0; bottom: 0; }
  .Case .content .tabs:after { content: ""; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0; bottom: 0; }
  .Case .content .common-btn { margin-top: .5rem; }
  /* Case-xq */
  .Case-xq .banner { position: relative; }
  .Case-xq .content { background: #fff; padding-bottom: .4rem; }
  .Case-xq .content .contBox { width: 100%; margin-left: 0; margin-top: 0; display: block; }
  .Case-xq .content .contBox .lBox { width: 100%; border-right: 1px solid #DDE3EE; padding: .5rem .3rem; }
  .Case-xq .content .contBox .lBox h2 { font-size: .4rem; margin-bottom: .3rem; line-height: .6rem; }
  .Case-xq .content .contBox .lBox .tit { font-size: .26rem; }
  .Case-xq .content .contBox .lBox .info { margin-top: .4rem; }
  .Case-xq .content .contBox .lBox .info h1, .Case-xq .content .contBox .lBox .info h2, .Case-xq .content .contBox .lBox .info h3, .Case-xq .content .contBox .lBox .info h4 { font-size: .3rem; margin: .3rem 0 .2rem; }
  .Case-xq .content .contBox .lBox .info p { font-size: .28rem; line-height: .42rem; margin-bottom: .2rem; }
  .Case-xq .content .contBox .lBox .per { width: 100%; padding: .3rem; margin-top: .4rem; display: block; }
  .Case-xq .content .contBox .lBox .per img { width: 40%; text-align: center; display: block; margin: auto; }
  .Case-xq .content .contBox .lBox .per .txt { margin-left: 0; margin-top: .2rem; }
  .Case-xq .content .contBox .lBox .per .txt h4 { font-size: .3rem; margin-bottom: .15rem; }
  .Case-xq .content .contBox .lBox .per .txt p { font-size: .28rem; }
  .Case-xq .content .contBox .rBox { width: 100%; padding: .3rem; }
  .Case-xq .content .contBox .rBox h2 { font-size: .38rem; margin-bottom: .32rem; }
  .Case-xq .content .contBox .rBox ul li { margin-bottom: .4rem; }
  .Case-xq .content .contBox .rBox ul li a { display: block; }
  .Case-xq .content .contBox .rBox ul li a .img { margin-bottom: .3rem; }
  .Case-xq .content .contBox .rBox ul li a h3 { font-size: .3rem; margin-bottom: .2rem; }
  .Case-xq .content .contBox .rBox ul li a p { font-size: .28rem; }
  /* Contact */
  .Contact .content .sticky-tabs { display: none; }
  .Contact .content .title { font-size: .4rem; color: #3B426C; }
  .Contact .content .block1 { padding: .6rem 0; background: #F9FAFF; }
  .Contact .content .block1 ul { margin-top: .4rem; flex-wrap: wrap; justify-content: space-between; }
  .Contact .content .block1 ul li { width: 48.5%; background: #fff; padding: .6rem 0; margin-bottom: .2rem; }
  .Contact .content .block1 ul li img { width: .6rem; }
  .Contact .content .block1 ul li h3 { font-size: .32rem; margin: .3rem 0 .2rem; }
  .Contact .content .block1 ul li p { font-size: .28rem; line-height: .4rem; width: 80%; margin: auto; }
  .Contact .content .block2 { padding: .7rem 0; background: url("../images/b2-bg.png") no-repeat center/cover; }
  .Contact .content .block2 .commonOrder { border-radius: .16rem; margin-top: .5rem; padding: .6rem .4rem; }
  .Contact .content .block2 .commonOrder .row { width: 100%; }
  .Contact .content .block3 { padding: .6rem 0; }
  .Contact .content .block3 .common-btn { margin-top: .4rem; }
  .Contact .content .block3 ul.caseList { margin: 0; }
  /* Product */
  .Product .content { padding: .6rem 0; }
  .Product .content ul li { width: 100%; margin: 0 0 .4rem 0; }
  .Product .content ul li .text { padding: .5rem .4rem; }
  .Product .content ul li .text h2 { font-size: .32rem; }
  .Product .content ul li .text p { font-size: .26rem; line-height: .44rem; margin-top: .2rem; }
  .Product .content ul li .text i { font-size: .3rem; margin-top: .3rem; }
  /* Solution */
  .Solution .section { height: auto; overflow: hidden; padding: .6rem 0 0; }
  .Solution .solution-jz { padding: .6rem 0; }
  .Solution .solution-jz ul { flex-wrap: wrap; margin: .6rem -2% 0; padding: 0; }
  .Solution .solution-jz ul li { flex: 0 0 50%; padding: 0 2%; margin: 0 0 .5rem; }
  .Solution .solution-jz ul li h2 { font-size: .3rem; margin-bottom: .2rem; }
  .Solution .solution-jz ul li h2 img { width: .4rem; margin-right: .2rem; vertical-align: -.06rem; }
  .Solution .solution-jz ul li p { font-size: .26rem; line-height: .42rem; }
  .Solution .solution-jz ul li:nth-child(2n) { margin-right: 0; }
  .Solution .solution-jz ul.xsw100 li { flex: 0 0 100%; }
  .Solution .solution-case { padding: .6rem 0; }
  .Solution .solution-case .big-title { position: static; margin-bottom: .4rem; }
  .Solution .solution-case .swiper { height: auto; overflow: hidden; }
  .Solution .solution-case .swiper .swiper-slide .img { width: 100%; padding: 0; }
  .Solution .solution-case .swiper .swiper-slide .img img { width: 100%; }
  .Solution .solution-case .swiper .swiper-slide .text { width: 100%; padding-top: .6rem; }
  .Solution .solution-case .swiper .swiper-slide .text h2 { font-size: .3rem; margin-bottom: .3rem; }
  .Solution .solution-case .swiper .swiper-slide .text p { font-size: .26rem; color: #758296; line-height: .42rem; }
  .Solution .solution-case .swiper .swiper-slide .text .common-btn { margin: .4rem 0 0; }
  .Solution .solution-case .swiper-tabs { margin-top: .2rem; padding: .2rem .1rem; }
  .Solution .solution-case .swiper-tabs .swiper-slide { padding: .2rem; }
  .Solution .solution-case .case-list { margin-top: .2rem; }
  .Solution .solution-case .case-list li { width: 31%; padding: 3%; margin: 3% 3% 0 0; }
  .Solution .solution-case .case-list li:nth-child(3n) { margin-right: 0; }
  .Solution .solution-order { padding: .8rem 0 1.06rem; }
  .Solution .solution-order form { height: auto; overflow: hidden; margin-top: .8rem; position: relative; z-index: 1; }
  .Solution .solution-order form .box { width: 100%; height: .96rem; border-radius: .85rem; display: block; }
  .Solution .solution-order form .box input { width: 70%; padding: 0 .4rem; font-size: .28rem; float: left; }
  .Solution .solution-order form .box .btn { width: 30%; font-size: .28rem; border-radius: .85rem; float: right; }
  .Solution .solution-order .editorial { height: 10vh; }
  /* Solution-dz */
  .Solution-dz .text ul li { line-height: .4rem; }
  .Solution-dz .img-text:last-child { margin: 0; padding: 0 0 0.4rem; border: 0; }
  /* Solution-zl*/
  .Solution-zl .section { padding-bottom: .4rem; }
  .Solution-zl .section2 { padding-bottom: 4%; }
  .Solution-zl .section2 ul { display: flex; padding-top: 2%; flex-wrap: wrap; justify-content: space-between; }
  .Solution-zl .section2 ul li { flex: auto; margin-bottom: .3rem; }
  .Solution-zl .section2 ul li.txt { width: 45%; padding: 0.3rem; }
  .Solution-zl .section2 ul li.txt img { width: 21%; }
  .Solution-zl .section2 ul li.txt h4 { font-size: .28rem; margin: .2rem 0; }
  .Solution-zl .section2 ul li.txt p { font-size: .26rem; line-height: .42rem; }
  .Solution-zl .section2 ul li.txt:nth-child(2n) { margin-right: 0; }
  .Solution-zl .section2 ul li.icon { width: 4.16%; display: flex; align-items: center; justify-content: space-around; }
  .Solution-zl .section2 ul li.icon i { font-size: .4rem; }
  /* Solution-sh */
  .Solution-sh .big-title { margin-bottom: .4rem; }
  .Solution-sh .section1 { background: #F9FAFF; padding: .6rem 0; }
  /* Solution-wm */
  .Solution-wm.content .tabs-slide .tabs { width: 100%; flex-direction: row; }
  .Solution-wm.content .tabs-slide .tabs .item { flex: 0 0 33.33%; padding: .3rem 0; }
  .Solution-wm.content .tabs-slide .tabs .item i { font-size: .5rem; }
  .Solution-wm.content .tabs-slide .tabs .item h3 { font-size: .26rem; }
  .Solution-wm.content .tabs-slide .slide { width: 100%; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul { padding: .3rem 0 .2rem; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li { text-align: center; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li i { font-size: .46rem; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4 { font-size: .26rem; line-height: 1.4; padding-bottom: 0; margin: .1rem 0; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li h4:before { display: none; }
  .Solution-wm.content .tabs-slide .slide .swiper-slide ul li p { display: none; }
  .Solution-wm.content .section2 { margin-top: .6rem; padding-bottom: .8rem; }
  .Solution-wm.content .section2 ul { margin-top: .4rem; }
  .Solution-wm.content .section2 ul li { width: 48.5%; padding: .3rem; height: auto; margin-top: .25rem; }
  .Solution-wm.content .section2 ul li h3 { font-size: .28rem; padding-bottom: .3rem; }
  .Solution-wm.content .section2 ul li h3 i { font-size: .34rem; }
  .Solution-wm.content .section2 ul li dl { margin-top: .2rem; }
  .Solution-wm.content .section2 ul li dl dd { width: 100%; font-size: .24rem; }
  .Solution-wm.content .section2 ul li .txt-box { font-size: .24rem; }
  .Solution-wm.content .section2 ul li .txt-pop { font-size: .24rem; }
  .Solution-wm.content .section2 ul li.yxg { height: auto; }
  .Solution-wm.content .section3 ul li { width: 48.5%; margin-top: .25rem; padding: .3rem; }
  .Solution-wm.content .section3 ul li h3 { font-size: .28rem; }
  .Solution-wm.content .section3 ul li h3 img { width: .5rem; }
  .Solution-wm.content .section3 ul li p { font-size: .24rem; }
  .Solution-wm.content .section4 ul li { width: 100%; margin-top: .4rem; padding: .3rem 0 .1rem; }
  .Solution-wm.content .section4 ul li::after { width: 100%; height: 1px; }
  .Solution-wm.content .section4 ul li i { font-size: .5rem; }
  .Solution-wm.content .section4 ul li h3 { font-size: .28rem; }
  .Solution-wm.content .section4 ul li p { font-size: .24rem; }
  /* Solve */
  .Solve .section1 { padding: .6rem 0; }
  .Solve .section1 .flex-img-text li { margin-bottom: .3rem; }
  .Solve .section1 .flex-img-text li img { width: 2.5rem; }
  .Solve .section2 { background: url("../images/solve-section2-bg-xs.png") no-repeat center/100%; padding-bottom: .8rem; }
  .Solve .section2 .big-title { margin-bottom: .4rem; }
  .Solve .solve-fw { margin-top: .8rem; }
  .Solve .solve-fw ul { margin-top: .5rem; }
  .Solve .solve-fw ul li { width: 50%; margin-bottom: .5rem; text-align: center; }
  .Solve .solve-fw ul li img { width: .7rem; margin: 0 auto; display: block; }
  .Solve .solve-fw ul li h3 { font-size: .28rem; margin: .3rem 0 .2rem; line-height: .4rem; }
  .Solve .solve-fw ul li p { font-size: .26rem; line-height: .4rem; }
  .Solve .solve-case { margin-bottom: .6rem; }
  .Solve .solve-case .common-btn { margin-top: .4rem; }
  /* Server*/
  .Server .banner .common-btn { margin: 0; width: 2.7rem; }
  .Server .title { text-align: center; margin-bottom: .6rem; padding: 0 .3rem; }
  .Server .title h2 { color: #000B27; font-size: .4rem; margin-bottom: .2rem; }
  .Server .title p { color: #96A3BD; font-size: .26rem; line-height: .42rem; }
  .Server.content .section1 { padding: .6rem 0; }
  .Server.content .section1 img { width: 100%; }
  .Server.content .section1 ul { display: flex !important; flex-wrap: wrap; }
  .Server.content .section1 ul li { width: 50%; text-align: center; padding: .4rem .1rem; }
  .Server.content .section1 ul li.bb { border-bottom: 1px solid #EFF3FC; }
  .Server.content .section1 ul li.bl { border-left: 1px solid #EFF3FC; }
  .Server.content .section1 ul li img { width: .8rem; display: inline-block; }
  .Server.content .section1 ul li h3 { color: #3C4868; font-size: .28rem; margin: .2rem 0; }
  .Server.content .section1 ul li p { color: #3C4868; font-size: .26rem; line-height: .48rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .Server.content .section2 { padding: .7rem 0; background: url("../images/b2-bg-xs.jpg") no-repeat center/cover; }
  .Server.content .section2 ul li { width: 100%; padding: .8rem .4rem; }
  .Server.content .section2 ul li img { width: .7rem; }
  .Server.content .section2 ul li h3 { margin-top: .4rem; font-size: .3rem; }
  .Server.content .section2 ul li p { font-size: .26rem; line-height: .48rem; margin-top: .2rem; }
  .Server.content .section2 ul li .num { width: 1.2rem; }
  .Server .section3 { padding: .6rem 0; }
  .Server .section3 .title { margin-bottom: 0; }
  .Server .section3 .common-btn { margin-top: .3rem; }
  /* About*/
  .About .content .block1 { padding: .6rem 0; }
  .About .content .block1 .container { width: 100%; }
  .About .content .block1 .big-title { color: #3B426C; }
  .About .content .block1 ul { display: flex; margin-top: .3rem; flex-wrap: wrap; }
  .About .content .block1 ul li { width: 50%; margin-top: .3rem; }
  .About .content .block1 ul li:after { display: none; }
  .About .content .block1 ul li img { width: .86rem; }
  .About .content .block1 ul li h3 { color: #3B426C; font-size: .26rem; }
  .About .content .block1 ul li p { display: none; }
  .About .content .block1 .world { margin-top: .4rem; font-size: .28rem; line-height: .48rem; }
  .About .content .block2 { padding: .6rem 0; background: url("../images/b2-bg-xs.png") no-repeat center/cover; }
  .About .content .block2 .big-title { color: #fff; margin-bottom: .3rem; }
  .About .content .block2 ul { display: block; margin-top: .6rem; }
  .About .content .block2 ul li { width: 100% !important; height: 3.6rem; margin-bottom: .3rem; }
  .About .content .block2 ul li .box1 { display: none; }
  .About .content .block2 ul li .box2 { opacity: 1; position: relative; padding: 1.1rem .4rem 0; }
  .About .content .block2 ul li .box2 h3 { font-size: .32rem; margin-bottom: .2rem; }
  .About .content .block2 ul li .box2 p { font-size: .28rem; line-height: .48rem; text-align: left; }
  .About .content .block2 ul li.li1 { background: url("../images/b2-box2-img1.png") no-repeat center/cover; }
  .About .content .block2 ul li.li2 { background: url("../images/b2-box2-img2.png") no-repeat center/cover; }
  .About .content .block2 ul li.li3 { height: 4rem; background: url("../images/b2-box2-img3-xs.png") no-repeat center/cover; }
  .About .content .block2 ul li.li4 { background: url("../images/b2-box2-img4.png") no-repeat center/cover; }
  .About .content .block3 { padding: .6rem 0; }
  .About .content .block3 .big-title { color: #3B426C; }
  .About .content .block3 .title-dsc { font-size: .28rem; margin: .3rem .3rem 0; line-height: .48rem; }
  .About .content .block3 ul { width: 100%; margin: .6rem auto 0; flex-wrap: wrap; }
  .About .content .block3 ul li { width: 50%; text-align: center; position: relative; margin-bottom: .4rem; }
  .About .content .block3 ul li img { width: 1.3rem; }
  .About .content .block3 ul li p { font-size: .26rem; margin-top: .2rem; }
  .About .content .block3 .box { background: url("../images/b3-bg.png") no-repeat center/cover; padding: .6rem 0; }
  .About .content .block3 .box img { width: 100%; margin: .4rem auto 0; }
  .About .content .block4 { padding: 0 0 .6rem; }
  .About .content .block4 .big-title { margin-bottom: .4rem; }
  .About .content .block4 .common-btn { margin-top: .3rem; }
  /* Map */
  .Map .content .container { padding: .3rem; }
  .Map .content .container h2 { font-size: .28rem; line-height: .9rem; }
  .Map .content .container ul { margin-bottom: .3rem; }
  .Map .content .container ul li { width: 50%; margin-top: .2rem; line-height: .48rem; }
  .Map .content .container ul li a { display: block; font-size: .26rem; }
  /* Cmsone */
  .Cmsone .big-title { padding: 0 .3rem; color: #3B426C; line-height: .6rem; margin-bottom: .2rem; }
  .Cmsone.content .section1 { padding: .6rem 0; background: #F9FAFF; }
  .Cmsone.content .section1 ul { flex-wrap: wrap; justify-content: space-between; }
  .Cmsone.content .section1 ul li { width: 48%; padding: .4rem .24rem; background: #fff; margin-top: .3rem; }
  .Cmsone.content .section1 ul li img { width: .7rem; }
  .Cmsone.content .section1 ul li h2 { margin-top: .3rem; color: #3B426C; font-size: .32rem; }
  .Cmsone.content .section1 ul li p { color: #758296; font-size: .26rem; line-height: .4rem; margin-top: .2rem; }
  .Cmsone.content .section2 { padding: .6rem 0; background: #fff; }
  .Cmsone.content .section2 .tabs { margin-top: 0; border-bottom: 1px solid rgba(24, 98, 246, 0.1); }
  .Cmsone.content .section2 .tabs li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 18%; padding: .25rem 0; background: transparent; color: #333; font-size: .3rem; border-bottom: 1px solid transparent; box-shadow: none; border-radius: 0; }
  .Cmsone.content .section2 .tabs li:hover, .Cmsone.content .section2 .tabs li.active { background: none; box-shadow: none; color: #1862F6; border-bottom: 1px solid #1862F6; }
  .Cmsone.content .section2 .b2-swiper { margin-top: .4rem; }
  .Cmsone.content .section2 .b2-swiper .tool { display: none; }
  .Cmsone.content .section3 { padding: .6rem 0; background: #F9FAFF; }
  .Cmsone.content .section3 ul { margin: 0; flex-wrap: wrap; display: flex !important; }
  .Cmsone.content .section3 ul li { flex: 0 0 48%; padding: .4rem .24rem; width: 48%; background: #fff; margin-top: .4rem; border-radius: .16rem; }
  .Cmsone.content .section3 ul li h2 { font-size: .3rem; color: #3B426C; margin-bottom: .2rem; line-height: .42rem; flex-direction: column; }
  .Cmsone.content .section3 ul li h2 img { width: .7rem; margin: 0 0 .3rem 0; }
  .Cmsone.content .section3 ul li p { font-size: .26rem; color: #758296; line-height: .4rem; }
  .Cmsone.content .section3 ul li.line { display: none; }
  /* Page404 */
  .Page404 .content { height: auto; padding: 20vh 0; }
  .Page404 .content img { width: 80%; }
  .Page404 .content h2 { font-size: .3rem; }
  .Page404 .content p { font-size: .28rem; }
  /* Zhanqun */
  .Zhanqun.change .big-title { margin-bottom: .3rem; }
  .Zhanqun.change .flex-img-text li { width: 100%; }
  .Zhanqun.change .solution-jz ul li { margin-bottom: .3rem; }
  .Zhanqun.change .section-tone { padding-bottom: .8rem; }
  .Zhanqun.change .section-tone .big-title { margin-bottom: .3rem; }
  .Zhanqun.change .section-tone .title-dsc { width: 100%; }
  .Zhanqun.change .section-tone ul { margin-top: .5rem; }
  .Zhanqun.change .section-tone ul li { width: 100%; margin: .3rem 0 0 0; }
  .Zhanqun.change .section-tone ul li .box { border-radius: .3rem; }
  .Zhanqun.change .section-tone ul li .box .txt { padding: 0 .3rem; }
  .Zhanqun.change .section-tone ul li .box .txt h3 { font-size: .32rem; margin-bottom: .2rem; }
  .Zhanqun.change .section-tone ul li .box .txt p { font-size: .28rem; line-height: .42rem; }
  .Zhanqun .section-nums { padding: .6rem 0; }
  .Zhanqun .section-nums ul { width: 100%; }
  .Zhanqun .section-nums ul li h3 { font-size: .36rem; }
  .Zhanqun .section-nums ul li h3 i { font-size: .36rem; }
  .Zhanqun .section-nums ul li p { font-size: .26rem; }
  .Zhanqun .section-tabsSlide { padding: .6rem 0; }
  .Zhanqun .section-tabsSlide .tabs { width: 100%; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide { height: .8rem; font-size: .3rem; }
  .Zhanqun .section-tabsSlide .tabs .swiper-slide i { font-size: .34rem; position: relative; top: .02rem; }
  .Zhanqun .section-tabsSlide .slide { margin-top: .4rem; }
  .Zhanqun .section-tabsSlide.section-tabsSlide1 .tabs { width: 100%; }
  .Zhanqun .section-ser { padding: .6rem 0; }
  .Zhanqun .section-ser ul { justify-content: space-between; }
  .Zhanqun .section-ser ul li { width: 48%; margin: .3rem 0 0 0; }
  .Zhanqun .section-ser ul li .icon { width: 1rem; height: 1rem; }
  .Zhanqun .section-ser ul li .icon i { font-size: .5rem; }
  .Zhanqun .section-ser ul li .text h3 { font-size: .3rem; }
  .Zhanqun .section-ser ul li .text p { font-size: .26rem; line-height: .42rem; margin-top: .2rem; }
  .Zhanqun .section-ser ul li:nth-child(-n+2) { margin-top: 0; } }