img{border:none;}
/*公共标题*/
.commonTitle{
    margin:0 auto;
    text-align: center;
}
.commonTitle .g-title{
    font-size:40px;
    color:#3f3f3f;
    letter-spacing: 2px;
}
.commonTitle .g-intro{
    font-size:24px;
    color:#666666;
    margin-top:20px;
}
.server-container {
    display: block;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.g-container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    display: block;
}
/*banner*/
.banner{
    width:100%;
    /*height:350px;*/
    font-size: 0;
    /*margin-top:124px;*/
}
.banner .hotServiceImg{
    max-width: 100%;
    width:100%;
    /*height:350px;*/
}
/*了解小程序*/
.basicWrap{
    box-sizing: border-box;
    padding:50px 0;
}
.basic-box{
    box-sizing: border-box;
    padding-top:60px;
    padding-bottom:30px;
}
.basic-box .basic-left{
    width:474px;
    box-sizing: border-box;
    padding-top:20px;
}
.basic-box .basic-left .basic-title{
    color:#3f3f3f;
    font-size:24px;
}
.basic-box .basic-left .basic-intro{
    color:#666666;
    font-size:16px;
    line-height: 25px;
    width:416px;
    margin-top:38px;
}
.basic-button{
    width:200px;
    height:70px;
    border-radius: 10px;
    background-color: #76a1ff;
    border: none;
    color:#fff;
    font-size:24px;
    margin-top:60px;
}
.basic-img{
    width:400px;
    height:400px;
    margin-right:100px;
}
/*四大优势*/
.advantageWrap{
    box-sizing: border-box;
    padding:50px 0;
    background-color: #fafafa;
}
.advantage-box{
    margin-top:75px;
}
.advantage-item{
    width:175px;
    margin-left:30px;
}
.advantage-item .advantage-img{
    width:115px;
    height:115px;
    display: block;
    margin:0 auto;
}
.advantage-item .advantage-title{
    font-size:24px;
    text-align: center;
    margin-top:14px;
    color:#3f3f3f;
}
.advantage-item .advantage-intro{
    font-size:14px;
    margin-top:15px;
    line-height: 25px;
    margin-bottom: 10px;
    color:#aaaaaa;
}
/*系统亮点*/
.systemSpot{
    box-sizing: border-box;
    padding:50px 0;
}
.system-box{
    margin-top:80px;
}
.system-item{
    width:375px;
    height:197px;
    border:1px solid #d0d1d1;
    margin-right:30px;
    margin-bottom: 27px;
}
.system-item:nth-child(3n){
    margin-right:0;
}
.system-item .system-img{
    width:69px;
    height:67px;
    margin:65px 40px;
}
.system-item .system-right{
    width:208px;
}
.system-item .system-right .system-title{
    color:#3f3f3f;
    font-size:24px;
    margin-top:29px;
}
.system-item .system-right .system-line{
    width:60px;
    border-top:2px solid #a8a7a7;
    margin:28px 0;
}
.system-item .system-right .system-intro{
    color:#777777;
    font-size:16px;
    line-height: 25px;
}
/*分销+营销*/
.functionWrap{
    box-sizing: border-box;
    padding:50px 0;
    background-color: #fafafa;
}
.function-box{
    margin-top:80px;
}
.function-item{
    width:310px;
    height:100px;
    margin-right:130px;
    margin-bottom: 55px;
}
.function-item:nth-child(3n){
    margin-right:0;
}
.function-item .function-img{
    width:100px;
    height:100px;
}
.function-item .function-right{
    width:175px;
    margin-left:30px;
}
.function-item .function-right .function-title{
    color:#3f3f3f;
    font-size:24px;
    margin-top:5px;
}
.function-item .function-right .function-intro{
    color:#aaaaaa;
    font-size:16px;
    line-height: 25px;
    margin-top:10px;
}
/*适用行业*/
.sceneApply{
    box-sizing: border-box;
    padding:50px 0;
}
.scene-box{
    margin-top:75px;
}
.scene-item{
    width:226px;
    height:126px;
    line-height: 126px;
    text-align: center;
    color:#fff;
    margin-right:15px;
    margin-bottom: 32px;
    background:url("../images/hotService/scene1.png") no-repeat;
    background-size: cover;
    border-radius: 10px;
    font-size: 26px;
    position: relative;
}
.scene-item:nth-child(5n){
    margin-right:0;
}
.scene-item  .mask{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);  //filter 过滤器   兼容IE678
    border-radius: 10px;
}
.scene-item  p{
    position: relative;
    z-index: 10;
}
.scene-btn{
    width:198px;
    height:70px;
    border-radius: 10px;
    background-color: #76a1ff;
    color:#fff;
    font-size: 24px;
    margin:65px 0;
    border: none;
}