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

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

.xitong_mid_left{
    width: 707px;
    height: 500px;
    float: left;
    position: relative;
    top: 110px;
    right: 1000px;
}

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

}

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

.xitong_mid_right{
    width: 543px;
    height: 819px;
    float: left;
    position: relative;
    left: 1040px;
}

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

/*介绍*/

.jieshao{
    height: 888px;
    text-align: center;
    overflow:hidden;
}

.jieshao_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 100px;
}
.jieshao_span1{
    color: #FD8A00;
}

.jieshao_p2{
    font-size: 17px;
    color: #969696;
    position: relative;
    top: 133px;
    width: 1000px;
    margin: 0 auto;
}

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

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

/*功能*/
.gongneng{
    overflow:hidden;
    height: 1115px;
    background: url('../images/gnbg.png');
    background-size: 100% 100%;
	overflow: hidden;
}

.gongneng_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 160px;
    text-align: center;
    color: #fff;
}

.gongneng_span1{
    color: #FD8A00;
}

.gongneng_content{
    width: 1140px;
    height: 648px;
    margin: 0 auto;
    position: relative;
    top: 204px;

}

.gongneng_content_left{
    width: 462px;
    height: 648px;
    float: left;
    position: relative;
    right: 1000px;
}

.gongneng_content_left_img1{
    display:none;
    float: left;
    position: relative;
    top: 269px;
}

.gongneng_content_left_phone{
    float: left;
    position: relative;
    left: 70px;
}

.gongneng_content_left_img2{
    display:none;
    float: left;
    position: relative;
    left: 40px;
    top: 269px;
}

.gongneng_content_left_images{
    display:none;
    position: absolute;
    left: 90px;
    top: 18px;
}

.gongneng_content_right{
    width: 674px;
    height: 538px;
    float: left;
    position: relative;
    /* left: 40px; */
    top: 37px;
    left: 1000px;

}

.gongneng_content_right_box{
    width: 128px;
    height: 128px;
    background-color: #3C88D6;
    border-radius: 12px;
    float: left;
    margin-top: 40px;
    margin-left: 40px;
    text-align: center;
}

.gongneng_content_right_box_img{
    position: relative;
    top: 10px;
}
.gongneng_content_right_box_img1{
    display:none;
    position: relative;
    top: 10px;
}
.id{
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 20px;
}

.on{
    background: #fff;
 
}
.on .gongneng_content_right_box_img{
    display:none;
}
.on .gongneng_content_right_box_img1{
    display:inline-block;
}
.on .id{
    color: #000;
}


.display {
    display: none;
}

/*优势*/

.youshi{
    overflow:hidden;
    height: 581px;
    width: 100%;
    position: relative;

}

.youshi_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 70px;
    text-align: center;
    color: #000;
}

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

.youshi_content_1{
    float: left;
    width: 279px;
    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: 1065px;
    background: url('../images/fwqbg.png');
    text-align: center;
}

.quanqiu_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 200px;
    text-align: center;
    color: #000;
}

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

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

.quanqiu img{
    position: relative;
    top: 240px;
}

/*应用场景*/
.yingyong{
    overflow:hidden;
    width: 100%;
    height: 920px;
}

.yingyong_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 158px;
    text-align: center;
    color: #000;
}

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

.yingyong_content{
    width: 1188px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    top: 1225px;
    text-align: center;
    opacity:0;
}

.yingyong_content_1{
    width: 280px;
    height: 480px;
    float: left;
    border: 1px solid #EFEFEF;
    margin:0 10px;
}

.yingyong_content_2{
    width: 280px;
    height: 480px;
    float: left;
    border: 1px solid #EFEFEF;
    margin:0 10px;
}

.yingyong_content_box{
    width: 280px;
    height: 300px;
    overflow: hidden;
}
.yingyong_content_img1{
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

.yingyong_content_img1:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.yingyong_content_img2{
    position: relative;
    bottom: 81px;
}

.yingyong_content p{
    font-size: 25px;
    position: relative;
    bottom: 63px;

}

.yingyong_content_heng{
    width: 25px;
    height: 3px;
    background: #43A1F9;
    margin: 0 auto;
    position: relative;
    bottom: 49px;
}

.yingyong .swiper-container .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: #43A1F9;
}
.yingyong .swiper-container .swiper-pagination-bullet-active{
    background: #43A1F9;
}
/*玩法*/

.wanfa{
    overflow:hidden;
    height: 1210px;
    background: url('../images/wfbg.png');
}

.wanfa_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 250px;
    text-align: center;
    color: #fff;
}

.wanfa_content{
    width: 1400px;
    height: 620px;
    margin: 0 auto;
    position: relative;
    top: 389px;
}

.wanfa_content_phone{
    position: absolute;
    left: 545px;
    bottom: 68px;
    z-index: 99;
}

.swiper-button-prev{
    width: 520px;
    height: 481px;
    background: url(../images/left.png);
    top: 4%;
    left: 0%;
}

.swiper-button-next{
    width: 520px;
    height: 481px;
    background: url(../images/rigth.png);
    top: 4%;
    left: 64%;
}

.wanfa_content_last_p1{
    text-align: center;
    color: #fff;
    font-size: 22px;
    position: relative;
    top: 92px;
}

.wanfa_content_last_p2{
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 100px;
}

/*技术支持*/
.jishu{
    overflow:hidden;
    height: 920px;
    background:url('../images/jsbg.png');
    margin-top: -91px;
}

