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

.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 moveRightSlideshow { 100% { -webkit-transform: translateX(-1464px);
    transform: translateX(-1464px); } }

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

@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: 81.25%; margin: 0 auto; position: relative; transition: all .5s; }

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

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

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

.header .head .logo { width: 2rem; height: 0.64rem; display: block; }

.header .head .logo span { color: #000; font-size: 0.16rem; }

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

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

.header .head .nav .item i { font-size: 0.16rem; transition: transform .5s; display: block; margin-left: 0.03rem; }

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

.header .head .nav .item.productUser { width: 1.1rem; height: 0.4rem; padding: 0; background: #fff; border-radius: 0.5rem; color: #1862F6; }

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

.header .head .nav .item.tel { margin-left: 0.6rem; height: 0.5rem; padding: 0 0.24rem; background: #fff; border-radius: 0.5rem; color: #1862F6; position: relative; display: inline-flex; overflow: hidden; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

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

.header .head .nav .item.tel span { position: relative; z-index: 2; }

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

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

.header .head .nav .item.tel:hover { color: #fff; }

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

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

.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: 0.25rem; }

.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: 280px; }

.header2 { background: #333; width: 100%; overflow: hidden; position: relative; z-index: 10; }

.header2 .container { display: flex; justify-content: space-between; height: 0.5rem; align-items: center; }

.header2 a.back { display: flex; color: #fff; line-height: 0.4rem; font-size: 0.15rem; position: relative; align-items: center; }

.header2 a.back i { font-size: 0.18rem; margin-right: 0.1rem; }

.header2 a.back:hover { color: #1862F6; }

.header2 h5 { color: #fff; line-height: 0.4rem; font-size: 0.15rem; }

/* footer */
.footer { width: 100%; position: relative; z-index: 1; left: 0; bottom: 0; background: #0A1D30; 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: #96A1B2; font-size: 0.18rem; margin-bottom: 0.25rem; font-weight: bold; }

.footer .footer-top li a { color: #758296; font-size: 0.16rem; display: block; margin-bottom: 0.25rem; }

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

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

.footer .footer-top li .maBox img { width: 1.1rem; }

.footer .footer-top li .maBox p { color: #758296; font-size: 0.14rem; line-height: 0.26rem; margin-left: 0.2rem; }

.footer .footer-bottom { display: flex; justify-content: space-between; }

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

.footer .footer-bottom .friend .tit { font-size: 0.16rem; color: #96A1B2; display: inline-block; margin-right: 0.06rem; }

.footer .footer-bottom .friend .line { height: 0.12rem; width: 1px; background: #344054; display: inline-block; position: relative; top: 1px; margin: 0 0.15rem; }

.footer .footer-bottom .friend a { font-size: 0.14rem; display: inline-block; color: #758296; }

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

.footer .footer-bottom .in_left { flex: 1; }

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

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

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

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

.footer .footer-bottom .inFoot { flex: 1; }

.footer .footer-bottom .maBox { display: flex; align-items: center; padding-left: 2rem; }

.footer .footer-bottom .maBox img { width: 1.1rem; }

.footer .footer-bottom .maBox p { color: #758296; font-size: 0.14rem; line-height: 0.26rem; margin-left: 0.2rem; }

/* page-box */
.page-box { margin: 0.6rem 0; }

.page-box .page { height: auto; text-align: center; }

.page-box .page a { display: inline-block; width: 0.45rem; line-height: 0.45rem; border-radius: 0.5rem; text-align: center; font-size: 0.16rem; background: #fff; color: #000; margin: 0 5px; transition: all .5s; }

.page-box .page a:hover, .page-box .page a.active { background: #1862F6; color: #fff; border-color: #1862F6; }

.page-box .page a.first, .page-box .page a.last { width: 1.2rem; background: #71798A; color: #fff; }

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

.Index .main { margin-top: 0.3rem; padding-bottom: 0.8rem; }

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

.Index .main .container .left { width: 72.5%; }

.Index .main .container .left .box1 { position: relative; display: flex; justify-content: space-between; }

.Index .main .container .left .box1 .banner { position: relative; width: 66.66%; overflow: hidden; cursor: pointer; }

.Index .main .container .left .box1 .banner .swiper-button-next, .Index .main .container .left .box1 .banner .swiper-button-prev { color: #fff !important; }

.Index .main .container .left .box1 .banner .txt { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); padding: 0.2rem; display: flex; align-items: center; justify-content: space-between; }

.Index .main .container .left .box1 .banner .txt h3 { color: #fff; font-size: 0.16rem; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Index .main .container .left .box1 .banner .txt span { color: #fff; font-size: 0.14rem; }

.Index .main .container .left .box1 .imgs { width: 32.99%; }

.Index .main .container .left .box1 .imgs .item { width: 100%; position: relative; overflow: hidden; cursor: pointer; }

.Index .main .container .left .box1 .imgs .item:first-child { margin-bottom: 0.08rem; }

.Index .main .container .left .box1 .imgs .item img { width: 100%; transition: all .5s; }

.Index .main .container .left .box1 .imgs .item .txt { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); padding: 0.15rem 0.3rem; display: flex; align-items: center; justify-content: space-between; }

.Index .main .container .left .box1 .imgs .item .txt h3 { color: #fff; font-size: 0.18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Index .main .container .left .box1 .imgs .item:hover img { transform: scale(1.2); }

.Index .main .container .left .box2 { margin-top: 0.07rem; }

.Index .main .container .left .box2 li { border-bottom: 1px solid #EFEFEF; padding: 0.3rem 0; display: flex; }

.Index .main .container .left .box2 li .img { width: 28%; overflow: hidden; position: relative; margin-right: 0.3rem; }

.Index .main .container .left .box2 li .img a { display: block; height: 2.25rem; overflow: hidden; }

.Index .main .container .left .box2 li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }

.Index .main .container .left .box2 li .txt { width: 70%; padding-top: 0.2rem; }

.Index .main .container .left .box2 li .txt h3 { color: #000; font-size: 0.18rem; font-weight: bold; margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; font-family: "BebasNeue"; }

.Index .main .container .left .box2 li .txt p { color: #666; font-size: 0.14rem; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .main .container .left .box2 li .txt .tags-list { display: flex; padding-top: 0.25rem; flex-wrap: wrap; }

.Index .main .container .left .box2 li .txt .tags-list dd a { display: block; background: #ebf3ff; color: #858e99; text-align: center; transition: all .5s; padding: 0.1rem 0.25rem; margin-right: 0.1rem; margin-bottom: 0.1rem; font-size: 0.14rem; }

.Index .main .container .left .box2 li .txt .tags-list dd a:hover { background-color: #1862F6; color: #fff; }

.Index .main .container .left .box2 li .txt .time { display: flex; align-items: center; margin-top: 0.2rem; color: #999; font-size: 0.14rem; }

.Index .main .container .left .box2 li .txt .time i { margin-right: 0.05rem; position: relative; top: 0.02rem; }

.Index .main .container .left .box2 li:hover img { transform: scale(1.2); }

.Index .main .container .left .box2 li:hover h3 { color: #1862F6; }

.Index .main .container .left .box2 li:first-child { padding-top: 0; }

.Index .main .container .right { width: 24.17%; }

.Index .main .container .right .rightBox1 { padding: 0 0.2rem; background: #fff; box-shadow: 0 0.04rem 0.25rem 0 rgba(0, 0, 0, 0.06); border-radius: 0.08rem; overflow: hidden; }

.Index .main .container .right .rightBox1 h3 { font-family: "DIN Alternate Bold"; line-height: 0.46rem; font-size: 0.2rem; font-weight: bold; color: #333333; padding: 0.15rem 0 0.1rem; border-bottom: 1px solid #E3E3E3; }

.Index .main .container .right .rightBox1 ul { padding: 0.2rem 0 0.3rem; }

.Index .main .container .right .rightBox1 ul li { margin-bottom: 0.2rem; }

.Index .main .container .right .rightBox1 ul li a { display: flex; align-items: flex-start; }

.Index .main .container .right .rightBox1 ul li a .mc_index { font-size: 0.28rem; font-family: "BebasNeue"; font-weight: bold; color: #cecece; }

.Index .main .container .right .rightBox1 ul li a .txtBox { padding-left: 0.12rem; }

.Index .main .container .right .rightBox1 ul li a .txtBox h4 { color: #000; margin-bottom: 0.1rem; line-height: 0.24rem; font-size: 0.15rem; transition: all .5s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .main .container .right .rightBox1 ul li a .txtBox .mes { display: flex; align-items: center; color: #999; font-size: 0.13rem; }

.Index .main .container .right .rightBox1 ul li a .txtBox .mes .hot { display: flex; align-items: center; margin-left: 0.2rem; }

.Index .main .container .right .rightBox1 ul li a .txtBox .mes .hot i { color: #e53c3c; font-size: 0.14rem; }

.Index .main .container .right .rightBox1 ul li a:hover h4 { color: #1862F6; }

.Index .main .container .right .rightBox1 ul li:nth-child(1) .mc_index { color: #e53c3c; }

.Index .main .container .right .rightBox1 ul li:nth-child(2) .mc_index { color: #fd9030; }

.Index .main .container .right .rightBox1 ul li:nth-child(3) .mc_index { color: #f7bf42; }

.Index .main .container .right .rightBox2 { margin-top: 0.3rem; padding: 0 0.2rem; background: #fff; box-shadow: 0 0.04rem 0.25rem 0 rgba(0, 0, 0, 0.06); border-radius: 0.08rem; overflow: hidden; }

.Index .main .container .right .rightBox2 h3 { font-family: "DIN Alternate Bold"; line-height: 0.46rem; font-size: 0.2rem; font-weight: bold; color: #333333; padding: 0.15rem 0 0.1rem; border-bottom: 1px solid #E3E3E3; }

.Index .main .container .right .rightBox2 ul { padding: 0.2rem 0 0.3rem; display: flex; flex-wrap: wrap; }

.Index .main .container .right .rightBox2 ul a { display: inline-block; background: #ebf3ff; color: #858e99; text-align: center; transition: all .5s; padding: 0.1rem 0.1rem; margin-right: 0.1rem; margin-bottom: 0.1rem; font-size: 0.15rem; }

.Index .main .container .right .rightBox2 ul a:hover { background-color: #1862F6; color: #fff; }

.Index .main .container .right .rightBox3 { margin-top: 0.3rem; padding: 0 0.2rem; background: #fff; box-shadow: 0 0.04rem 0.25rem 0 rgba(0, 0, 0, 0.06); border-radius: 0.08rem; overflow: hidden; }

.Index .main .container .right .rightBox3 h3 { font-family: "DIN Alternate Bold"; line-height: 0.46rem; font-size: 0.2rem; font-weight: bold; color: #333333; padding: 0.15rem 0 0.1rem; border-bottom: 1px solid #E3E3E3; }

.Index .main .container .right .rightBox3 ul { padding: 0.2rem 0 0.3rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index .main .container .right .rightBox3 ul li { min-width: 50%; padding: 0 0.05rem; margin-bottom: 0.15rem; }

.Index .main .container .right .rightBox3 ul li a { display: block; background: #ebf3ff; color: #858e99; text-align: center; transition: all .5s; padding: 0.15rem 0.1rem; font-size: 0.15rem; border-radius: 0.02rem; }

.Index .main .container .right .rightBox3 ul li a:hover { background-color: #1862F6; color: #fff; }

.Index .main .container .right .rightBox4 { margin-top: 0.3rem; padding: 0 0.2rem; background: #fff; box-shadow: 0 0.04rem 0.25rem 0 rgba(0, 0, 0, 0.06); border-radius: 0.08rem; overflow: hidden; }

.Index .main .container .right .rightBox4 h3 { font-family: "DIN Alternate Bold"; line-height: 0.46rem; font-size: 0.2rem; font-weight: bold; color: #333333; padding: 0.15rem 0 0.1rem; border-bottom: 1px solid #E3E3E3; }

.Index1 .main { margin-top: 0.5rem; }

.Index1 .main .section { margin-bottom: 0.72rem; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }

.Index1 .main .tit { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F3F3F3; }

.Index1 .main .tit h2 { font-size: 0.2rem; font-weight: bold; color: #000; padding-bottom: 0.24rem; position: relative; }

.Index1 .main .tit h2::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0.4rem; height: 0.03rem; background-color: #1862F6; }

.Index1 .main .tit a { font-size: 0.16rem; color: #333; }

.Index1 .main .tit a i { font-size: 0.14rem; color: #ccc; margin-left: 0.05rem; }

.Index1 .main .tit a:hover { color: #1862F6; }

.Index1 .main .banner { width: 65.6%; position: relative; overflow: hidden; border-radius: 0.08rem; --swiper-pagination-color: #fff; /* 两种都可以 */ }

.Index1 .main .banner a { display: block; overflow: hidden; }

.Index1 .main .banner a:hover img { transform: scale(1.1); }

.Index1 .main .banner img { object-fit: cover; height: 5.22rem; }

.Index1 .main .banner .text-box { background: linear-gradient(0.08deg, rgba(27, 30, 29, 0.9) 0%, transparent 100%); position: absolute; bottom: 0; left: 0; right: 0; padding: 0.32rem 0.3rem; }

.Index1 .main .banner .text-box h2 { font-size: 0.18rem; color: #000; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; }

.Index1 .main .banner .swiper-pagination { text-align: right; padding-right: 0.3rem; bottom: 0.2rem; }

.Index1 .main .banner .swiper-pagination-bullet { background: #fff; }

.Index1 .main .list1 { width: 31.2%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.09); padding: 0.44rem 0.4rem 0; border-radius: 0.08rem; }

.Index1 .main .list1 ul li a { padding: 0.16rem 0; display: flex; justify-content: space-between; align-items: center; }

.Index1 .main .list1 ul li a h3 { font-size: 0.16rem; color: #000; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; font-weight: bold; }

.Index1 .main .list1 ul li a p { font-size: 0.15rem; color: #666; }

.Index1 .main .list1 ul li a p.time { color: #999; }

.Index1 .main .list1 ul li a:hover h3 { color: #1862F6; }

.Index1 .main .list1 ul li:first-child { border-bottom: 1px solid #F2F2F2; margin: 0.24rem 0 0.2rem; }

.Index1 .main .list1 ul li:first-child a { display: block; }

.Index1 .main .list1 ul li:first-child a h3 { width: 100%; margin-bottom: 0.16rem; }

.Index1 .main .list1 ul li:first-child a p { line-height: 0.24rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index1 .main .list1 ul li:first-child a p.time { margin-top: 0.15rem; }

.Index1 .main .section2 { justify-content: flex-start; }

.Index1 .main .list2 { width: 31.2%; margin-right: 3.2%; }

.Index1 .main .list2:nth-child(3n) { margin-right: 0; }

.Index1 .main .list2 ul { padding-top: 0.1rem; }

.Index1 .main .list2 ul li { border-bottom: 1px solid #F2F2F2; }

.Index1 .main .list2 ul li a { padding: 0.3rem 0; display: flex; justify-content: space-between; align-items: center; }

.Index1 .main .list2 ul li a h3 { font-size: 0.16rem; color: #000; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; font-weight: bold; }

.Index1 .main .list2 ul li a p { font-size: 0.15rem; color: #666; }

.Index1 .main .list2 ul li a p.time { color: #999; }

.Index1 .main .list2 ul li a:hover h3 { color: #1862F6; }

.Index1 .main .list3 { width: 100%; }

.Index1 .main .list3 ul { padding-top: 0.1rem; display: flex; flex-wrap: wrap; }

.Index1 .main .list3 ul li { border-bottom: 1px solid #F2F2F2; width: 31.2%; margin-right: 3.2%; }

.Index1 .main .list3 ul li:nth-child(3n) { margin-right: 0; }

.Index1 .main .list3 ul li a { padding: 0.3rem 0; display: flex; justify-content: space-between; }

.Index1 .main .list3 ul li a .img-box { width: 1.96rem; height: 1.24rem; margin-right: 0.2rem; overflow: hidden; border-radius: 0.08rem; }

.Index1 .main .list3 ul li a .img-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }

.Index1 .main .list3 ul li a .text-box { flex: 1; padding-top: 0.12rem; }

.Index1 .main .list3 ul li a .text-box h3 { font-size: 0.16rem; line-height: 0.28rem; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s; margin-bottom: 0.2rem; font-weight: bold; }

.Index1 .main .list3 ul li a .text-box p { font-size: 0.15rem; color: #666; }

.Index1 .main .list3 ul li a .text-box p.time { color: #999; }

.Index1 .main .list3 ul li a:hover img { transform: scale(1.1); }

.Index1 .main .list3 ul li a:hover h3 { color: #1862F6; }

.Index1 .main .ad { margin-bottom: 0.7rem; }

.Index1 .main .list4 { width: 100%; }

.Index1 .main .list4 ul { padding-top: 0.4rem; display: flex; flex-wrap: wrap; }

.Index1 .main .list4 ul li { width: 31.2%; margin-right: 3.2%; }

.Index1 .main .list4 ul li:nth-child(3n) { margin-right: 0; }

.Index1 .main .list4 ul li a .img-box { height: 3.3rem; margin-bottom: 0.28rem; overflow: hidden; border-radius: 0.08rem; }

.Index1 .main .list4 ul li a .img-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }

.Index1 .main .list4 ul li a .text-box h3 { font-size: 0.16rem; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .5s; margin-bottom: 0.12rem; font-weight: bold; }

.Index1 .main .list4 ul li a .text-box p { font-size: 0.15rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 0.28rem; }

.Index1 .main .list4 ul li a .text-box p.time { color: #999; }

.Index1 .main .list4 ul li a:hover img { transform: scale(1.1); }

.Index1 .main .list4 ul li a:hover h3 { color: #1862F6; }

.Index1 .main .list5 { width: 100%; }

.Index1 .main .list5 .list5-box { display: flex; justify-content: space-between; padding-top: 0.4rem; flex-wrap: wrap; }

.Index1 .main .list5 .left { width: 50%; }

.Index1 .main .list5 .left a img { height: 5.27rem; }

.Index1 .main .list5 .right { width: 48%; }

.Index1 .main .list5 .right ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index1 .main .list5 .right ul li { width: 48%; }

.Index1 .main .list5 .right ul li:nth-child(1), .Index1 .main .list5 .right ul li:nth-child(2) { margin-bottom: 0.35rem; }

.Index1 .main .list5 .right ul li a img { height: 2.46rem; }

.Index1 .main .list5 a { position: relative; overflow: hidden; display: block; border-radius: 0.08rem; }

.Index1 .main .list5 a img { object-fit: cover; height: 100%; width: 100%; }

.Index1 .main .list5 a .text-box { background: linear-gradient(0.08deg, rgba(27, 30, 29, 0.9) 0%, transparent 100%); position: absolute; bottom: 0; left: 0; right: 0; padding: 0.32rem 0.3rem; }

.Index1 .main .list5 a .text-box h2 { font-size: 0.16rem; color: #000; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; }

.Index1 .main .list5 a:hover img { transform: scale(1.1); }

.Index1 .main .list6 { width: 100%; }

.Index1 .main .list6 ul { padding-top: 0.1rem; display: flex; flex-wrap: wrap; }

.Index1 .main .list6 ul li { border-bottom: 1px solid #F2F2F2; width: 46%; margin-right: 8%; }

.Index1 .main .list6 ul li:nth-child(2n) { margin-right: 0; }

.Index1 .main .list6 ul li a { padding: 0.3rem 0; display: flex; justify-content: space-between; }

.Index1 .main .list6 ul li a .img-box { width: 2.8rem; height: 1.89rem; margin-right: 0.22rem; overflow: hidden; border-radius: 0.08rem; }

.Index1 .main .list6 ul li a .img-box img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }

.Index1 .main .list6 ul li a .text-box { flex: 1; padding-top: 0.12rem; }

.Index1 .main .list6 ul li a .text-box h3 { font-size: 0.16rem; line-height: 0.28rem; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s; margin-bottom: 0.2rem; font-weight: bold; }

.Index1 .main .list6 ul li a .text-box p { font-size: 0.15rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 0.28rem; }

.Index1 .main .list6 ul li a .text-box p.time { color: #999; }

.Index1 .main .list6 ul li a:hover img { transform: scale(1.1); }

.Index1 .main .list6 ul li a:hover h3 { color: #1862F6; }

.Detail .main { margin-top: 0; }

.Detail .topBox { position: sticky; top: 0; z-index: 10; padding: 12px 0; line-height: 0.36rem; }

.Detail .topBox .span { color: #000000; font-size: 0.14rem; margin-right: 0.1rem; }

.Detail .topBox .lan { display: inline-block; color: #666666; font-size: 0.14rem; }

.Detail .topBox .lan i { margin: 0 0.04rem; font-size: 0.12rem; }

.Detail .left { display: flex; }

.Detail .shareBox { flex: 0 0 1rem; position: sticky; top: 0; }

.Detail .shareBox a { display: block; margin-bottom: 0.2rem; }

.Detail .shareBox a img { width: 0.7rem; }

.Detail .contBox { padding: 0.3rem 0; position: relative; }

.Detail .contBox h2 { color: #000000; font-weight: bold; font-size: 0.24rem; padding-bottom: 0.2rem; border-bottom: 1px solid #DCE4F0; margin-bottom: 0.2rem; text-align: center; }

.Detail .contBox .iconBox { display: flex; justify-content: space-between; }

.Detail .contBox .iconBox .icon_l { display: flex; }

.Detail .contBox .iconBox .icon_l .icon_i { color: #666666; font-size: 0.14rem; display: flex; align-items: center; margin-right: 0.2rem; }

.Detail .contBox .iconBox .icon_l .icon_i i { font-size: 0.16rem; margin-right: 0.05rem; position: relative; top: 0.02rem; }

.Detail .contBox .iconBox .icon_r { display: flex; color: #666666; font-size: 0.14rem; }

.Detail .contBox .iconBox .icon_r span { margin-left: 0.2rem; }

.Detail .contBox .detailXq { margin-top: 0.3rem; }

.Detail .contBox .detailXq p { color: #000000; font-size: 0.16rem; line-height: 0.28rem; margin-bottom: 0.2rem; }

.Detail .contBox .detailXq p video { width: 100%; height: auto; display: block; }

.Detail .contBox .detailXq img { width: 100%; margin-bottom: 20px; display: block; }

.Detail .contBox .detailXq a { transition: all .5s; }

.Detail .contBox .detailXq a:hover { color: #1862F6; }

.Detail .contBox .tags-list { display: flex; flex-wrap: wrap; height: auto; overflow: hidden; margin-top: 0.5rem; }

.Detail .contBox .tags-list dd a { cursor: pointer; display: block; background: #ebf3ff; color: #858e99; text-align: center; transition: all .5s; padding: 0.1rem 0.25rem; margin-right: 0.1rem; margin-bottom: 0.1rem; font-size: 0.15rem; }

.Detail .contBox .tags-list dd a:hover { background-color: #1862F6; color: #fff; }

.Detail .contBox .pageNum { margin-top: 0.5rem; padding: 0.3rem 0.2rem; background-color: #F5F5F5; }

.Detail .contBox .pageNum .prev, .Detail .contBox .pageNum .next { display: flex; align-items: center; font-size: 0.16rem; }

.Detail .contBox .pageNum .prev span, .Detail .contBox .pageNum .next span { color: #8E8E8E; }

.Detail .contBox .pageNum .prev p, .Detail .contBox .pageNum .next p { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; }

.Detail .contBox .pageNum .prev:hover p, .Detail .contBox .pageNum .next:hover p { color: #1862F6; }

.Detail .contBox .pageNum .next { margin-top: 0.2rem; }

.Detail .contBox .state { background-color: #F5F5F5; margin-top: 0.6rem; padding: 0.3rem 0.2rem; }

.Detail .contBox .state h4 { font-size: 0.18rem; color: #1862F6; margin-bottom: 0.2rem; }

.Detail .contBox .state p { color: #000000; font-size: 0.16rem; line-height: 0.28rem; margin-bottom: 0.2rem; }

.Detail .contBox .state p a { color: #1862F6; }

/* 产品试用 */
.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.3rem 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; }

/* 右侧悬浮 */
.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; }

.rightBox4 .commonOrder { width: 100%; margin-top: 0.3rem; }

.rightBox4 .commonOrder .submit { margin: 0 auto 0.4rem; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { @keyframes moveRightSlideshow { 100% { -webkit-transform: translateX(-14.64rem);
      transform: translateX(-14.64rem); } }
  @keyframes moveLeftSlideshow { 0% { -webkit-transform: translateX(-14.64rem);
      transform: translateX(-14.64rem); }
    100% { -webkit-transform: translateX(0);
      transform: translateX(0); } }
  .container { width: 100% !important; padding: 0 .3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  /* 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.4rem; height: .59rem; background: url("../images/logo2.png") no-repeat center/100%; }
  .header.child-site:hover .head .logo, .header.child-site.white .head .logo { background: url("../images/logo3.png") no-repeat center/100%; }
  /* 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: 2rem; display: block; margin-bottom: .4rem; }
  .footer .footer-xs .left p, .footer .footer-xs .left a { color: #758296; 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: #758296; font-size: .24rem; margin-top: .15rem; }
  .page-box { margin: 0.4rem 0; }
  .page-box .common-btn { font-size: 0.28rem; color: #1862F6; text-align: center; }
  .page-box .no-more { color: #999; font-size: 0.26rem; text-align: center; }
  .Index .main { margin-top: 0.3rem; }
  .Index .main .container { display: block; }
  .Index .main .container .left { width: 100%; }
  .Index .main .container .left .box1 { display: block; }
  .Index .main .container .left .box1 .banner { width: 100%; margin-bottom: 0.2rem; }
  .Index .main .container .left .box1 .banner .swiper-button-next, .Index .main .container .left .box1 .banner .swiper-button-prev { display: none; }
  .Index .main .container .left .box1 .banner .txt { padding: 0.2rem; }
  .Index .main .container .left .box1 .banner .txt h3 { font-size: 0.26rem; width: 80%; }
  .Index .main .container .left .box1 .banner .txt span { font-size: 0.24rem; }
  .Index .main .container .left .box1 .imgs { width: 100%; }
  .Index .main .container .left .box1 .imgs .item { margin-bottom: 0.2rem !important; }
  .Index .main .container .left .box1 .imgs .item img { width: 100%; transition: all .5s; }
  .Index .main .container .left .box1 .imgs .item .txt { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); padding: 0.15rem 0.3rem; display: flex; align-items: center; justify-content: space-between; }
  .Index .main .container .left .box1 .imgs .item .txt h3 { color: #fff; font-size: 0.18rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .Index .main .container .left .box1 .imgs .item:hover img { transform: scale(1.2); }
  .Index .main .container .left .box2 { margin-top: 0.1rem; }
  .Index .main .container .left .box2 li { display: block; }
  .Index .main .container .left .box2 li .img { width: 100%; }
  .Index .main .container .left .box2 li .img a { height: auto; }
  .Index .main .container .left .box2 li .txt { padding-left: 0; width: 100%; padding-top: 0.3rem; }
  .Index .main .container .left .box2 li .txt h3 { font-size: 0.3rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .Index .main .container .left .box2 li .txt p { font-size: 0.26rem; line-height: 0.45rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .Index .main .container .left .box2 li .txt .time { font-size: 0.24rem; margin-top: 0.26rem; }
  .Index .main .container .left .box2 li .txt .time i { margin-right: 0.05rem; font-size: 0.22rem; }
  .Index .main .container .left .box2 li .txt .tags-list { padding-top: 0.3rem; }
  .Index .main .container .left .box2 li .txt .tags-list dd a { font-size: 0.24rem; padding: 0.15rem 0.26rem; margin-right: 0.2rem; margin-bottom: 0.2rem; }
  .Index1 .main .section { margin-bottom: 0.6rem; }
  .Index1 .main .tit h2 { font-size: 0.32rem; padding-bottom: 0.3rem; }
  .Index1 .main .tit h2::before { height: 0.04rem; }
  .Index1 .main .tit a { font-size: 0.26rem; }
  .Index1 .main .tit a i { font-size: 0.24rem; }
  .Index1 .main .banner { width: 100%; margin-bottom: 0.4rem; }
  .Index1 .main .banner img { height: 4rem; }
  .Index1 .main .banner .text-box { padding: 0.4rem 0.3rem; }
  .Index1 .main .banner .text-box h2 { font-size: 0.28rem; }
  .Index1 .main .list1 { width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.09); padding: 0.44rem 0.4rem 0.3rem; margin-bottom: 0.4rem; }
  .Index1 .main .list1 ul li a { padding: 0.2rem 0; }
  .Index1 .main .list1 ul li a h3 { font-size: 0.3rem; color: #000; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s; }
  .Index1 .main .list1 ul li a p { font-size: 0.26rem; }
  .Index1 .main .list1 ul li:first-child { margin: 0.3rem 0 0.3rem; }
  .Index1 .main .list1 ul li:first-child a { display: block; }
  .Index1 .main .list1 ul li:first-child a h3 { margin-bottom: 0.2rem; }
  .Index1 .main .list1 ul li:first-child a p { line-height: 0.42rem; }
  .Index1 .main .list2 { width: 100%; margin-right: 0; margin-bottom: 0.8rem; }
  .Index1 .main .list2 ul li a h3 { font-size: 0.3rem; }
  .Index1 .main .list2 ul li a p { font-size: 0.26rem; }
  .Index1 .main .list2:last-child { margin-bottom: 0; }
  .Index1 .main .list3 ul li { width: 100%; margin-right: 0; }
  .Index1 .main .list3 ul li a .img-box { width: 2.6rem; height: 1.8rem; margin-right: 0.3rem; }
  .Index1 .main .list3 ul li a .text-box { padding-top: 0; }
  .Index1 .main .list3 ul li a .text-box h3 { font-size: 0.3rem; line-height: 0.42rem; margin-bottom: 0.2rem; }
  .Index1 .main .list3 ul li a .text-box p { font-size: 0.26rem; }
  .Index1 .main .list4 ul li { width: 100%; margin-right: 0; margin-bottom: 0.4rem; }
  .Index1 .main .list4 ul li a .img-box { height: 3.5rem; }
  .Index1 .main .list4 ul li a .text-box h3 { font-size: 0.3rem; margin-bottom: 0.15rem; }
  .Index1 .main .list4 ul li a .text-box p { font-size: 0.26rem; line-height: 0.42rem; }
  .Index1 .main .list4 ul li a:hover img { transform: scale(1.1); }
  .Index1 .main .list4 ul li a:hover h3 { color: #1862F6; }
  .Index1 .main .list4 ul li:last-child { margin-bottom: 0; }
  .Index1 .main .list5 { width: 100%; }
  .Index1 .main .list5 .left { width: 100%; margin-bottom: 0.3rem; }
  .Index1 .main .list5 .left a img { height: 5rem; }
  .Index1 .main .list5 .right { width: 100%; }
  .Index1 .main .list5 .right ul li { width: 48%; }
  .Index1 .main .list5 .right ul li:nth-child(1), .Index1 .main .list5 .right ul li:nth-child(2) { margin-bottom: 0.3rem; }
  .Index1 .main .list5 .right ul li a img { height: 2.4rem; }
  .Index1 .main .list5 a .text-box { padding: 0.4rem 0.3rem; }
  .Index1 .main .list5 a .text-box h2 { font-size: 0.28rem; width: 100%; }
  .Index1 .main .list6 ul li { width: 100%; margin-right: 0; }
  .Index1 .main .list6 ul li a .img-box { width: 2.6rem; height: 1.8rem; margin-right: 0.3rem; }
  .Index1 .main .list6 ul li a .text-box { padding-top: 0; }
  .Index1 .main .list6 ul li a .text-box h3 { font-size: 0.3rem; line-height: 0.28rem; margin-bottom: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: normal; }
  .Index1 .main .list6 ul li a .text-box p { font-size: 0.26rem; line-height: 0.42rem; }
  .Detail .topBox { line-height: 0.36rem; }
  .Detail .topBox .span { font-size: 0.26rem; margin-right: 0.1rem; }
  .Detail .topBox .lan { font-size: 0.26rem; }
  .Detail .topBox .lan i { font-size: 0.26rem; }
  .Detail .left { display: block; }
  .Detail .contBox h2 { font-size: 0.34rem; padding-bottom: 0.3rem; margin-bottom: 0.3rem; line-height: 0.48rem; }
  .Detail .contBox .iconBox .icon_l .icon_i { font-size: 0.24rem; }
  .Detail .contBox .iconBox .icon_l .icon_i i { font-size: 0.24rem; }
  .Detail .contBox .iconBox .icon_r { font-size: 0.24rem; }
  .Detail .contBox .detailXq p { font-size: 0.26rem; line-height: 0.5rem; }
  .Detail .contBox .tags-list { padding-top: 0.3rem; }
  .Detail .contBox .tags-list dd a { font-size: 0.25rem; padding: 0.15rem 0.26rem; margin-right: 0.2rem; margin-bottom: 0.2rem; }
  .Detail .contBox .pageNum .prev, .Detail .contBox .pageNum .next { font-size: 0.26rem; }
  .Detail .contBox .pageNum .prev p, .Detail .contBox .pageNum .next p { width: 80%; }
  .Detail .contBox .pageNum .next { margin-top: 0.3rem; }
  .Detail .contBox .state h4 { font-size: 0.3rem; line-height: 0.46rem; }
  .Detail .contBox .state p { font-size: 0.26rem; line-height: 0.5rem; }
  /* 产品试用 */
  .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; }
  /* 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; } }
