@font-face {
font-family: mFont;
src: url('../fonts/alihanyizhinengheiti-2.ttf');
}
/**系统*/
.xitong{
width: 100%;
height: 1050px;
background: url('../images/topbg.png');
background-size: 100% 100%;
overflow: hidden;
}

.xitong_mid{
width: 1360px;
margin: 0 auto;
height: 823px;
position: relative;
top: 75px;
}

.xitong_mid_left{
width: 610px;
float: left;
position: relative;
right: 1000px;
}

.xitong_mid_right{
width: 630px;
float: left;
position: relative;
top: 160px;
left: 1040px;
}

.xitiong_mid_a1{
float: left;
display: block;
width: 180px;
height: 50px;
position: relative;
border-radius: 40px;
text-align: center;
line-height: 50px;
font-size: 18px;
letter-spacing: 2px;
color:#ffff;
background:#61c32b;
position: relative;
top: 50px;

}

.xitiong_mid_a2{
float: left;
display: block;
width: 180px;
height: 50px;
position: relative;
border-radius: 40px;
text-align: center;
line-height: 50px;
font-size: 18px;
letter-spacing: 2px;
color:#ffff;
background:#4da4f4;
position: relative;
top: 50px;
left: 40px;
}


.xitiong_mid_a3{
float: left;
display: block;
width: 180px;
height: 50px;
position: relative;
border-radius: 40px;
text-align: center;
line-height: 50px;
font-size: 18px;
letter-spacing: 2px;
color:#ffff;
background:#ff6b6b;
position: relative;
top: 50px;
left:20px;
}


.swiper-wrapper img{
position: relative;
right: 10px;
}

/*视频APP系统介绍*/
.jieshao{
width: 100%;
height: 920px;
padding-top: 100px;
text-align: center;
overflow:hidden;
background: url('../images/jie_bg.png');
position: relative;
margin-top: -155px;

}

.jieshao .title_bt{
position: relative;
top: 100px;
}

.jieshao_p2{
font-size: 17px;
color: #969696;
position: relative;
top: 133px;
}

.jieshao_p3{
font-size: 17px;
color: #969696;
position: relative;
top: 134px;
}

.jieshao_img{
position: relative;
top: 1170px;
opacity: 0;
}





/*视频APP系统功能*/
.function{
width: 100%;
height: 870px;
padding-top:80px;
position: relative;
background: url('../images/gn_bg.png') no-repeat;
background-size: 100% 100%;
}
.function .title_bt{
text-align: center;
}

.function .function-content{
width: 1200px;
height: 888px;
margin: 0 auto;
position: relative;
top: 20px;

}
.function .function-content .function-lefts{
width: 354px;
position: relative;
top: 30px;
left: 52px;

}
.function .function-content .function-center{
position: relative;
top: 30px;
bottom: -1000px !important;
}
.function .function-content .function-right{
width: 354px;
position: absolute;
right: 0px; 
top: 30px;
}
.function .function-content .left{
float: left;
}
.function .function-content .function-center .function-left{
display: block;
position: absolute;
top: 10px;
left: 60px;
z-index: 1;

}
.function .function-content .function-center  .function-left1{
position: absolute;
left: 50px;
display: block;
z-index: 1;

}
.c-3-3-1{
width: 300px;
height: 74px;
color:#fff !important;
border: 1px solid #F1F1F1;
border-radius: 70px;
}
.c-3-3-1:hover{
background-color:#fff;
}
.c-3-3-1:hover .c-3-3-2{
color:#c95be8 !important;
}
.c-3-3-1 .lan{
background-color:#fff;	
}
.c-3-3-1 .bai{
background-color:#c95be8;
}
.c-3-3-4{
position: relative;
top: 3px;
left: 2px;
width: 68px;
height: 68px;
border-radius: 68px;
display: block;
}
.c-3-3-4 img{
margin-top: 3px;
margin-left: 3px;
}
.c-3-3-2{
width: 200px;
position: relative;
left: 100px;
top: -58px;
font-size: 22px;
}
.top3{
margin-top: 40px;
}
.display{
display: none !important;
}



/*视频APP系统优势*/

.youshi{
overflow:hidden;
height: 840px;
width: 100%;
position: relative;
background: url('../images/ys_bg.png') no-repeat;
background-size: 100% 100%;
}

.youshi .title_bt{
position: relative;
top: 145px;
text-align: center;
}


.youshi_content{
width: 1200px;
height: 325px;
margin: 0 auto;
position: relative;
top: 1220px;
opacity:0;
}

.youshi_content_1{
float: left;
width: 300px;
height: 323px;
text-align: center;
}

.youshi_content_1 p{
font-size: 18px;
position: relative;
top: 20px;
}

.youshi_content_div{
font-size: 14px;
color: #A6A6A6;
width: 196px;
margin: 0 auto;
position: relative;
top: 38px;
line-height: 25px;
}

.turn{
transform: rotateY(360deg);
transition: all 0.5s linear;
}

/*全球任意节点服务器-均可搭建部署*/
.quanqiu{
overflow:hidden;
width: 100%;
height: 920px;
text-align: center;
}
.quanqiu .title_bt{
position: relative;
top: 70px;
text-align: center;
}



.quanqiu_p2{
font-size: 16px;
text-align: center;
color: #9B9B9B;
position: relative;
top: 100px;
}

.quanqiu_p3{
font-size: 16px;
text-align: center;
color: #9B9B9B;
position: relative;
top: 100px;
}

.quanqiu .map{
position: relative;
top: 132px;
}

/*应用场景*/
.yingyong{
overflow:hidden;
width: 100%;
height: 935px;
background: url('../images/cj_bg.png') no-repeat;
}
.yingyong .title_bt{
position: relative;
top: 190px;
text-align: center;

}

