/*公共样式*/
.wid{
    width:1200px;
    margin: 0 auto;
    height: inherit;
}
.icon{
    display: inline-block;
    background-image: url(../../images/bulk/icon.png);
    background-repeat: no-repeat;
}
.title{
    font-size: 40px;
    color: #333333;
    text-align: center;
}
.title span{
    position: relative;
}
.title span:before{
    content: '';
    display:inline-block;
    position:absolute;
    left: -72px;
    top: 2px;
    width:44px;
    height: 42px;
    background-image: url(../../images/bulk/icon.png);
    background-position: 0 0;
}
.title span:after{
    content: '';
    display:inline-block;
    position:absolute;
    right: -72px;
    width:44px;
    height: 42px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -46px 0;
    top: 2px;
}
/*.banner*/
.banner{
    height: 820px;
    background-image: url(../../images/bulk/banner.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.banner h1{
    font-size: 62px;
    color: #ffffff;
    padding-top: 210px;
    padding-left: 40px;
}
.banner ul{
    padding-top: 80px;
    padding-left: 40px;
}
.banner li{
    font-size: 18px;
    line-height: 36px;
    color: #ffffff;
}
.banner li span{
    display:inline-block;
    width:22px;
    height: 22px;
    background-position: -428px 0;
    vertical-align: middle;
    padding-right: 8px;
}

.introduce{
    height: 500px;
}
.introduce .wid{
    width: 1159px;
    height: 422px;
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 5px 30px #effaf0;
    margin-top: -123px;
}
.introduce .title{
    padding-top: 63px;
}
.introduce p{
    font-size: 18px;
    line-height: 32px;
    padding: 42px 85px 0;
    color: #333333;
    position:relative;
}
.introduce p:before{
    content: '';
    width: 32px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -90px 0;
    position:absolute;
    left: 47px;
    top:0;
}
.introduce p:after{
    content: '';
    width: 32px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -127px 0;
    position:absolute;
    right: 33px;
    bottom:-13px;
}
.introduce p span{
    color: #3da11b;
}

/*业务模式*/
.busniess{
    height: 500px;
    margin-bottom: 125px;
}
.busniess .title{
    padding-bottom: 75px;
}
.busniess ul{
    width:1062px;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
}
.busniess li{
    width: 520px;
    height: 375px;
    box-shadow: 0 5px 30px #f4f2f0;
}
.busniess li:nth-child(1) .top{
    background-image: linear-gradient(90deg,
    #1ed88b 0%,
    #18c0ae 100%),
    linear-gradient(
            #f8faf7,
            #f8faf7);
    background-blend-mode: normal,
    normal;
    border-radius: 8px 8px 0px 0px;
    padding:30px 0 30px;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
}
.busniess li:nth-child(2) .top{
    background-image: linear-gradient(90deg,
    #fea233 0%,
    #ffb25a 100%),
    linear-gradient(
            #f8faf7,
            #f8faf7);
    background-blend-mode: normal,
    normal;
    border-radius: 8px 8px 0px 0px;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    padding:30px 0 30px;
}
.busniess li p{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    padding:40px 30px;

}
.strong{
    width: 40px;
    height: 40px;
    background-position: -164px 0;
    vertical-align:bottom;
    margin-right: 17px;
    margin-left: 61px;
}
.user{
    height: 800px;
    background-image: url(../../images/bulk/userBg.png);
    background-repeat: no-repeat;
    background-position:center;
}
.user .title{
    padding:75px 0 90px;
    color: #fff;
}
.user ul{
    display:flex;
    justify-content: space-between;

}
.user li{
    width: 464px;
    height: 586px;
    text-align: center
}
.user li .userTitle{
    font-size: 20px;
    line-height: 28px;
    color: #fa9f36;
    width: 220px;
    height: 48px;
    text-align: center;
    margin: 0 auto;
    padding-top: 95px;
    font-weight: bold;
}
.user li .scheme{
    width: 134px;
    height: 42px;
    font-size: 18px;
    color: #fa9f36;
    border-radius: 21px;
    border: solid 1px #ffa84f;
    text-align: center;
    line-height: 42px;
    margin: 63px auto 0;
}
.user .two .scheme{
    margin-left: 145px;
}
.user .three .scheme{
    margin-left: 145px;
}
.user  li p{
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    padding:25px 72px;
    text-align: justify;
}
.user .two p{
    padding:25px 55px 0 83px;
}
.user .two .scheme{
    border: solid 1px #7767eb;
    color: #7767eb;
}
.user .three .scheme{
    border: solid 1px #5389d3;
    color: #5389d3;
}
.user .three p{
    padding:25px 55px 0 83px;
}
.user .one{
    background-image: url(../../images/bulk/one.png);
}
.user .two{
    background-image: url(../../images/bulk/two.png);
}
.user .three{
    background-image: url(../../images/bulk/three.png);
}
.flow{
    height: 650px;
    background-image: url(../../images/bulk/flowBg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.flow .title{
    margin-top: 98px;
}

.buyFlow{
    height: 800px;
    background-image: url(../../images/bulk/buyFlow_bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.buyFlow .title{
    padding-top: 85px;
}
.structure{
    height: 938px;
}
.structure .title{
    padding-top: 90px;
    padding-bottom: 45px;
}
.structure ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width:1000px;
    margin: 0 auto;
}
.structure li{
    width: 300px;
    height: 264px;
    background-color: #ffffff;
    box-shadow: 0 2px 30px #f2f8ff;
    text-align: center;
    margin-top: 70px;
    cursor: pointer;
}
.structure li .strTitle{
    font-size: 20px;
    color: #333333;
    text-align: center;
    padding-top:23px;
    font-weight: bold;
}
.structure li p{
    padding:25px 43px;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    text-align: justify;
}
.structure .icon{
    width:88px;
    height: 88px;
    margin-top: -46px;
}
.guanwang{
    background-position: 0 -42px;
}
.shangcheng{
    background-position: -88px -42px;
}
.kehuduan{
    background-position: -176px -42px;
}
.dailishang{
    background-position: -264px -42px;
}
.app{
    background-position: -352px -42px;
}
.erp{
    background-position: -440px -42px;
}
.structure li.active{
    background: #80bfff;
}
.structure li.active p,
.structure li.active .strTitle{
    color: #fff;
}
.source{
    height: 800px;
    background: #f2fcfb;
    background-image: url(../../images/bulk/sourceBg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.source .title{
    padding-top: 100px;
}
.source p{
    margin: 50px auto 0;
    width:1100px;
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}
.source p span{
    color: #fb5c1e;
}
.risk{
    height: 392px;
    background-image: linear-gradient(0deg,
    #66d26b 0%,
    #2fa477 100%),
    linear-gradient(
            #1e155c,
            #1e155c);
    background-blend-mode: normal,
    normal;
}
.risk .title{
    padding-top: 70px;
    padding-bottom:87px;
    color: #fff;
}
.risk ul{
    display:flex;
    justify-content: space-between;
    height: 370px;
}
.risk li{
    width: 220px;
    height: 280px;
    background-color: #ffffff;
    box-shadow: 0px 8px 10px 0px
    rgba(78, 190, 112, 0.16);
    border-radius: 10px;
    text-align: center
}
.risk li p{
    font-size: 18px;
    line-height: 28px;
    color: #666666;
    padding:15px 21px 0;
}
.risk .icon{
    width: 72px;
    height: 72px;
    margin-top: 35px;
}
.kongzhi{
    background-position: 0 -132px;
}
.xiadan{
    background-position: -75px  -132px;
}
.zhangfu{
    background-position: -150px -132px;
}
.qingling{
    background-position: -225px -132px;
}
.huifu{
    background-position: -300px -132px;
}
.risk li:nth-child(2n-1){
    margin-top: 70px;
}
.more{
    height: 790px;
    margin-top:275px;
}
.more .title{

}
.more .ul{
    display:flex;
}
.more li{
    display:flex;
    justify-content: space-between;
    margin-top:67px;
}
.more li .left{
    width:546px;
    height: 518px;
    background-image: url(../../images/bulk/peitu01.png);
    background-repeat: no-repeat;
    background-position: center;
}
.more li .right{
    width: 560px;
    margin-top: 20px;

}
.more li .moreTitle{
    font-size: 24px;
    color: #333333;
    position:relative;
    padding-bottom:10px;
    padding-top: 16px;
}
.more li .moreTitle:before{
    content: '';
    display:inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -209px 0 ;
    padding-right: 15px;
    margin-left: 20px;
}
.more li p{
    width: 422px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    padding-left: 56px;
}
.more ul li .list{
    height: 120px;
    cursor:pointer;
}
.more ul li .active{
    background: #f2fcfb;
}
.more ul li .list p span{
    font-size: 24px;
    color: #f9a417;
}
.more_2 li .left{
    background-image: url(../../images/bulk/peitu02.png);
}
.more_3{
    height: 1411px;
    background: #f2fcfb;
}
.more_3 ul li .active{
    background: #fff;
}
.more_3 .title{
    padding-top: 75px;
}
.more_3 .first .left{
    background-image: url(../../images/bulk/peitu03.png);
}
.more_3 .second .left{
    width:566px;
    background-image: url(../../images/bulk/peitu04.png);
}
ul .topTit{
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    padding-bottom: 20px;
    text-indent: 15px;
}
.system{
    height: 826px;
    background-image: url(../../images/bulk/cont.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
.system .title{
    padding-top: 80px;
}
.show{
    height:392px;
    background-image: url(../../images/bulk/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 80px;
}
.show .title{
    color: #fff;
    padding-top: 70px;
}
.showList{

}
.showList ul{
    margin-top: -222px;
    margin: 0 auto;
}
.showList li .wid{
    width:1300px;
    display:flex;
    justify-content: space-between;
    margin-top: -138px;
    align-items: center
}
.showList li:nth-child(1) {
    height: 410px;
    background-image: url(../../images/bulk/showBg.png);
    background-repeat: no-repeat;
    background-position: right;
}
.showList li:nth-child(1) .box{
    width: 290px;
    margin-right:87px;
    margin-top: -117px;
}
.showList li:nth-child(1) .tp{
    width:875px;
    height: 519px;
    background-image: url(../../images/bulk/show01.png);
    background-position: right;
    margin-top: -87px;
    background-repeat: no-repeat;
}
.showList .box .boxTitle{
    font-size: 30px;
    line-height: 80px;
    color: #ffffff;
    position:relative;
}
.showList li:nth-child(1) .boxTitle:before{
    content: '';
    display:inline-block;
    width:30px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -487px 0;
}
.showList li:nth-child(2) {
    height: 410px;
    background-image: url(../../images/bulk/showBg.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 300px;
}
.showList li:nth-child(2) .box{
    width: 240px;
    margin-right:40px;
}
.showList li:nth-child(2) .tp{
    width:974px;
    height: 519px;
    background-image: url(../../images/bulk/show02.png);
    background-position: left;
    margin-top: -87px;
    background-repeat: no-repeat;
}
.showList li:nth-child(2) .box .boxTitle{
    color: #44c291;
}
.showList li:nth-child(2) .boxTitle:before{
    content: '';
    display:inline-block;
    width:30px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -457px 0;
}
.showList li:nth-child(3) {
    height: 410px;
    background-image: url(../../images/bulk/showBg.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 300px;
}
.showList li:nth-child(3) .box{
    width: 230px;
    margin-right:40px;
}
.showList li:nth-child(3) .tp{
    width:986px;
    height: 519px;
    background-image: url(../../images/bulk/show03.png);
    background-position: left;
    margin-top: -87px;
    background-repeat: no-repeat;
}
.showList li:nth-child(3) .box .boxTitle{
    color: #44c291;
}
.showList li:nth-child(3) .boxTitle:before{
    content: '';
    display:inline-block;
    width:30px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -457px 0;
}
.showList li:nth-child(4) {
    height: 410px;
    background-image: url(../../images/bulk/showBg02.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 390px;
}
.showList li:nth-child(4) .box{
    width: 230px;
    margin-right:40px;
}
.showList li:nth-child(4) .tp{
    width:980px;
    height: 680px;
    background-image: url(../../images/bulk/show04.png);
    margin-top: -87px;
    background-repeat: no-repeat;
}
.showList li:nth-child(4) .box .boxTitle{
    color: #44c291;
}
.showList li:nth-child(4) .boxTitle:before{
    content: '';
    display:inline-block;
    width:30px;
    height: 26px;
    background-image: url(../../images/bulk/icon.png);
    background-position: -457px 0;
}

.showList .box p{
    font-size: 18px;
    line-height: 28px;
    color: #333333;
}
.wid{
    position:relative;
}

/*服务支持*/
.servise{
    height: 800px;
}
.servise .title{
    padding:97px 0 81px;
}
.servise .listCon{
    display:flex;
    justify-content: space-between;
    width:1100px;
    margin: 0 auto;
}
.servise .listCon .list{
    width: 336px;
    height: 496px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 30px #fcefe8;
}
.servise .list .top{
    height: 112px;
    line-height: 112px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ffa84f;
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 50px;
}
.servise .list .top span{
    background-position: -230px 0;
    width:40px;
    height: 40px;
    margin-left: 36px;
    margin-right: 10px;
    vertical-align: middle;
}
.servise .list p{
    font-size: 18px;
    line-height: 45px;
    color: #ec7c31;
}
.servise .list p span{
    width:20px;
    height: 20px;
    background-position: -359px 0;
    vertical-align: middle;
    margin-left: 51px;
    margin-right: 14px;
}
.mList p{
    color: #6576fe !important;
}
.servise .listCon .mList{
    box-shadow: 0 5px 30px #eae8fb;
}
.servise .mList .top{
    background: #6576fe;
}
.servise .mList .top span{
    background-position: -270px 0;
}
.servise .mList p span{
    background-position: -382px 0;
}
.sList p{
    color: #39b987 !important;
}
.servise .listCon .sList{
    box-shadow: 0 5px 30px #d7e6f5;
}
.servise .sList p span{
    background-position: -405px 0;
}
.servise .sList .top{
    background: #39b987;
}
.servise .sList .top span{
    background-position: -270px 0;
}

.super{
    height: 660px;
    background-color: #f2fcfb;
}
.super .title{
    padding:97px 093px;
}
.super ul{
    display:flex;
    justify-content: space-between;
}
.super li{
    width: 299px;
    height: 358px;
}
.super li .superTitle{
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    padding-left: 48px;
    padding-top: 41px;
}
.super li p{
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    padding:29px 47px;
    text-align: justify;
}
.super_1{
    background-image: url(../../images/bulk/1.png);
}
.super_2{
    background-image: url(../../images/bulk/2.png);
}
.super_3{
    background-image: url(../../images/bulk/3.png);
}
.super_4{
    background-image: url(../../images/bulk/4.png);
}