@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 } }
/*文字加粗*/
img{max-width:100%;height:auto;display:block;}
/* 取消链接高亮  */
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}
.w1170{ width: 1170px; margin: 0 auto; padding-bottom: 57px;}
.max1920{ max-width: 1920px; width: 100%; margin: 0 auto}
/*-------------------头部start--------------*/

.header-index{ height: 80px;  top: 0; background: #fff;font-family: 'Microsoft YaHei';}
.header-index:hover{ background: #fff;height: 80px;}
.header-index .header-common{ height: 80px;}
.header-index .header-common .logo{ margin-top: 20px; float: left; width: 140px;}
.header-index .header-common .nav{ width: 550px; float: right}
.header-index .header-common .nav li{ position: relative; height: 80px; line-height: 80px; width: 80px; float:right; margin-left: 30px }
.header-index .header-common .nav li .navTop{ text-align: center; display: block; font-size: 14px; color: #222;}
.header-index .header-common .nav li .navTop:hover{color: #ff7800;}
.header-index .header-common .nav li .menu{ display: none; width: 140px; left: -30px; position: absolute;  background: #191a1b;z-index: 99;}
.header-index .header-common .nav li .menu a{ line-height: 20px; display: block;color: #fff; text-align: center; font-size: 14px; padding: 15px 0;}
.header-index .header-common .nav li .menu a:hover{ background: #2b2d2f;}
/*-------------------头部end--------------*/

/*-------------------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:hover .yinying{ display: block; }
.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: 500px;left:50%;margin:0 0 0 -250px;}
.banner .d2 ul{ text-align: center; width: 100%;}
.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{
    display: none;
    position: absolute;
    top:180px;
    left: 3%;
    z-index:9;
    width: 94%;
    height: 11px;
}
.yinying .next{
    float: right;
    color: #fff;
    cursor: pointer;
    background:rgba(0,0,0,0.3) url('../../images/next.png') no-repeat center;
    display: block;
    width: 22px;
    height: 40px;
    padding:5px 10px;
    border-radius:5px;
}
.yinying .prev{
    color: #fff;
    cursor: pointer;
    float: left;
    background:rgba(0,0,0,0.3) url('../../images/back.png') no-repeat center;
    display: block;
    width: 22px;
    height: 40px;
    padding:5px 10px;
    border-radius:5px; 
}

#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/home/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/home/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/home/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: 932px;
    padding: 30px 0 54px 65px;
}
.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/add/next.png) no-repeat;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 285px;
    left: -120px;
    cursor: pointer;
    height: 35px;
    width: 21px;
  background: url(../../images/add/next.png) no-repeat;
    z-index: 50;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {  top: 285px;  }
.jcarousel-prev { z-index: 3;  display: none;  }
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 932px;
    /* height: 52px; */
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 588px;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 285px;
    right: -124px;
    cursor: pointer;
    height: 35px;
    width: 21px;
     background: url(../../images/add/back.png) no-repeat;
    z-index: 50;
}

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

ul#mycarousel {
    height: 588px;
}
.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: 233px;
    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: 172px; width: 172px; margin-bottom:24px; }

    /*-------------------解决 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/home/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'}

.cooperate .homeNew h5{font-size: 30px;text-align: center;padding:45px 0;}
.cooperate .homeNew ul{

}
.cooperate .homeNew ul li{
    width: 232px;
   
     float: left;
     margin-right: 50px;

}
.cooperate .homeNew ul li img{
    margin-bottom: 10px
}
.cooperate .homeNew ul li a{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding:0 0px 3px 0px ;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #333;
}
.cooperate .homeNew ul li a:hover{
    color: #ff7800;
}
.cooperate .homeNew .newMore{color: #333;text-align: center; font-size: 16px; display: block;width: 100%; margin-top: 60px}
.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/home/back.png') no-repeat; background:url('../../images/home/back.png') no-repeat\9;}
.og_next{ background-position:0 0; right:0px; background:url('../../images/home/next.png') no-repeat; background:url('../../images/home/next.png') no-repeat\9;}
/*-------------------成功案例 end--------------*/

/*-------------------join-us end--------------*/
.join-us{ background: url("../../images/home/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{ cursor: pointer;  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/add/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/add/custom.png?v=1.2') no-repeat center center;
    position: fixed;
    right: 20px;
    top:50%;
    margin-top: -200px;
    z-index:200;

}
.qq_r .del{
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../../images/add/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: 54px;
    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/add/index/case.jpg') no-repeat left bottom; height:621px; margin: 0 auto  }
.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: 247px; left: 180px;width: 222px; height: 394px;  }
.shouMain .shouBian-side img{ display: none; width: 222px; height: 394px; }
.shouMain .shouBian-list{     position: absolute;top: 204px;left: 640px; }
.shouMain .shouBian-list li{ cursor:pointer; display: inline-block; padding-right: 3px;color: #666; margin-bottom: 52px  }
.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 }


.trageAll{
    background: #f8f8f8;
    width:100%;
    max-width: 1920px;
    margin:0 auto;
    padding:60px 0 40px 0;

}
.trageAll .dataList h5{
    font-size: 36px;
    color: #222222;
    text-align: center;

}
.trageAll .dataList p{
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-top: 20px;
}
.trageAll .tabs{

}
.trageAll .tabs li{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color:#222222;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    padding: 0 10px;
    cursor: pointer;
    width: 100px;
}
.trageAll .tabs{
    margin-top: 50px;
}
.trageAll .tabs li:first-child{
    width: 80px;
}
.trageAll .tabs .active{
    color: #ffffff;
    border: 1px solid #ff7800;
    background: #ff7800;

}
.trageAll .list{
    margin-top: 28px;
   
   
}
.trageAll .list li{
    width: 260px;
    height:173px;
    float:left;
    margin:0 20px 20px 0;
    position: relative;
}
.trageAll .list .img{
    width: 260px;
    height:173px;
    display: block;

} 
.trageAll .list .maxImg{

    width:340px;
    height:230px;
    position: absolute;
    display: none;
    top: -30px;
    left: -30px;
    z-index:1;
} 
.trageAll .list .maxImg img{
    width:340px;
    height:230px;

} 

.trageAll .serverMore {
    padding: 30px 0 0px 0;
    text-align: center;
    color: #333333;
    font-size: 16px;
    display: block;
    width: 100%;
}


.trageSever{
    background: #fff;
    width:100%;
    max-width: 1920px;
    margin:0 auto;
    padding:60px 0 40px 0;

}
.trageSever .sverList h5{
    font-size: 36px;
    color: #222222;
    text-align: center;

}
.trageSever .sverList p{
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-top: 20px;
}
.trageSever .xyao{
    margin-top:55px;
}
.trageSever .server_Bottom{
   background: url('../../images/server_Bottom_v100.jpg') no-repeat center center;
   width: 930px;
   margin: 0 auto;
   height: 397px;
}
.trageSever .server_Bottom .server_Bottom_ul{
   list-style: none; 
   width: 930px; 
   height: 397px; 
  
   box-sizing: border-box;
   overflow: hidden;
}
.trageSever .server_Bottom .server_Bottom_ul li {
    float: left;
    margin-right: 20px;
    margin-left:1px; 
    width: 216px;
    height: 370px;
}
.trageSever .server_Bottom .server_Bottom_ul li .server_Bottom_ul_div {
    margin-top: 400px;
    width: 216px;
    height: 292px;
}
.trageSever .server_Bottom .server_Bottom_ul li:nth-child(1) .server_Bottom_ul_div{
    background: #fff url(../../images/server_Bottom_ul_one.png) no-repeat center center / 216px 292px;
}
.trageSever .server_Bottom .server_Bottom_ul li:nth-child(2) .server_Bottom_ul_div{
    background: #fff url(../../images/server_Bottom_ul_two.png) no-repeat center center / 216px 292px;
}
.trageSever .server_Bottom .server_Bottom_ul li:nth-child(3) .server_Bottom_ul_div{
    background: #fff url(../../images/server_Bottom_ul_three.png) no-repeat center center / 216px 292px;
}
.trageSever .server_Bottom .server_Bottom_ul li:hover .server_Bottom_ul_div{
    margin-top: 90px;
    transition: margin-top 1s;
    -moz-box-shadow: 0px 0px 5px #888888; /* 老的 Firefox */
    box-shadow: 0px 0px 5px #888888;
}
.trageSever .xyao h4{
    width:460px;
    margin: 40px auto 0;
    font-size:17px;
    color: #333333;
}
.trageSever .xyao h4 span{
    display:inline-block;
    line-height: 35px;
}
.trageSever .xyao h4 img{
    float:right;
}
.indexEntry{
    background: url('../../images/add/indexLiu/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/add/indexLiu/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/add/indexLiu/a.png') no-repeat;}
.t-bgi-bg-b{ background: url('../../images/add/indexLiu/b.png') no-repeat;}
.t-bgi-bg-c{ background: url('../../images/add/indexLiu/c.png') no-repeat;}
.t-bgi-bg-d{ background: url('../../images/add/indexLiu/d.png') no-repeat;}
.t-bgi-bg-e{ background: url('../../images/add/indexLiu/e.png') no-repeat;}
.t-bgi-bg-f{ background: url('../../images/add/indexLiu/f.png') no-repeat;}
.t-bgi-bg-g{ background: url('../../images/add/indexLiu/g.png') no-repeat;}
.t-bgi-bg-h{ background: url('../../images/add/indexLiu/h.png') no-repeat;}
.t-bgi-bg-j{ background: url('../../images/add/indexLiu/j.png') no-repeat;}
.t-bgi-bg-i{ background: url('../../images/add/indexLiu/i.png') no-repeat;}
.t-bgi-bg-k{ background: url('../../images/add/indexLiu/k.png') no-repeat;}
.t-bgi-bg-l{ background: url('../../images/add/indexLiu/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/add/indexLiu/a2.png') no-repeat center;}
.indexEntry .inter-b{ background: url('../../images/add/indexLiu/b2.png') no-repeat center;}
.indexEntry .inter-c{ background: url('../../images/add/indexLiu/c2.png') no-repeat center;}
.indexEntry .inter-d{ background: url('../../images/add/indexLiu/d2.png') no-repeat center;}
.indexEntry .inter-e{ background: url('../../images/add/indexLiu/e2.png') no-repeat center;}
.indexEntry .inter-f{ background: url('../../images/add/indexLiu/f2.png') no-repeat center;}
.indexEntry .inter-g{ background: url('../../images/add/indexLiu/g2.png') no-repeat center;}
.indexEntry .inter-h{ background: url('../../images/add/indexLiu/h2.png') no-repeat center;}
.indexEntry .inter-j{ background: url('../../images/add/indexLiu/j2.png') no-repeat center;}
.indexEntry .inter-i{ background: url('../../images/add/indexLiu/i2.png') no-repeat center;}
.indexEntry .inter-k{ background: url('../../images/add/indexLiu/k2.png') no-repeat center;}
.indexEntry .inter-l{ background: url('../../images/add/indexLiu/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/add/indexLiu/a1.png') no-repeat center;}
.indexEntry .inter .t-bgi-b{ background:  url('../../images/add/indexLiu/b1.png') no-repeat center;}
.indexEntry .inter .t-bgi-c{ background:  url('../../images/add/indexLiu/c1.png') no-repeat center;}
.indexEntry .inter .t-bgi-d{ background:  url('../../images/add/indexLiu/d1.png') no-repeat center;}
.indexEntry .inter .t-bgi-e{ background:  url('../../images/add/indexLiu/e1.png') no-repeat center;}
.indexEntry .inter .t-bgi-f{ background:  url('../../images/add/indexLiu/f1.png') no-repeat center;}
.indexEntry .inter .t-bgi-g{ background:  url('../../images/add/indexLiu/g1.png') no-repeat center;}
.indexEntry .inter .t-bgi-h{ background:  url('../../images/add/indexLiu/h1.png') no-repeat center;}
.indexEntry .inter .t-bgi-j{ background:  url('../../images/add/indexLiu/j1.png') no-repeat center;}
.indexEntry .inter .t-bgi-i{ background:  url('../../images/add/indexLiu/i1.png') no-repeat center;}
.indexEntry .inter .t-bgi-k{ background:  url('../../images/add/indexLiu/k1.png') no-repeat center;}
.indexEntry .inter .t-bgi-l{ background:  url('../../images/add/indexLiu/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/add/indexAdd/d.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .dd:hover{ background:  url('../../images/add/indexAdd/d1.png') no-repeat center }
.indexAdd .indexAddList li:hover p , li:hover h5{ color: #fff!important; }
.indexAdd .indexAddList .jj{ background:  url('../../images/add/indexAdd/j.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .jj:hover{background:  url('../../images/add/indexAdd/j1.png') no-repeat center }
.indexAdd .indexAddList .ll{ background:  url('../../images/add/indexAdd/l.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .ll:hover{ background:  url('../../images/add/indexAdd/l1.png') no-repeat center }
.indexAdd .indexAddList .qq{ background:  url('../../images/add/indexAdd/q.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .qq:hover{ background:  url('../../images/add/indexAdd/q1.png') no-repeat center; }
.indexAdd .indexAddList .yy{ background:  url('../../images/add/indexAdd/y.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .yy:hover{ background:  url('../../images/add/indexAdd/y1.png') no-repeat center;}
.indexAdd .indexAddList .zz{ background:  url('../../images/add/indexAdd/z.png') no-repeat center;transition: all .5s cubic-bezier(0.4,0,0.2,1) 0s; }
.indexAdd .indexAddList .zz:hover{ background:  url('../../images/add/indexAdd/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/add/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/add/indexMei.png') 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: 335px;
    left: 76px;
    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{  display: block; background: #fff; padding: 10px;  top:90px; z-index: 56;left:8px; position: absolute;
    height: 150px;
    width: 150px; }
.indexDailiMain .shareBg{z-index: 9;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 332px;
    width: 187px;
    background: url(../../images/add/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; margin-left: -44px; font-size: 16px; }
.indexServer{  }
/*新添加的 */
.goodsList{ background: #ffffff; }
.goodsList .totalList{
    

    
}

.goodsList .totalList .title{
       padding: 19px 0 16px 0
}
.goodsList .totalList .title h5{
    display: inline-block;
    font-size: 19px;
    color: #222222;
    text-indent: 18px;

}
.goodsList .totalList .title span{
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
    padding: 5px 0px;
    text-align: center;
    width: 100px;
    border-radius:5px;
    background: #fff; 
    color: #222;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}
.goodsList .totalList .title .select{

}

.recommend {
       padding: 19px 0 16px 0
}
.recommend h5{
    display: inline-block;
    font-size: 19px;
    color: #222222;
    text-indent: 18px;
    margin-right:8px;
    float: left;
}
.recommend h5 b{
    font-weight: normal;
}
.recommend .recommendLeft{
    float: left;
    width: 970px
}
.recommend span{
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
    padding: 5px 25px;
    text-align: center;
    border-radius:5px;
    background: #fff; 
    color: #222;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

.recommend .active{
    color: #fff;
    background: #ff7800;
    border: 1px solid #ff7800;
}

.goodsList .totalList .title .active{
    color: #fff;
    background: #ff7800;
    border: 1px solid #ff7800;
}

.goodsList .totalMain{
   border: 1px solid #e3e3e3; 
   
}
.goodsList .totalTop{
    position: relative;
}
.totalTop .SecondText{
    position: absolute;
    top: -47px;
    left:225px;
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
    padding: 5px 0px;
    border-radius: 5px;
    background: #fff;
    color: #222;
    border: 1px solid #d3d3d3;
    cursor: pointer;
    width: 100px;
    text-align: center;
}

.totalTop .secondActive{
    color: #fff;
    background: #ff7800;
    border: 1px solid #ff7800;
}

.totalTop .SecondText_1_0{
   left:250px;
   width: 160px;
}

.totalTop .SecondText_1_1{
   left:435px;
   width: 165px;
}

.totalTop .SecondText_2_0{
   left:250px; 
}
.totalTop .SecondText_2_1{
   left:375px;
}
.totalTop .SecondText_2_2{
   left:500px;
}
.goodsList .totalBottom{
    border-top: 1px dashed #dedede;
}

.goodsList .left{
    display:block;
    float: left;
    width: 100px;
    padding: 15px 10px 10px 18px;
}
.goodsList .left h5{
    color: #888;
    font-size: 13px;
}
.goodsList .maddle{
    width: 900px;
    float: left;
    overflow-y:hidden;
    padding: 15px 0;
    max-height: 50px;

}
.goodsList .maddle li{
    float: left;
    margin-right:35px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 45px;
    cursor: pointer;
}
.goodsList .maddle li p{
    color: #222222;
    font-size: 13px;
    
    max-width: 120px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.goodsList .maddle li span{
    position: absolute;
    top: 0px;
    font-size: 14px;
    right: 0;
}
.goodsList .maddle li .marginRight9{
    right: 12px;
}
.goodsList .maddle li .marginRight100{
    right: 0px;
}
.goodsList .maddle li .marginRight1000{
    right: -10px;
}
.goodsList .maddle li:hover p{
    color: #ff7800
}
.goodsList .maddle li:hover span{
    color: #ff7800
}
.goodsList .maddle .active{
    color: #ff7800
}
.goodsList .right{
    padding: 10px 0;
    width: 70px;
    float: right;
    display: none;
}
/*当前 start*/
.story-current{
     background: #f5f5f5;
     padding: 8px 18px;
     margin: 10px 0 0px;
}
.current-left{
    float: left;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    color: #888;
    margin-right: 10px
}
.current-right{
    float: left;
    width: 920px
}
.current-right p{
    display: inline-block;
    max-width: 116px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  color: #666;
    margin-right:15px;
    background: #fff;
    border:1px solid #e5e5e5;
    padding: 5px 25px;
    position: relative;

}
.current-right p span{
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 8px;
    height: 15px;
    width: 15px;
    background: url('../../images/icon_close.png') no-repeat;
}
/*当前 end*/
.goodsList .right .more{ width: 58px; margin-right:5px; cursor: pointer; text-align: center; display: block; font-size: 14px;  text-align: center;}
.goodsList .right .moreBig{ background: url("../../images/add/case1.png") no-repeat right;color: #666;}
.goodsList .right .more:hover{ background: url("../../images/add/case2.png") no-repeat right;color: #ff7800!important;}
.goodsList .right .navTopActive{background: url("../../images/add/case2.png") no-repeat right;color: #ff7800;}



.indexServer .serverList{ margin: 0 auto; width: 1100px ;}
.indexServer  .storeData{ display: none; background: #fbfbfb; padding:150px 0; }
.indexServer  .storeData img{ width: 150px; height: 130px; margin: 0 auto; }
.indexServer .serverList ul{display: block;  padding-bottom: 20px;   }
.indexServer .serverList li{ overflow: hidden;  position: relative; width: 198px; float: left; margin:25px 25px 0px 0; border: 1px solid #e5e5e5; height: 213px }
.indexServer .serverList li p{ line-height: 30px;height: 30px; font-size: 16px;color: #222;  text-align: center; }
.indexServer .serverList li>img{ width: 198px; height: 148px; margin-top: 0px;}
.indexServer .serverList li span{ background: #fff;   position: absolute; bottom:-220px; left: 0px; width:198px; height: 215px;}
.indexServer .serverList li span img{ display: block; width: 150px; height: 150px; margin:35px auto 0}
.indexServer .serverList li i{ display: inline-block; text-align: center; margin: 0 auto; font-style: normal; padding: 0px 10px; border-radius: 20px; font-size: 12px;color: #ff7800; border:1px solid #ff7800;  }
.indexServer .serverList li .title{ text-align:center; margin-top: 5px; }
.indexServer  .serverMore{ padding: 28px 0 38px; text-align: center; color: #333333; font-size:16px; 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; }
.noteDat { height:400px; width: 1100px;  margin:0 auto; }
.noteDat h5{ width: 218px; height: 215px; margin: 200px  auto 0; }
/*新添加的 */

/*分页 start*/
.pageRemov{ }
.page_div {
    display: none;
    font-size: 15px;
    font-family: "microsoft yahei";
    color: #444444;
    padding-left: 20px;
    box-sizing: border-box;
    width: 780px;
    margin: 20px auto 30px;
    text-align: center;
}
/*
 * 页数按钮样式
 */
.page_div a {
    min-width: 30px;
    height: 28px;
    border: 1px solid #dedede!important;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
    line-height: 28px;
    color: #444444;
    font-size: 13px;
    display: inline-block;
}
#firstPage,
#lastPage {
    width: 50px;
    color: #444444;
    border: 1px solid #dedede!important;
}
#prePage,
#nextPage {
    width: 70px;
    color: #444444;
    border: 1px solid #dedede!important;
}
.page_div .current {
    border: 1px solid #ff7800!important;
    background-color: #ff7800;
    border-color: #ff7800;
    color: #FFFFFF;
}
.totalPages {
    margin: 0 10px;
}
.totalPages span,
.totalSize span {
    color: #ff7800;
    margin: 0 5px;
}
/*分页 end*/

.productPurchase{ width: 100%; max-width: 1920px; min-height: 638px;padding-bottom:20px; margin: 0 auto; background: url(../../images/add/index/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 .productPurchaseList{

}
.productPurchase .productPurchaseList ul {display: block;}
.productPurchase .productPurchaseList ul li { position:relative; cursor: pointer; display: block;float: left;width:295px; margin: 45px 35px 0px 35px;height: 380px;}
.productPurchase .productPurchaseList ul .buyConTop{
    background: url("../../images/add/buy.png") no-repeat center center;
}
.productPurchase .productPurchaseList ul .buyConTop:hover{
     background: url("../../images/add/buyHover.png") no-repeat center center;
}
.productPurchase .productPurchaseList ul .buyCon{
    background: url("../../images/add/buyBottom.png") no-repeat center center;
}
.productPurchase .productPurchaseList ul .buyCon h1{ color: #988080 }
.productPurchase .productPurchaseList ul .buyCon:hover{
     background: url("../../images/add/buyBottomHover.png") no-repeat center center;
}
.productPurchase .productPurchaseList ul .buyConTop:hover h1{color: #ff7800;}
.productPurchase .productPurchaseList ul .buyConTop:hover h3{color: #ff7800;}
.productPurchase .productPurchaseList ul .buyCon:hover h1{color: #ff5555;}
.productPurchase .productPurchaseList ul .buyCon:hover h3{color: #ff5555;}
.productPurchase .productPurchaseList ul li .buyCon h1{color: #988080;}
.productPurchase .productPurchaseList ul li h1{ font-size: 28px; font-weight: bold; color: #9d9289; text-align: center; margin-top: 18px }
.productPurchase .productPurchaseList ul li h3{ color: #9d9289; font-size: 16px;text-align: center;}
.productPurchase .productPurchaseList ul li h4{ font-size: 28px; font-weight: bold; color: #fa4c3b; text-align: center; margin-top: 15px; }
.productPurchase .productPurchaseList ul li h4 span{ font-size: 24px; font-weight:normal; color: #fa4c3b;  }
.productPurchase .productPurchaseList ul li i{ margin-top:5px; text-decoration:line-through ;font-size: 16px; font-weight:normal;color: #999;  text-align: center; display: block;  }
.productPurchase .productPurchaseList ul li .btnCode{ position:absolute; bottom: 15px; left: 84px; font-weight: normal;  border-radius: 20px; text-align: center; font-size: 16px; background: #fff; width: 130px; color: #7f746b;    height: 40px;line-height: 40px; display: block; }
.productPurchase .productPurchaseList ul li:hover .btnCode{color: #fa4c3b;}
.productPurchase .productPurchaseList ul li .btnLink{ margin: 60px auto 0; height:40px; width: 80px; }
.productPurchase .productPurchaseList ul li .mt{ margin-top: 33px!important;  }
.productPurchase .productPurchaseList ul li .pt{margin-top: 3px!important;  }
.productPurchase .productPurchaseList ul li .vip{margin-top: 33px!important; }
.productPurchase .productPurchaseList ul li .mt80{ margin-top:173px!important;  }
.productPurchase .productPurchaseList ul li p{ font-size: 14px; line-height: 26px; font-weight:normal; color: #ffffff; text-align: center;  margin-top:38px; }
.productPurchase .productPurchaseList ul li .jiantou{  position: absolute; bottom: -28px; left: 130px; background: url("../../images/add/buyActive.png") no-repeat; width: 28px; height: 20px; }
.productPurchase .productPurchaseList ul .buyBottomactive{
    width:295px; margin: 45px 35px 0px 35px;height: 380px;background: url("../../images/add/buyBottomHover.png") no-repeat center center !important;
}
.productPurchase .productPurchaseList ul .active{width:295px; margin: 45px 35px 0px 35px;height: 380px;background: url("../../images/add/buyHover.png") no-repeat center center !important;}
.productPurchase .productPurchaseList ul li .codeBg{ display: none;  background: url('../../images/add/codeBg.png') no-repeat; height: 362px; width: 362px; margin-top: -181px; margin-left:-181px; position: fixed; z-index: 100; top: 50%; left: 50%; }
.productPurchase .productPurchaseList ul li .codeBg img{ width: 190px; height: 190px; margin:75px auto 0; }
.productPurchase .productPurchaseList ul li .codeBg span{ background: url('../../images/add/close.png') no-repeat; position: absolute; top: 15px; right: 15px; width: 16px; height: 18px; display: block; float:right; }
.productPurchase .productPurchaseList ul li .codeBg h3{ text-align: center; font-size: 14px; color: #222; margin-top: 20px }



.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/add/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: 42px;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:78px; }
#Servercroll ul li .jiantou{  position: absolute; bottom: -28px; left: 130px; background: url("../../images/add/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/add/buyHover.png") no-repeat center center !important;}
#Servercroll ul li .codeBg{ display: none;  background: url('../../images/add/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; }
#Servercroll ul li .codeBg span{ background: url('../../images/add/close.png') no-repeat; position: absolute; top: 15px; right: 15px; width: 16px; height: 18px; display: block; float:right; }
#Servercroll ul li .codeBg h3{ text-align: center; font-size: 14px; color: #222; margin-top: 20px }

.wxCodeBg{display: none ; background: url('../../images/add/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/add/next.png) no-repeat center;
    float: left;
}
#Serverbtns #right {
    background: url(../../images/add/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/home/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/home/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 -->*/
.submission{ height: 70px; z-index: 100; background: url('../../images/xianfuBg.png');  position: fixed; width: 100%; bottom: 0; left: 0; max-width: 1920px; margin: 0 auto; }
.submission .submissionMain{ width: 900px; height: 70px; margin:0 auto; position: relative;}
.submission .submissionMain img{ top: -5px; left: 0; position: absolute; }
.submission .submissionBtn{ float: right; width: 90px; margin:15px 60px 0 0; height: 40px; line-height: 40px; background: #d6ca00; text-align: center; border-radius: 5px; color: #000; cursor: pointer; font-size: 16px;  }
.submission .submissionMain input{ width: 200px; padding: 5px 50px; color: #1b1b1b; font-weight: normal; font-size: 16px; height: 30px; line-height: 30px;margin: 15px 40px 0 0; background: #fff; border-radius: 5px; float: right; }
.submission .submissionMain .error{ display: none; position: absolute; top:  -1px; right:265px; color: #f00;    font-size: 12px; }
/*<!-- 悬浮提交电话 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; }

.shouMain .shouBian-list .mb48 {
    margin-bottom: 48px;
}
.shouMain .shouBian-list .mb50 {
    margin-bottom: 50px;
}
.shouMain .shouBian-list .mb51 {
    margin-bottom: 51px;
}

.cc-link-image-first {
    width: 130px;
    text-align: center;
    position: absolute;
    left: 520px;
    top: 110px;
}
.cc-link-image-second {
    width: 130px;
    text-align: center;
    position: absolute;
    left: 690px;
    top: 110px;
}
.cc-image-style {
    width: 130px;
    height: 130px;
    margin-bottom: 11px;
}
.cc-link-image-explain {
    color: #a7a8a9;
}
.cc-footer-link-container {
    border-top: 1px solid #434548;
}
.w-footer1100 {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.cc-footer-link-ul {
    margin: 42px 0 14px 0;
    list-style: none;
    overflow: hidden;
    color: #a7a8a9;
    font-size: 14px;
    text-align: center;
}
.cc-footer-link-ul a {
    color: #a7a8a9;
}
.cc-display-inline-block {
    display: inline-block;
}
.cc-margin-right12 {
    margin-right: 12px;
}
.productPurchase .w1100{width:1500px;}
@media screen and (max-width:1460px){
    .productPurchase .w1100{width:800px;}
}