body{
    color:#222;
}
.wrap{
    width: 1200px;
    margin:0 auto;
}
.m1,.m2{

}
.clearfix {

    *zoom: 1;

}
.clearfix:after {

    display: block;height:0;  content: "";clear:both;

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

.l{
    float: left;
}
.r{
    float:right;
}
.m1 .title h2,.m2>h2,.m3 h2,.m4>h2,.m5 h2,.m6 h2{
    font-size:30px;text-align:center;line-height:70px;margin-top:10px;
}
.m1{
    width:100%;max-width:1920px;
}
.m1 .title{
    width:1200px;margin:0 auto;
}
.m1 .title p,.m2>p,.m4>p,.m5>p{
    font-size:16px;line-height:30px;text-align:center;margin-top:5px;color:#6e6e6e;
    margin-bottom: 44px;
}
.m2>p{
    font-size: 16px;
    margin-bottom: 85px!important;
}
.m1 .title p span{
    color:red;
}
.m1 .m1-1{
    width:100%;max-width:1920px;background:#5a97cd url("../images/b2b2c/m1-1.png") no-repeat 50% 0;height:661px;
}
.m1 .m1-1 nav a{
    height:38px;font-size:22px;line-height:38px;float: left;border:1px solid #fff;text-align: center;cursor: pointer;margin-right:125px;
    color:#fff;border-radius: 5px;
}
.m1 .m1-1 nav a:hover{
    color:#006bc3;background:#fff;
}
.m1 .m1-1 a.rc-active{
    color:#006bc3;background:#fff;
}
.m1 .menu{
    width:1080px;margin:55px 0 35px 60px;
}
.m1 .box .item{
    overflow: hidden;height:540px;
}
.m1 .box{
    position:relative;
}
.m1 .box li{
    position: absolute;  width: 100%;  height: 100%; left: 0; top:0;
}
.m1 .box li .img1{
    width:600px;
}
.m1 .box li .text{
    width:585px;
}
#cbp-contentslider li{
    width:100%;height:600px;
}
.m1 .box .text h2{
    font-size:32px;color:#fff;margin-bottom:45px;
}
.m1 .box .text p{
    background:url("../images/b2b2c/m1/p-bg.png") no-repeat 0 2px;padding-left:40px;font-size:14px;line-height:24px;color:#fff;
}
.m2 .use{
    margin:30px 0 60px 0;
}
.m2 .use input{
    width:173px;height:40px;border-radius:80px;background:#0a6dec;color:#fff;font-size:20px;
}
.m2 .m2-1{
    height:100px;width:1000px;margin:0 auto;
    margin-bottom: 47px;
    padding: 0 100px;
}
.m2 .m2-1 .p1{
    float:left;width:340px;height:88px;background: url("../images/b2b2c/right.png") no-repeat;line-height:88px;color:#fff;text-align: center;
}
.m2 .m2-1 .p2{
    float: left;width:340px;height:88px;background: url("../images/b2b2c/lefy1.png") no-repeat;line-height:88px;color:#fff;text-align: center;
}
.m2-2{
    padding: 14px 0 12px 0;
    text-align: center;
}
.m2-2 p{
    text-align:center;font-size:16px;margin-bottom: 25px;
    margin-right: 22px;

}
.m2-2 img{
    margin-right: 19px;
}
.m2 .m2-1 .m2-pic{;
    width:158px;height:158px;background:#0a6dee url("../images/b2b2c/icos-1_03.png") no-repeat;border-radius:50%;
    -webkit-animation:m2Pic 2.5s alternate infinite;
    -o-animation:m2Pic 2.5s alternate infinite;
    animation:m2Pic 2.5s alternate infinite;
    float:left;margin:-45px 65px 0;
}
.m2 .m2-3{
    background: url("../images/b2b2c/data/m2-3.png") no-repeat 40px 0;height:210px;width:1100px;margin:0 auto;padding-top:99px;
}
.m2 .m2-3 li{
    width:90px;float: left;margin-right:77px;border-radius: 5px;
}
.m2 .m2-3 li:last-child{
    margin-right:0;
}
.m2-3 li p.p1{
    font-size:13px;line-height:40px;text-align: center;
}
.m2-3 li p.p2{
    font-size:12px;line-height:20px;color:#6e6e6e;text-align: center;
}
.m2-3 li h3{
    width:80px;height:32px;line-height: 32px;color:#fff;text-align: center;font-size:13px;border-radius:10px 10px 0 0;
}
.m3{
    height:750px;
}
.m3 .menu{
    height:30px;width:580px;margin:30px auto 0;
}
.m3 .menu li{
    float: left;width:190px;height:40px;line-height:40px;text-align:center;border:1px solid #e2f1f1;font-size:20px;
    cursor: pointer;color:#6e6e6e;/*box-shadow: 10px 10px 5px #99acc6;-webkit-box-shadow: 10px 10px 5px #99acc6;-o-box-shadow: 10px 10px 5px #99acc6;*/
}
.m3 .menu li.active{
    background:#0a6dee;color:#fff;
}
.m3 .menu li:hover{
    background:#0a6dee;color:#fff;
}
.m3 .box{
    margin-top:90px;position:relative;
}
.m3 .box .item{
    padding:0 35px;position:absolute;top:0;left:0;display:none;
}
.m3 .box li{
    float: left;height:45px;line-height:45px;margin-top:20px;width:258px;color:#6e6e6e;font-size:16px;
}
.m3 .box li img{
    margin-right:10px;width:25px;margin-top:10px;
}
.m3 .box .l{

}
.m3 .box .l h3{
    font-size:18px;
}
.m3 .box .l p{
    line-height:45px;color:#0a6dee;
}
.m3 .box .text{
    width:550px;margin-left:40px;
}
.m4{

}
.m4 .market1{
    background: url("../images/b2b2c/market1.png") no-repeat 0 171px;width:310px;height:320px;border:1px solid #acacac;
    border-radius:5px;margin-right:55px;padding:50px 40px 40px 40px;background-color:#0a6dee;
}
.m4 .market1 h2{
    font-size:42px;text-align:center;line-height:58px;color:#fff;
}
.m4 .market1 h3{
    font-size:16px;text-align:center;margin-bottom:80px;color:#fff;line-height:25px;margin-top:10px;
}
.m4 .market1 p{
    font-size:16px;line-height:25px;text-indent: 28px;color:#5d5d5d;
}
.m4 .market2{
    width:695px;
}
.m4 .market2 li{
    width:215px;height:185px;float: left;text-align:center;margin:0 8px 8px 0;border:1px solid #acacac;
    border-radius:5px;padding-top:15px;
}
.m4 .market2 li:hover{
    background: #f6f6f6;
}
.m4 .market2 li h3{
    width:165px;text-align:center;margin:0 auto;line-height:20px;font-size:14px;color:#5d5d5d;
}
.m4 .market2 li h2{
    text-align:center;font-size:18px;line-height:36px;color:#222;
}
.m5{
    height: 807px;
    background: #fff;
    text-align: center;
}
@-webkit-keyframes m2Pic{
    0%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 1px rgba(45,162,207,0);}
    10%{box-shadow:0 0 0 1px rgba(0,0,0,0),0 0 0 2px rgba(45,162,207,0.1);}
    20%{box-shadow:0 0 0 2px rgba(0,0,0,0),0 0 0 4px rgba(45,162,207,0.1);}
    40%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 1px rgba(45,162,207,0.2);}
    50%{box-shadow:0 0 0 1px rgba(0,0,0,0),0 0 0 3px rgba(45,162,207,0.1);}
    60%{box-shadow:0 0 0 2px rgba(0,0,0,0),0 0 0 5px rgba(45,162,207,0.2);}
    70%{ box-shadow: 0 0 0 3px rgba(0,0,0,0), 0 0 0 6px rgba(45,162,207,0.4),0 0 0 7px rgba(0,0,0,0), 0 0 0 11px rgba(45,162,207,0.4);}
    80%{ box-shadow: 0 0 0 4px rgba(0,0,0,0), 0 0 0 7px rgba(45,162,207,0.3),0 0 0 8px rgba(0,0,0,0), 0 0 0 12px rgba(45,162,207,0.3);}
    90%{ box-shadow: 0 0 0 5px rgba(0,0,0,0), 0 0 0 6px rgba(45,162,207,0.2),0 0 0 9px rgba(0,0,0,0), 0 0 0 13px rgba(45,162,207,0.2);}
    100%{ box-shadow: 0 0 0 7px rgba(0,0,0,0), 0 0 0 7px rgba(45,162,207,0.1),0 0 0 10px rgba(0,0,0,0), 0 0 0 14px rgba(45,162,207,0);}
}
@keyframes m2Pic{
    0%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 1px rgba(81,174,207,0);}
    10%{box-shadow:0 0 0 1px rgba(0,0,0,0),0 0 0 3px rgba(45,162,207,0.1);}
    20%{box-shadow:0 0 0 3px rgba(0,0,0,0),0 0 0 6px rgba(45,162,207,0.1);}
    40%{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 3px rgba(45,162,207,0.2);}
    50%{box-shadow:0 0 0 3px rgba(0,0,0,0),0 0 0 6px rgba(45,162,207,0.1);}
    60%{box-shadow:0 0 0 6px rgba(0,0,0,0),0 0 0 8px rgba(45,162,207,0.2);}
    70%{ box-shadow: 0 0 0 9px rgba(0,0,0,0), 0 0 0 18px rgba(45,162,207,0.4),0 0 0 21px rgba(0,0,0,0), 0 0 0 33px rgba(45,162,207,0.4);}
    80%{ box-shadow: 0 0 0 12px rgba(0,0,0,0), 0 0 0 21px rgba(45,162,207,0.3),0 0 0 24px rgba(0,0,0,0), 0 0 0 36px rgba(45,162,207,0.3);}
    90%{ box-shadow: 0 0 0 15px rgba(0,0,0,0), 0 0 0 18px rgba(45,162,207,0.2),0 0 0 27px rgba(0,0,0,0), 0 0 0 39px rgba(45,162,207,0.2);}
    100%{ box-shadow: 0 0 0 21px rgba(0,0,0,0), 0 0 0 21px rgba(45,162,207,0.1),0 0 0 30px rgba(0,0,0,0), 0 0 0 42px rgba(45,162,207,0);}
}

