.banner{
    width:100%;max-width:1920px;height:525px;margin-top:45px;background: url("../images/o2o/banner.jpg") center center no-repeat;min-width:1280px;
}

.l{
    float: left;
}
.m1{
    margin-top:50px;
}
.m1 h2,.m2 h2{
    text-align:center;font-size:32px;color:#222;
}
.m1 .wrap ul{
    padding:0 50px;overflow: hidden;
}
.m1 .wrap li{
    float:left;height:80px;
}
.m1 .wrap .title{
    font-size:14px;line-height:30px;color:#6e6e6e;margin:32px auto 0;width:710px;text-align: center;
}
.m1 .wrap .img{
    width:80px ;height:80px;display:inline-block;vertical-align: middle;
}
.m1 .wrap img{
    display: block;
    margin: 0 auto;
    margin-top: 18px;
}
.m1 .wrap .right{
    display:inline-block;vertical-align: middle;width:280px;height:80px;box-sizing: border-box;
    padding: 18px 0;
}
.m1 .wrap li.on .right{
    display:none;
}
.m1 .wrap .right .detail{
    font-size:14px;overflow: hidden;  white-space:nowrap; text-overflow: ellipsis;height:20px;color:#aaa;
}
.m1 .wrap .right .title1{
    height:25px;
}
.m2{
    padding-bottom:80px;padding-top:80px;
}
.m2 .wrap .title{
    font-size:14px;line-height:30px;color:#6e6e6e;margin:32px auto 68px;width:710px;text-align: center;
}
.m2 ul{
    overflow: hidden;padding: 0 36px;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}
.m2 ul p{
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
    color: white;
}
.m2 .wrap li{
    width:176px;height:176px;float:left;margin: 6px;
}
.m2 .wrap li:hover{
    width:188px;height:188px;float:left;margin: 0px;
}
.m2 .wrap li .img{
    width:176px;height:176px;
}
.m2 img{
    display:block;margin:0 auto;margin-top:25px;
}
/*M3*/
.m3{
    padding-bottom:80px;padding-top:80px;
}
.m3 .wrap .title{
    font-size:14px;line-height:30px;color:#6e6e6e;margin:32px auto 68px;text-align: center;
}
.m3 ul{
    overflow: hidden;
    padding: 0 36px;
}
.m3 ul li{
    float: left;
    width: 178px;
    height: 265px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin: 0 23px;
}
.m3 ul li:hover{
    border: 1px solid #99CD6B;
}
.m3 .p1{
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}
.m3 .p2{
    margin-top: 20px;
    color: #666;
}

.m3 img{
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.m3 h2{
    font-size:32px;text-align: center;padding:50px 0 43px 0;
}
/*   */
.m4{
    background: url(../images/o2o/m4/bg.jpg) no-repeat;
    width: 100%;
    max-width: 1920px;
    padding-bottom: 50px;
    position: relative;
    background-size: cover;
}
.m4 h2{
    padding:100px 0 34px 0;color:#222;font-size:32px;text-align: center;
}
.m4 ul{
    height:278px;position:relative;  padding: 0 36px;    margin-top: 34px;
}
.m4 ul li{
    width:236px;height:280px;float:left;    margin: 0 23px;background: white;
}
.m4 ul li:hover{
    position: relative;
    top: -22px;
}
.m4 .p1{
    text-align:center;font-size:16px;
    font-weight:600;margin-top:20px;
}
.m4 .p2{
    margin-top:20px;
    text-align: center;color: #888;padding: 0 6px;
}
.m4 img{
    display:block;margin:0 auto;
}
/*-----m5---*/
.m5{
    padding-bottom:80px;padding-top:80px;
}
.m5 h2{
    text-align:center;font-size:32px;color:#222;
}
.m5 .title{
    font-size:14px;line-height:30px;color:#6e6e6e;margin:32px auto 68px;text-align: center;
}
.m5 .p1{
    height: 50px;
    line-height: 50px;
    font-weight:600;
}
.m5 .p2{
    color:#888;
}
.m5 ul{
    padding: 0 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m5 ul li:hover{
    background:#f6f6f6;
}
.m5 ul li{
    float: left;
    width: 305px;
    height: 260px;
    /*padding: 0 20px;*/
    box-sizing: border-box;
    /*border: 1px solid #e3e3e3;*/
    border-radius: 10px;
    margin: 4px 35px;
}