@charset "utf-8";
.hdzb-banner {
	background:url(../img/banner-hdzbj.jpg?v=202007291802) no-repeat 50% 50%;
	height: 600px;
	color: #FFF;
	background-size:cover; 
	min-width: 1200px;
	position: relative;
}
/**直播需求**/
.demand-container .dl-item dl dt {
	height: 278px;
}
.demand-container .dl-item dl dt img {
	width: 100%;
	height: 100%;
}
.demand-container .container-item {
	padding: 0 40px;
}
.demand-container .dl-item{
	position: relative;
	width: 160px;
	height: 320px;
	margin:0 12px;
	text-align: center;
	border: 1px solid #F0F2F5;
	overflow: hidden;
}
.demand-container .toggle-word {
	position: absolute;
	top:360px;
	right: 0px;
	width: 100%;
	background:rgba(255,91,41,0.9);
	font-size:20px;
	color: #fff;
	line-height: 16;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
} 
.demand-container .dl-item:hover .toggle-word {
	top:0px;
}
.demand-container .dl-item  dl dd {
	height: 40px;
	line-height: 40px;
	color: #8F8E94;
	font-size: 14px;
}
/**一站式解决**/
.service-container {
	padding-bottom: 90px;
}
.service-container .service-step .item-bar {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	color: #C8C7CC;
	margin-bottom: 30px;
	margin-left: 230px;
}
.service-container .service-step .item-bar:after {
	content:"";
	position: absolute;
	width:200px;
	height:1px;
	background:#D9D9D9;
    top: 17px;
    left: 105px;
}
.service-container .service-step .last:after {
	content:"";
	position: absolute;
	width:200px;
	height:1px;
	background:none;
    top: 17px;
    left: 105px;
}

.service-container .service-step .cur {
	color: #444349;
}
.service-container .service-step .item-bar i {
	display: inline-block;
	width:32px;
	height:32px;
	border: 1px solid #D9D9D9;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	font-style: normal;
	margin-right: 8px;
}
.service-container .service-step .cur i {
	background:#FF5B29;
	border: 1px solid #FF5B29;
	color: #fff;
}
.service-container .service-step-item dl {
	width: 300px;
	margin:0 50px;
	text-align: center;
}
.service-container .service-step-item dl dt {
	width: 150px;
	height: 150px;
    margin: 0 auto 10px auto;
}
.service-container .service-step-item dl dt img {
	width: 100%;
	height: 100%;
}
.service-container .service-step-item dl dd {
	color: #030303;
	font-size: 20px;
}
.service-container .service-step-item dl dd.service-desc {
	font-size:14px;
	line-height:20px;
	color: #8F8E94;
	margin:6px 0 30px 0;
}
.service-container .service-step-2 dl {
	width: 180px;
	margin:0 30px;
}
.service-container .service-content {
	width: 1200px;
	overflow: hidden;
	height: 255px;
}
/**场景解决方案**/
.interact-container {
	background: #F0F2F5;
	padding-bottom: 100px;
}
.interact-container .container-item {
    width: 1000px;
    margin: 0 auto;
}
.interact-container .container-item a {
   display: inline-block;
   font-size: 20px;
   color: #FF5B29;
   margin:0 48px;
   height: 40px;
   line-height: 40px;
   width: 150px;
}
.interact-container .container-item a.margin-bottom{
	margin-bottom: 36px;
}
.interact-container .container-item a:after{
    content: "";
    width: 40px;
    height: 40px;
    background: url(../img/hdzb-huiyi-icon.svg) no-repeat;
    background: url(../img/hdzb-huiyi-icon.png) no-repeat \9;
    float: left;
    margin-right: 20px;
}
.interact-container .container-item a.interact-1:after{
    background-position: 0px -50px;
}
.interact-container .container-item a:hover.interact-1:after {
    background-position: 0px 0px;
}
.interact-container .container-item a.interact-2:after{
    background-position: -50px -50px;
}
.interact-container .container-item a:hover.interact-2:after {
    background-position: -50px 0px;
}
.interact-container .container-item a.interact-3:after{
    background-position: -100px -50px;
}
.interact-container .container-item a:hover.interact-3:after {
    background-position: -100px 0px;
}
.interact-container .container-item a.interact-4:after{
    background-position: -150px -50px;
}
.interact-container .container-item a:hover.interact-4:after {
    background-position: -150px 0px;
}
.interact-container .container-item a.interact-5:after{
    background-position: -200px -50px;
}
.interact-container .container-item a:hover.interact-5:after {
    background-position: -200px 0px;
}
.interact-container .container-item a.interact-6:after{
    background-position: -250px -50px;
}
.interact-container .container-item a:hover.interact-6:after {
   background-position: -250px 0px;
}
.interact-container .container-item a.interact-7:after{
    background-position: -300px -50px;
}
.interact-container .container-item a:hover.interact-7:after {
    background-position: -300px 0px;
}
.interact-container .container-item a.interact-8:after{
    background-position: -350px -50px;
}
.interact-container .container-item a:hover.interact-8:after {
    background-position: -350px 0px;
}
.interact-container .container-item a.interact-9:after{
    background-position: -400px -50px;
}
.interact-container .container-item a:hover.interact-9:after {
    background-position: -400px 0px;
}
.interact-container .container-item a.interact-10:after{
    background-position: -450px -50px;
}
.interact-container .container-item a:hover.interact-10:after {
    background-position: -450px 0px;
}
.interact-container .container-item a.interact-11:after{
    background-position: -500px -50px;
}
.interact-container .container-item a:hover.interact-11:after {
    background-position: -500px 0px;
}
.interact-container .container-item a.interact-12:after{
    background-position: -550px -50px;
}
.interact-container .container-item a:hover.interact-12:after {
    background-position: -550px 0px;
}
.interact-container .container-item a:hover{
    color: #030303;
}
/**营销支持**/
.support-container .support-item {
	margin-right: 160px;
}
.support-container .support-item label {
	color: #FF5B29;
	font-size: 66px;
	float: left;
}
.support-container .support-item i{
	display: inline-block;
    float: left;
    padding-top: 17px;
    margin-left: 5px;
}
.support-container .support-item p {
	color: #030303;
	font-size: 20px;
}
.support-container .support-left {
	margin-left: 260px;
}

