/*直播卖货，加速流量变现*/
.section-1 ul{width: 1122px;margin: 0 auto;background: url('../images/hrzhibo/fl1_bg.png') center top no-repeat;height: 570px;padding-top: 30px;}
.section-1 ul li{float: left;border-radius: 10px;margin: 0 330px 50px 0;cursor: pointer;background: none;width: 394px;height: 230px;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}
.section-1 ul li:nth-child(2n){margin-right: 0;}
.section-1 ul li .box{width: 378px;height: 228px;border: 1px solid #dcdcdc;}
.section-1 ul li.active{border: none;background: url('../images/hrzhibo/fl1_bk.png')center top no-repeat;}
.section-1 ul li:nth-child(2n).active{background: url('../images/hrzhibo/fl1_bk2.png')center top no-repeat;}
.section-1 ul li:nth-child(2n) .box{margin-left: 14px;}
.section-1 ul li.active .box{border: none;}
.section-1 ul li .fl{margin: 30px 22px 0 30px;display: block;float: left;}
.section-1 ul li .info{width: 256px;height: auto;overflow: hidden;float: left;}
.section-1 ul li .info span{display: block;font-size: 22px;color: #121212;padding: 26px 0 16px;}
.section-1 ul li .info span em{color: #ff3333;display: block;margin-bottom: 10px;}
.section-1 ul li .info p{font-size: 16px;color: #333333;line-height: 30px;}
.btn {
    display: block;
    width: 230px;
    height: 60px;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    margin: 50px auto 0;
    border-radius: 6px;
    background-image: linear-gradient(to right,#fd4949,#ff6d6c);
}
/*电商直播系统*/
.section-2 .zhibo-wrap {
    width: 100%;
    display: flex;
}

.section-2 .zhibo-wrap .zhibo-img{
    text-align: right;
    width: 480px;
    height: 520px;
}
.section-2 .zhibo-wrap .zhibo-container {
    height: 520px;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-2 .zhibo-wrap .zhibo-container .zhibo-content{
    display: flex;
    flex-direction: column;
    margin-bottom: 88px;
    height: 312px;
    justify-content: space-between;
}
.section-2 .zhibo-container .zhibo-content .zhibo-content-item {
    display: flex;
    align-items: center;
    height: 54px;
}
.section-2 .zhibo-content .zhibo-content-item .zhibo-item-icon{
    width: 48px;
    height: 48px;
}
.section-2 .zhibo-content .zhibo-content-item .zhibo-item-detail {
    height: 54px;
    margin-left: 24px;
}
.section-2 .zhibo-content-item .zhibo-item-detail .zhibo-item-title{
    height:20px;
    font-size:20px;
    color:rgba(0,0,0,0.8);
    line-height:20px;
    margin-bottom: 12px;
}
.section-2 .zhibo-content-item .zhibo-item-detail .zhibo-item-desc{
    height:22px;
    font-size:14px;
    color:rgba(0,0,0,0.4);
    line-height:22px;

}

.section-2 .drainage-wrap {
    width: 1168px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.section-2 .drainage-wrap .drainage-content-item {
    width: 280px;
    height: 272px;
    background-color: #fff;
}

.section-2 .drainage-wrap .drainage-content-item .drainage-item-header {
    width: 280px;
    height: 112px;
    line-height: 112px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.section-2 .drainage-wrap .drainage-content-item .drainage-item-detail {
    height: 160px;
    text-align: center;
}
.section-2 .drainage-content-item .drainage-item-detail .drainage-item-title{
    height:20px;
    font-size:20px;
    color:rgba(0,0,0,0.8);
    line-height:20px;
    margin-top: 32px;
}
.section-2 .drainage-content-item .drainage-item-detail .drainage-item-desc {
    margin: 16px auto 0;
    width:232px;
    height:44px;
    font-size:14px;
    color:rgba(0,0,0,0.6);
    line-height:22px;
}
.section-2 .sediment-img {
    width: 1200px;
    height: 580px;
}

.section-3 ul{width: 1020px;margin: 0 auto;}
.section-3 ul li:nth-child(1) .fl{width: 582px;height: auto;overflow: hidden;padding-top: 20px;}
.section-3 ul li:nth-child(2) .fr{width: 582px;height: auto;overflow: hidden;}
.section-3 ul li:nth-child(3) .fl{width: 582px;height: auto;overflow: hidden;padding-top: 40px;}
.section-3 ul li:nth-child(1) .fr{margin-right: -80px;display: block;}
.section-3 ul li:nth-child(2){padding: 100px 0 70px;}
.section-3 ul li:nth-child(2) .fl{margin: 10px 0 0 -108px;display: block;}
.section-3 ul li .tit{background: url(../images/hrzhibo/fl3_bk.png) center top no-repeat;width: 530px;height: 56px;line-height: 56px;text-align: center;font-size: 24px;color: #121212;margin: 0 auto;}
.section-3 ul li .tit em{color: #ff3333;}
.section-3 ul li i{display: block;font-size: 16px;color: #333333;text-align: center;line-height: 30px;padding: 10px 0 24px;}
.section-3 ul li dd{float: left;width: 178px;height: 118px;border: 1px solid #e5e5e5;margin: 0 20px 20px 0;text-align: center;}
.section-3 ul li dd:nth-child(3n){margin-right: 0;}
.section-3 ul li dd img{margin: 14px auto 12px;}
.section-3 ul li dd span{display: block;font-size: 18px;color: #333333;}
.section-3 ul li dd p{font-size: 14px;color: #555555;padding-top: 8px;}
.section-3 .btn{margin-top: 30px;}
.fr {
    float: right;
}
.fl {
    float: left;
}



.section-4 .drainage-wrap {
    width: 1168px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.section-4 .drainage-wrap .drainage-content-item {
    width: 280px;
    height: 272px;
    background-color: #fff;
}
.section-4 .drainage-wrap .drainage-content-item .drainage-item-header {
    width: 280px;
    height: 112px;
    line-height: 112px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.section-4 .drainage-wrap .drainage-content-item .drainage-item-detail {
    height: 160px;
    text-align: center;
}
.section-4 .drainage-content-item .drainage-item-detail .drainage-item-title {
    height: 20px;
    font-size: 20px;
    color: rgba(0,0,0,0.8);
    line-height: 20px;
    margin-top: 32px;
}
.section-4 .drainage-content-item .drainage-item-detail .drainage-item-desc {
    margin: 16px auto 0;
    width: 232px;
    height: 44px;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
    line-height: 22px;
}
.section-4 img {
    vertical-align: middle;
}



.section-5{height: 1020px;overflow: hidden;background: url(../images/hrzhibo/fl2_bg.jpg) center top no-repeat;}
.section-5 ul{width: 1120px;margin: 0 auto;}
.section-5 ul li{float: left;width: 550px;height: 320px;background: #fff;margin: 0 20px 20px 0;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.section-5 ul li:nth-child(2n){margin-right: 0;}
.section-5 ul li .tit{background: url(../images/hrzhibo/fl2_01.jpg) center top no-repeat;width: 530px;height: 132px;text-align: center;font-size: 24px;color: #fff;margin: 10px 10px 20px;padding-top: 38px;}
.section-5 ul li:nth-child(2) .tit{padding-top: 40px;height: 130px;background: url(../images/hrzhibo/fl2_02.jpg) center top no-repeat;}
.section-5 ul li:nth-child(3) .tit{background: url(../images/hrzhibo/fl2_03.jpg) center top no-repeat;}
.section-5 ul li:nth-child(4) .tit{padding-top: 40px;height: 130px;background: url(../images/hrzhibo/fl2_04.jpg) center top no-repeat;}
.section-5 ul li .tit img{margin: 0 auto 12px;}
.section-5 ul li p{font-size: 16px;color: #333333;line-height: 26px;padding: 0 40px 16px;}
.section-5 ul li span{display: block;font-size: 18px;color: #333333;padding-left: 40px;}
.section-5 ul li span em{font-weight: bold;}
.section-5 .btn{margin-top: 30px;}
.section-5 img {
    border: 0;
    vertical-align: middle;
}

.section-6 .roleMan-wrap2 {
    margin: 0 auto;
    height: 512px;
    width: 896px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}
.section-6 .roleMan-wrap2 .roleMan-content-item2 {
    background-color: #fff;
    width: 288px;
    height: 248px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
    border: 1px solid rgba(234,234,234,1);
}
.section-6 .roleMan-content-item2 img {
    margin-top: 40px;
    margin-bottom: 20px;
}
.section-6 img {
    vertical-align: middle;
}
.section-6 .roleMan-content-item2 .roleMan-itemTitle {
    width: 220px;
    height: 20px;
    font-size: 20px;
    color: rgba(0,0,0,0.8);
    line-height: 20px;
    margin-bottom: 16px;
}
.section-6 .roleMan-content-item2 .roleMan-desc {
    width: 240px;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 22px;
}