@CHARSET "UTF-8";

.warp{
	width: 1200px;
}

.btn{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
}
.btn-white{
	border: 1px solid #fff;
	color: #fff;
	padding: 0 15px;
	line-height: 30px;
}

.btn-white:hover{
  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
  background: #1d62d9;
  border: 1px solid #1d62d9;
}

.mt20{ margin-top: 20px;}

/*导航*/

.zb-head{
	background: rgba(255,255,255,0);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	height: 65px;
	font-size: 15px;
}
.zb-head .logo{
	float: left;
	display: block;
	line-height: 65px;
	height: 65px;
	vertical-align: middle;
}
.zb-head .logo img{
	vertical-align: middle;
}
.zb-head .back{
	float: right;
	margin-top: 15px;
}
.nav-bar{
	float: right;
	position: relative;
	padding-right: 20px;
}

.nav-bar li{
	float: left;
	line-height: 62px;
	padding: 0 15px;
	color: #fff;
}
.nav-bar li a{
	color: #fff;
	padding: 0 10px;
	display: block;
	position: relative;
}
.nav-bar li a.active{
	/*color: #4e89c5;*/
	border-bottom: 3px solid #1d62d9;
}
 .nav-bar li a:after {
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #1d62d9;
    content: '';
    opacity: 0;
    -webkit-transition: height .5s,opacity .5s,-webkit-transform .5s;
    transition: height .5s,opacity .5s,-webkit-transform .5s;
    transition: height .5s,opacity .5s,transform .5s;
    transition: height .5s,opacity .5s,transform .5s,-webkit-transform .5s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
 .nav-bar li a:hover::after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}
