/*外层大容器*/
.body-wrapper{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: auto;
    /*border: 1px solid green;*/
}
/*banner图*/
/*.banner-b2cs{*/
    /*width: 100%;*/
    /*min-width: 1200px;*/
    /*max-width: 1920px;*/
   /*height: 436px;*/
    /*background: url("../img/B-C-B2C.png") no-repeat;*/
    /*background-position: center center;*/
    /*background-size: 100% 100%;*/
/*}*/
.banner-b2cs{width:100%;height:500px;background: url(../img/pc-banner/3-B-C-B2C11.jpg) center center no-repeat;}
/*业务场景*/
.business-scenario{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 545px;
    background: white;
}
.business-scenario-inner{
    width: 1200px;
    height: 545px;
    /*border: 1px solid red;*/
    margin: 0 auto;
    text-align: center;
}
.scenario-inner-top{
    width: 100%;
    height: 167px;
    /*border: 1px solid red;*/
   border: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
}
.scenario-inner-top div{
    margin-top: 80px;
    font-size: 24px;
    /*font-weight: bold;*/
}
.scenario-inner-bottom{
    width: 100%;
    height: 378px;
    /*border: 1px solid red;*/
    /*display: flex;*/
}
.inner-bottom-wrapper{
    width: 100%;
    height: 293px;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    padding: 0 79px;
    box-sizing: border-box;
}
.person-left{
    width: 169px;
    height: 169px;
    /* background: rgb(253,188,73); */
    border-radius: 50%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
}
.person-left img{
    height: 70px;
    margin-bottom: 10px;
}
.person-left div{
    line-height: 21px;
    font-size: 16px;
    /* color: #ffffff; */
}
.arrow-left{
    width: 227px;
    height: 169px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrow-left div h4{
    font-size: 18px;
    color: rgb(253,188,73);
}
.shopping-mid{
    width: 250px;
    height: 250px;
    /*border: 1px solid red;*/
    background: url("../img/b2cs/1-t.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shopping-mid div h4{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 25px;
}
.distribution-right{
    width: 227px;
    height: 169px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.distribution-right div h4{
    font-size: 18px;
    color: rgb(253,188,73);
}
/*多元场景*/
.multi-scene{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 485px;
    background: #F5F5F5;
}
.multi-scene-inner{
    width: 1200px;
    height: 485px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.scene-inner-top{
    width: 100%;
    height: 230px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #707070;
}
.scene-inner-top div h4{
    font-size: 24px;
    /*font-weight: bold;*/
    color: #3D3D3D;
    margin-bottom: 23px;
}
.scene-inner-bottom{
    width: 100%;
    height: 255px;
    /*border: 1px solid blue;*/
}
.scene-bottom-inner{
    width: 1101px;
    height: 225px;
    /*border: 1px solid red;*/
    margin: 0 auto;
    display: flex;
}
.scene-bottom-inner div{
    width: 125px;
    height: 128px;
    margin-right: 69px;
    /*border: 1px solid red;*/
}
/*统一管理*/
.unified-manage{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 764px;
    background: white;
}
.unified-manage-inner{
    width: 1200px;
    height: 764px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.unified-inner-top{
    width: 100%;
    height: 226px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #707070;
    font-size: 16px;
}
.unified-inner-top div h4{
    margin-bottom: 23px;
    color: #3D3D3D;
    font-size: 24px;
    /*font-weight: bold;*/
}
.unified-inner-bottom{
    width: 100%;
    height: 538px;
    /*border: 1px solid red;*/
    display: flex;
}
.unified-bottom-left{
    width: 748px;
    height: 422px;
    /*border: 1px solid red;*/
}
.unified-bottom-right {
    width: 416px;
    height: 422px;
    /*border: 1px solid red;*/
}
.unified-bottom-right .right-one{
    display: flex;
    height: 31px;
    align-items: center;
    margin-bottom: 25px;
}
.unified-bottom-right .right-one .right-one-pic{
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
}
.unified-bottom-right .right-one .right-one-content{
    flex: 1;
    margin-left: 23px;
    color: #2D2D2D;
    font-size: 18px;
}
.right-one-btn{
    width: 209px;
    height: 63px;
    line-height: 63px;
    margin-top: 35px;
    background: #6CA6FF;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}
/*营销手段*/
.marketing-means{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 1116px;
    background: #F5F5F5;
}
.marketing-means-inner{
    width: 1200px;
    height: 1116px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}
.means-top{
    width: 100%;
    height: 210px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #707070;
}
.means-top div h4{
    font-size: 24px;
    /*font-weight: bold;*/
    color: #3D3D3D;
    margin-bottom: 23px;
}
.means-info{
    width: 901px;
    height: 63px;
    margin: 0 auto;
    /*border: 1px solid red;*/
    padding-left: 20px;
    display: flex;
}
.means-info-score{
    width: 209px;
    height: 63px;
    line-height: 63px;
    margin-right: 23px;
    /*background: #6CA6FF;*/
   border: 1px solid #6CA6FF;
    text-align: center;
    font-size: 16px;
    color: #6CA6FF;
}
.means-info-content{
    width: 100%;
    height: 142px;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #707070;
    padding: 0 110px;
    box-sizing: border-box;
    text-align: center;
}
.means-info-pic{
    width: 100%;
    height: 687px;
    /*padding-right: 60px;*/
    box-sizing: border-box;
    /*border: 1px solid blue;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
/*灵活排版*/
.flexibly-typesetting{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 826px;
    background: white;
}
.flexibly-typesetting-inner{
    width: 1200px;
    height: 826px;
    /*border: 1px solid blue;*/
    margin: 0 auto;
}
.flexibly-top{
    width: 100%;
    height: 289px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #707070;
    text-align: center;
}
.flexibly-top div h4{
    font-size: 24px;
    /*font-weight: bold;*/
    color: #3D3D3D;
    margin-bottom: 20px;
}
.flexibly-top div div{
    width: 820px;
}
.flexibly-bottom{
    width: 100%;
    height: 440px;
    padding-left: 30px;
    box-sizing: border-box;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
/*灵活排版2*/
.flexibly-typesetting-last{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    height: 1071px;
    background: #F5F5F5;
}
.flexibly-typesetting-last-inner{
    width: 1200px;
    height: 1071px;
    /*border: 1px solid red;*/
    margin: 0 auto;
}
.flexibly-last-top{
    width: 100%;
    height: 298px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #707070;
    text-align: center;
}
.flexibly-last-top div h4{
    font-size: 24px;
    /*font-weight: bold;*/
    color: #3D3D3D;
    margin-bottom: 20px;
}
.flexibly-last-top div div{
    width: 820px;
}
.flexibly-last-bottom{
    width: 100%;
    height: 773px;
    /*border: 1px solid green;*/
}
.last-bottom-top,.last-bottom-bot{
    width: 1100px;
    height: 151px;
    /*border: 1px solid red;*/
    margin: 0 auto;
    display: flex;
}
.last-bottom-top-one{
    width: 142px;
    height: 151px;
    /*border: 1px solid red;*/
}
.last-bottom-top-two{
    width: 319px;
    height: 151px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.last-bottom-top-two div{
    text-align: center;
    color: #445363;
    font-size: 18px;
}
.last-bottom-mid{
    width: 1100px;
    height: 320px;
    /*border: 1px solid red;*/
    margin: 0 auto;
    padding: 13px 0;
    display: flex;
}
.last-bottom-mid-l{
    width: 133px;
    height: 326px;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.last-bottom-mid-l div{
    text-align: center;
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    font-size: 18px;
    color: #445363;
}
.last-bottom-mid-m{
    width: 750px;
    height: 326px;
    /*border: 1px solid red;*/
    position: relative;
    background: url("../img/b2cs/downarros.png") no-repeat;
    background-position: 54%;
}
/*.last-bottom-mid-m img{*/
/*position: absolute;*/
/*top: 0;*/
/*left: 51%;*/
/*z-index: 0;*/
/*}*/
.mid-m-top{
    width: 750px;
    height: 110px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6A7887;
    font-size: 18px;
}
.mid-m-top-left{
    width: 72px;
    height: 68px;
    /*border: 1px solid red;*/
    box-sizing: border-box;
    margin-left: 50px;
    margin-right: 70px;
}
.mid-m-top-right{
    width: 72px;
    height: 43px;
    /*border: 1px solid red;*/
}
.mid-m-mid{
    width: 745px;
    height: 100px;
    /*border: 1px solid red;*/
    padding: 5px;
    box-sizing: border-box;
    background: #F5F5F5;
    /*z-index: 11;*/
}
.mid-m-mid-inner{
    width: 100%;
    height: 100%;
    border: 1px solid #445363;
    border-radius: 10px;
    margin-left: 20px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}
.wap-title-wrapper{
    width: 800px;
    height: 42px;
    /*border: 1px solid red;*/
    margin-top: 20px;
    margin-left: -20px;
    display: flex;
}
.wap-title{
    width: 144px;
    height: 42px;
    line-height: 42px;
    /*border: 1px solid red;*/
    margin-right: 16px;
    text-align: center;
    border-radius: 20px;
    background: #445363;
    font-size: 16px;
    color: #FFFFFF;
}
.mid-m-bottom{
    position: relative;
}
.data-syn-wrapper{
    width: 195px;
    height: 62px;
    padding-bottom: 5px;
    position: absolute;
    background: #F5F5F5;
    top: -20px;
    left: 40%;
}
.data-syn{
    width: 195px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    background: #43A6FF;
    /*top: -20px;*/
    /*left: 40%;*/
    font-size: 18px;
    color: #FFFFFF;
}
.last-bottom-mid-r{
    width: 127px;
    height: 300px;
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 58px;
    font-size: 16px;
}
.last-bottom-mid-r div{
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    text-align: center;
}
/*特色功能*/
.function-mode{
    width: 100%;
    min-width: 1200px;
    /*max-width: 1920px;*/
    /* height: 1057px; */
    background: white;
}
.function-mode-inner{
    width: 1200px;
    /* height: 1057px; */
    margin: 0 auto;
    padding-bottom: 60px;
    /*border: 1px solid red;*/
}
.function-inner-top{
    width: 100%;
    height: 172px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #707070;
    text-align: center;
}
.function-inner-top div h4{
    font-size: 24px;
    /*font-weight: bold;*/
    color: #3D3D3D;
    margin-bottom: 20px;
}
.function-inner-mid{
    width: 100%;
    height: 315px;
    /*border: 1px solid red;*/
    display: flex;
    padding-left: 60px;
    box-sizing: border-box;
}
.function-div-wrapper{
    width: 222px;
    height: 315px;
    /*border: 1px solid orange;*/
    border-radius: 10px;
    background: #EB766D;
    padding-top: 7px;
    box-sizing: border-box;
    /*outline: 12px solid blue;*/
    box-shadow: 0 0 0 5px #EBEBEB;
    margin-right: 70px;
    margin-top: 0px;
    -webkit-transition: margin-top 0.7s; /* For Safari 3.1 to 6.0 */
    transition: margin-top 0.7s;
}
.function-div-wrapper:hover{
	margin-top: -5px;
}
.function-div-inner{
    width: 222px;
    height: 301px;
    background: #F5F5F5;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}
.function-div-inner div h4{
    margin-top: 44px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #474747;
}
.function-div-inner div div{
    width: 180px;
    height: auto;
    line-height: 27px;
    /*border: 1px solid red;*/
    font-size: 14px;
    color: #8C8C8C;
}
.b-active{
    background: #6CA6FF;
    color: #FFFFFF;
}
.hidden{
    display: none;
}