@charset "utf-8";
/*首页*/
/*banner-start*/
.banner{height:460px;overflow:hidden; position: relative;}
.banner .d1{width:100%;height:460px;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:14px;height:14px;-moz-border-radius:14px;border-radius:14px;overflow:hidden;cursor:pointer;background-color: #FFF;margin:0 5px;display:inline-block;}
.banner .d2 li.nuw{background-color: #f0cb25;}
.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*/
.index .contact-us{
    padding:54px 0 34px 0;
}
.solutions{
    margin-bottom: 36px;    
}
.solutions>div{
    float: left;
    width: 268px;
    height: 252px;
    margin-right: 42px;
    text-align: center;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.solutions>div.active .point-span{
    display: inline-block;
}
.solutions>div>span{
    display: inline-block;
    width: 58px;
    height: 58px;
    margin-top: 45px;
}
.solutions .point-span{
    position: absolute;
    height: 22px;
    width: 36px;
    bottom: -32px;
    left:50%;
    margin-left: -18px;
    margin-top: 0;
    display: none;
    background: url(../images/sprites.png) -500px -127px no-repeat;
}
.money-making{
    background: url(../images/sprites.png) -133px -0px no-repeat;
}
.shop-manage{
    background: url(../images/sprites.png) -191px -0px no-repeat;
}
.drainage-tool{
    background: url(../images/sprites.png) -75px -0px no-repeat;
}
.personalized{
    background: url(../images/sprites.png) -249px -0px no-repeat;
}
.green{
    background-color: #63c502;
}
.orange{
    background-color: #ff8328;
}
.yellow{
    background-color: #feb822;
}
.pink{
    background-color: #ff5c5c;
}
.solutions-title{
    padding: 0 0 20px 0;
    font-size: 18px;
}
.solutions-text{
    padding: 26px 0 25px 0;
    font-size: 14px;
}
.solutions-line{
    width: 140px;
    margin: 0 auto;
    height: 1px;
    background-color: #fff;
}
.solutions-content{
    height: 215px;
}
.solutions-content>div{
    display: none;
}
.solutions-match{
    width: 1206px;
    margin: 0 auto;  
    text-align: center;  
}
.solutions-match>div{
    width: 16.3%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color:#8e8d8d;
}
.solutions-match h4{
    font-size: 18px;
    color:#4b4b4b;
    font-weight: normal;
    padding-bottom: 4px;
}
.solutions-match span{
    display: inline-block;
    height: 52px;
    width: 50px; 
}
.solutions-match .center-p span{
    display: inline-block;
    height: 52px;
    width: auto;  
    margin-left: -5em;  
}
.article-promotion{
    background: url(../images/sprites.png) -0px -75px no-repeat;
}
.game-app{
    background: url(../images/sprites.png) -50px -75px no-repeat;
}
.active-poster{
    background: url(../images/sprites.png) -100px -75px no-repeat;
}
.credits{
    background: url(../images/sprites.png) -150px -75px no-repeat;;
}
.coupon{
    background: url(../images/sprites.png) -200px -75px no-repeat;
}
.red-bags{
    background: url(../images/sprites.png) -250px -75px no-repeat;
}
.app-distribute{
    background: url(../images/sprites.png) -0px -127px no-repeat;
}
.flow-recharge{
    background: url(../images/sprites.png) -550px -75px no-repeat;
}
.extended-warranties{
    background: url(../images/sprites.png) -500px -75px no-repeat;
}
.advertising-distribution{
    background: url(../images/sprites.png) -350px -75px no-repeat;
}
.trade-in{
    background: url(../images/sprites.png) -300px -75px no-repeat;
}
.youcai{
    background: url(../images/sprites.png) -357px -0px no-repeat;
}
.app-customized{
    background: url(../images/sprites.png) -307px -0px no-repeat;
}
.intelligent-hardware{
    background: url(../images/sprites.png) -400px -75px no-repeat;
}
.template-selection{
    background: url(../images/sprites.png) -407px -0px no-repeat;
}
.vip-package{
    background: url(../images/sprites.png) -457px -0px no-repeat;
}
.ad-customization{
    background: url(../images/sprites.png) -507px -0px no-repeat;
}
.h5{
    background: url(../images/sprites.png) -450px -75px no-repeat;
}
.one-upload{
    background: url(../images/sprites.png) -100px -127px no-repeat;
}
.customer-crm{
    background: url(../images/sprites.png) -150px -127px no-repeat;
}
.instant-chat{
    background: url(../images/sprites.png) -200px -127px no-repeat;
}
.precise-push{
    background: url(../images/sprites.png) -250px -127px no-repeat;
}
.shop-management{
    background: url(../images/sprites.png) -300px -127px no-repeat;
}
.revenue-management{
    background: url(../images/sprites.png) -50px -127px no-repeat;
}
.vedio-div{
    text-align: center;
    padding-bottom: 60px;
}
.mlr-17{
    margin: 0 17px;
}
.vedio-div a{
    width: 378px;    
    display:inline-block;
    *display:inline;
    *zoom:1;
    text-decoration: none;    
}
.vedio-div img{
    width: 378px;
    height: 228px;    
    margin-bottom: 18px;
}
.vedio-div p{
    font-size: 18px;
    color: #343434;
    text-align: left;
}
.vedio-div .vedio-description{
    font-size: 16px;
    color: #888;
}
.index_common{
    text-align: center;
    background-color: #f9f9f9;
    background: url("../images/index_common.jpg") 50% 50% no-repeat;  
    height: 488px;
    margin-top: 30px;
}
.index_common img{
    max-width: 100%;
}
.news-content{
    height: 308px;
    margin-bottom: 76px;
    position: relative;
    overflow: hidden;
}
.wechat{
    position: absolute;
    top: 0;
    left: 0;
}
.wechat a{
    text-decoration: none;
}
.news-left-img{
    float: left;
    width: 338px;
    height: 288px;
    padding: 9px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(ie-css.htc);  
}
.news-left-img img{
    width: 338px;
    height: 288px;
}
.news-right-content{
    width: 750px;
    margin-left: 392px;
    padding: 28px 28px 12px 28px;
    height: 266px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(ie-css.htc);  
    font-size: 16px;
    color: #6a6969;
    position: relative;
}
.wechat-time{
    font-size: 14px;
    color: #848484;
    padding: 12px 0;
}
.wechat-title{
    font-size: 18px;
    color: #343434;
}
.wechat-content{
    line-height: 26px;
    height: 156px;
    overflow: hidden;
    color:#6a6969;
}
.new-page{
    position: absolute;
    right: 20px;
    bottom:20px;
}
.new-page span{
    display: inline-block; 
    height: 36px;
    width: 36px;
    margin-left: 6px;
    cursor: pointer;
}
.prev-new{    
    background: url(../images/sprites.png) -422px -127px no-repeat;
}
.prev-new-active{    
     background: url(../images/sprites.png) -386px -127px no-repeat;
}
.next-new{    
    background: url(../images/sprites.png) -350px -127px no-repeat;
}
.next-new-active{    
     background: url(../images/sprites.png) -557px -0px no-repeat;
}
/*产品优势*/
.section{
    position: relative;
}
.write-bg{
    background-color: #fff;
}
.fp-auto-height{
    height: auto !important;
}
.fp-auto-height .header,.fp-auto-height .tableCell{
    height: 100%  !important;
}
.cpys-img{
    width: 1200px;
    margin:0 auto;    
    font-family:'Microsoft YaHei';
    position:absolute;
    left: 50%;
    top:50%;
    margin-left: -600px;
    margin-top: -358px;
    display: none;
}
.f-18{
    font-size: 18px;
    padding:22px 0 22px 8px;
    margin: 0 auto;
}
.f-34{
    font-size: 34px;
    padding-top: 32px;
    padding-left: 8px;
    margin: 0 auto;
}
.cpys-img-wrapper{
    position: relative;
    height: 458px;
    margin: 0 auto;
}
.cpys-one{
    position: absolute;
    top:0;
    left: 8px;
}
.cpys-two{
    position: absolute;
    top:0;
    left: 430px;
}
.cpys-three{
    position: absolute;
    top:0;
    left: 683px;
}
.cpys-five{
    position: absolute;
    top:0;
    right: 0;
}
.cpys-four{
    position: absolute;
    bottom:2px;
    left: 8px;
}
.cpys-six{
    position: absolute;
    bottom:2px;
    right: 0;
}
.cpys-last{
    position: relative;
}
.cpys-last .footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.cpys-shop-1{    
    background: url(../images/dpgl_01.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_01.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_01.jpg',sizingMethod='scale');
}
.cpys-shop-2{    
    background: url(../images/dpgl_02.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_02.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_02.jpg',sizingMethod='scale');
}
.cpys-shop-3{    
    background: url(../images/dpgl_03.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_03.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_03.jpg',sizingMethod='scale');
}
.cpys-shop-4{    
    background: url(../images/dpgl_04.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_04.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dpgl_04.jpg',sizingMethod='scale');
}
.cpys-gxh-1{    
    background: url(../images/gxh_01.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_01.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_01.jpg',sizingMethod='scale');
}
.cpys-gxh-2{    
    background: url(../images/gxh_02.png) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_02.png',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_02.png',sizingMethod='scale');
}
.cpys-gxh-3{    
    background: url(../images/gxh_03.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_03.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/gxh_03.jpg',sizingMethod='scale');
}
.cpys-zqxt-1{    
    background: url(../images/zqxt_01.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_01.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_01.jpg',sizingMethod='scale');
}
.cpys-zqxt-2{    
    background: url(../images/zqxt_02.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_02.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_02.jpg',sizingMethod='scale');
}
.cpys-zqxt-3{    
    background: url(../images/zqxt_03.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_03.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/zqxt_03.jpg',sizingMethod='scale');
}
.cpys-ylgj-1{    
    background: url(../images/ylgj_01.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_01.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_01.jpg',sizingMethod='scale');
}
.cpys-ylgj-2{    
    background: url(../images/ylgj_02.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_02.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_02.jpg',sizingMethod='scale');
}
.cpys-ylgj-3{    
    background: url(../images/ylgj_03.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_03.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_03.jpg',sizingMethod='scale');
}
.cpys-ylgj-4{    
    background: url(../images/ylgj_04.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_04.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ylgj_04.jpg',sizingMethod='scale');
}

.youanmi-banner{
    background: url("../images/about.jpg") 50% 50% no-repeat;    
}
/*我要咨询*/
.consultation-banner{
    background: url("../images/consultation.jpg") 50% 50% no-repeat;
}
/*渠道合作*/
.cooperation-banner{
    background: url("../images/cooperation.png") 50% 50% no-repeat;
    cursor: pointer;
}
/*商户入驻*/
.merchants-banner{
    background: url("../images/merchants.png") 50% 50% no-repeat;
    cursor: pointer;
}
/*关于我们*/
.recruit-banner{
    background: url("../images/recruit.jpg") 50% 50% no-repeat;    
}
.recruit-banner-p{
    font-size: 14px;
    color:#353535;
    position: absolute;
    left: 50%;
    top: 68%;
}
.recruit-banner-p a{
    color:#353535;
    text-decoration: underline;
}
.recruit{
    padding-top: 12px;
    width: 1100px;
    margin: 0 auto;
}

.avatar{
    float: left;
    width: 130px;
    height: 130px;
    position: relative;
}
.avatar>img{
    width: 130px;
    height: 130px;    
}
.avatar>p{
    position: absolute;
    font-size: 12px;
    color: #f7f7f7;
    bottom: 4px;
    width: 100%;
    text-align: center;
}
.job-posting-detail{
    margin-left: 170px;
    padding-bottom: 20px;
}
.job-posting-detail>div{
    padding-bottom: 28px;
}
.job-posting-detail p{
    font-size: 12px;
    padding-bottom: 14px;
}
.apply-now{
    display: block;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    width: 102px;
    height: 38px;
    line-height: 38px;
    background-color: #ffb230; 
    text-align: center;  
    text-decoration: none;  
}
/*联系我们*/
.contact{
    padding: 55px 0 46px 0;
}
.contact p{
    font-size: 14px;
    color: #333;
    padding-bottom: 5px;

}
.contact-us-text{    
    font-size: 32px;
    color:#4a4a4a;
    padding-left: 10px;
    text-align: center;
    display: block;
}
.contact-us-bg{
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #ffc103;
    vertical-align: -4px;
}
.w1000{
    width: 1000px;
    margin: 0 auto;
}
.map-container { margin-top: 30px; width: 1000px; height: 330px; border: 2px solid #FEBC92; border-radius:10px; padding: 30px; margin-bottom: 60px; }
.baidu-map { width: 100%; height: 100%; }
/*
#allmap{
    margin:0 auto;
}
*/
/*关于柚安米*/
.m-t-48{
    margin-top: 20px;
}
.m-t-15{
    margin-top: 15px;   
}
.m-t-5{
    margin-top: 5px;
}
.introduce-text{
    height: 130px;
    border: 1px solid #ff7725;
}
.introduce-text-left{
    float: left;
    width: 208px;
    height: 130px;
    font-size: 26px;
    color: #ff7725;
    padding-left: 70px;
}
.small-introduce{
    font-size: 18px;
}

.team-style{
    padding-top: 22px;
}
.introduce-img{
    margin: 40px 0 0 2px;
    width: 1178px;
    height: 894px;
    position: relative;
}
.introduce-img>img{
    position: absolute;
}
.introduce-01{
    top: 0;
    left: 0;
}
.introduce-02{
    top:0;
    left: 268px;
}
.introduce-03{
    top:0;
    left: 450px;
}
.introduce-04{
    top:0;
    left: 720px;
}
.introduce-05{
    top: 270px;
    left: 0;
}
.introduce-06{
    top: 164px;
    left: 450px;
}
.introduce-07{
    top: 365px;
    left: 450px;
}
.introduce-08{
    top: 164px;
    left: 925px;
}
.introduce-box{
    height:100px;
    vertical-align: middle;
    margin-bottom: 20px;
    position: relative;

}
.introduce-left-text{
    font-size: 26px;
    color: #ff7725;
    position: absolute;
    height: 70px;
    left:0;
    top: 50%;
    margin-top: -35px;
}
.introduce-box img {
   position: absolute;
    height: 42px; width: 22px;
    left: 120px;
    top: 50%;
    margin-top: -21px;
    margin-left: 50px;
}
.introduce-text-right{
    margin-left: 50px;
    color: #333;
    font-size: 14px;
    position: absolute;
    left: 200px;
    top: 0;
}
.introduce-text-right div { vertical-align: middle;}
.text-about-us{
    margin-top: 40px;
    font-size: 22px;
    color:#4a4a4a;
}

/*我要咨询*/
.consultation{
    padding: 30px 0 42px 0;
}
.problem{
    float: left;
    width: 196px;
    padding-top: 28px;
    /*height: 592px;*/
    min-height: 592px;
}
.problem dt{
    font-size: 14px;
    font-weight: bold;
    color:#4c4c4c;
    margin-top: 40px;    
}
.problem dd{
    font-size: 12px;
    color:#4c4c4c;
    margin-left: 0;
    margin-top: 20px;
    cursor: pointer;
}
.problem dd img{
    margin-left: 10px;
    display: none;
}
.problem dd.active{
    color: #fd7402;
}
.problem dd.active img{
    display: inline;
}
.question{
    float: left;
    width: 986px; 
    /*height: 592px;*/
    min-height: 592px;
    background-color: #fafafa;  
    padding-bottom: 20px;
}
.question-wrap,.question-wraps{
    width: 930px;
    margin: 0 auto;    
}
.question-wrap>p{
    padding:28px 0 22px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    color:#000;
    border-bottom: 1px solid #e9e9e9;
}
.unfolded-div{
    font-size: 14px;
    color:#333;
    margin-bottom: 28px;
    cursor: pointer;
}
.unfolded{
    display: inline-block;
    width: 12px;
    height: 12px;
    font-size: 14px;
    line-height: 10px;
    text-align: center;
    border:1px solid #999;
    vertical-align: middle;
    margin:0 12px 0 10px;
}
.unfolded-text{
    margin-left: 34px;
    margin-bottom: 28px;
    font-size: 14px;
    color:#666;
    display: none;
}
.unfolded-text>p{
    line-height: 28px;
    font-size: 14px !important;
}
.unfolded-text span{
    font-size: 14px !important;   
}

/*图片预览*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;height: 100%;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center;width:100%;height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:344px;height:302px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:342px;height:302px;border:1px solid #DFDFDF;overflow: hidden;}
.spec-scroll{clear:both;margin-top:5px;width:344px;}
.spec-scroll .prev{float:left;margin-right: 3px;display: inline;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-weight:bold;color:#fff;text-align:center;width:32px;height:48px; line-height:48px;background:#ddd;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:276px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px;}
.spec-scroll .items ul li{float:left;width:55px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:46px;height:42px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
/*解说类*/
.story-list a{
    text-decoration: none;
        padding: 30px 30px 0 30px;
        display: block;
}
.commentary{
    background-color: #fff;
    margin:30px auto;
    overflow: hidden;
    zoom:1;
}
.commentary-title{
    font-size: 23px;
    color:#333;
    padding:58px 0 8px 0;
    text-align: center;
}
.commentary-time{
    font-size: 14px;
    color:#bbb;
    text-align: center;
    padding-bottom: 30px;
    border-bottom:1px solid #e7e7e7;
}
.commentary-wrap{
    padding-top: 42px;
}
.commentary-img{
    float: left;
}
.story-clearfix p{
    width: 310px;
    position: absolute;
    top: 261px;
    left: 1px;
    text-align: left;
    padding: 0 16px;
    color: #666;
    height: 42px;
    line-height: 42px;
    background: #000;
    background:rgba(0,0,0,0.5); 
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    color: #fff;
    z-index: 9;
}
.story-clearfix{
    position: relative;
}
.commentary-profiles{
    margin-left: 380px;
}
.tag{
    display: inline-block;
    padding:2px 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px; 
    color:#fd7402;
    border:1px solid #fd7402;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(ie-css.htc);
}
.commentary-profiles>div{
    padding-bottom: 18px;
}
.profiles{
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.profiles>span{
    float: left;
    width: 84px;
}
.profiles>div{
    margin-left: 120px;
}
.commentary-content{
    margin-top: 60px;
    border-top: 1px solid #e7e7e7;
}
.commentary-content .contact-us{
    padding: 40px 0 28px 0;
}
.jieshuo-lineHeight p{
    line-height: 1.7;
}
/*采访类*/
.cf-content{
    padding-bottom: 44px;
}
.interview{
    margin-bottom: 28px;
}
.interview>img{
    width: 54px;
    height:54px;
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 28px;
    -moz-border-radius: 54px;
    -webkit-border-radius: 54px;
    border-radius: 54px;
    behavior: url(ie-css.htc);
}
.interview>p{
    position: relative;
    float: left;    
    max-width: 750px;
    padding: 16px 40px 20px 20px;
    color:#333;
    font-size: 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(ie-css.htc);   
}
.interview>p>img{
    position: absolute;
    top:18px;
    left: -10px;
}
.cleak-bg{
    background-color: #f5f5f5;
}
.person-bg{
    background-color: #deedf2;
}
/*有故事的店*/
.story{
    background:#fff;
    overflow: hidden;
}
.story>p{
    padding: 10px 0 20px 0;
}
.story-detail{

    background-color: #fff;
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom:1px solid #e5e5e5
}
.story-list>a:hover{     box-shadow: 0 2px 8px #ddd; }
.story-detail>img{
    width: 230px;
    height: 150px;
    float: left;
}
.story-detail>div{
    margin-left:255px;
}
.story-title{
    padding: 0px 0 16px 0;
    font-size: 20px;
    color: #000;
    font-weight:bold;
}
.story-tag{
    padding: 5px 0 10px 0;
}
.story-person{
    font-size: 18px;
    color: #666;
}
.story-person>span{
    color:#333;
}
.story-text{
    font-size: 14px;
    color:#666;
    line-height: 20px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;    
}
.load-more{
    padding: 24px 0;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: 0 auto 32px;
    cursor: pointer;
    clear: both;    
}
.load-more:hover{
    color: #666;
}
/*渠道合作*/
.dividend>img{
    float: left;
    width: 345px;
    height: 190px;
}
.dividend>div{
    margin-left: 376px;
    font-size: 16px;
    color:#5d5d5d;
}
.dividend-detail{
    padding:10px 0 8px 0;    
}
.hook{
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/sprite.png) -360px -120px no-repeat;    
}
.dividend-text{
    float: left;
    width: 192px;
}
.dividend-title{
    letter-spacing: 4.4px;
}
.dividend-detail p{
    margin-left: 192px;
}
.cooperation .contact-us{
    padding:45px 0 30px 0;
}
.service-icon{
    display: inline-block;
    width: 74px;
    height: 74px;
}
span.m-r-n{
    margin-right: 0;
}
.actived .train{
    background: url(../images/sprite.png) -148px -75px no-repeat;
}
.train{
    background: url(../images/sprite.png) -74px -75px no-repeat;
}
.actived .design{
    background: url(../images/sprite.png) -223px -0px no-repeat;
}
.design{
    background: url(../images/sprite.png) -0px -0px no-repeat;
}
.operate{
    background: url(../images/sprite.png) -297px -0px no-repeat;
}
.actived .operate{
    background: url(../images/sprite.png) -75px -0px no-repeat;
}
.customer{
    background: url(../images/sprite.png) -445px -0px no-repeat;
}
.actived .customer{
    background: url(../images/sprite.png) -371px -0px no-repeat;
}
.steering{
    background: url(../images/sprite.png) -519px -0px no-repeat;
}
.actived .steering{
    background: url(../images/sprite.png) -0px -75px no-repeat;
}
.market{
    background: url(../images/sprite.png) -149px -0px no-repeat;
}
.actived .market{
    background: url(../images/sprite.png) -222px -75px no-repeat;
}
.service-wrapper{
    width: 1020px;
    margin: 50px auto 0; 
    text-align: center;
}
.service-wrapper .service-select{
    padding:12px 28px 50px;
}
.service{
    float: left;
    display: inline;
    margin-right: 102px;
    position: relative;
    cursor: pointer;
}
.service-text{
    display: block;
    color:#b8b8b8;
    font-size: 18px;
    text-align: center;
}
.actived .service-text{
    color: #ffc103;
}
.location{
    display: none;
}
.actived .location{
    position: absolute;
    left: 20px;
    top: -70px;
    display: inline-block;
    height: 43px;
    width: 31px;
    background: url(../images/sprite.png) -566px -75px no-repeat;
}
.service-selected-content{
    position: relative;
    height: 308px;
    display: none;
}
.w358{
    position: absolute;
    float: left;
    width: 358px;   
    color: #343434;
    font-size: 16px;
    top:50%;
    margin-top: -45px;
    height: 90px;
    text-align: left; 
    left: 0;
}
.service-selected-content>img{
    position: absolute;
    width: 394px;
    height: 307px;
    left: 546px;
}
.requirement>div{
    width: 574px;
}
.requirement img{
    vertical-align: bottom;
}
.require-text{    
    font-size: 16px;
    color: #3d3d3d;
    padding:26px 36px;
    border:1px solid #dfdfdf;
    border-top: 0;
    line-height: 28px;
}
.h-164{
    height: 164px;
}
.sign-icon{
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
}
.apply{
    background: url(../images/sprite.png) -0px -149px no-repeat;
}
.reply{
    background: url(../images/sprite.png) -476px -75px no-repeat;
}
.negotiate{
    background: url(../images/sprite.png) -386px -75px no-repeat;
}
.sign{
    background: url(../images/sprite.png) -431px -75px no-repeat;
}
.payment{
    background: url(../images/sprite.png) -296px -75px no-repeat;
}
.install{
    background: url(../images/sprite.png) -45px -150px no-repeat;
}
.peixun{
    background: url(../images/sprite.png) -342px -75px no-repeat;
}
.programme{
    background: url(../images/sprite.png) -522px -75px no-repeat;
}
.process{
    padding: 0 24px 80px;
    overflow: hidden;
}
.process>div{
    text-align: center;
    float: left;
    padding-right: 62px;
}
.change-process>div.pl-150{
    padding-left: 150px;
}
.process-num{
    font-size: 35px;
    color: #ffc103;
    font-family:'Microsoft YaHei';
    padding-left: 55px;
}
.process-title{
    font-size: 24px;
    color: #ffc103;
    font-family:'Microsoft YaHei';
    margin-top: -10px;
}
.process-text{
    font-size: 16px;
    color: #3d3d3d;
    padding-top: 2px;
    padding-right: 0;
}
.right-process .process-text{
    padding-top: 12px;
}
.sign-up{
    background-color: #deedf2;
}
.sign-up>p{
    text-align: center;
    padding: 34px 0;
    font-size: 26px;
    color:#343434;
}
.w580{
    width: 580px;
    text-align: center;
    margin: 0 auto;
}
.w580 select{
    width: 226px;
    font-size: 16px;
    padding: 8px 0 8px 12px;  
    background-color: #deedf2;
    border:1px solid #b3b3b3;    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(ie-css.htc);  
}
.m-r-28{
    margin-right: 28px;
}
.w580>div{
    text-align: left;
}
.sign-up-div{
    margin-bottom: 14px;
    position: relative;    
}
.sign-up-div p{
    position: absolute;
    color:red;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    top:0;
    right: -95px;
}
.sign-up-div>span{
    float: left;
    width: 92px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    font-size: 16px;
    color:#343434;
}
.sign-up-div input{
    width: 480px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    background-color: #deedf2;
    border:1px solid #b3b3b3;
    text-indent: 1em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(ie-css.htc);  
}
.join{
    width: 220px;
    height: 46px;
    margin: 18px 0 80px 0;
    font-size: 18px;
    background-color: #ffa600;
    color:#fff;
    border:none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    behavior: url(ie-css.htc);
    text-align: center;
    cursor: pointer;
    font-family: 'Microsoft YaHei';
}
/*商户入驻*/
.process .right-process{
    width: 25%;
    padding-right: 0;
}
.right-process a{
    color:#000cff;
    cursor: pointer;
}
.w198{
    width: 198px;
    margin: 0 auto;
    text-align: left;
}
.w280{
    width: 280px;
    margin: 0 auto;
    text-align: left;
}
.w214{
    width: 214px;
    margin: 0 auto;
    text-align: left;     
}
.process .process-right{    
    width: 100%;
    padding-top: 68px;
}
.process>div.process-right>div{
    width: 25%;
    float: right;
}
/*新闻动态*/
.newTab{
    max-width: 1920px;
    border-bottom: 1px solid #f7f7f7;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 5px;
  -moz-box-shadow: 5px 5px 3px #f7f7f7; /* 老的 Firefox */
box-shadow: 2px 2px 3px #f7f7f7;
}
.newTab .newTabMain{ width: 1080px;}
.newTab li{
    float: left;
    margin: 0 50px;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    position: relative;
    overflow:hidden;
}
.newTab li span{
    position: absolute;
    bottom: 0; 
    height: 2px;
    left: 0;
    display: block;
    width: 100%;
}
.newTab .active{
    color: #ff7800;
}
.newTab .active .activeSpan{
    background: #ff7800
}
.newTab li:hover{
    color: #ff7800;
}
.newTab li:hover span{
   background: #ff7800 
}

.news-list{

}
.news-list-heiht{    overflow: hidden;
    padding-bottom: 20px;
    height: 1080px;}
.news-list .load-more{
    width: 1180px;
}
.news{
    
    width: 980px;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    padding:30px 0;
    overflow: hidden;
    position: relative;
}
.news a{
        color: #010000;
        text-decoration: none;
}
.news div{    
    float: left;
    height:120px;
    width: 234px;
    overflow: hidden;

}
.news .news-left{
    margin-left: 20px;
    width: 720px;
    float: right;
}
.news div .contText{
   
    padding:14px 0px;
    font-size: 14px;
    color: #666;

    left: 0;
    background: rgba(255,255,255,.94);
    overflow: hidden;
}
.news img{
    height:120px;
    width: 234px;
    vertical-align: bottom;
}
.news-title{    
    font-size: 20px;
    color:#333;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news-title:hover{
    color:#fd7402;
    text-decoration: underline;
}
.news-time{
    font-size: 12px;
    color:#bbb;
    overflow: hidden;
    position: absolute; 
    bottom: 30px;
    right: 0;
    width: 720px;
}
.news-time em{
    font-style: normal;
    font-size: 12px;
    color: #999
}
.news p{
    background-color: #fff;
}
.news-time b{ background: url('../images/time.png') no-repeat; float: left;  margin: 2px 3px 0 0; display: inline-block; width: 14px; height: 14px; }
.news-time>span{
    float: right;
    cursor: pointer;
}
.look{
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 26px;    
    margin: 0 2px;
    background: url(../images/sprite.png) -334px -120px no-repeat;
}
.praise{
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    height: 25px;
    width: 26px;
    background: url(../images/sprite.png) -392px -120px no-repeat;
}
.news-list-not{ display: none; background: url('../images/Nodynamic.png') no-repeat; height: 215px; width: 217px; margin: 150px auto; }
.more_list{  margin:10rem auto 10rem; padding: 0.3rem 0;  text-align: center; display: none;}
.more_list img{display: none; width: 2rem; height: 2rem; margin:0 auto;}
.more_list p{display: none; font-size: 12px;color: #ccc}
span.praises{   
    margin: 0 2px;
    background: url(../images/sprite.png) -430px -120px no-repeat;
}
.detail-zan{
    cursor: pointer;
}
.look-num,.praise-num{
    display: inline-block;
    vertical-align: middle;
    color: #999
}
.look-span{
    padding-right: 12px;
}
/*新闻详细*/
.news-detail-not{
    display: none;
   padding: 200px 0;
   margin: 0px auto;
    width: 300px;
   height:200px;

}
.news-detail-not p{
    color: #999;
    font-size: 14px; 
    margin-top:20px;

}

.news-detail{
    padding: 34px 0;
    margin: 30px auto;
    background-color: #fff;
}
.news-detail>.w912{
    position: relative;
}
.news-detail .dianzan{ position: absolute; bottom: -30px; right: 20px; }
.w912{
    width: 912px;
    margin: 0 auto;
}
.headlines{
    font-size: 23px;
    color:#333;
    text-align: center;
}
.news-profile{
    padding: 14px 0 10px 0;
    color:#bbb;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    
  
}

.news-profile .look-span{
    padding-right: 28px;
}
.news-profile .dateImg{
    vertical-align: middle;
    background: url('../images/time.png')  no-repeat;
    width: 14px;
    height: 16px;
    display: inline-block;
    padding:0 2px;
}
.border-line{    
    margin: 0 auto 28px;
    border-bottom: 1px solid #e7e7e7;
}
.div-line{
    width: 912px;
    margin: 60px auto 30px;
    border-bottom: 1px solid #e7e7e7;   
}
.author,.date{
    padding-right: 22px;
}
.biaoqian{
    
    display: block;
    text-align:center;

}
.biaoqian span{
    display: inline-block;
    margin: 0 20px 15px 0;
    padding-right: 14px;   
    border:1px solid #e2e2e2;
    padding:5px 10px;
    border-radius: 5px;
    color: #999;
}
.article{
    width: 912px;
    margin: 0 auto;
    overflow: hidden;
    color: #333;
    font-size: 15px;
}
.article .left{ text-align: left;  }
.article .right{ text-align: left;  }
.article a{
    color: #333;
    text-decoration: none;
    max-width: 400px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.article a:hover{
    text-decoration: underline;
}
.article span{
    padding-right: 20px;
    color:#666;
}




/* 2016-6-29-qq */

.link-entry>a{
    text-decoration: none;
}
.add_border{
    border:1px solid #ffa600!important;
}
.story-mes{
    position: relative;
}
.story-mes .story-time{
    position: absolute;
    right: 10px;
    top:25px;
    font-size: 13px;
    color: #666;
    font-style: normal;
}
.nav_1:hover{
    background:#fd8f00;
}
.toTop,.cpystop {
    width: 62px;
    height:62px;
    position: fixed;
    right: 50px;
    bottom: 50px;
    background: url(../images/scroll-top.png) no-repeat center center;
    display: none;
    cursor: pointer;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,50)||0)-(parseInt(this.currentStyle.marginBottom,20)||0)));
}
.showBig{position:fixed; left:0; top:0; width:100%; height:100%;  z-index:999;}
    .gray_bg{position:fixed; width:100%; height:100%;background:rgba(0,0,0,0.8);}
    .showBig .get_pic{
        position:absolute;
        top:50%;
        left:50%;
        display:inline-block;
        margin:0 auto;
    }
    .showBig .get_pic img{display:block; margin:0 auto;display:none;}   
    .showBig .btn{}
    .showBig .btn a{width:40px; height:60px; position:absolute; top:50%; margin-top:-25px; background:#f2f2f2; color:#666; font-size:15px; display:block; z-index:9999; text-decoration:none; line-height:60px; text-align:center; font-size:40px; font-family:"System"; font-weight:bold;}
    .showBig .btn .rightBtn{right:30px;}
    .showBig .btn .leftBtn{left:30px;}
    .showBig img:first-child{
        display:block;
    }
ul#mycarousel{
            height:83px;
        }
        .jcarousel-skin-tango .jcarousel-item{
            height:83px;
        }
        .jcarousel-skin-tango .jcarousel-clip-horizontal{
            height:83px;
        }
        .jcarousel-skin-tango .jcarousel-prev-horizontal{
            top:46px;
        }
        .jcarousel-skin-tango .jcarousel-next-horizontal{
            top:46px;
        }
.link-entry>a.addColor{
    color:#ec7119;
}
/*----------联系我们--------*/
.introduceBg{ background:url('../images/add/instace.jpg?v=3.13') no-repeat center center; width: 100% ;height: 302px; margin: 0 auto; }
.zf-newBg{ background:url('../images/add/dongBg.jpg') no-repeat center center; width: 100% ;height: 302px; margin: 0 auto; }
.zf-recruitBg{ background:url('../images/add/jinyinBg.jpg') no-repeat center center; width: 100% ;height: 302px; margin: 0 auto; }
.zf-contactBg{ background:url('../images/add/usBg.jpg') no-repeat center center; width: 100% ;height: 302px; margin: 0 auto; }

/*----------产品服务--------*/
.serverBanner { background: url('../images/add/serverBg.jpg') no-repeat center center; height:300px;width: 100%; }
.serverBanner p{  width: 100%;display: block;position:relative; color: #fff; font-size: 14px; text-align: center; padding-top: 232px;line-height: 22px; }
.serverBuy{ background: url('../images/add/serverList.jpg') no-repeat center center ; height: 762px; }
.serverBuy .cooperate-top h5{ padding: 55px 0 0px 0;  font-size: 30px; text-align: center;}
.scrollpic {width: 1100px; margin:40px auto 0 auto; position: relative;}

.productPurchase{ width: 100%; max-width: 1920px; height: 638px; 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: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:13px; 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 .active{width:295px; margin: 45px 35px 0px 35px;height: 380px;background: url("../images/add/buyHover.png") no-repeat center center !important;}
.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 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;}




#myscroll {
    display: block;
    width: 100%;
    position: relative;
    height: 1000px;
    overflow: hidden;
}
#myscroll #myscrollbox {
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px;
}


#myscroll ul {display: block;float: left;}
#myscroll ul li { position:relative;  border-radius: 4px; cursor: pointer; display: block;float: left;width:295px;  margin: 0px 35px;height: 380px;}

#myscroll ul .buyConTop{
    background: url("../images/add/buy.png") no-repeat center center;
}
#myscroll ul .buyConTop:hover{
     background: url("../images/add/buyHover.png") no-repeat center center;
}
#myscroll ul .buyConVip{
    background: url("../images/add/buyBottom.png") no-repeat center center;
}
#myscroll ul .buyConVip:hover{
     background: url("../images/add/buyBottomHover.png") no-repeat center center;
}
#myscroll ul .buyConTop:hover h1{color: #ff7800;}
#myscroll ul .buyConTop:hover h3{color: #ff7800;}
#myscroll ul .buyConVip:hover h1{color: #ff5555;}
#myscroll ul .buyConVip:hover h3{color: #ff5555;}
#myscroll ul li .buyConVip h1{color: #988080;}
#myscroll ul li h1{ font-size: 28px; font-weight: bold; color: #9d9289; text-align: center; margin-top: 15px }
#myscroll ul li h3{ color: #9d9289; font-size: 16px;text-align: center;}


#myscroll ul li h1{ font-size: 28px; font-weight: bold; color: #999; text-align: center; margin-top: 15px }
#myscroll ul li h4{ font-size: 28px; font-weight: bold; color: #fa4c3b; text-align: center; margin-top: 15px; }
#myscroll ul li h4 span{ font-size: 24px; font-weight:normal; color: #fa4c3b;  }
#myscroll ul li i{ margin-top:5px; text-decoration:line-through ;font-size: 16px; font-weight:normal;color: #999;  text-align: center; display: block;  }
#myscroll 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:64px auto 0; }
#myscroll ul li .btnLink{ margin: 60px auto 0; height:40px; width: 80px; }
#myscroll ul li .mt{ margin-top: 34px!important;  }
#myscroll ul li .pt{ margin-top: 5px!important;  }
#myscroll ul li .vip{ margin-top: 35px!important;  }
#myscroll ul li .mt80{ margin-top:173px!important;  }
#myscroll ul li p{ font-size: 14px; line-height: 26px; font-weight:normal; color: #ffffff; text-align: center;  margin-top:55px; }
#myscroll ul li .btnCode{ position:absolute; bottom: 35px; 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; }
#myscroll ul li:hover .btnCode{color: #fa4c3b;}
#myscroll ul li .jiantou{  position: absolute; bottom: -55px; left: 130px; background: url("../images/add/buyActive.png") no-repeat; width: 28px; height: 20px; }

#myscroll ul .active{width:295px; margin: 0px 35px;height: 380px;background: url("../images/add/buyHover.png") no-repeat center center !important;}
#myscroll ul .buyConactive{width:295px; margin: 0px 35px;height: 380px;background: url("../images/add/buyBottomHover.png") no-repeat center center !important;}
#myscroll 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%; }
#myscroll ul li .codeBg img{ width: 190px; height: 190px; margin:75px auto 0; }
#myscroll 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; }
#myscroll 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; }
#mybtns {
    width: 1200px;
    display: block;
    height: 42px;
    position: absolute;
    z-index: 50;
    top: 250px;
    left: -50px
}
#mybtns a {
    width: 42px;
    height: 42px;
    display: block;
    
    margin-right: 1px;
    background-color: #c1c1c1;
    margin-left:10px;
}
#mybtns a:hover {
    background-color: #347fdc;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #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;
}
#mybtns #left {
    background: url(../images/add/next.png) no-repeat center;
    float: left;
}
#mybtns #right {
    background: url(../images/add/back.png) no-repeat center;
    float: right;
}

#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.buySaycommon{}
.buySay{ width:1045px; height: 512px; position: absolute; bottom: 75px; left: 25px; display: none; }
.buySay img{ width:1045px; height: 512px }

.zf-custromer{background: #fff;width: 100%; }
.zf-custromer .custromerTitle{  }
.zf-custromer .custromerTitle h2{ font-size: 32px; text-align: center; color: #222;  }
.zf-custromer .custromerTitle p{font-size: 16px; text-align: center; margin-top: 20px; color: #888;  }
.zf-custromer .custromerMain{ width: 866px; margin: 30px auto 20px }
.zf-custromer .custromerMain li{ float: left; width: 200px; height: 180px; padding-top: 30px; margin-left: 30px;border: 1px solid #fff; }
.zf-custromer .custromerMain li:hover{border: 1px solid #f6f6f6; box-shadow: 0 0 10px #f1f1f1 }
.zf-custromer .custromerMain li:hover p{color: #ff9958 }
.zf-custromer .custromerMain li img{ width:93px; height: 100px; margin: 0 auto; }
.zf-custromer .custromerMain li p{  text-align: center; margin-top: 20px;font-size: 18px }
.zf-custromer .custromerMain .mt30{ margin: 0 100px; }
/*----------合作加盟--------*/

/*----------成功案例--------*/
.xiao{ margin:40px auto !important; }
.xiao .side{ width: 180px; float: left; background: #f8f8f8; }
.xiao .side p{ cursor: pointer; width: 176px; border-left: 4px solid #f8f8f8; height: 50px; line-height: 50px; text-align: center; color: #333333 }
.xiao .side .sideActive{ background: #ffffff; border-left: 4px solid #ff7800; height: 50px; line-height: 50px; text-align: center; color: #ff7800  }
.xiao .xiaoMain{ width: 820px; margin-left: 100px; float: left;  }
.xiao .xiaoCon{display: none;  }
.xiao .xiaoCon ul{  }
.xiao .xiaoCon ul li{ position: relative; float: left; width: 188px;  height: 230px; border:1px solid #e5e5e5; margin:0 20px 20px 0;  }
.xiao .xiaoCon ul li span{ display: block; text-align: center; height: 40px;line-height: 40px;  }
.xiao .xiaoCon ul li p{ display: none; position: absolute; top: 0; width: 100%; height: 190px; left:0; background: url('../images/add/touming.png'); }
.xiao .xiaoCon ul li p img{ width: 140px; height: 140px; margin: 25px auto 0; }
.xiao .xiaoCon ul h5{  padding: 10px 0; font-size: 14px }
.coopBanner{ background: url('../images/add/coopBanner.jpg') no-repeat center center; max-width: 1920px; width: 100%; height: 440px; }
.coopBanner .coopLink{ width: 1100px; margin: 0 auto; height: 440px; position:relative; }
.coopBanner .coopLink a{ position: absolute; bottom: 80px; width: 180px; left:200px; height: 40px; background: transparent; display: block; }
.coopMy{ background: #fff url('../images/add/coop1_v100.png') no-repeat center center; max-width: 1920px; width: 100%; height: 425px; margin: 0 auto; }
.coopName{ background: url('../images/add/coop2.jpg') no-repeat center center; max-width: 1920px; width: 100%; height: 682px;}
.coopNone{background: #f8f8f8 url('../images/add/coop3.jpg') no-repeat center center; max-width: 1920px; width: 100%; height: 487px; margin: 0 auto;}
.coopJoin{background: #fff url('../images/add/coop4.png?v=1.12') no-repeat center center; max-width: 1920px; width: 100%; height:740px; margin: 0 auto;}
.coopJoin h3{ text-align:center;font-size: 32px;color: #222; }
.partner {
    background: #f8f8f8 url(../images/partner-benefit.png) no-repeat center center;
    max-width: 1920px;
    width: 100%;
    height: 754px;
    margin: 0 auto;
}