.jishu_p1{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 190px;
    text-align: center;
    color: #000;
}

.jishu_content{
    width: 1125px;
    height: 400px;
    border: 1px solid;
    margin: 0 auto;
    position: relative;
    top: 260px;
}

/* fuwu */
.fuwu{
    overflow:hidden;
    width: 100%;
    height: 920px;
    background: url('../images/jsbg.png');
    background-size: 100% 100%;
    margin-top: -91px;
}
.fuwu .fuwu-title{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    top: 190px;
    text-align: center;
    color: #000;
}
.fuwu .fuwu-title span{
	color:#FA8B00;
}

.fuwu-center{
    width: 500px;
    height: 480px;
    float: left;
}
.fuwu .fuwu-content{
    width: 1200px;
    height: 570px;
    margin: 0 auto;
    position: relative;
    top: 1215px;
}
.fuwu .fuwu-content .fuwu-left{
    position: relative;
    float: left;
    width: 350px;
    margin-top: 92px;
    left: 54px;
}
.fuwu .fuwu-content .fuwu-left ul li{
	position: relative;
    height: 60px;
}
.fuwu .fuwu-content .fuwu-left .fuwu-1-1-1{
	width: 100%;
	height:60px;
	font-size: 20px;

}
.fuwu .fuwu-content .fuwu-left ul li .fuwu-2-1-1{
	position: absolute;

}
.fuwu .fuwu-content .fuwu-left ul li .fuwu-2-2-1{
	margin-left: 30px;
}
.fuwu .fuwu-content .fuwu-left ul li .fuwu-2-2-1 .fuwu-2-2-2{
	font-size: 18px;
	color:#363638;
	height: 35px;
	width: 100%;
}
.fuwu .fuwu-content .fuwu-left ul li .fuwu-2-2-1 .fuwu-2-2-3{
	font-size: 14px;
	color:#959597;
}



.fuwu .fuwu-content .left{
	float: left;
}



.fuwu .fuwu-content .fuwu-right{
	width: 400px;
	margin-top: 50px;
}
.fuwu .fuwu-content .fuwu-right ul li{
	position: relative;
	height:90px;
}
.fuwu .fuwu-content .fuwu-right .fuwu-1-1-1{
	width: 100%;
	height:60px;
	font-size: 20px;
	text-align:right;

}
.fuwu .fuwu-content .fuwu-right ul li .fuwu-2-1-1{
	position: absolute;
	right: 0px;

}
.fuwu .fuwu-content .fuwu-right ul li .fuwu-2-2-1{
	margin-right: 30px;
	text-align: right;
}
.fuwu .fuwu-content .fuwu-right ul li .fuwu-2-2-1 .fuwu-2-2-2{
	font-size: 18px;
	color:#363638;
	height: 35px;
	width: 100%;
}
.fuwu .fuwu-content .fuwu-right ul li .fuwu-2-2-1 .fuwu-2-2-3{
	font-size: 14px;
	color:#959597;
}


/* bangzhu */
.bangzhu{
    overflow:hidden;
    width: 100%;
    height: 600px;
	padding-top: 60px;
	overflow: hidden;
}
.bangzhu .bangzhu-title{
    font-size: 50px;
    font-family: blackbody; /*这里是说明调用来的字体名字*/
    position: relative;
    text-align: center;
    color: #000;
}
.bangzhu .bangzhu-title span{
	color:#FA8B00;
}

.bangzhu .bangzhu-content{
    width: 1300px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    top: 80px;
}
.bangzhu .bangzhu-content .bangzhu-li{
    width: 400px;

}
.bangzhu .bangzhu-content .bangzhu-li .bangzhu-1-1{
    width: 100%;
	height:59px;
	border-bottom:1px solid #E8E8E8;
	position: relative;
}
.bangzhu .bangzhu-content .bangzhu-li .bangzhu-1-1 div{
    float: left;
	font-size: 22px;
	color:#303030
}
.bangzhu .bangzhu-content .bangzhu-li .bangzhu-1-1 .bangzhu-1-3{
    position: absolute;
	right: 0px;
}

.bangzhu .bangzhu-content ul li{
	padding:15px 0;
    width: 100%;
	height:59px;
	border-bottom:1px solid #E8E8E8;
	position: relative;
	font-size:14px;
	color:#333333;
}
.bangzhu .bangzhu-content ul li a:hover{
    color:#2277da;
}
.bangzhu .bangzhu-content ul li .li-1{
	width: 400px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 30px;
}

.bangzhu .bangzhu-content ul li .li-2{
	text-align: right;
	color:#9E9E9E;
}
.bangzhu .bangzhu-content ul li .li-2 img{
	width: 20px;
	margin-right: 5px;
}
.bangzhu .bangzhu-content .left{
	float: left;
}
.bangzhu .bangzhu-content .interval{
	margin: 0 50px;
}

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

}
.bottom a:hover {
background-color: #469FFB;
border: 1px solid #59AAF8;

}
.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: #469FFB;
    border: 1px solid #59AAF8;
    position: relative;
    top: 45px;
}


.new-div{ 
	background-color: #fff;
	width: 95px;
	height: 27px;
	position: absolute;
	top: 45.7%;
	font-size: 14px;
	line-height: 27px;
	text-align: center;
	border-radius: 30px;
	right: 28%;
	overflow: hidden; 
	animation-name: breath;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: breath;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}
@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; }
}