.whatslive{
    height: 860px; 
}
.swiper-slide-content{
	width: 100%;
	padding: 30px 0;
}
.swiper-slide-content .swiper-slide-content-img{
	margin-left: 90px;
}
 .iswhat{
width: 100%;
height: 680px;
background:#f7e7f7 url("/public/img/what-bg.png") 50% 100px no-repeat;
padding: 30px 0 40px 0;
}
.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: 226px;
width: 226px;
background: url("/public/img/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: -226px 0;
}
.iswhat .what-list .what-item .what-icon.icon-3{
background-position: -452px 0;
}
.iswhat .what-list .what-item .what-icon.icon-4{
width: 233px;
background-position: -678px 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: 100px;
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;
width: 108px;
height: 35px;
line-height: 35px;
border-radius: 18px;
margin: 0 auto;
background-color: #1168d3;
}
.iswhat .what-list .what-item .btn-list .consult{
color: #fff;
font-size: 15px;
}
.iswhat .build-way{
text-align: center;
}
.iswhat .build-way .tit{
font-size: 24px;
line-height: 50px;
}
.iswhat .build-way .con{
font-size: 16px;
color: #000;
}
  .section3{
background: #fff;
height: 600px;
}
.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{
height: 420px;
width:1200px;
background: url("/public/img/section3img.png") top center no-repeat;
}
.unique-function-list{
height: 800px;
margin: 0 auto;
margin-top: 68px;
}

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

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

.unique-function-list .first .unique-icon:after,.unique-function-list .second .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 .second .unique-icon:after{
top:72px;
}

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

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

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

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

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

.unique-function-list .first .icon-6,.unique-function-list .second .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: 400px;
background: rgba(60, 148, 212, 0.6);
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: 22px;
margin-bottom: 15px;
font-size: 22px;
}
.unique-function-list .second .second-con{
font-size: 14px;
line-height: 30px;
}
.unique-hover .first{
opacity: 0;
}
.unique-hover .second{
opacity: 1;
}
.section6{
height: 563px;
background: url("/public/img/section6_bg.jpg")no-repeat center center;
}
.section6 h2,.section6 p.tit2{
color: #FFFFFF;
padding-top: 60px;
}
.section6 .sec6_box{
height: 230px;
}
.section6 .sec6_box li{
width: 240px;
height: 230px;
float: left;
border-right: 1px solid #fff;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.section6 .sec6_box li span.sec_icon{
display: block;
width: 100px;
height: 85px;
background: url("/public/img/sec6_icon.png") no-repeat center;
margin: 30px auto 30px;
}
.section6 .sec6_box li span.sec_icon1{
background-position: 0 0;
}
.section6 .sec6_box li span.sec_icon2{
background-position: 0 -97px;
}
.section6 .sec6_box li span.sec_icon3{
background-position: 0 -190px;
}
.section6 .sec6_box li span.sec_icon4{
background-position: 0 -302px;
}
.section6 .sec6_box li span.sec_icon5{
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;
}
#footer{padding-top: 40px;clear:both;}
.live_case{width:100%;margin-top:100px;min-height:330px;margin-bottom:20px;}
.live_case_type{float:left;width:calc(20% - 20px);position: relative;margin:10px;border:1px solid #f0f0f0;overflow: hidden;padding-top:20px;transition: all .2s ease-out;height:142px;}
.live_case_type_name{margin-bottom:20px;width:100%;height:100px;}
.live_case_type_bottom{position: absolute;width:100%;height:40px;line-height: 40px;left:0;bottom:-40px;background:#15bdf9;color:#fff;text-align: center;font-size: 16px;transition: all .2s ease-out;}
.live_addclass{padding-top:0px!important;border:1px solid #15bdf9!important;}