.yingyong .yingyong_content{
width: 1200px;
height: 500px;
margin: 0 auto;
position: relative;
top: 1255px;
text-align: center;
opacity:0;
}
.yingyong .yingyong_content .content_ul{

}
.yingyong .yingyong_content .content_ul li{
position: relative;
width: 280px;
height: 175px;
margin-right: 20px;
margin-bottom: 35px;
float:left;
overflow: hidden;
}
.yingyong .yingyong_content .content_ul li .content_ul_img img{
width: 280px;
height: 175px;
border-radius: 10px;
}
.yingyong .yingyong_content .content_ul li .content_ul_title{
width: 100%;
height: 40px;
line-height: 40px;
color: #fff;
font-size: 20px;
text-align: center;



position: absolute;
top: 135px;
color: #fff;
line-height: 2;
z-index: 2;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color:#00000078;


transition: top .5s;
-moz-transition: top .5s;
-webkit-transition: top .5s;
-o-transition: top .5s;


}

.yingyong .yingyong_content .content_ul li:hover .content_ul_title {
top: 60px;
background-color:#0000
}

.yingyong .yingyong_content .content_ul li:hover .content_ul_zz{
background-color: #00000078;
position: absolute;
top: 0px;
width: 280px;
height: 175px;
border-radius: 10px;

}



/*10+营销变现功能玩法*/
.wanfa{  
width: 100%;
height: 800px;
}
.wanfa .title_bt{
position: relative;
top: 50px;
text-align: center;
}
.wanfa .wanfa_content{
width: 1200px;
height: 620px;
padding-top: 20px;
margin: 0 auto;
position: relative;
top: 80px;
overflow:hidden;
}
.wanfa .wanfa_content .wanfa_ul{
width: 900px;
position: relative;
right: 1500px;
top: 30px;
}
.wanfa .wanfa_content .wanfa_ul li{
width: 250px;
height:80px;
padding:15px;
margin-right: 20px;
margin-bottom: 30px;
float:left;
}
.wanfa .wanfa_content .wanfa_ul li:hover{
box-shadow: #F0F6FD 5px 5px 14px 5px;
}
.wanfa .wanfa_content .wanfa_ul li .title{
font-size: 18px;
color:#000;
height: 35px;
line-height: 38px;

}
.wanfa .wanfa_content .wanfa_ul li .msg{
font-size: 14px;
color:#A4A4A4;
}
.wanfa .wanfa_content .wanfa_img{
position: absolute;
top: 1000px;
right: 0;
bottom: 1000px;
width: 300px;
text-align: center;
}









/*技术支持*/
.fuwu{
width: 100%;
height: 1015px;
background: url('../images/jsbg.png');
background-size: 100% 100%;
margin-top:-90px;
overflow:hidden;
}
.fuwu .title_bt{

position: relative;
top: 190px;
text-align: center;

}


.fuwu .fuwu_content{
width: 1200px;
height: 570px;
margin: 0 auto;
position: relative;
top: 1230px;
}

.fuwu .fuwu_content .content_img{
width: 485px;
height: 539px;  
}

.fuwu .fuwu_content .content_ul{
width: 700px;
height: 539px;  
position: absolute;
top: 95px;
right: 0;
}
.fuwu .fuwu_content .content_ul li{
position: relative;
width: 290px;
float: left;
height: 50px;
line-height: 44px;
padding: 5px 15px;
border-radius: 30px;

margin-right: 30px;
margin-bottom: 35px;
}
.fuwu .fuwu_content .content_ul li:hover{
background-color: #d346fb;
}
.fuwu .fuwu_content .content_ul li:hover  .title{
color: #fff;
}
.fuwu .fuwu_content .content_ul li .icon{
width: 36px;
height: 36px; 
}
.fuwu .fuwu_content .content_ul li .title{
position: absolute;
top: 6px;
left: 60px;
font-size: 20px;
color: #000;

}


/* 帮助中心 */
.bangzhu{
overflow:hidden;
width: 100%;
height: 520px;
padding-top: 60px;
overflow: hidden;
}
.bangzhu .title_bt{
text-align: center;
}


.bangzhu .bangzhu-content{
width: 1200px;
height: 600px;
margin: 0 auto;
position: relative;
top: 55px;
}
.bangzhu .bangzhu-content .bangzhu-li{
width: 400px;
}
.bangzhu .bangzhu-content .bangzhu-li .bangzhu-1-1{
margin-bottom: 30px;
}


.bangzhu .bangzhu-content ul li{
width: 100%;
height: 40px;
line-height: 40px;
position: relative;
font-size:14px;
color:#5D5D5D;
}
.bangzhu .bangzhu-content ul li span{
color:#999999;
margin-right: 10px;
}

.bangzhu .bangzhu-content ul li a:hover{
color:#2277da;
}
.bangzhu .bangzhu-content ul li .li-1{
width: 370px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
height: 30px;
}
.bangzhu .bangzhu-content .left{
float: left;
}

/*bottom*/
.bottom{
height: 200px;
background: url('../images/tlbg.png');
background-size: 100% 100%;
}
.bottom p{
position: relative;
font-size: 28px;
color: #4E4A4C;
text-align: center;
top: 50px;

}

.bottom a {
display: block;
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 15px;
color: white;
margin: 25px auto 0;
background-color: #FF8A01;
position: relative;
top: 45px;
}



@keyframes breath {
from { opacity: 0.1; }
50% { opacity: 1; }
to { opacity: 0.1; }
} 
@-webkit-keyframes breath {
from { opacity: 0.1; }
50% { opacity: 1; }
to { opacity: 0.1; }
}