.m5 .m5-profit ul{
    padding-left:86px;
}
.m5 .m5-profit li{
    width:122px;float: left;text-align:center;margin-right:65px;
}
.m5 .m5-profit li img{
    margin-bottom:20px;
}
.m5 .m5-profit li p{
    font-size: 16px;
    color:#fff;
}
/*.m5 .m5-profit li:nth-of-type(1){
    background:url("../images/b2b2c/profit/1.png") no-repeat 21px 0;
}
.m5 .m5-profit li:nth-of-type(2){
    background:url("../images/b2b2c/profit/2.png") no-repeat 21px 0;
}
.m5 .m5-profit li:nth-of-type(3){
    background:url("../images/b2b2c/profit/3.png") no-repeat 21px 0;
}
.m5 .m5-profit li:nth-of-type(4){
    background:url("../images/b2b2c/profit/4.png") no-repeat 21px 0;
}
.m5 .m5-profit li:nth-of-type(5){
    background:url("../images/b2b2c/profit/5.png") no-repeat 21px 0;
}
.m5 .m5-profit li:nth-of-type(6){
    background:url("../images/b2b2c/profit/6.png") no-repeat;
}*/
.m5 .m5-profit li:last-child{
    margin-right:0;
}
.m5-profit .m{

}

.m5-profit .m span{
    display:block;width:335px;height:30px;background:#0a6dee;color:#fff;text-align:center;line-height:30px;margin:60px auto 30px;font-size:16px;
}
/*-----------*/
.m6{
    padding-top: 1px;
   padding-left:35px;
    width: 1200px;
    margin: 0 auto;
}
.m6 li{
    width:290px;height:46px;float: left;margin-bottom:50px;
}
.m6 li div{
    float: left;
}
.m6>p{
    width:540px;text-align:center;margin:5px auto 0;font-size:16px;line-height:30px;  color:#6e6e6e;
}
.m6 .apply{
    margin-top:55px;
}
.m6 li .img{
    margin-right:10px;
}
.m6 .apply h3{
    height:24px;font-size:16px;color:#333;line-height:24px;
}
.m6 .apply p{
    font-size:12px;color:#6e6e6e;margin-top:3px;
}
.m7{
    width:100%;height:740px;background:url("../images/b2b2c/m7-bg.png") no-repeat;margin-top:50px;
    margin-bottom: 80px;
}
.img{
    display:block;margin:0 auto;
}
.m7 h1,.m7 p{
    color:#fff;
    font-size: 16px;
}
.m7 h1{
    font-size:32px;text-align:center;padding:50px 0 30px;
}
.m7 p{
    font-size:16px;text-align: center;margin-bottom:25px;
}
.m-h1{
    font-size:32px;text-align:center;padding:50px 0 30px;color:#222;
}
.m8 p,.m9 p,.m10 p,.m11 p{
    font-size:16px;text-align: center;width:1100px;margin:0 auto 25px;line-height: 30px;
}
.m9{
    background:#e7e7e7;height:780px;
}
.m10{
    height:738px;
    padding-bottom:112px;
    /*background:url("../images/b2b2c/m10-bg.png") no-repeat;*/
}