.nav-bar li .sub-title {
	overflow:hidden;
    margin-top:4px;
    width: 100%;
    height: 0;
    text-align: center;
    border-radius: 5px;
    position: relative;
     transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.nav-bar .z-hover .hover{
	 height: 264px;
}

/*-- 箭头 --*/
/*.nav-bar li .sub-title:before{*/
    /*content: '';*/
    /*position: absolute;*/
    /*left: 45%;*/
    /*top: -8px;*/
    /*color: #000;*/
    /*opacity: 0.4;*/
    /*-moz-opacity:0.4;*/
    /*filter: alpha(opacity=40);*/
    /*font-size: 0;*/
    /*line-height: 0;*/
    /*border-width: 8px;*/
    /*border-top-width: 0;*/
    /*border-style: dashed;*/
    /*border-bottom-style: solid;*/
    /*border-left-color: transparent;*/
    /*border-right-color: transparent;*/
/*}*/
.nav-bar li .sub-title a{
    padding: 0;
    line-height: 52px;
    color: #fff;
}
.nav-bar li .sub-title a:after{
    top:52px;
    left: 21px;
    width: 65%;
}
.nav-bar li .sub-title a:hover::after {
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}
.nav-bar li .sub-title .sub-title-bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    -moz-opacity:0.4;
    filter: alpha(opacity=40);
    border-radius: 5px;
}
.logo .logo1{
	display: inline-block;
}
.logo .logo2{
	display: none;
}
.zb-head-leave{
	background:#fff;
	background: rgba(255,255,255,1);
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.zb-head-leave .nav-bar li a{
	color: #333;
}

.zb-head-leave .nav-bar li .sub-title:before{
    color: #fff;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.zb-head-leave .nav-bar li .sub-title .sub-title-bg{
    background: #fff;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.zb-head-leave .btn-white{
	border: 1px solid #ddd;
	color: #333;
}
.zb-head-leave .btn-white:hover{
	color: #fff;
}
.zb-head-leave .logo1{
	display: none;
}
.zb-head-leave .logo2{
	display: inline-block;
}


.banner{
    width: 100%;
    height: 526px;
    overflow: hidden;
    text-align: center;
}
/*----- 公共按钮 ----*/
.btn-consult {
    margin: 0 auto;
    width: 173px;
    height: 37px;
    border-radius: 3px;
}
.btn-consult .consult{
    line-height: 37px;
    font-size: 18px;
    color: #fff;
}
/*---- 公共标题 ----*/
.zhibo h2{
    text-align: center;
    padding-top:50px;
    padding-bottom: 10px;
    font-size: 38px;
    font-style: normal;
    line-height: 50px;
    font-weight: normal;
}
.zhibo_b{
    color: #fff;
}
.zhibo .tit2 {
    text-align: center;
    padding-top:10px;
    font-size: 16px;
    line-height: 1.8;
    padding-bottom:50px;
}
.zhibo_b .tit2 span{
    color: #fed454
}
.pt36{
    padding-top: 36px;
}

/* ------------------------------------------------- 特色功能 ------------------------------------------------------- */

.unique-function-list{
	height: 644px;
	margin: 0 auto;
	margin-top: 68px;
}

.unique-function-list li{
	position: relative;
	width: 300px;
	height: 322px;
	float: left;
}

.unique-function-list .first .unique-icon{
	position: relative;
	display: block;
	width: 72px;
	height: 76px;
	margin: 0 auto;
	margin-top: 72px;
	background: url("../../images/zb/unique-icon-list.png") no-repeat;
}

.unique-function-list .first .unique-icon:after{
	content: " ";
	display: block;
	position: absolute;
	top: 95px;
	left: 23px;
	width: 25px;
	height: 3px;
	margin: 0 auto;
	border-radius: 1px;
	background: #ffe400;
}

.unique-function-list .first .icon-1{
	background-position: 0 center;
}

.unique-function-list .first .icon-2{
	width: 75px;
	background-position: -72px center;
}

.unique-function-list .first .icon-3{
	background-position: -151px center;
}

.unique-function-list .first .icon-4{
	background-position: -223px center;
}

.unique-function-list .first .icon-5{
	background-position: -296px center;
}

.unique-function-list .first .icon-6{
	background-position: -368px center;
}
.unique-function-list .first p{
	margin-top: 53px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
}
.unique-function-list div{
	-moz-transition: all .35s ease-in 0s;
	-o-transition: all .35s ease-in 0s;
	-webkit-transition: all .35s ease-in 0s;
	transition: all .35s ease-in 0s;
}
.unique-function-list .second{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 300px;
	height: 322px;
	background: #29336f;
	background: rgba(41, 51, 111, 0.85);
	color: #fff;
	text-align: center;
	opacity: 0;
	-moz-transition: all .35s ease-in 0s;
	-o-transition: all .35s ease-in 0s;
	-webkit-transition: all .35s ease-in 0s;
	transition: all .35s ease-in 0s;
}
.unique-function-list .second .second-tit{
	position: relative;
	margin-top: 86px;
	margin-bottom: 52px;
	font-size: 22px;
}
.unique-function-list .second .second-tit:after{
	content: " ";
	display: block;
	position: absolute;
	top: 46px;
	left: 138px;
	width: 25px;
	height: 3px;
	margin: 0 auto;
	border-radius: 1px;
	background: #ffe400;
}
.unique-function-list .second .second-con{
	font-size: 14px;
	line-height: 30px;
}
.unique-hover .first{
	opacity: 0;
}
.unique-hover .second{
	opacity: 1;
	transform: scale(1.1,1.1);
}

/*---section2----*/
.section2{
	height: 856px;
	background: #f1faff;
}
.neirong{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.section1 .warp{
	position: relative;
	height: 100%;
}
.section1 .s1{
	position: absolute;
	top: 200px;
	left: 0;
}
.section1 .s2{
	position: absolute;
	top: 400px;
	left: 0;
}
.section1 .s2 .lookshow{
	width: 170px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.zhibo_b{
	position: relative;
	height: 856px;
	background: url(../../images/zb/new_section2.png) no-repeat #171d4f center 0px;
}
.tel{
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	width: 100%;
	height: 47px;
	line-height: 47px;
}
.tel .font{
	font-size: 18px;
	color: #fff;
}
.tel span{
	margin: 0 10px;
	line-height: 47px;
	font-size: 22px;
}

.slideBox{ width:1200px; height:450px;  position:relative;  }
.slideBox .hd{display: none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1;width: 1200px; vertical-align:middle; display:block; text-align: center; }

.slideBox .prev2,.slideBox .next2{
	border: 1px solid #e9ddca;
	position:absolute; left:0; top:50%;
	margin-top:-25px; display:block;
	width:50px; height:55px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.slideBox .prev2{
	background: url(../../images/zb/prev.png) no-repeat center #000;
	filter:alpha(opacity=30);opacity:0.3;
	border: 1px solid ;
}
.slideBox .next2{
	left:auto;
	right:0;
	background: url(../../images/zb/next.png) no-repeat center  #000;
	filter:alpha(opacity=30);
	opacity:0.3;
	border: 1px solid ;
}
.zhibo h1{
	text-align: center;
	padding-top:50px;
	padding-bottom: 10px;
	font-size: 38px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
}

/*section4开始*/

.section4{
    height: 626px;
    background: url("../../images/zhibo/section4_bg.jpg")no-repeat center center;
    color: #ffffff;
}
.section4 h2{
    font-size: 36px;
    padding-top: 100px;
    padding-bottom: 0px;
	text-align: center;
}
.section4 .tit2{
    font-size: 18px;
    padding-bottom: 70px;
}
.section4 .sec4_box{
    width: 100%;
    height: 264px;
}
.section4 .sec4_box li{
    width: 33%;
    height: 264px;
    float: left;
    border-right: 1px solid #9d9fa1;
    position: relative;
    overflow: hidden;
}
.section4 .sec4_box li span.sec_icon{
    display: block;
    width: 93px;
    height: 93px;
    margin: 25px auto 40px;
    background: url("../../images/zhibo/sec4_icon.png")no-repeat;

}
.section4 .sec4_box li span.sec_icon1{
    background-position: 0 0;
}
.section4 .sec4_box li span.sec_icon2{
    background-position: 0 -98px;
}
.section4 .sec4_box li span.sec_icon3{
    background-position: 0 -199px;
}
.section4 .sec4_box li:nth-of-type(3){
    border-right: none;
}
.section4 .sec4_box li p.fontInfo{
    font-size: 20px;
    line-height: 36px;
    text-align: center;
}
.sec4_box li .pupBox{
    width: 99%;
    height: 264px;
    position: absolute;
    left: 2px;
    top: 0px;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.sec4_box li.hover .pupBox{
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.sec4_box li.hover .sec_icon,
.sec4_box li.hover .fontInfo{
    opacity: 0.4;
    filter: "alpha(opacity=40)";   /* IE 8 */
    filter: alpha(opacity=40);  /* IE 4-7 */
}
.pupBox h3{
    margin: 35px 0 20px;
    text-align: center;
    font-size: 20px;
    color: rgba(51,51,51,0);
    line-height: 36px;
    font-weight: normal;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.pupBox p{
    padding: 0 20px;
    font-size: 15px;
    color: rgb(48,48,48);
	opacity: 0;
    line-height: 30px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.sec4_box li:hover .pupBox h3{
    color: rgb(51,51,51);
	opacity:1;
}
.sec4_box li:hover .pupBox p{
    color: rgb(48,48,48);
	opacity:1;
}
/*section4结束*/


/*section5开始*/
.section5{
    height: 650px;
    background: url("../../images/zhibo/section5_bg.jpg")no-repeat center center;
}
.section5 h2{
    color: #333333;
    font-size: 36px;
    padding-bottom: 80px;
	text-align: center;
}
.section5 .tab-change{
    display: none;
    float: left;
    width: 900px;
}
.section5 .tab-change:after{
    display: block;
    content: "";
    clear: both;
}
.section5 ul{
    float: left;
    display: inline-block;
    width: 188px;
    min-height: 400px;
    padding-top: 12px;
    padding-right: 38px;
    border-right: 1px solid #d9dfe3;
}
.section5 ul li{
    display: inline-block;
    width: 188px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    font-size: 15px;
    cursor: pointer;
    color: #565859;
    margin-bottom: 6px;
}
.section5 ul li a.more_work{
    color: #565859;
}
.section5 ul li:hover, .section5 ul li.active{
    background: #3d78d1;
    color: #fff;
}
.section5 ul li:hover a.more_work{
    color: #FFFFFF;
}
.section5 .bk{
    padding-bottom: 30px;
    width: 50%;
    margin-top: -50px;
    text-align: center;
}
.section5 .bk img{
    display: block;
    margin: 0 auto;
}
.section5  h3.bk_title{
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    padding-top: 6px;
    padding-bottom: 6px;
}
.section5  p{
    color: #6c6c6c;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 40px;
}

/*section6开始  ---- 流量变现 ----*/
.section6{
	height: 563px;
	background: url("../../images/zhibo/section6_bg.jpg")no-repeat center center;
}
.section6 h2,.section6 p.tit2{
	color: #FFFFFF;
}
.section6 .sec6_box{
	height: 230px;
}
.section6 .sec6_box li{
	width: 240px;
	height: 230px;
	float: left;
	border-right: 1px solid #9d9fa1;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.section6 .sec6_box li span.sec_icon{
	display: block;
	width: 100px;
	height: 85px;
	background: url("../../images/zhibo/sec6_icon.png") no-repeat center;
	margin: 30px auto 30px;
}
.section6 .sec6_box li span.sec_icon2 {
	background-position: 0 0;
}
.section6 .sec6_box li span.sec_icon3{
	background-position: 0 -97px;
}
.section6 .sec6_box li span.sec_icon4{
	background-position: 0 -190px;
}
.section6 .sec6_box li span.sec_icon5{
	background-position: 0 -302px;
}
.section6 .sec6_box li span.sec_icon1{
	background-position: 0 -400px;
}
.section6 .sec6_box li:nth-of-type(5){
	border-right: none;
}
.section6 .sec6_box li p.fontInfo{
	font-size: 20px;
	line-height: 36px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
.sec6_box li .pupBox{
	width: 99%;
	height: 230px;
	background: #fff;
	position: absolute;
	left: 2px;
	top: 0;
	opacity: 0;
	-moz-opacity:0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.sec6_box li.hover .pupBox{
	opacity: .8;
	-moz-opacity:.8;
	filter: alpha(opacity=80);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.sec6_box li.hover .sec_icon,
.sec6_box li.hover .fontInfo{
	opacity: 0.4;
	-moz-opacity:0.4;
	filter: alpha(opacity=40);  /* IE 4-7 */
}
.pupBox h3{
	margin: 30px 0 20px;
	text-align: center;
	font-size: 20px;
	color: #000;
	filter: Alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	font-weight: normal;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.pupBox p{
	padding: 0 20px;
	font-size: 15px;
	color: #000;
	filter: Alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	
	line-height: 26px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.sec6_box li:hover .pupBox h3{
	color: #000;
	filter: Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.sec6_box li:hover .pupBox p{
	color: #000;
	filter: Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/*section6结束*/

/*section7开始    ---- 成功案例 ----*/
.section7{
	height: 900px;
	background: #FFFFFF;
}
.section7 h2{
	font-size: 36px;
	padding: 60px 0 40px;
	text-align: center;
}
.section7 h2 span{
	color: #3d78d1;
}
.section7 .successCase li{
	width: 324px;
	float: left;
	margin-right: 110px;
	margin-bottom: 80px;
}
.section7 .successCase li .caseImg{
	width: 324px;
	height: 170px;
	overflow: hidden;
}

.section7 .successCase li img{
	display: block;
	transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	-o-transition: transform 0.6s;
}
.section7 .successCase li .add_hover img{
	transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}
.section7 .successCase li h3{
	color: #333333;
	font-size: 24px;
	padding: 20px 0 10px;
	font-weight: normal;
}
.section7 .successCase li p{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	height: 72px ;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section7 .successCase:after{
	display: block;
	content: "";
	clear:both ;
}
/*section7结束*/


/*section9开始*/
.section9{
    height: 564px;;
    background: url("../../images/zhibo/section5_bg.jpg")no-repeat center center;
}
.section9 .ourVanture{
    height: 56px;
}
.section9 .ourVanture li{
    width: 286px;
    height: 56px;
    float: left;
    background: #cdd0dd;
    margin-right: 18px;
    text-align: center;
    line-height: 56px;
    font-size: 20px;
    color: #8f93a2;
    cursor: pointer;
}
.section9 .ourVanture li.active{
    color: #FFFFFF;
    background: #3f508e;
}
.vanBox{
    width: 1198px;
    height: 334px;
    padding-top: 40px;
    border: 1px solid #e0e0e0;
    border-top: none;
    box-sizing: border-box;
    background: #FFFFFF;
    display: none;
}
.vanBox .bk{
    width: 480px;
    height: 80px;
    margin:20px 0 20px 88px;
    float: left;
}
.vanBox .bk .bkImg{
    width: 80px;
    height: 80px;
    border-radius: 5px;
    line-height: 80px;
    text-align: center;
    float: left;
}
.vanBox .bk .bkImg img{ width: 100%;}
.vanBox .bk .bkImg1{
    background-position: 0 0;
}
.vanBox .bk .bkImg i{
    font-size: 60px;
    display: block;
    vertical-align: middle;
    color: #FFFFFF;
    margin-top: -4px;
}
.vanBox .bk .bkCon{
    width: 390px;
    float: right;
}
.vanBox .bk .bkCon h3.bk_ti{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vanBox .bk .bkCon p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
/*section9结束*/

/* section10 开始 */
.hide{display: none;}

.blank{height: 0;visibility: hidden;clear: both;overflow: hidden;}

.no-scroll{overflow-x: hidden;overflow-y: hidden;}

.iswhat{
	width: 100%;
	height: 600px;
	background: url("../../images/zb/what-bg.png") 50% 35px no-repeat;
	padding: 30px 0 40px 0;
	background-color: #e8effa;
}
.iswhat .what-list{
	width: 100%;
	padding-top: 28px;
}
.iswhat .what-list .what-item{
	float: left;
	width: 228px;
	margin-left: 90px;
	text-align: center;
}
.iswhat .what-list .what-item:first-child{
	margin-left: 0;
}
.iswhat .what-list .what-item .what-icon{
	display: block;
	height: 222px;
	width: 222px;
	background: url("../../images/zb/what-icon-list.png") no-repeat;
	margin: 0 auto;
}
.iswhat .what-list .what-item .what-icon.icon-1{
	background-position: 0 0;
}
.iswhat .what-list .what-item .what-icon.icon-2{
	background-position: -222px 0;
}
.iswhat .what-list .what-item .what-icon.icon-3{
	background-position: -444px 0;
}
.iswhat .what-list .what-item .what-icon.icon-4{
	width: 233px;
	background-position: -666px 0;
}
.iswhat .what-list .what-item .lab{
	height: 60px;
	padding-top: 25px;
	font-size: 22px;
	color: #2e3032;
}
.iswhat .what-list .what-item .lab p{
	margin-top: 10px;
	font-size: 16px;
	color: #8b8f96;
}
.iswhat .what-list .what-item .explain{
	padding-top: 10px;
	height: 80px;
	font-size: 12px;
	line-height: 22px;
	color: #000;
}
.iswhat .what-list .what-item .btn-list{
	width: 100%;
	height: 85px;
}
.iswhat .what-list .what-item .btn-list .btn-demo{
	display: block;
	float: left;
	width: 108px;
	height: 35px;
	line-height: 35px;
	border-radius: 18px;
	background: #3d78d1;
}
.iswhat .what-list .what-item .btn-list .online-demo{
	color: #fff;
	font-size: 15px;
}
.iswhat .what-list .what-item .btn-list .btn-consult{
	display: block;
	float: right;
	width: 108px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ababab;
	border-radius: 18px;
}
.iswhat .what-list .what-item .btn-list .consult{
	color: #1860cc;
	font-size: 15px;
}
.iswhat .build-way{
	text-align: center;
}
.iswhat .build-way .tit{
	font-size: 24px;
	color: #0069bc;
	line-height: 50px;
}
.iswhat .build-way .con{
	font-size: 16px;
	color: #000;
}
.popup{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	min-width: 1200px;
}
.popup-bg{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
    z-index: -1;
}
.img-light-box{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 980px;
	height: 700px;
	margin-top: -350px;
	margin-left: -490px;
}
.img-light-box .img-light{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.img-light-box .swiper-button-prev,
.img-light-box .swiper-button-next{
	position: absolute;
	display: block;
	top: 50%;
	width: 50px;
	height: 100px;
	margin-top: -50px;
	border: 1px solid #e9ddca;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: 17px 30px;
}
.img-light-box .swiper-button-prev{
	left: -150px;
	background-image: url("../../images/zb/prev.png") !important;
	filter:alpha(opacity=30);
	opacity:0.3;
	border: 1px solid ;
}
.img-light-box .swiper-button-next{
	left:auto;
	right: -150px;
	background-image: url("../../images/zb/next.png") !important;
	filter:alpha(opacity=30);
	opacity:0.3;
	border: 1px solid ;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
	filter:alpha(opacity=0) !important;
	opacity:0 !important;
}
.popup .img-light-close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: url("../../images/zb/close-btn.png") center center no-repeat;
	background-size: cover;
	cursor: pointer;
}
.img-light-box .single{
	display: block;
	margin: 0 auto;
	height: 700px;
}
.img-light-box .erweima{
	position: relative;
	top: 50%;
	display: block;
	margin: 0 auto;
	margin-top: -350px;
	height: 700px;
}
/*section10 结束*/

/*---- 直播是什么 ----*/
.m-shuffling{
	position: relative;
	height: auto;
	background: #e3fff8;
	padding-bottom: 40px;
}
#m-picture-list{
	position: relative;
}
.m-picture-list{
	margin: 0 auto;
	width: 1000px;
}
.m-picture-list li{
	padding-top: 20px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.m-picture-list img{
	width: 100%;
}
.m-shuffling .prev,.m-shuffling .next{
	border: 1px solid #e9ddca;
	position:absolute; left:0; top:50%;
	margin-top:-25px; display:block;
	width:50px; height:55px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.m-shuffling .prev{
	background: url(../../images/zb/prev.png) no-repeat center #000;
	filter:alpha(opacity=30);opacity:0.3;
	border: 1px solid ;
}
.m-shuffling .next{
	left:auto;
	right:0;
	background: url(../../images/zb/next.png) no-repeat center  #000;
	filter:alpha(opacity=30);
	opacity:0.3;
	border: 1px solid ;
}

/*----- 特色功能 -----*/
.m-function{
    width: 100%;
    height: 750px;
}
.m-function h2{
    color: #fff;
}
.m-function .warp{
    width: 1196px;
    *width: 1200px;
}
.function-list{
    padding: 90px 0;
    color: #fff;
}

.m-function-block .function-bar{
    width: 128px;
    height: 128px;
    margin-left: 31px;
    margin-right: 31px;
    border-radius: 64px;
    overflow: hidden;
}
.m-function-block .function-bar.active{
    width: 463px;
}
.m-function-block .function-img{
    float: left;
    width: 128px;
    height: 128px;
    overflow: hidden;
    background: url("../../images/zb/function-list.png") no-repeat;
}
.m-function-block .img-1{
    background-position: 0 0;
}
.m-function-block .img-2{
    background-position: -128px 0;
}
.m-function-block .img-3{
    background-position: -256px 0;
}
.m-function-block .img-4{
    background-position: -384px 0;
}
.m-function-block .img-5{
    background-position: -512px 0;
}
.m-function-block .img-6{
    background-position: -640px 0;
}
.m-function-block .img-7{
    background-position: -768px 0;
}
.m-function-block .img-8{
    background-position: -896px 0;
}
.m-function-block .img-9{
    background-position: -1024px 0;
}
.m-function-block .img-10{
    background-position: -1152px 0;
}
.m-function-block .img-11{
    background-position: -1280px 0;
}
.m-function-block .img-12{
    background-position: -1408px 0;
}
.m-function-block .img-13{
    background-position: -1536px 0;
}
.m-function-block .img-14{
    background-position: -1664px 0;
}
.m-function-block .img-15{
    background-position: -1792px 0;
}
.m-function-block .img-16{
    background-position: -1920px 0;
}
.m-function-block .img-17{
    background-position: -2048px 0;
}



.m-function-block .function-tips{
    padding-top: 13px;
    margin-left: 150px;
    padding-right: 30px;
    width: 283px;
    height: 115px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.m-function-block .sub-tit{
    margin-top: 22px;
    width: 190px;
    font-size: 22px;
    text-align: center;
}
.m-function-block .sub-tit span{
    font-size: 14px;
    line-height: 25px;
}
.function-list .function-add{
    line-height: 128px;
}

/*---- 解决方案 ----*/
.m-solution{
	text-align: center;
	height: auto;
	background: url("../../images/zb/shopping/solve-bg.png") no-repeat;
}
.m-solution h2{
	color: #fff;
	padding-bottom: 0;
}
.m-solution .tit2{
	color: #fff;
	line-height: 32px;
}
.m-solution .tab-change{
	width: 100%;
	display: block;
	padding-bottom: 40px;
}
.m-solution .tab-change .logo-block{
	margin-top: 20px;
	width: 50%;
}
.m-solution  .logo-block p{
	display: block;
	padding: 0;
	font-size: 24px;
	line-height: 85px;
	font-weight: bold;
	color: #fff;
}
.m-solution .solve-block{
	margin-top: 70px;
	text-align: center;
}
.solve-block h3.bk_title{
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	color: #fff;
	padding: 0;
}
.solve-block p{
	padding: 30px 40px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.solve-block .more_link{
	color: #fff;
}
.m-solution .more-link{
	margin: 0 auto;
	display: block;
	width: 134px;
	height: 34px;
	border: 1px solid #fff;
	border-radius: 5px;
}
.m-solution .more_link{
	font-size: 18px;
	color: #fff;
	line-height: 34px;
}

/*---- 应用场景 ----*/
.m-scene{
    padding-bottom: 70px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.m-scene .m-scene-list{
    margin-top: 57px;
}
.m-scene .m-scene-block{
    margin-right: 46px;
    padding: 19px;
    width: 227px;
    height:305px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.m-scene .scene-green{
    background: #10be51;
}
.m-scene .scene-blue{
    background: #1088d5;
}
.m-scene .scene-yellow{
    background: #ffa200;
}
.m-scene .scene-orange{
    background: #ef5a25;
}
.m-scene-block .icon-scene{
    margin: 16px auto;
    *margin-top: 35px;
    width: 84px;
    height: 75px;
    overflow: hidden;
    background: url("../../images/zb/games/scene-list.png") no-repeat;
}
.m-scene-block .scene-1{
    background-position: 0 0;
}
.m-scene-block .scene-2{
    background-position: 0 -87px
}
.m-scene-block .scene-3{
    background-position: 1px -176px;
}
.m-scene-block .scene-4{
    background-position: 0 -268px;
}
.m-scene-block .sub-tit{
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 23px;
}
.m-scene-block p{
    font-size: 14px;
    line-height: 20px;
}

/* choice */
.choice-tab ul{
    height:55px;
}
.choice-tab{
    background:url(../../images/o2o/public/choice-tab.jpg) no-repeat center top;
}
.choice-info .choice-img{
    background-image: url(../../images/o2o/public/choice-info-bg.png);
}
.choice-info .choice-info-item .choice-ico{
    background-image:url(../../images/o2o/public/choice-info-ico.png);
}
/* ---- AD ----*/
.AD{
    width: 100%;
    height: 190px;
    text-align: center;
}
.AD h2{
    padding-top:40px;
    padding-bottom: 35px;
    color: #fff;
}