@charset "UTF-8";
/*样式初始化*/
*{-webkit-touch-callout:none;  /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-khtml-user-select:none; /*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-select:none; /*IE10*/user-select:none;}
html{-webkit-text-size-adjust: 100%; font-size: 62.5%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0; -webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-sizing: border-box;}
body{font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-size: 12px;overflow-x: hidden; width:100%;position: relative; height: 100%;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
a{background: transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0; color: #000;}
small{font-size:80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{ width: 100%;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto; white-space: pre; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;}
input{line-height: normal;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-user-select:auto; /*webkit浏览器*/}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
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: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0;}
textarea{overflow: auto; resize: vertical;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3 {line-height:2; font-weight: normal;}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
i{font-style: normal;}
html,body{background: #fafafa;position: relative;}
::-ms-clear,::-ms-reveal{display:none;}
*{-webkit-tap-highlight-color: transparent;-webkit-overflow-scrolling:touch;box-sizing: border-box;-moz-box-sizing: border-box;/* Firefox */-webkit-box-sizing: border-box;/* Safari */}
textarea{outline: none;line-height: 14px;padding-left: 4px;padding-top: 4px;border: 1px solid #ccc;color: #444;font-size: 14px;outline: none;text-align: left;}
.img-full{display: block;width: 100%;}
::-webkit-input-placeholder {color: #777;}
:-moz-placeholder{ /* Firefox 18- */ color:#777;}
::-moz-placeholder{ /* Firefox 19+ */ color:#777;}
:-ms-input-placeholder {color:#777;}
input:focus{outline: 0;-webkit-box-shadow: none;box-shadow: none;}
figure{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}

/* 自定义样式开始 */
/*----------- 基础样式 ------------*/
.clear:after {clear: both;display: block;content: '';}
.text_overflow{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix:after{ clear: both;display: block;visibility: hidden;height: 0;content: ".";}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clear{clear: both;}
.clearmg{margin: 0 !important;}
.clearpd{padding: 0 !important;}
.bdbr-1px, .bdbt-1px, .bdr-1px, .bdl-1px{position: relative;}
/*线条*/
.bdbt-1px:before{position: absolute;top: 0;right: 0;left: 0;z-index: 1;border-top: 1px solid #d9d9d9;content: "";-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.bdbb-1px:after{position: absolute;right: 0;bottom: -1px;left: 0;z-index: 1;/*border-bottom: 1px solid #d9d9d9;*/content: "";-webkit-transform: scaleY(0.5);transform: scaleY(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.bdl-1px:before{position: absolute;top: 0;bottom: 0;left: 0;z-index: 1;border-left: 1px solid #d9d9d9;content: "";-webkit-transform: scaleX(0.5);transform: scaleX(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.bdr-1px:after{position: absolute;top: 0;right: 0;bottom: 0;z-index: 1;border-right: 1px solid #d9d9d9;content: "";-webkit-transform: scaleX(0.5);transform: scaleX(0.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.fl{float: left;}
.fr{float: right;}
.hide{display:none;}
.show{display:block;}
.bg-w{background:white;}
/*单行省略*/
.nowrap {  overflow: hidden; /*设置超过的隐藏*/   -o-text-overflow: ellipsis; /*兼容opera*/  text-overflow: ellipsis; /*这就是省略号喽*/  white-space: nowrap; /*设置不折行*/  }
/*多行省略*/
.mowrap {  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  }
html{background: #F2F5FA;width: 100%;height: 100%;}
/* body::before{content: '';height: .5rem;display: block;} */
div {box-sizing: border-box;}
.fl{float:left;}
.fr{float:right}
.text-nowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-mowrap{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.mask{position: fixed;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,.5);z-index:997 !important;display: none;}
.mask-white{position: fixed;top:0;right:0;bottom:0;left:0;z-index:998;}
/* .5像素 */
.bdt-1px,.bdb-1px,.bdl-1px,.bdr-1px,.bd-1px{position: relative;}
.bd-1px::before{content: '';position:absolute;top:0;right:0;bottom:0;left:0;width: 200%;height: 200upx;border: 1upx solid #DFE3E6;transform: scale(.5,.5);box-sizing: border-box;transform-origin: 0 0;}
.bdb-1px:after,.bdt-1px:before{content: "";position: absolute;left:0;right: 0;height:1px;background:#DFE3E6;transform: scaleY(0.5);transform-origin: 50% 100%;}
.bdl-1px:before,.bdr-1px:after{content: "";position: absolute;top: 0;bottom:0;width:1px;height: 100%;background:#DFE3E6;transform: scaleX(0.5);transform-origin: 50% 100%;}
.bdb-1px:after{bottom:0;}
.bdt-1px:before{top:0;}
.bdl-1px:before{left:0;}
.bdr-1px:after{right:0;}
/* 自定义导航栏头部 */
.head-phone {width: 100%;background: rgba(54, 136, 255, 1);display: flex;justify-content: center;font-size: .18rem;font-weight: 500;color: #FFFFFF;align-items: center;padding: .04rem 0;position: sticky;z-index: 9999;}
.head-phone img {width: .16rem;height: .17rem;margin-right: .1rem;}

.nav {position: sticky;top: 0;left: 0;z-index: 999;width: 100%;height: .5rem;background: #fff;display: flex;justify-content:space-around;align-items: center;box-shadow:0rem .01rem .03rem 0rem rgba(0, 0, 0, 0.25);}
.nav-left {width: 1.45rem;height: .4rem;}
.nav-txt{width: 1.6rem;height: auto;color: rgba(14, 133, 255, 1);font-size: .12rem;font-weight: bold;transform: scale(.9);}
.nav-right{width:.2rem;height: .16rem;display: flex;align-items: center;}
/* 自定义导航栏头部 end*/
	/* 侧边栏弹窗 */
.serve-box {width: 100%;background: #000000;}
.serve-box .serve-main{position: fixed;bottom:0;left: -80%;z-index: 998;width: 80%;transition: all .3s ease;transform: translatex(0);background: #fff;height:100vh;box-shadow:0rem 0rem .01rem 0rem rgba(0, 0, 0, 0.25);padding: .3rem .25rem .60rem .325rem; padding-top: 1rem;}
.serve-box .serve-show{transform: translatex(100%)!important;}
.serve-main-moer{width: 100%;height: 100%;overflow: auto;}
.serve-main-title {width:auto;height:auto;font-size:.16rem;font-weight:600;color:rgba(52,52,52,1);margin-bottom: .365rem;display: block;}
.serve-display{display: flex;align-items: center;}
.serve-main-shang {width: .15rem;height: .09rem;margin-left: .095rem;transition: all .3s ease;transform:rotate(180deg)}
.serve-main-shang2{transform:rotate(0deg);transition: all .3s ease;}
.serve-main-product-box {margin-bottom: .25rem;display: none;padding-left: .2rem;}
.serve-main-product-box .item {margin-bottom: .2rem;font-size: .16rem;color: #333;display: block;}
	/* 侧边栏弹窗 */
/* 公共尾部 */
.footer{width: 100%;min-height: 4rem;background: url(../img/index-75.png)no-repeat rgba(8, 8, 10, .9);background-size: 100%;display: flex;flex-direction: column;align-items: center;}
/* 第一部分 */
.footer-top {width: 97%;height: auto;display: flex;padding: .2rem;justify-content: space-between;}
.footer-top .left {width: 65%;}
.footer-top .left-top {font-size: .16rem;font-weight: 500;color: #FFFFFF;display: flex;justify-content: space-between;align-items: center;margin-bottom: .1rem;}
.footer-top .left-top .t2 {font-size: .12rem;font-weight: 400;color: #B3B3B3;}
.footer-top .left img{width: .16rem;height: .14rem;margin-right: .05rem;}
.footer-top .left-bottom {margin-left: .1rem;}
.footer-top .left-bottom .item {align-items: center;display: flex;color: rgba(14, 133, 255, 1);font-size: .2rem;font-weight: bold;margin-bottom: .1rem;}
.footer-top .right{display: flex;flex-direction: column;font-size: .12rem;color: #CCCCCC;align-items: center;}
.footer-top .right img{width: .85rem;height: .85rem;margin-bottom: .1rem;}
/* 第二部分 */
.footer-main-2 {width: 100%;padding: .1rem .09rem;display: flex;flex-direction: column;align-items: center;}
.footer-main-2-scheme {display: flex;width: 95%;justify-content: space-between;padding: .15rem 0;color: #fff;font-size: .16rem;font-weight: bold;}
.footer-main-2-scheme img {width: .10rem;height: .2rem;}
.footer-main-2-me {width: 95%;color: #fff;height: auto;}
.footer-main-2-title {font-size: .16rem;font-weight: 600;color: #FFFFFF;margin-top: .05rem;}
.footer-main-2-box {display: flex;flex-wrap: wrap;margin-top: .2rem;font-size: .14rem;}
.footer-main-2-box .item {width: 24%;color: rgba(204, 204, 204, 1);margin-bottom: .1rem;}
/* 第三部分 */
.footer-main-3 {width: 100%;height: .51rem;display: flex;flex-direction: column;align-items: center;font-size: .12rem;font-weight: 400;color: #808080;background: rgba(14, 15, 18, 1);justify-content: center;margin-bottom: .6rem;}
.footer-main-4{width: 100%;height: .60rem;display: flex;justify-content: space-between;background-color: rgba(8, 8, 10, 1);position: fixed;bottom: 0;left: 0;z-index: 1000;}
.footer-main-4 img{width: .25rem;height: .25rem;margin-right: .04rem;}
.footer-main-4 .item {width: 23%;display: flex;justify-content: center;align-items: center;font-size: .15rem;font-weight: 400;color: #FFFFFF;}
.footer-main-2-state {display: none;}

.page{text-align: center;padding: 40px 0;}
.page a,.page span{display:inline-block;*display: inline;zoom:1;line-height:32px;margin:0 5px;padding:0 12px;background:#f2f2f2;transition: all 0.2s ease;}
.page span.cur,.page a:hover{background:#0E85FF;color:#fff;}

.mask-box {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 2.4rem;height: 2rem;background: #FFFFFF;border-radius: .06rem;z-index: 10000;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: scale(0);transition: all .5s;
box-shadow: 0px -6px 8px 5px rgba(0, 0, 0, 0.05);}
.mask-box .m-img {width:.56rem;height: .56rem;margin-bottom: .1rem;}
.mask-box .m-x {position: absolute;top: .15rem;right: .15rem;width: .15rem;height: .15rem;}
.mask-box .m1 {font-size: .15rem;font-weight: 600;color: #333333;}
.mask-box .m2 {font-size: .12rem;font-weight: 400;color: #999999;margin: .02rem 0;}
.mask-box .m3 {width: 1rem;height: .32rem;background: #53C647;border-radius: .04rem;color: #fff;font-size: .15rem;text-align: center;line-height: .32rem;margin-top: .1rem;}