body{
    background:#eeeeee;
}
.banner{
    width:100%;max-width:1920px;height:530px;background:#eee;background:url("../images/index/B2C.jpg") center center no-repeat;
}
.m1{
    padding-top:81px;
}
.m1 h2,.m2 h2{
    font-size:32px;color:#222;text-align:center;margin-bottom:36px;
}
.m1 p{
    font-size:14px;color:#6E6E6E;width:880px;text-align:center;margin:0 auto;line-height:30px;
}
.m1 img{
    display:block;margin:60px auto 0;
}
/*----*/
.m2{
    padding-top:90px;
}
.m2-1{
    height:60px;line-height:60px;padding-left:30px;background:#01bd70;
}
.m2-1 em{
 margin-right:170px;color:#fff;
}
.m2-1 span{
    display: inline-block;  width: 90px;  height: 34px;  line-height: 34px;    background: #fff;  border-radius: 5px;  color: #01bd70;  margin-right: 60px;text-align: center;
}
.m2 .m2-2{
    height:255px;background:#0a6dee;
}
.m2 .m2-2 ul{
    height:178px;background:url("../images/retail/ul-bg.png") no-repeat;padding:20px 8px 0 18px;
}
.m2 .m2-2 ul.w2{
     background-position: 230px 0;width:206px;
}
.m2 .m2-2 ul.w1{
    background-position: 125px 0;width:102px;
}
.m2 .m2-2>p{
    line-height:45px;height:45px;color:#fff;text-align:center;
}
.m2 .m2-2 .title{
    width:190px;text-align:center;color:#fff;margin-bottom:-20px;
}
.m2 .m2-2 li{
    width:90px;height:32px;background:#fff;color:#0a6dee;float: left;margin-right:10px;margin-bottom:28px;text-align:center;
    line-height:32px;border-radius:5px;
}

.m2 .m2-3{
    background:#0a6dee;margin-top:20px;height:122px;
}
.m2 .m2-3 p{
    color:#fff;text-align:center;padding:10px 0 20px 0;background:url("../images/retail/line2.png") no-repeat 30px 43px;
}
.m2 .m2-3 div{
    height: 75px;
    line-height: 75px;
    padding-left: 265px;
}
.m2 .m2-3 span{
    display:inline-block;width:100px;height:33px;line-height:33px;text-align: center;background:#fff;color:#0a6dee;margin-right:40px;border-radius:10px;
}
.m2 .m2-4{
    height:60px;line-height:60px;padding-left:30px;background:#01bd70;
}
.m2 .m2-4 em{
    color:#fff;margin-right:100px;
}
.m2 .m2-4 span{
    display:inline-block;width:90px;height:34px;line-height:34px;text-align:center;background: #fff;border-radius:5px;color:#01bd70;margin-right:30px;
}

.m3{
    margin-top:100px;
}
.m3 h2{
    text-align:center;color:#222;font-size:32px;margin-bottom:30px;
}
.m3>p{
    width:650px;margin:0 auto 50px;text-align:center;height:77px;line-height:28px;
}
.m3-1{
    background: #525252;height:303px;padding-top:80px;padding-left:55px;
}
.m3-1 img{

}
.m3-1 div{
    float: left;width:435px;padding-left:80px;height:75px;margin:0 55px 90px 0;
}
.m3-1 div.d1{
    background:url("../images/retail/m3-1.png") no-repeat;
}
.m3-1 div.d2{
    background:url("../images/retail/m3-2.png") no-repeat;
}
.m3-1 div.d3{
    background:url("../images/retail/m3-3.png") no-repeat;
}
.m3-1 div.d4{
    background:url("../images/retail/m3-4.png") no-repeat;
}
.m3-1 div h3{
    color:#fff;font-size:14px;margin-bottom:10px;
}
.m3-1 div p{
    color:#fff;font-size:13px;
}
/*m4----*/
.m4{
height:634px;
}
.m4-1{
    background:#fff;height:170px;padding-top:60px;
}
.m4 .m4-2{

}
.m4 .m4-1 h2{
    font-size:32px;color:#222;text-align:center;
}
.m4 .m4-1 p{
    width:650px;margin:35px auto 50px;color:#6e6e6e;line-height:32px;height:90px;text-align:center;
}
.m4 .m4-2{
    height:390px;padding-left:95px;margin-top:50px;
}
.m4 .m4-2 div{
    float: left;width:315px;height:110px;padding:30px 30px 40px 140px;background:#fff;
}
.m4 .m4-2 .d1{
    background:#fff url("../images/retail/m4-2-1.png") 40px 47px no-repeat;margin-right:28px;
}
.m4 .m4-2 .d2{
    background:#fff url("../images/retail/m4-2-2.png") 40px 46px no-repeat;margin-bottom:30px;
}
.m4 .m4-2 .d3{
    background:#fff url("../images/retail/m4-2-3.png") 37px 50px no-repeat;margin-right:28px;
}
.m4 .m4-2 .d4{
    background:#fff url("../images/retail/m4-2-4.png") 42px 50px no-repeat;margin-bottom:30px;
}
.grid-6{
    height:180px;
}