@charset "utf-8";

/*注意本CSS设置 在320px下1rem=12px; 1px=0.0833rem 在小于640px 1rem=24px; 1px=0.05rem*/
/*初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button { margin:0;padding:0;border:0;outline:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0; }
.overclear{ margin:0; line-height:0; padding:0; clear:both; border:0; height:0;}
body{ font-size:62.5%; color:#666; background:#fff; font-family:'Microsoft YaHei,Arial, Helvetica, sans-serif';}
.clear{clear:both;}
.clearfix:after { content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both; } 
.clearfix { zoom:1; }  
a{outline:0;blr:expression(this.onFocus=this.blur()); text-decoration:none;}
a:active{ background: none}
a,input {outline:none;}
input,textarea{ font-size:0.875em;font-family:'Microsoft YaHei';}
/*文字对齐*/
.t-center{ text-align:center;}
.t-left{ text-align:left;}
.t-right{ text-align:right;}
/* @media screen and (min-width:240px) {html, body, button, input, select, textarea {font-size: 9px } }
@media screen and (min-width:320px) {html, body, button, input, select, textarea {font-size: 12px } }
@media screen and (min-width:374px) {html, body, button, input, select, textarea {font-size: 14px } }
@media screen and (min-width:400px) {html, body, button, input, select, textarea {font-size: 15px } }
@media screen and (min-width:413px) {html, body, button, input, select, textarea {font-size: 15.5px } }
@media screen and (min-width:426px) {html, body, button, input, select, textarea {font-size: 16px } }
@media screen and (min-width:450px) {html, body, button, input, select, textarea {font-size: 18px } }
@media screen and (min-width:480px) {html, body, button, input, select, textarea {font-size: 18px } }
@media screen and (min-width:540px) {html, body, button, input, select, textarea {font-size: 19px } }
@media screen and (min-width:590px) {html, body, button, input, select, textarea {font-size: 19px } }
@media screen and (min-width:600px) {html, body, button, input, select, textarea {font-size: 20px } }
@media screen and (min-width:640px) {html, body, button, input, select, textarea {font-size:20px } } */
/*文字加粗*/
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block;}
/* 禁用iPhone中Safari的字号自动调整 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body{font-family: 'Microsoft YaHei'; font-size: 14px;color: #333}
input {-webkit-appearance:none; /*去除input默认样式*/}
/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input::-webkit-input-placeholder { /* WebKit browsers*/ 
　　color:#999;font-size:14px;  }
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/ 
　　color:#999;font-size:14px;  }
input::-moz-placeholder {  /* Mozilla Firefox 19+*/ 
　　color:#999;font-size:14px;  }
input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
　　color:#999;font-size:14px;
}
/* 去掉外 内 边框  */
.mr_0{margin-right: 0 !important;}  .ml_0{margin-left: 0 !important;}  .mt_0{margin-top: 0 !important;}
.mb_0{margin-bottom: 0 !important;}  .pl_0{padding-left: 0 !important;}  .pr_0{padding-right: 0 !important;}
.pb_0{padding-bottom: 0 !important;}  .pt_r{padding-top: 0 !important;}  .bbtom{border-bottom:0 !important;}
.brtom{border-right:0 !important;}
/* 已经计算内边框  */
.borderBox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pb5{ padding-bottom: 5rem !important;}
.max640{max-width: 640px; min-width: 320px; margin: 0 auto; width: 100%;}
.w1100{ width: 1100px; margin: 0 auto}
.max1920{ max-width: 1920px; width: 100%; margin: 0 auto}


/*-------------------banner-star--------------*/
.pc-banner{ position: relative}
.h5-banner1{ display: none;}
.fullSlide{width:100%;position:relative;height:480px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:480px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:480px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom: 30px;left:0;height:20px;line-height:30px;}
.fullSlide .hd ul{text-align:center; margin: 0 auto; width: 200px}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:4px;  margin:2px 5px;overflow:hidden;background:#555659;filter:alpha(opacity=80);opacity:0.8;}
.fullSlide .hd ul .on{background:#fff;}
/* .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url('../images/slider-arrow.png') -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} */
/*-------------------banner end--------------*/

/*banner-start*/
.banner{height:440px;overflow:hidden; position: relative;}
.banner .d1{width:100%;height:440px;display:block;position:absolute;left:0px;top:0px;cursor: default;}
.banner .d2{ height: 30px;clear: both;position: absolute; bottom: 5px; z-index: 100;width: 200px;left:50%;margin:0 0 0 -100px;}
.banner .d2 ul{ text-align: center; width: 200px;}
.banner .d2 li{width:15px;height:6px;overflow:hidden;cursor:pointer;background:rgba(255,255,255,0.2);margin:0 5px;display:inline-block;}
.banner .d2 li.nuw{background-color: #fff;}
.join-a {
    position: absolute;
    width: 139px;
    height: 44px;
    background: url(../images/join.png) center no-repeat;
    z-index: 99;
    left: 50%;
    margin-left: -70px;
    bottom: 50px;
}
.header{
    position: relative;
}
.yinying{
    position: absolute;
    top:0;
    left: 0;
    z-index:9;
    width: 100%;
    height: 11px;
    /*background: url(../images/yinying.png) center no-repeat;*/
}
#fullpage .yinying,.header .yinying{
    top:auto;
    bottom: -11px;
}
/*banner-end*/
/*-------------------解决 start--------------*/
.solution{background: #f2f3f6; height: 755px;}
.solution .solve { background: #fff; height:400px}
.solution .solve-title{ text-align: center; padding:80px 0 40px}
.solution .solve-title h5{ font-size: 30px;text-align: center}
.solution .solve-title p{ text-align: center; font-size:18px;color: #a5a7ae; font-family: "Arial"}
.solution .text-list{ display:none; }
.solution .solve-content{ width: 730px; margin: 0 auto;}
.solution .solve-content .common{ width:223px ; padding: 0 71px; float: left;  height: 210px; cursor: pointer}
.solution .solve-content .common h4{ width: 97px; margin: 0 auto}
.solution .solve-content .common h1{ text-align: center;font-size: 20px; margin-top: 20px}
.solution .solve-content .common p{ text-align: center; font-size: 16px; margin-top: 15px}
.solution .solve-content .common .span{ margin-top: 10px;display: block;}
.solution .solve-content .common .solve-on{ margin-top: 10px;display: block;  background: url("../images/lead.png") no-repeat; width: 100%; height: 16px;}
.solution .scontent .list-one{ float:left; width: 370px; margin-top: 120px}
.solution .scontent .list-one h2{ text-align: center; font-size: 30px; color: #ff7725}
.solution .scontent .list-one p{ text-align: center; font-size: 20px; color: #ff7725 ; line-height: 35px; margin-top: 10px;}
.solution  .text-list  h5{ margin-top: 24px; float:right; width:720px;}
.solution .text-list-two{ background: url("../images/sove2.png") no-repeat center bottom; height: 355px;}
.solution .text-list-two h2{ padding-top: 50px; color: #815833;font-size: 28px; text-align: center}
.solution .text-list-two p{ margin-top: 0px; color: #815833;font-size: 28px; text-align: center}
.solution .text-list-tree{ background: url("../images/sove1.png") no-repeat center bottom; height: 355px;}
.solution .text-list-tree div{ padding: 100px 0 0 70px; font-size: 20px; color: #3f5178}
.solution .text-list-tree div p{ margin-left: 45px;}
.solution .text-list-tree div .mt{ margin-top: 40px;}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 990px;
    padding: 20px 50px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: url(../images/next.png) no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 170px;
    left: -14px;
    cursor: pointer;
    height: 35px;
    width: 21px;
  background: url(../images/next.png) no-repeat;
    z-index: 50;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {  top: 170px;  }
.jcarousel-prev { z-index: 3;  display: none;  }
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 978px;
    /* height: 52px; */
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 360px;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 170px;
    right: -22px;
    cursor: pointer;
    height: 35px;
    width: 21px;
     background: url(../images/back.png) no-repeat;
    z-index: 50;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 170px;
}

ul#mycarousel {
    height: 360px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
   /*  margin-right: 28px; */
}
.jcarousel-skin-tango .jcarousel-item {
    width: 326px;
    height: 100px;
}
.jcarousel-skin-tango .jcarousel-item {
    height: 100px;
}
.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none;
    width: 270px;
    height: 100px;
/*     margin-left: 28px;
margin-right: 28px; */
}
.jcarousel-list li img{ height: 100px; width: 270px; margin-bottom:18px; }

    /*-------------------解决 end--------------*/

/*-------------------成功案例 start--------------*/
.case-cooperate{ height:auto;}
.case-cooperate .case{ margin-top: 100px;}
.case-cooperate  .case h5{ text-align: center; font-size: 30px;}
.case-cooperate  .case p{ text-align: center; font-size: 18px; color: #a5a7ae;font-family: "Arial";}
.case-cooperate  .case a{  display: block; width: 45px; float: right; margin-top: 10px;}
.case-cooperate .case-list{margin-top: 40px;}
.case-cooperate .case-list li{float: left; margin-right: 20px; width: 350px; height: 220px; position: relative;overflow: hidden}
.case-cooperate .case-list li h5{ text-align: center; color: #fff; bottom: -300px; position: absolute; width: 90%; height:100%; padding: 0 5%;
    background: url("../images/caseListBg.png"); }
.case-cooperate .case-list li p{ margin-top:100px;}
.case-cooperate .case-list li img{ width: 100%;height: 100%;}
.cooperate .cooperate-top{ text-align: center; padding:60px 0 30px }
.cooperate .cooperate-top h5{ font-size: 30px;text-align: center}
.cooperate .cooperate-top p{ text-align: center; margin-top: 10px; font-size: 16px;color: #666;font-family: 'Arial'}
.box{ width:1100px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:1000px; margin: 0 auto; height:115px; overflow:hidden; position:relative;}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{ background:#eee; margin-right:20px;width: 184px; overflow: hidden; float:left;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:0px; background:url('../images/back.png') no-repeat; background:url('../images/back.png') no-repeat\9;}
.og_next{ background-position:0 0; right:0px; background:url('../images/next.png') no-repeat; background:url('../images/next.png') no-repeat\9;}
/*-------------------成功案例 end--------------*/

/*-------------------join-us end--------------*/
.join-us{ background: url("../images/map.png") no-repeat; height: 512px;}
.join-us .join-contar{ }
.join-us .join-top { padding-top: 55px;}
.join-us .join-top  h5{ text-align: center; font-size: 30px;}
.join-us .join-top p{ margin-top: 10px; text-align: center; font-size: 18px; color: #a5a7ae; font-family: 'Arial'}
.join-us .join-top h3{ margin-top: 18px; margin-bottom: 30px; text-align: center; font-size: 16px; color: #fd8a4f}
.join-us .lay3-login{ width: 390px; margin: 0 auto;}
.join-us .lay3-login h5{ width: 160px; margin: 0 auto ; padding: 50px 0 60px 0; }
.join-us .lay3-name{ position: relative; margin-top: 25px}
.join-us .lay3-name span{ font-size: 20px; color: #333; display: block; width: 66px;float: left; height: 45px; line-height: 45px}
.join-us .lay3-name input{ font-size: 16px; display: block; font-weight: normal; color: #999; background: #fff; width: 290px;float: right; padding: 5px 10px;  height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #d3d3d3}
.join-us .lay3-name .erro{display: none; color: #fe3d62; font-size: 14px; position: absolute; left: 100px; bottom: -23px; width: 302px; }
.join-us .jionBtn{  display: block; width: 220px; margin: 40px 0 0 82px; height: 60px; background: #ff7521; font-size: 20px; color: #fff; line-height: 60px; text-align: center; border-radius: 5px;}

/*-------------------join-us end--------------*/
/*-------------------qq end--------------*/
.qq_sou{ display: none; background: url(../images/customRoom.png') no-repeat; width:47px; z-index: 20; height: 131px; position: fixed; right: 65px;top:50%; }
.qq_r{
    width: 147px;
    height: 423px;
    background: url(../images/custom.png') no-repeat center center;
    position: fixed;
    right: 60px;
    top:50%;
    margin-top: -200px;
    z-index:200;

}
.qq_r .del{
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../images/close2.png) no-repeat center center;
    top: 1px;
    right: 3px;
    cursor: pointer;
}

.qq_r .qq a{
    font-size: 14px;
    color: #333;
    width:150px;
    height: 24px;
    line-height: 24px;
    text-indent: 67px;
    border-radius: 4px;
    display: block;
    margin:110px auto 0px;
    text-decoration: none;
}
.phone{
    height: 22px;
    line-height:26px;
    font-size: 14px;
    color: #ff7800;
    margin-left: 5px;
    text-indent: 35px;
    margin-top: 5px;
}
.work_time{
    margin:8px 0px 0 0;
    color: #c4956b;
    font-size: 14px;
    padding-top: 10px;
    text-indent: 42px;
}
.work_time img{width: 80px; height: 80px; margin:0 auto;}
.work_time p{
    font-family:'Microsoft YaHei';
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

/*----------首页 start--------*/
.shouMain{padding-top: 60px; position: relative; background: url('../images/case.jpg') no-repeat center 45px; height:621px; margin: 0 auto; box-sizing:content-box;  }
.shouMain .shouMainTitle{  }
.shouMain .shouMainTitle h5{ text-align:center; font-size: 32px;color: #222222;  }
.shouMain .shouMainTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }
.shouMain .shouBian-side{ position: absolute; top: 230px; left: 156px;width: 222px; height: 394px;  }
.shouMain .shouBian-side img{ display: none; width: 222px; height: 394px; }
.shouMain .shouBian-list{     position: absolute;top: 186px;left: 640px; }
.shouMain .shouBian-list li{ cursor:pointer; display: inline-block; padding-right: 3px;color: #666; margin-bottom: 60px  }
.shouMain .shouBian-list .active{ color: #ff7800; }
.shouMain .shouBian-list ul{ color: #666; width: 480px}
.shouMain .shouBian-list .w73 { width: 73px }
.shouMain .shouBian-list .w59 { width: 59px; }
.shouMain .shouBian-list .w300 {margin-right:266px; }
.shouMain .shouBian-list .w31 { width: 31px }
.shouMain .shouBian-list .w45 { width: 45px }
.indexEntry{
    background: url('../images/Ndrk-bg.png') no-repeat center center;
    height: 690px;
}
.indexEntry .entryTitle{  padding-top:60px; }
.indexEntry .entryTitle h5{ text-align:center; font-size: 32px;color: #fff;  }
.indexEntry .entryTitle p{ text-align:center; font-size: 16px;color: #999;  margin-top:10px; }
.indexEntry .entryList{ margin-top: 40px; }
.indexEntry .entryList li{ }



.indexEntry .entryList li {
    width: 180px;
    height:220px;
    float: left;
    background: url('../images/wxxcx/bg.png');
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 10px;
    overflow:hidden;
}
.indexEntry .entryList .ml{ margin-right: 0 !important; }
.indexEntry .entryList a {
    width: 180px;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s cubic-bezier(0.4,0,0.2,1) 0s;
}
 .t-sec {height: 74px;width: 74px; display: block;margin: 40px auto 20px;overflow: hidden;transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;}
.t-bgi-bg-a{ background: url('../images/wxxcx/a.png') no-repeat;}
.t-bgi-bg-b{ background: url('../images/wxxcx/b.png') no-repeat;}
.t-bgi-bg-c{ background: url('../images/wxxcx/c.png') no-repeat;}
.t-bgi-bg-d{ background: url('../images/wxxcx/d.png') no-repeat;}
.t-bgi-bg-e{ background: url('../images/wxxcx/e.png') no-repeat;}
.t-bgi-bg-f{ background: url('../images/wxxcx/f.png') no-repeat;}
.t-bgi-bg-g{ background: url('../images/wxxcx/g.png') no-repeat;}
.t-bgi-bg-h{ background: url('../images/wxxcx/h.png') no-repeat;}
.t-bgi-bg-j{ background: url('../images/wxxcx/j.png') no-repeat;}
.t-bgi-bg-i{ background: url('../images/wxxcx/i.png') no-repeat;}
.t-bgi-bg-k{ background: url('../images/wxxcx/k.png') no-repeat;}
.t-bgi-bg-l{ background: url('../images/wxxcx/l.png') no-repeat;}
 .t-mod1 h3 {transition: margin .4s cubic-bezier(0.4,0,0.2,1) 0s;font-size: 20px}

.indexEntry .inter{position: absolute; bottom: 0;
    left: 0;
    width: 180px;
    height: 220px;
   
    z-index: 5;
    display:none;
        
}
.indexEntry .inter-a{ background: url('../images/wxxcx/a2.png') no-repeat center;}
.indexEntry .inter-b{ background: url('../images/wxxcx/b2.png') no-repeat center;}
.indexEntry .inter-c{ background: url('../images/wxxcx/c2.png') no-repeat center;}
.indexEntry .inter-d{ background: url('../images/wxxcx/d2.png') no-repeat center;}
.indexEntry .inter-e{ background: url('../images/wxxcx/e2.png') no-repeat center;}
.indexEntry .inter-f{ background: url('../images/wxxcx/f2.png') no-repeat center;}
.indexEntry .inter-g{ background: url('../images/wxxcx/g2.png') no-repeat center;}
.indexEntry .inter-h{ background: url('../images/wxxcx/h2.png') no-repeat center;}
.indexEntry .inter-j{ background: url('../images/wxxcx/j2.png') no-repeat center;}
.indexEntry .inter-i{ background: url('../images/wxxcx/i2.png') no-repeat center;}
.indexEntry .inter-k{ background: url('../images/wxxcx/k2.png') no-repeat center;}
.indexEntry .inter-l{ background: url('../images/wxxcx/l2.png') no-repeat center;}
 .indexEntry .inter p {
    opacity: 0;
    font-size: 12px; margin-top:0px;
    color: #fff;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    text-align: center;
}

 .indexEntry .inter span {opacity: 0;
    font-size: 20px; margin-top:0px;
    color: #fff;
    display: block;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    text-align: center;
}


 .indexEntry .inter .t-bgi-more {
    opacity: 0;
    width: 48px;
    height: 48px;
   margin: 0px auto 0;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
    display: block;
   
}

.indexEntry .inter .t-bgi-a{ background:  url('../images/wxxcx/a1.png') no-repeat center;}
.indexEntry .inter .t-bgi-b{ background:  url('../images/wxxcx/b1.png') no-repeat center;}
.indexEntry .inter .t-bgi-c{ background:  url('../images/wxxcx/c1.png') no-repeat center;}
.indexEntry .inter .t-bgi-d{ background:  url('../images/wxxcx/d1.png') no-repeat center;}
.indexEntry .inter .t-bgi-e{ background:  url('../images/wxxcx/e1.png') no-repeat center;}
.indexEntry .inter .t-bgi-f{ background:  url('../images/wxxcx/f1.png') no-repeat center;}
.indexEntry .inter .t-bgi-g{ background:  url('../images/wxxcx/g1.png') no-repeat center;}
.indexEntry .inter .t-bgi-h{ background:  url('../images/wxxcx/h1.png') no-repeat center;}
.indexEntry .inter .t-bgi-j{ background:  url('../images/wxxcx/j1.png') no-repeat center;}
.indexEntry .inter .t-bgi-i{ background:  url('../images/wxxcx/i1.png') no-repeat center;}
.indexEntry .inter .t-bgi-k{ background:  url('../images/wxxcx/k1.png') no-repeat center;}
.indexEntry .inter .t-bgi-l{ background:  url('../images/wxxcx/l1.png') no-repeat center;}
 .indexEntry .inter:hover span {  opacity: 1; margin-top:25px;}
 .indexEntry .inter:hover p {  opacity: 1;margin-top:10px;}
.indexEntry .inter:hover .t-bgi-more{opacity: 1;margin: 40px auto 0;}

 .indexEntry .entryList a:hover {
    width: 180px;
    height: 220px;
    position: absolute;
    top: -80px;
    left: 0;
    transition: all .4s cubic-bezier(0.4,0,0.2,1) 0s;
}
.indexEntry .entryList a:hover .inter{
    position: absolute;
    top: 80px;
    left: 0;
    display: block;
 } 

.indexAdd{
    height: 500px; background: #fff;width: 100%;
}
.indexAdd .indexAddTitle{  padding-top:60px; }
.indexAdd .indexAddTitle h5{ text-align:center; font-size: 32px;color: #222;  }
.indexAdd .indexAddTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }
.indexAdd .indexAddList{ margin-top: 40px; }
.indexAdd .indexAddList li{ float: left; height: 120px; width: 350px;margin-right: 25px;  margin-bottom:20px;}
.indexAdd .indexAddList .mr{margin-right: 0}
.indexAdd .indexAddList .dd{ background:  url('../images/wxxcx/ddd.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s;}
.indexAdd .indexAddList .dd:hover{ background:  url('../images/wxxcx/dd.png') no-repeat center}
.indexAdd .indexAddList li:hover p , li:hover h5{ color: #fff!important; }
.indexAdd .indexAddList .jj{ background:  url('../images/wxxcx/jjj.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s;}
.indexAdd .indexAddList .jj:hover{background:  url('../images/wxxcx/jj.png') no-repeat center}
.indexAdd .indexAddList .ll{ background:  url('../images/wxxcx/112.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .ll:hover{ background:  url('../images/wxxcx/hh.png')no-repeat center}
.indexAdd .indexAddList .qq{ background:  url('../images/wxxcx/q.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .qq:hover{ background:  url('../images/wxxcx/q1.png') no-repeat center; }
.indexAdd .indexAddList .yy{ background:  url('../images/wxxcx/y.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .yy:hover{ background:  url('../images/wxxcx/y1.png') no-repeat center;}
.indexAdd .indexAddList .zz{ background:  url('../images/wxxcx/z.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .zz:hover{ background:  url('../images/wxxcx/z1.png') no-repeat center;}
.indexAdd .indexAddList li h5{font-size: 24px; margin-top:25px; text-align: center; color: #222; }
.indexAdd .indexAddList li p{ font-size: 12px;margin-top:15px; text-align: center; color: #999; }

.indexduibi{ background: url('../images/wxxcx/pk.jpg') no-repeat center center;max-width: 1920px; width: 100%; height: 795px; }
.indexduibi .indexduibiTitle{  padding-top:60px; }
.indexduibi .indexduibiTitle h5{ text-align:center; font-size: 32px;color: #222;  }
.indexduibi .indexduibiTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }
.indexduibi .indexduibiList { margin-top: 215px; }
.indexduibi .indexduibiList ul{ float: left; }
.indexduibi .indexduibiList ul li{ text-align: center; height: 72px; }
.indexduibi .indexduibiList ul li span{ color:#e62128;  }
.indexduibi .indexduibiList .ul1{ width: 465px }
.indexduibi .indexduibiList .ul2{ width: 172px }
.indexduibi .indexduibiList .ul2 li{ text-align: center; height: 72px; font-weight: bold; font-size: 16px; }
.indexduibi .indexduibiList .ul3{ width: 460px }
.indexduibi .indexduibiList .ul3 .li1{ height: 65px }

.indexDailiMain{ position: relative; background: url('../images/wxxcx/indexMei.jpg') no-repeat center center;height: 730px; margin: 0 auto;  }
.indexDailiMain .indexDailiMainTitle{  padding-top:60px; }
.indexDailiMain .indexDailiMainTitle h5{ text-align:center; font-size: 32px;color: #222;  }
.indexDailiMain .indexDailiMainTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }

.indexDaili{  background: #f8f8f8;}
.indexDailiMain .shangBg{
    z-index: 9;
    position: absolute;
    top: 338px;
    left: 78px;
    height: 332px;
    width: 187px;
    cursor: pointer;
}

.indexDailiMain .shangCode{ display: none;  z-index: 55;position: absolute; top: -41px;
    left: 0px;
    height: 330px;
    width: 187px;   
}
.indexDailiMain .shangCode .img{     height: 332px;width: 187px;  }
.indexDailiMain .shangCode .img img{     height: 332px;width: 187px;  }

.indexDailiMain .shangCode .code{    top:100px; z-index: 56  ;left:40px; position: absolute;
    height: 120px;
    width: 120px; }
.indexDailiMain .shareBg{z-index: 9;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 332px;
    width: 187px;
    background: url(../images/touming.png);

     }
    .indexDailiBg{ background: #f8f8f8; height: 40px; width: 100%; max-width: 1920px; }
.indexDailiMain .shangList{z-index: 50; position: absolute; background: transparent; left: 77px; height: 335px; top: 293px; width: 980px; }
.indexDailiMain .shangList li{ height: 335px; float: left;  cursor: pointer; }
.indexDailiMore{ position: absolute; bottom: 0px; left: 50%; color: #333 }
.indexServer{  }
.indexServer .serverList{ margin: 0 auto; width: 1100px }
.indexServer .serverList ul{display: block;  margin-top: 30px }
.indexServer .serverList li{ overflow: hidden; position: relative; width: 198px; float: left; margin:10px; border: 1px solid #e5e5e5; height: 250px }
.indexServer .serverList li p{ line-height: 48px; font-size: 14px;color: #222; height: 48px; text-align: center; }
.indexServer .serverList li>img{ width: 200px; height: 200px;}
.indexServer .serverList li span{ display: none; position: absolute; bottom: 75px; left: 25px; width: 150px; height: 150px;}
.indexServer .serverList li span img{ display: block; width: 150px; height: 150px; margin: 0 auto}
.indexServer .serverList li i{ display: none; width: 100%; height: 200px;position: absolute; top: 0; left: 0; background: url('../images/touming.png');}

.indexServer  .serverMore{ padding: 28px 0 38px; text-align: center; color: #333333; font-size:14px; display: block; }
.indexServer .indexServerTitle{  padding-top:60px; }
.indexServer .indexServerTitle h5{ text-align:center; font-size: 32px;color: #222;  }
.indexServer .indexServerTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }


.productPurchase{ width: 100%; max-width: 1920px; height: 650px; margin: 0 auto; background: url(../images/sy-wmcp.png) no-repeat center center; }
.productPurchase .productPurchaseTitle{  padding-top:60px; }
.productPurchase .productPurchaseTitle h5{ text-align:center; font-size: 32px;color: #222;  }
.productPurchase .productPurchaseTitle p{ text-align:center; font-size: 16px;color: #666;  margin-top:10px; }


.productPurchase .scroll{width: 1100px; margin:40px auto 0; position: relative;}
#Servercroll {display: block; width: 100%; position: relative;height: 540px;overflow: hidden;}
#Servercroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;
    width: 1000000px;
}
#Servercroll ul {display: block;float: left;}
#Servercroll ul {display: block;float: left;}
#Servercroll ul li { position:relative; cursor: pointer; display: block;float: left;width:260px; margin-right:  20px;height: 420px;background: url("../images/wxxcx/buy.png") no-repeat center center;}
#Servercroll ul li h1{ font-size: 28px; font-weight: bold; color: #555; text-align: center; margin-top: 50px }
#Servercroll ul li h4{ font-size: 28px; font-weight: bold; color: #fa4c3b; text-align: center; margin-top: 15px; }
#Servercroll ul li h4 span{ font-size: 24px; font-weight:normal; color: #fa4c3b;  }
#Servercroll ul li i{ margin-top:5px; text-decoration:line-through ;font-size: 16px; font-weight:normal;color: #999;  text-align: center; display: block;  }
#Servercroll ul li .btnCode{ font-weight: normal; display: block; text-align: center; font-size: 16px; background: transparent; color: #4a515f;    height: 42px;line-height: 18px;width: 130px;    margin:63px auto 0; }
#Servercroll ul li .btnLink{ margin: 60px auto 0; height:40px; width: 80px; }
#Servercroll ul li .mt{ margin-top: 33px!important;  }
#Servercroll ul li .pt{margin-top: 3px!important;  }
#Servercroll ul li .vip{margin-top: 33px!important; }
#Servercroll ul li .mt80{ margin-top:173px!important;  }
#Servercroll ul li p{ font-size: 14px; line-height: 30px; font-weight:normal; color: #ffffff; text-align: center;  margin-top:88px; }
#Servercroll ul li .jiantou{  position: absolute; bottom: -28px; left: 130px; background: url("../images/buyActive.png") no-repeat; width: 28px; height: 20px; }
#Servercroll ul li:hover .btnCode{color: #fa4c3b;}
#Servercroll ul .active{width:260px; margin-right:  20px;height: 420px;background: url("../images/wxxcx/buyHover.png") no-repeat center center !important;}
#Servercroll ul li .codeBg{ display: none;  background: url('../images/codeBg.png') no-repeat; height: 362px; width: 362px; margin-top: -181px; margin-left:-181px; position: fixed; z-index: 100; top: 50%; left: 50%; }
#Servercroll ul li .codeBg img{ width: 190px; height: 190px; margin:75px auto 0; margin-left:80px;}
#Servercroll ul li .codeBg span{ background: url('../images/close.png') no-repeat; position: absolute; top: 15px; right: 15px; width: 16px; height: 18px; display: block; float:right; }
#Servercroll ul li .codeBg h3{font-weight: bold; text-align: center; font-size: 14px; color: #222; margin-top: 20px }
.wxCodeBg{display: none ; background: url('../images/touming.png'); width: 100%; height: 600px; position: fixed; top: 0; left: 0;z-index: 99; }
#Servercroll a .intro {
    position: absolute;
    left: 0;
    z-index: 10;
    background-color: #0057c4;
    filter: alpha(opacity=70);
    width: 260px;
    color: #fff;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    text-align: center;
}
#Servercroll a .intro h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: 40px;
    width: 260px;
    line-height: 30px;
    border-bottom: 1px solid #347fdc;
    font-weight:100;
}
#Servercroll a .intro p {
    font-size: 13px;
    line-height: 20px;
    margin: 65px 70px;
    height: 70px;
    overflow: hidden;
}
#Servercroll a .intro {bottom: -211px;}
#Servercroll a:hover .intro {bottom: 0px;}
#Serverbtns {
    width: 1200px;
    display: block;
    height: 42px;
    position: absolute;
    z-index: 50;
    top: 220px;
    left: -50px
}
#Serverbtns a {
    width: 42px;
    height: 42px;
    display: block;
    
    margin-right: 1px;
    background-color: #c1c1c1;
    margin-left:0px;
}
#Serverbtns a:hover {
    background-color: #347fdc;
}
#Serverbtns a:hover, #Servercroll, #Serverbtns a, #Servercroll a:hover .intro, #Servercroll a .intro, #Servercroll #myscrollbox {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#Serverbtns #left {
    background: url(../images/next.png) no-repeat center;
    float: left;
}
#Serverbtns #right {
    background: url(../images/back.png) no-repeat center;
    float: right;
}

#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 500px;
    overflow: hidden;
}


/*----------首页 end--------*/




/*-------------------qqq end--------------*/


@media screen and (min-width:320px) and (max-width:1100px){
    .w1100{ width: 100%;}
    .max1920{width: 100%;}
    /*-------------------头部start--------------*/
    .header{ height: 80px; width: 100%}
    .header-common{ height: 80px; background: #999;}
    /*-------------------头部end--------------*/
    .pc-banner{ display: none}
    .h5-banner1{ display: block;}
    .h5-banner1 img{ width: 100%;max-width:auto;}
    /*h5 banner */
    #banner{ width:100%; position:relative; box-shadow:0 1px 3px #333; }
    #banner #pagenavi{ position:absolute; bottom:3%; text-align:center; z-index:100; width:100%; margin:auto;}
    #banner #pagenavi a{ background:#fff; width:8px; height:8px;border-radius:8px; display:inline-block; overflow:hidden; text-indent:-1000px;}
    #banner #pagenavi .active{ background:#cc0000; width:8px; height:8px; border-radius:8px; display:inline-block; overflow:hidden; text-indent:-1000px;}
    #banner .swipe li div, .swipe div div div { margin:0 10px; padding:0 10px; background:#1db1ff; font-weight:bold; color:#fff; font-size:20px; text-align:center; }
    #banner #slider li div{ margin:0 10px; }
    #banner #slider4{ line-height:0; text-align:center; margin-bottom:0; }
    #banner #slider4 ul{ -webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0;}
    #banner  ul li img{ width: 100%; max-width:none; height:auto; }
    #banner #pagenavi a.active{ color:red; }
    #banner #slider li{ width:300px; float:left; }
    #banner #slider li:first-child{ width:100px; margin:0 40px; }
    #banner #slider li:last-child{ width:500px; border:3px solid #111; }
    #banner #slider li:nth-child(2){ width:200px; }
    #banner #slider li:nth-child(3){ width:300px; }
    #banner #slider li:nth-child(4){ width:400px; }
    #banner #slider1 li{ width:240px; }
}
.cjSuccess{ position: fixed; width: 100%; height: 800px; z-index: 9999; top: 0; left: 0;  background: url('../images/caseListBg.png');}
.AllBig{display: none;position: fixed;  top: 50%;margin-top: -150px; height: 280px; z-index: 31;background: #fff;width: 500px;left:50% ; margin: -45%;  border-radius: 10px; }
.AllBig h5{ width: 93px; height: 69px; margin:55px auto 20px;}
.AllBig h1{text-align: center; font-size: 18px; color: #333}
.AllBig .AllBigBnt{ text-align: center; font-size: 14px; margin-top: 50px; color: #ff7725; display: block; width: 100%;}
.AllBig p{ display: none;}
.h5-banner1{ display: none;}
.h5-lay4-line{ display: none;}
.h5-lay4-code{ display: none;}
.h5-btn{ position:relative}
.h5-btn .h5-detail{display:none;}
.h5-dedetail{display: none;}
.common-banner{ width:100%;height: 288px;   position: relative;  }
.grevBg{background:#fff;}
.w1200 {width: 1200px;margin: 0 auto;}
.w910 {width: 910px;margin: 0 auto;}

@media screen and (min-width:480px) and (max-width:640px){

}

@media screen and (min-width:320px) and (max-width:480px){

}



/*--------- 店店推: ddt.html  start ---------*/
.ddt-menu { text-align: center;  margin-top: 90px;}
.ykxcx-banner{
    min-height: 360px;
    width: 100%;
    background-color: #eee!important;
    background: url("../images/ykxcx/xcx_head.png") no-repeat center;

}
.cjw-banner{
    min-height: 360px;
    width: 100%;
    background-color: #eee!important;
    background: url("../images/cjw/cjw_head.png") no-repeat center;

}
.ddt-title { font-size: 30px; margin-top: 90px}
.ddt-menu-list { width: 1060px; margin: 0 auto; margin-top: 50px; }
.ddt-menu-list li { display: inline-block; width: 250px; height: 200px; cursor: pointer; padding: 0px; }
.ddt-menu-list li img { text-align: center; margin: 10px auto; }
.ddt-menu-title { font-size: 18px; color: #FF7400; line-height: 40px; }
.ddt-menu-desc { font-size: 12px; color: #A8A8A8; line-height: 20px; }

.ddt-menu-sub-main { position: relative; width: 950px; margin: 15px auto; border: 2px solid #ffc28c; border-radius: 10px; padding: 25px; }
.ddt-menu-angle { position: absolute; left: 100px; top: -17px; }
.ddt-menu-sub-list { widht: 100%; text-align: center; display: none; }
.ddt-menu-sub-list li { display: inline-block;  }
.ddt-menu-sub-list li img { text-align: center; margin: 0px auto;height: 78px }
.ddt-menu-titleSub { font-size:14px; color: #FF7400; margin-bottom: 15px; margin-top: 8px; }

.ddt-menu-sub1 { display: block; }
.ddt-menu-sub1 li { width: 16%; }
.ddt-menu-sub2 li { width: 35%; }
.ddt-menu-sub3 li { width: 19%; }
.ddt-menu-sub4 li { width: 24%; }

.ddt-step { padding-top: 40px; margin: 0 auto;width: 1100px }
.ddt-step-div{ margin: 0 auto; margin-top: 80px; }
.ddt-step div img { display: inline-block; text-align: center;}
.height360{
    min-height: 360px;
}
.height424{
    min-height: 424px;
}
.height432{
    min-height: 432px;
}
.height300{
    min-height: 300px;
}
.height380{
    min-height: 380px;
}
.ddt-story { padding-top: 40px; margin-bottom: 100px;min-height: 220px }
.ddt-story-detail { display: inline-block; width: 350px; height: 220px; margin: 10px; cursor: pointer; position: relative; overflow: hidden; }
.ddt-story-detail img { width: 350px; height: 220px!important;}

.ddt-story-desc {
    font-size: 12px; color: white; width: 350px; height: 220px;
    position: absolute; left:0; top: 220px;
    display: table; line-height: 20px;
    background: url('../images/caseListBg.png');
    z-index: 99999;
}
.ddt-story-desc div { display: table-cell; width: 80%; height: 100%; margin: 0 auto; text-align: center; vertical-align: middle; }

/*--------- 店店推: ddt.html  end ---------*/

/*--------- 有客小程序: ykxcx.html  start ---------*/
.xcx-menu-list { width: 930px; margin: 0 auto; margin-top: 50px; }
.xcx-menu-list li { display: inline-block; width: 300px; height: 200px; cursor: pointer; padding: 0px; }
.xcx-menu-list li img { text-align: center; margin: 10px auto;min-height: 84px }

.xcx-menu-sub-main { border: 2px solid #FFC5A2;}
.xcx-menu-angle { position: absolute; top: -18px; left: 180px;}
.xcx-menu-sub-title { font-size: 18px; margin-bottom: 20px; }
.xcx-menu-sub:nth-of-type(1) { display: block; }
.xcx-menu-desc { margin-top: 8px; }
.xcx-menu-sub li { width: 19%; }

.xcx-flow-list { width: 1200px; margin: 0 auto; }
.xcx-flow-list li { display: inline-block; width: 280px; height: 180px; cursor: pointer; padding: 0px; }
.xcx-flow-list li img { text-align: center; margin: 10px auto;min-height: 80px }
.xcx-flow-title { font-size: 18px; margin-bottom: 5px; }
/*--------- 有客小程序: ykxcx.html  end ---------*/

/*--------- 留客王: ykxcx.html  start ---------*/
.cjw-menu-list { width: 820px; margin: 0 auto; margin-top: 50px; }
.cjw-menu-list li { display: inline-block; width: 400px; height: 200px; cursor: pointer; padding: 0px; }
.cjw-menu-list li img { text-align: center; margin: 10px auto; min-height: 84px}
.cjw-menu-title { font-size: 18px; color: #568FFF; line-height: 40px;}
.cjw-menu-sub-main { border: 2px solid #A5C6FF;}
.cjw-menu-angle { position: absolute; top: -18px; left: 280px; }
.cjw-menu-sub1 { display: block; }
.cjw-menu-sub1 li { width: 24%; }
.cjw-menu-sub2 li { width: 19%; }
.cjw-menu-titleSub { color: #568FFF; font-size:14px; margin-top: 8px;margin-bottom: 10px  }
/*--------- 有客小程序: ykxcx.html  end ---------*/

/*--------- 关于我们-招募精英： recruit.html  start ---------*/
.rc-head { margin-top: 20px; }
.rc-title { display: inline-block; font-size: 18px; line-height: 20px; margin-right: 93px; }
.rc-desc { display: inline-block; font-size: 14px; color: #FF7626; line-height: 20px; }
.rc-hr { font-weight: bold; color: #FF7626; }
.job-posting-first { padding-top: 40px; }

.rc-apply { margin-top: 20px; }
.rc-apply a {
    display: block;
    font-size: 14px;
    color: white;
    width: 128px;
    height: 38px;
    line-height: 38px;
    background-color: #FF9D62;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}
.rc-apply a:hover { background-color: #FF7725; }
/*--------- 关于我们-招募精英： recruit.html  end ---------*/

/*--------- 关于我们-联系我们： contact.html  start ---------*/
.contact-info-div { margin-top: 80px; }
.contact-div { float: left; }
.contact-div img { padding-top: 5px; }
.contact-info { margin-left: 20px; }
/*--------- 关于我们-联系我们： contact.html  end ---------*/

/*查询 start*/

.qurey-banner{ background: url('../images/qurey-banner.png') no-repeat center center; height: 200px; }
.search-main h5{ text-align: center; font-size: 32px; color: #333333; margin:40px 0 30px 0; }
.search-main .error{width: 1000px; margin: 0 auto; color: #f00;  line-height: 30px;}
.search-main .search{border-radius: 3px; position: relative; width: 1000px; margin: 0 auto; height: 50px; line-height: 50px; border:1px solid #ff7800; }
.search-main input{border-radius: 3px; color: #666; height: 40px; line-height: 40px; padding: 5px 120px 5px 10px; width: 870px;display: block; }
.search-main span{ position: absolute; top: 0; right: 0; cursor: pointer; width: 120px; height: 50px; display:  block; background: #ff7800 url('../images/find.png') no-repeat center center;  }
.search-main .load{ display: none; position: absolute; top: 0; right: 0;text-align: center; color: #fff; width: 120px; height: 50px; line-height: 50px; background: #ff7800; font-style:normal; }
.search-text{ margin: 60px auto 20px; width: 350px;height: 300px; }
.zf-search-success .text img{ float: left; height: 32px; width: 32px;  margin:5px 10px 0 0  }
.zf-search-success .text p{ height: 50px;  float: left; }
.zf-search-success{ height: 300px;}
.zf-search-success .search-code{ width: 200px; height: 200px;  margin: 15px 0 100px 35px;}
.zf-search-success .search-code img{ width: 200px; height: 200px; }
.zf-search-fail{height: 300px;}
.zf-search-fail .text img{ float: left; height: 32px; width: 32px;  margin:15px 10px 0 0  }
.zf-search-fail .text p{ height: 50px;  float: left; }
.zf-search-fail .search-code{ width: 200px; height: 200px;  margin: 25px 0 100px 35px;}
.zf-search-fail .search-code img{ width: 200px; height: 200px; }
.zf-search-is .text img{ float: left; height: 32px; width: 32px;  margin:5px 10px 0 0  }
.zf-search-is .text p{ height: 50px; line-height: 50px;  float: left; }
.zf-search-is{height: 300px;}
/* 无数据时显示情况 */
.no-data-show { font-size: 20px; margin: 150px auto; text-align: center; }