/**盟主直播的4大优势**/
.hdzb-service-container .hdzb-service-item {
	float: left;
	width: 396px;
	height: 85px;
	padding-left: 70px;
	margin-left: 60px;
}
.hdzb-service-container .hdzb-service-item p {
	color: #030303;
	font-size: 20px;
	line-height:30px;
	padding-left: 19px;
	padding-bottom: 8px;
    border-left: 1px solid #C8C7CC;
 }
.hdzb-service-container .hdzb-service-item span {
	color: #8F8E94;
	font-size: 14px;
	line-height:24px;
	padding-left: 19px;
	display: block;
    border-left: 1px solid #C8C7CC;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-first {
	background:url(../img/hdzb-service-icon-4a.svg) no-repeat;
	background:url(../img/hdzb-service-icon-4a.png) no-repeat \9;
	margin-bottom: 60px;
	margin-left: 130px;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-second {
	background:url(../img/hdzb-service-icon-yiliu.svg) no-repeat;
	background:url(../img/hdzb-service-icon-yiliu.png) no-repeat \9;
	margin-bottom: 60px;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-third {
	background:url(../img/hdzb-service-icon-zhuanye.svg) no-repeat;
	background:url(../img/hdzb-service-icon-zhuanye.png) no-repeat \9;
	margin-left: 130px;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-four {
	background:url(../img/hdzb-service-icon-zhuanshu.svg) no-repeat;
	background:url(../img/hdzb-service-icon-zhuanshu.png) no-repeat \9;
}
.hdzb-service-container .hdzb-service-item:hover span{
	color: #333333
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-first:hover {
	background:url(../img/hdzb-service-icon-4ahover.svg) no-repeat;
	background:url(../img/hdzb-service-icon-hover.png) no-repeat \9;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-second:hover {
	background:url(../img/hdzb-service-icon-yiliuhover.svg) no-repeat;
	background:url(../img/hdzb-service-icon-yiliuhover.png) no-repeat \9;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-third:hover {
	background:url(../img/hdzb-service-icon-zhuanyehover.svg) no-repeat;
	background:url(../img/hdzb-service-icon-zhuanyehover.png) no-repeat \9;
}
.hdzb-service-container .hdzb-service-item.hdzb-service-item-four:hover {
	background:url(../img/hdzb-service-icon-zhuanshuhover.svg) no-repeat;
	background:url(../img/hdzb-service-icon-zhuanshuhover.png) no-repeat \9;
}

/**他们都在用盟主**/
.case-container .case-item {
	width: 358px;
	height: 290px;
	float: left;
	overflow: hidden;
	background:#fff;
	border: 1px solid #F0F2F5;
	position: relative;
	margin:0px 20px 40px 20px;
}
.case-container .case-item .case-item-show img {
	width: 358px;
	height: 223px;
}
.case-container .case-item .case-item-show p {
	color: #8F8E94;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 6px;
}
.case-container .case-item .case-item-toggle {
	padding: 20px;
	background:rgba(255,91,41,0.9);
	position: absolute;
	top:400px;
	left: 0;
	height: 100%;
	width: 90%;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.case-container .case-item:hover .case-item-toggle{
	top:0px;
}
.case-container .case-item .case-item-toggle .company-desc {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
}
.case-container .case-item .case-item-toggle-top p {
	font-size: 20px;
	width: 220px;
	padding-bottom: 10px;
	color: #fff;
	line-height: 28px;
}
.case-container .case-item  .case-item-toggle-top p.case-company-info{
	font-size: 14px;
	padding: 0;
	height: auto;
	line-height: 20px;
}
.case-container .case-item  .case-item-toggle-top img {
	width: 80px;
	height: 80px;
}
.case-container  a.more-case {
	display: block;
	width:140px;
	height:42px;
    border:1px solid #FF5B29;
	border-radius:2px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 42px;
	margin:30px auto 0px auto;
	color: #FF5B29
}
.case-container  a.more-case:hover {
	background:#FFAE6C;
	color: #fff;
	border:1px solid #FFAE6C;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}