@charset "utf-8";
@font-face {
    font-family: 'Regular';
    src: url('./DINPro-Regular.otf');
}
html, body, div, dl, dd, dt, ul, ol, li, a, i, font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px}
html { height: 100%;font-size: 16px;}
body { font-size :14px; font-family: 'Regular','微软雅黑'; height: 100%; overflow: auto; }
a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-decoration:none; cursor:pointer; color:#707070}
a:hover { text-decoration:none  }
i { display:-moz-inline-stack; display:inline-block; font-style:normal}
table{ border-collapse:collapse; border-spacing:0px}
ol, ul, li { list-style:none}
img { border:0px none; }
input[type=text], input[type=button], input[type=submit], input[type=reset] { font-family: 'Regular','微软雅黑'; -webkit-appearance:none; font-size:100%; outline:none 0}
select { padding:0px}
textarea { font-family: 'Regular','微软雅黑'; resize:none}
:focus { outline:none; }
.container { height: 100% }
input{font-size:14px;}

* {
-webkit-tap-highlight-color:transparent;
}
/** 工具 **/
.row { margin: 0 auto }
.bgf3 { background: #f3f3f3 }
.bgred { background: #e60012 }
.clear { clear:both}
.fl { float:left}
.fr { float:right}
.psa { position:absolute}
.psr { position:relative}
.psf { position:fixed}
.vat { vertical-align:top}
.vam { vertical-align:middle}
.vab { vertical-align:bottom}
.cp { cursor:pointer}
.db { display:block}
.di { display:inline-block}
.dn { display:none}
.tal { text-align:left}
.tac { text-align:center}
.tar { text-align:right}
.oh { overflow:hidden}
.oxs { overflow:hidden; overflow-x:scroll}
.oys { overflow:hidden; overflow-y:scroll}
.ha { height:auto; overflow:auto}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml30 { margin-left:30px}
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mt-100 { margin-top: 100% }
.pt5 { padding-top:5px}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt15 { padding-top:15px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.fs13 { font-size:13px}
.fs14 { font-size:14px}
.fs15 { font-size:15px}
.fs16 { font-size:16px}
.am3 { transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.sl { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:auto; height:auto}
.editorDetail p:first-child { margin-top:0px}
.editorDetail img { max-width:100%}
.bold{font-weight:bold}
.emptyTip { clear:both; font-size:12px; color:#888; padding:30px 0; margin:0px; text-align:center; overflow:hidden}
.img { position: relative; overflow: hidden; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.img img { transition:all .5s ease-out; -webkit-transition:all .5s ease-out; background: #fff}
.img:hover { background: #fff }
.img:hover img { opacity: .7; -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); background:#000}
div.img { position:relative; overflow:hidden; /*background:#dadada url(/com/img/i.png) no-repeat center;*/ background-size:40% auto}
div.img > img { position:relative; width:100%; height:100%}

.YPMsg { min-width:150px;height:50px;position:fixed; padding:15px 20px; line-height:50px;background:rgba(0,0,0,0.7); z-index:-1; border-radius:8px; color:#fff; bottom:0!important;top:50%;margin-top: -25px;font-size:18px;  max-width:400px; text-align:center;}
.loading { display:none; width:0px; height:0px}
.loading > div { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:999; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; z-index:9990}
.loading > div > div { background:rgba(0,0,0,0.8); padding:20px; border-radius:10px;}
.ldi,.ldi>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.ldi{display:block;font-size:0;color:#fff}.ldi.la-dark{color:#fff}.ldi>div{display:inline-block;float:none;background-color:currentColor;border:0 solid #ddd}.ldi{width:32px;height:32px}.ldi>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 1s linear infinite;animation:ball-clip-rotate 1s linear infinite}.ldi.la-sm{width:16px;height:16px}.ldi.la-sm>div{width:16px;height:16px;border-width:1px}.ldi.la-2x{width:48px;height:48px}.ldi.la-2x>div{width:48px;height:48px;border-width:4px}.ldi.la-3x{width:96px;height:96px}.ldi.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.flex{display: flex;}
html, body, ul, li, p, h1, h2, h3, h4, h5, h6, input, form, dd, dt, dl, ol, caption, td, tr, th, hr, header, footer, blockquote, pre, fieldset, legend, aside, nav, section {
    padding: 0;
    margin: 0
}

html, body {
    width: 100%;
    height: 100%
}

body {
    font-family: Tahoma, Helvetica, "microsoft yahei", "Hiragino Sans GB", Simsun, \5b8b\4f53, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none
}

ul, li {
    list-style: none
}

table, div, img {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    vertical-align: middle
}

button, input, select, textarea {
    outline: 0;
    font-family: inherit
}

:focus {
    outline: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
    background: #fff
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

select {
    font-family: "microsoft yahei";
    color: #666
}

.clear, .clearfix {
    zoom: 1
}

.clear:after, .clearfix:after {
    content: '';
    display: block;
    clear: both
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
    border: 0 none
}





/*导航设置*/
.mainBanner{
    width: 100%;
    background: url(../images/banner-bgc.png)  bottom center no-repeat ;
    background-size: cover;
}

.bannerBox{
    width:1200px;
    height: 458px;
    position: relative;
    margin-top: 110px!important;
    overflow: hidden;
    margin: auto;
}
.header-nav {
  position: absolute;
  width: 100%;
  height: 46px;
  color: #fff;
  border-bottom: 1px solid rgba(102, 102, 102, 0.05);
  background: rgba(0,0,0,.8);
  z-index:988;
  top:79px;
}
.header-menu {
  text-align: center;
  height: 65px;
  line-height: 65px;
  position: absolute;
  top:0;
  width: 100%;
}
 .header-menu .header-menu-item{
  position: relative;
  display: inline-block;
   height: 65px;
   
}
.header-menu .header-menu-item .header-menu-title{
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  margin:0 27px;
  font-size:16px;
  color:#666666;
  transition: all .2s 
}
/*.header-menu .header-title {
  display: block;
  padding: 0 40px;
  line-height: 46px;
  font-size: 16x;
  cursor: pointer;
  color: #fff;
}*/
.header-menu .header-menu-item.active .header-menu-title{
  color: #4980fe;
}
.header-menu .header-menu-item .header-menu-title:hover {
    color: #acacac;
}
.header-menu .header-menu-item.active:after {
  content: '';
  width: 18px;
  height: 2px;
  background: #4980fe;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9px

}

.header-menu .header-title[href="javascript:void(0)"] {
  cursor: default;
}
.header-menu .header-menu-item .second-nav{width:130%;background: #fff;  border-radius: 4px;box-shadow: 0 4px 10px rgba(102, 102, 102, 0.2);-webkit-box-shadow: 0 4px 10px rgba(102, 102, 102, 0.2);position:absolute;display: none;transition: all .5s;top:65px;left: -15%; }
.header-menu .header-menu-item:hover .second-nav{display: block}
.header-menu .header-menu-item .second-nav a{color: #666;line-height:20px;padding:10px 0px;display: block;margin:auto;font-size: 14px;width: 83%;   text-align:center;     transition: all .2s;border-bottom: 1px solid #f2f2f2;}
/*.header-menu .header-menu-item .second-nav:before{content:'';width: 37px;height: 3px;background: #2073b4; display: block;margin:5px 0 5px 0px;}*/
.header-menu .header-menu-item .second-nav a:hover{color: #cacaca!important;}

/*banner设置*/
.indexBanner { clear:both; width: 975px; height:458px; z-index:2;border-radius: 3px; float:right; overflow: hidden;}
.indexBanner .flexslider { position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;z-index:3 }
.indexBanner .flexslider > div { position:relative; width:100%; height:100%}
.indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides > li { width:100%; height:100%; }
.indexBanner .flexslider ul.slides > li > a { width:100%; height:100%; background:no-repeat center; background-size:contain}
.indexBanner .flex-control-nav { width:100%; position:absolute; bottom:9px; text-align:center; z-index:6}
.indexBanner .flex-control-nav > li { margin:0 6px; display:inline-block; zoom:1; *display:inline; }
.indexBanner .flex-control-paging li { width:8px; height:8px; overflow:hidden}
.indexBanner .flex-control-paging li a { background: #fff; border-radius:50%;color:#fff;overflow:hidden; cursor:pointer; opacity: 0.4;height: 8px;margin-bottom: 15px;}
.indexBanner .flex-control-paging li a:hover {  background: #fff;opacity: 0.4; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.indexBanner .flex-control-paging li i { width:8px; height:8px; background:#fff; border-radius:50%; overflow:hidden;}
.indexBanner .flex-control-paging li a.flex-active {  background: #fff;opacity: 1;}
.indexBanner .flex-control-paging li a:hover {  background: #fff;opacity: 1;}
.indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides li { background-position:center; background-size:cover}

.function-list{ box-sizing: border-box; height:453px; width:205px;margin-right:20px; background:#1789F2;border-radius: 6px;}
.function-list li{padding-left: 25px; background: url(../images/list-icon.png) no-repeat 30px 20px; margin:5px 0px; position: relative;}
.function-list li > div{display: none;}
.function-list li:first-child > div{display: block;}
.function-list li:nth-of-type(2){background: url(../images/list-icon1.png) no-repeat 30px 20px}
.function-list li:nth-of-type(3){background: url(../images/list-icon3.png) no-repeat 32px 21px}
.function-list li:after{ width:6px;height:9px;content:"";background: url(../images/sanjiao.png) right center no-repeat; position: absolute; right: 0; top: 25px;right: 30px;}
.function-list a{ margin-top:20px;padding:0 30px;font-size:14px; color: #deeaff; width:115px; overflow: hidden; height: 19px; }
.function-list a:hover{ color: #FFFFFF}
.function-list .hot-apiIcon{background: url(../images/host-apired.gif)  no-repeat 0px 2px; background-size:16%;overflow: hidden;  width: 115px;height:19px ;}
.function-list .hot-apiIcon2{background: url(../images/host-apired2.gif)  no-repeat 8px 1px; background-size:6%; }
.contentBox{background:#f2f4f9; width: 100%;min-width: 1200px;}


/**标题**/
.contentTitle{font-size:20px;color:#000;font-weight:bold;padding:25px 0;padding-left:30px; background:url(../images/icon.png) left 25px no-repeat;}
.contentTitle span{ color:#d9deeb;font-weight: 100;margin-left: 20px;}
.contentTitle .more{font-size:14px; float:right; color: #7582a4;font-size: 14px; font-weight: 100}
.dataTitle{ background:url(../images/icon.png) left -49px no-repeat;}
.partnertitle{ background:url(../images/icon.png) left -123px no-repeat;padding-bottom: 16px!important;}

/**热门服务**/
.hotContent li{margin-right:20px; width: 224px; background: #fff;height:240px; border-radius: 3px;text-align: center;float: left;transition: all .1s;}
.hotContent li .datafree{    width: 68px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #FF5441;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;}
.hotContent li a{ display: flex;flex-direction: column;;justify-content: center;align-items: center;}
.hotContent li:hover{box-shadow: 0 0 5px #e1e4ed}
.hotContent li:last-child{margin-right:0}
.hotContent li .dataimg{width: 65px; height: 65px; display:block; margin-top:30px;margin-bottom:20px; background-size: cover; background-repeat: no-repeat; background-position: center;background-image: url(/images/default.png)}
.hotContent li .datatitle{font-size: 14px; color: #606162;margin-bottom:10px; display: block}
.hotContent li .dataprice{ color: #fe3419;font-size:14px;margin-bottom:20px;display: block}
.hotContent li .databtn{ padding: 0 30px;height: 30px;  color: #fff;font-size:14px; display: block;border-radius: 30px;line-height: 30px; float:left;background:#4980fe}
.hotContent li .databtnFree{background:#29C287 !important;}

/**小banner**/
.smallBanner{ width: 100%; height: 130px; background: #fff; margin-top:30px;border-radius: 3px;overflow: hidden}

/**一级菜单**/
.firstMenu{ width:250px;height:320px;box-sizing: border-box; border-radius: 3px;padding:30px;background:url(../images/bg01.jpg) no-repeat;float: left;}
.firstMenu .dataimg{width: 90px; height: 65px;display:block;background-size:contain; background-repeat: no-repeat; background-position: 0 0}
.firstMenu .datatitle{ width:100%;display:block;font-size:20px; color: #fff;font-weight: bold;margin-top:20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.firstMenu .dataprice{width:100%;display:block;font-size:16px; color: #fff;margin-top:5px;}
.firstMenu .datadetail{width:100%; display:block;font-size:14px;color: #fff;margin-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.firstMenu .databtn{ padding:0 20px;height:35px; line-height: 35px; font-size: 14px; color:#52a1fd;background: #fff;margin-top:20px; display: block; border-radius: 35px;float: left;}
.cardata{background:url(../images/bg02.jpg) no-repeat;}
.cardata .databtn{color:#fd9027}
.zxdata{background:url(../images/bg03.jpg) no-repeat;}
.zxdata .databtn{color:#f56354}
/**核心数据**/
/*.coreData{ margin-left:20px;width:670px; height:320px;background: #fff;border-radius: 3px;float: left; position: relative; padding: 0 30px;box-sizing:border-box}
.coreData:before{ content:''; width:calc(100% - 60px);height: 1px;background: #e4e4e4; position: absolute;left: 30px; top:50%}
.coreData:after{content:'';width: 1px; height: calc(100% - 60px);background: #e4e4e4; position: absolute;left: 50%; top: 30px;}
.coreData a{ width: 50%; height: 50%; float: left; padding-top: 25px; box-sizing: border-box}
.coreData .dataimg{ width: 50px;height:50px; background-size: cover; background-repeat: no-repeat; background-position: 0 0; display: block;float: left;background-image:url(../images/default.png);}
.coreData  div{ float: left; width: calc(100% - 70px); margin-left:20px; padding-right:25px; box-sizing: border-box}
.coreData .datatitle{font-size:14px; color:#606162;float: left;width: 200px;}
.coreData .datadetail{margin-top:15px;font-size:12px; color: #969595; width: 210px;float: left;line-height:16px;max-height:40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coreData .dataprice{ font-size: 14px; color: #fe3419;float: left;margin-top:20px}
/*.coreData a:nth-of-type(2) div,.coreData a:nth-of-type(4) div{padding-right:0;float:right}*/
/*.coreData a:nth-of-type(2),.coreData a:nth-of-type(4){ padding-left: 25px;}
.coreData .databtn{color:  #29C287; font-size: 14px; float: left; margin-top: 20px; margin-left: 20px; } */
/**核心数据**/
.coreData{ margin-left:20px;width:670px; height:320px;background: #fff;border-radius: 3px;float: left; position: relative; padding: 0 30px;box-sizing:border-box}
.coreData:before{ content:''; width:calc(100% - 60px);height: 1px;background: #e4e4e4; position: absolute;left: 30px; top:51%}
.coreData:after{content:'';width: 1px; height: calc(100% - 60px);background: #e4e4e4; position: absolute;left: 49%; top: 30px;}
.coreData >div{width: 50%;height: 100%; float: left;}
.coreData a{ width: 100%; height: 50%; float: left; padding-top: 25px; box-sizing: border-box}
.coreData .dataimg{ width: 50px;height:50px; background-size: cover; background-repeat: no-repeat; background-position: 0 0; display: block;float: left;background-image:url(../images/default.png);}
.coreData a>div{ float: left; width: calc(100% - 70px); margin-left:20px; padding-right:25px; box-sizing: border-box}
.coreData .datatitle{font-size:14px; color:#606162;float: left;width: 200px;}
.coreData .datadetail{margin-top:15px;font-size:12px; color: #969595; width: 210px;float: left;line-height:16px;max-height:40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.coreData .dataprice{ font-size: 14px; color: #fe3419;float: left;margin-top:20px}
.coreData .left a{padding-right:0;float:right}
.coreData .right a{ padding-left: 25px;}
.coreData .databtn{color:  #29C287; font-size: 14px; float: left; margin-top: 20px; margin-left: 20px; } 
/**次要数据**/
.secondaryData{ padding: 5px 30px;box-sizing: border-box; width: 240px; height:320px; margin-left: 20px; background: #fff;border-radius: 3px; float: left;}
/* .secondaryData a{margin-top:25px;} */
.secondaryData .more{ margin: 9px 10px !important; color: #4980fe; padding: 2px 20px; }
.secondaryData a .dataimg{ width: 39px; height: 39px; display: block; margin-right:10px; background-position: 0 0; background-size:100%; background-repeat: no-repeat;float: left;}
.secondaryData a .datatitle{font-size:14px; color:#606162;float: left;    width: 100px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.secondaryData a .dataprice{ font-size: 14px; color: #fe3419;float: left;margin-top:5px}


/**客服**/
.cust-service{position: fixed;top: 50%;margin-top: -135px;right: 0;z-index: 6;width: 42px}
.cust-service .phone,.cust-service .email,.cust-service .login{position:relative;width:42px;height: 42px;border-radius: 5px;float: right;background:#3572ff;color: #fff;text-align: center;line-height: 42px;transition: all .2s;}
.cust-service  i{width: 100%; height: 100%;background:#1789F2; overflow: hidden;border-radius: 5px;}
.cust-service  i > i{background: url(../images/contact-icon.png) center 9px no-repeat;width: 100%; height: 100%; }
.cust-service .phone span{width: 130px;position: absolute;height: 42px;color: #fff;font-size: 16px;
  top: 0;line-height: 42px;background:#1789F2;z-index: 0;right: -130px; transition: all .5s;border-radius: 5px;}
.cust-service .phone:hover span{right:0px;}
.cust-service .feedback{ width: 42px; background: #4980fe;margin-top: 10px;float: right;border-radius: 5px;text-align: center; transition: all .5s}
.cust-service .feedback:hover{box-shadow: 0 0 10px #4980fe; }
.cust-service .feedback i{ height: 42px;line-height: 42px;width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.cust-service .feedback i > i{background: url(../images/contact-icon.png) center -62px no-repeat;width: 100%; height: 100%; }
.cust-service .feedback span{color: #fff;font-size: 16px;writing-mode:vertical-lr; padding: 10px 0;letter-spacing:2px }
/*#newBridge .nb-icon-base{bottom:10%!important;right:0px !important;width: 42px; height: 42px; border-radius: 5px;  background: #366dec;  text-align: center; line-height: 42px;}*/
 /**移动端头部**/ 
 .header-mobile{ position:fixed; width: 100%; top: 0; z-index: 4;}
.header-mobile .header-top{ width:100%; height:1rem; background:rgba(29,29,29,0.8);}
.header-mobile .header-top .logo{ height:.7rem;float: left; width:2.71rem;margin-top:.15rem;background:url(../images/chequanLogo-2.png) no-repeat center; background-size: contain;}
.header-mobile .header-top .user{float: right; margin-top: .3rem; margin-right: .5rem; width: .4rem;height: .4rem;background-image: url(../images/user.png);background-repeat: no-repeat;background-size: contain;}
.header-mobile .header-top .menu{ margin-top: .3rem;width: .4rem;height: .4rem;float: right;margin-right: .4rem;}
.header-mobile .header-top span{ display: block;margin-bottom: .14rem;width: .4rem;height: .04rem;background: #fff;border-radius: .02rem; transition:all .5s;}

.header-mobile .header-top .menu.active span:nth-of-type(1){ transform: rotate(45deg);margin-top:.15rem}
.header-mobile .header-top .menu.active span:nth-of-type(2){ display: none;}
.header-mobile .header-top .menu.active span:nth-of-type(3){ transform: rotate(-45deg);margin-top:-.18rem}
/**移动登录注册**/
.header-mobile .user-box{ height:1.4rem;padding-top:.6rem; position: absolute; top: 1rem; width: 100%;background:rgba(34,34,34,0.98); display: none;}
.header-mobile .user-box a{float: left;border-radius: .8rem;   margin: 0 .3rem 0 .35rem;display: block;width: 3rem;height: .8rem;border: 1px solid rgba(255,255,255,0.3);line-height: .8rem;text-align: center;font-size: .3rem;color: #fff;box-sizing: border-box;}
.header-mobile .user-box a:last-child{float: left;display: block;height: .8rem; border: 1px solid #4980fe;line-height: .8rem; background: #4980fe;  text-align: center;font-size: .3rem;color: #fff; box-sizing: border-box;}
/**移动功能列表**/
.header-mobile .menu-box{ position: absolute; top: 1rem;  width: 100%; display: none; }
.header-mobile .menu-box .function-list{ width: 100%;background:rgba(34,34,34,0.98); height: auto; overflow: hidden; padding: 0; margin: 0;border-radius: 0;}
.header-mobile .menu-box .function-list li{ background: none;padding: 0; margin: 0;border-bottom:1px solid #2f2f2f; padding:0 .3rem; box-sizing: border-box;}
.header-mobile .menu-box .function-list li a{font-size: .32rem; height: 1rem;line-height: 1rem; color: #fff;margin-top: 0;}
.header-mobile .menu-box .function-list li a i{ width: .3rem; height: 100%; float: right; background: url(../images/p-api-daquan-jiantou.png) right center no-repeat; transition:all .1s; transform: rotate(90deg);background-size: 100%; }
.header-mobile .menu-box .function-list li.active a i{transform: rotate(180deg);}
.header-mobile .menu-box .function-list li:after{ background: none;}
.header-mobile .menu-box .function-list li input{ width: 100%; height: 1rem;font-size: .32rem; background: none;border: none; background: url(../images/search2.png) no-repeat left center; padding-left: .5rem; background-size: 5%; color: #fff;}

/**移动banner**/
.mobile .indexBanner{ width: 100%; margin-top: 1rem; height: 5rem;border-radius: 0}
.mobile .indexBanner .flexslider { position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;z-index:3 }
.mobile .indexBanner .flexslider > div { position:relative; width:100%; height:100%}
.mobile .indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides > li { width:100%; height:100%; }
.mobile .indexBanner .flexslider ul.slides > li > a { width:100%; height:100%; background:no-repeat center; background-size:contain;}
.mobile .indexBanner .flex-control-nav { width:100%; position:absolute; bottom:9px; text-align:center; z-index:6}
.mobile .indexBanner .flex-control-nav > li { margin:0 6px; display:inline-block; zoom:1; *display:inline; }
.mobile .indexBanner .flex-control-paging li { width:8px; height:8px; overflow:hidden;border-radius: 50%}
.mobile .indexBanner .flex-control-paging li a { background: #fff; overflow:hidden; cursor:pointer; opacity: 0.4;}
.mobile .indexBanner .flex-control-paging li a:hover {  background: #fff;opacity: 0.4; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.mobile .indexBanner .flex-control-paging li i { width:8px; height:8px; background:#fff; border-radius:50%; overflow:hidden; text-indent: -999em;}
.mobile .indexBanner .flex-control-paging li a.flex-active {  background: #fff;opacity: 1;}
.mobile .indexBanner .flex-control-paging li a:hover {  background: #fff;opacity: 1;}
.mobile .indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides li { background-position:center; background-size:cover}
/**移动优势区域**/
.mobile .h-wrap{ width: 100%; margin: 0;; min-width: auto;}
.mobile .h-wrap .h-ad-list{width: 100%; padding: .25rem 0;}
.mobile .h-wrap li{ width:calc(50% - .45rem); border-radius: 3px;  margin-left:.2rem; padding: .2rem; box-sizing: border-box; }
.mobile .h-wrap li a{ background:url(../images/con-icon1.png) left 0 no-repeat;padding-left: .6rem;background-size:17%; width: 2.4rem;;}
.mobile .h-wrap li:nth-of-type(2) a{background:url(../images/con-icon2.png) left 0 no-repeat;background-size:17%;   }
.mobile .h-wrap li:nth-of-type(3) a{background:url(../images/con-icon3.png) left 0 no-repeat;background-size:17%;  } 
.mobile .h-wrap li:nth-of-type(4) a{background:url(../images/con-icon4.png) left 0 no-repeat;background-size:13%;  } 
.mobile .h-ad-list li{height:1.4rem; margin-top: .3rem;background: #fff;}
.mobile .h-ad-list li h4{font-size: .3rem; line-height: .5rem;    margin-top: -.1rem;}
.mobile .h-ad-list li p{ width: auto; font-size: .2rem;overflow: hidden;padding-top:0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
/**移动标题**/
.mobile .contentTitle{ display: flex;justify-content: space-between; align-items: center;padding: .3rem; height: 0.36rem;font-size: .36rem;background:url(../images/icon.png) no-repeat .3rem .31rem;padding-left: .65rem; background-size: 5%;}
.mobile .contentTitle div{line-height: 0.36rem}
.mobile .contentTitle .more{font-size: .28rem;}
.mobile .dataTitle{background:url(../images/icon.png) no-repeat .3rem -.68rem;background-size: 5%;}
.mobile .partnertitle{background:url(../images/icon.png) no-repeat .3rem -1.66rem;background-size: 5%;}
/**移动热门服务**/
.mobile .hotContent li{ width:calc(50% - .45rem); height: auto;  padding:.25rem 0;border-radius: 3px;  margin-left:.3rem; margin-bottom: .3rem; margin-right: 0;}
.mobile .hotContent li .dataimg{ width: .8rem; height: .8rem;margin-top:0;margin-bottom: .2rem;}
.mobile .hotContent li .datatitle{ font-size: .26rem; margin-bottom: .1rem;font-weight: bold;}
.mobile .hotContent li .dataprice{ font-size: .26rem; margin-bottom: .2rem;}
.mobile .hotContent li .databtn{ padding: 0 .8rem; height: .5rem;line-height: .5rem;font-size: .24rem;}
/**移动广告位**/
.mobile .p-advertisement { height: 1.6rem; padding: 0 0.3rem; }
.mobile .p-advertisement a{width: 100%;height: 1.6rem;}
/**移动数据**/
.mobile .dataList{ margin: .3rem;margin-top:0; width:calc(100% - .6rem);border-radius: 3px; background-color: #fff;}
.mobile .dataList h4 a{ width: calc(100% - .6rem);margin:0 .3rem; height: .9rem; border-bottom:0;font-size: .28rem;box-sizing: border-box; padding-left: .6rem; color: #000; line-height: .9rem;}
.mobile .dataList h4 a i{ transition:all .1s; float: right; background: url(../images/p-api-daquan-jiantou.png) center no-repeat; background-size:100%; height: 100%; width: .3rem; transform:rotate(90deg);}
.mobile .dataList h4.active i{ transform:rotate(180deg);}
.mobile .dataList h4.active a{ border-bottom:1px solid #eeeeee;}
.mobile .dataList li a{width: calc(100% - .6rem); font-size: .28rem; padding: .3rem; padding-bottom:0}
.mobile .dataList li a i{ margin-right:.3rem;color: #555;}
.mobile .dataList li a p{ width: 100%; margin-top:.1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #BDBDBD; font-size: .22rem;}
.mobile .dataList li:last-child a{color: #52a1fd; margin-bottom:.3rem}
/**移动合作伙伴**/
.mobile .swiper-container{ width: 100%; box-sizing: border-box; padding:.1rem .3rem; height:2rem}
/*.mobile .swiper-slide{ height: 100%; box-shadow:0 0 0.1rem #e1e4ed;height:100%;margin-top:0!important;margin-bottom:.3rem}*/
.mobile .swiper-slide a{height: 100%;width: 100%;}
.mobile .swiper-slide{ width: 110px; height: 100%; margin: 0 10px; margin-top:0!important;}
.mobile .swiper-slide a img{width: 110px; height: 100%;}

/**移动底部**/
.mobile-footer{ background: #070707; text-align: center; padding:.4rem 0; margin-top:.3rem}
.mobile-footer img{ width: 2.5rem; height:2.5rem;padding:.1rem;background: #fff;}
.mobile-footer p{font-size: .25rem;color:#fff;margin-top:.2rem; letter-spacing: .16rem;}
.mobile-footer a{ margin: 0 auto;display: block;width: 4.8rem;height: .8rem;  border-radius: .8rem; margin-top:.2rem;  line-height: .8rem;background: #4980fe;color: #fff;font-weight: bold;font-size: .26rem;}
.mobile-footer a:nth-of-type(2){border:1px solid #eee;background: none;}

@media screen and (min-width: 1200px){
    body {display: block;}
    .header-mobile{display: none;}
    .PC{display: block;margin-top:0px;}
    .header{display:block;}
    .cust-service{display:block;}
    .mobile{display: none;}
    .footer1{display: none;}
}

@media screen and (max-width: 1200px) and (min-width: 751px){
    .header-mobile{display: none;}
    .PC{display: block;}
    .header{display:block;}
    .cust-service{display:block;}
    .mobile{display: none;}
    .footer1{display: none;}
}
@media  screen and (max-width: 750px) and (min-width: 0px){
    body {display: flex; flex-direction: column;}
    .header-mobile{display: block;}
    .PC{display:none;}
    .header{display:none;}
    .cust-service{display:none;}
    .mobile{display: block;background-color: #f2f4f9;}
    .footer1{display: flex;}
}
/*左侧下拉菜单*/	
.top-nav-left{float:left; position:relative;z-index: 101; width:155px;}
.top-nav-left h2{height: 46px; line-height: 46px; background: rgba(34,34,34,.9); font-size: 16px; text-indent: 15px; color: #fff; font-weight: 600;}
.top-nav-left h2 i{display: inline-block; width:16px; height: 12px; background: url("https://wx.jdcloud.com/static/images/wan-icon.png") no-repeat; margin-right: 15px; vertical-align: 0;}
.top-nav-left h2 i span{margin-left:-28px;}
.top-hot-list{position:absolute; left:0; top:46px; width: 155px; height:445px; background:rgba(34,34,34,.8);}
.top-nav-left:hover .top-hot-list{display: block}
.nav-icon{display:inline-block; width:16px; height:16px; margin-right:5px;vertical-align: middle}
.top-hot-list dl{padding:10px 9px 5px;}
.top-hot-list dl:hover{background:#111;}
.top-hot-list dl:hover .nav-icon{background-position:0 -20px;}
.top-hot-list dt{font-size:14px; color: #fff;}
.top-hot-list dt .nav-icon{margin-top:-2px;}
.top-hot-list dt .nav-icon.mr-4{margin-top:-4px;}
.top-hot-list dd{padding-left:25px;}
.top-hot-list dd a{color:#fff; line-height:25px;font-size:12px;}
.top-hot-list a{display:inline-block; color: #fff; margin-right:15px;}
.top-hot-list dd a:hover{color:#2196f3;}
.top-hot-list li a:hover .nav-icon{background-position:0 -20px;}

/*右侧悬浮入口图*/	
.h-side-bar{position:absolute; left: 50%; top:35px; z-index: 998; margin-left: 363px; width: 233px; padding-top:20px;}

.h-side-bar .right-ad{height:201px; width:233px;background: rgba(255,255,255,.9); text-align: center;position:relative;color: #000;}
.h-side-bar .right-ad:hover{background:rgba(255,255,255,1);}
.h-side-bar .right-ad .ad-title{padding-top:20px;font-size:20px; line-height: 24px;color: #000;}
.h-side-bar .right-ad .ad-intro{padding-top:8px; font-size:14px; color: #333;}
.h-side-bar .right-ad .ad-pic{padding-top:12px;}
.h-side-bar .right-ad2{ margin-top: 9px; }
.self-icon{position:absolute; right:0; top:0; width:24px; height:95px; padding-top:4px; background:#e50778; color:#fff; font-size:14px; line-height:15px; text-align: center;background:url(/com/images/hot-icon.png) no-repeat;}
.self-icon:after{position:absolute; left:0; bottom:0; content:'';width:0; height:0; border-width:12px; border-style: dashed dashed solid dashed; border-color:transparent transparent #fff transparent;}
.h-side-bar .self-icon:after{display:none;}
.go-icon{position:absolute; right:34px; bottom:15px; width:17px; height:17px; padding-top:4px;  background:url(/com/images/go-icon.png) no-repeat;}

/*我们的优势*/	
.h-wrap {
    width: 100%;
    min-width: 1200px;
   /* margin-bottom: 10px;*/
    position: relative;
}
.h-ad-list{width: 1200px;margin: 0 auto;padding:10px 0;display: flex;justify-content:space-between;    align-items: center;}
.h-ad-list li{position: relative;float:left;  margin-right: 0px;  text-align: left;flex: 1 1 auto;}
.h-ad-list li a{display:block;  padding: 0px;background-position: 0px 0px !important;padding-left: 50px; box-sizing: border-box}
/*.h-ad-list li:nth-of-type(2) a{background: url(../images/con-icon.png) 30px -163px no-repeat;}*/
/*.h-ad-list li:nth-of-type(3) a{background: url(../images/con-icon.png) 30px -338px no-repeat;}*/
/*.h-ad-list li:nth-of-type(4) a{background: url(../images/con-icon.png) 39px -537px no-repeat;}*/
.h-ad-list li:last-child i{width: 0}
.h-ad-list li:last-child{margin-right: 0;}
.h-ad-list li .pic{padding:0px;width:99px; height:100px; float:left; overflow: hidden;}
.h-ad-list li a img{
    width:99px;
    height:100px;
    -webkit-transition:-webkit-transform .3s ease-in;
    transition:-webkit-transform .3s ease-in;
    -moz-transition:transform .3s ease-in;
    transition:transform .3s ease-in;}
.h-ad-list li a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.h-ad-list li h4,.h-ad-list li p{color: #959595; overflow: hidden; text-overflow: ellipsis; font-size:12px;line-height:17px;}
.h-ad-list li h4{font-size: 16px; line-height: 20px; color: #080808;}
.h-ad-list li p{color:#333;font-size: 12px;padding-top: 10px;width:142px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.h-ad-list a:hover{color:#3650a1;}
.h-ad-list li i{position:absolute;width:1px;height:50px;right:30px;top:0;background:#e4e4e4;}


/*底部合作伙伴*/
.link-wrap{width:1200px;   margin:0 auto; background: #fff;}
.link-lst{
	overflow: hidden; 
    
 }
.list-paddingleft-2
{
	height: 287px;
}
.link-lst li{    
	width: 217px;
    height: 103px;
    text-align: center;
    float: left; 
    margin-top:20px ;
    margin-right:28px ;
}
.link-lst li:nth-child(5n){
	margin-right: 0;
}
.link-lst li a{cursor: default;}

/* 2022-12 新版本 */
.coreData{
    width: 75%;
    padding: 0;
}
.coreData:before{
    display: none;
}
.coreData:after{
    display: none;
}
.coreData .item{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.coreData .item a {
    width: 25%;
    padding: 11px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.text-two{
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    display:-webkit-box;
    width: 130px !important;
    height: 30px;
}
.coreData .databtn {
    margin-top: 12px;
    margin-left: 0;
}
.secondaryData a {
    margin-top: 10px;
}
.secondaryData a .dataprice {
    margin-top: 3px;
}
.text-ellipsis{
    /*强制文本在一行内显示*/
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px !important;
}

.firmDetail{
    display: flex;
    flex-direction: column;
}
.firmDetail img{
    width: 206px;
    height: 118rpx;
}
.firmDetail .item{
    display: flex;
    flex-direction: column;
}
.firmDetail .item span:nth-child(1){
    font-size: 14px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 8px;
}
.firmDetail .item span:nth-child(2){
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}