* {
    padding: 0;
    margin: 0;
    /* font-family: 'Microsoft YaHei' */
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
}

html,
body {
	width:100%;
	height:100%;
}

body {
    background-color: #f5f5f5;
	background:url('../h1_bg.jpg') no-repeat;
	position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
	background-position: center 0;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;
    -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover;/* 兼容Opera */
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right
}

.clear:after {
    content: "";
    display: block;
    clear: both
}

img {
    border: 0;
    outline: none
}

ul,
li {
    list-style: none
}

a {
    text-decoration: none
}
.clear{clear:both;}
.ai_title{margin-top:0px;}
.ai_title img{margin:0 auto;display:block;max-width:100%;}
.ai_des{background:rgba(255,255,255,0.3);font-size:24px;line-height:45px;padding:30px;width:80%;margin:-110px auto 0;border-radius:10px;color:#fff;}
.ai_icon{width:80%;margin:50px auto 0px;color:#fff;position:relative;}
.ai_icon_title{text-align:center;font-size:20px;margin-bottom:15px;}
.ai_icon ul li{width:18%;float:left;margin-left:2%;}
.ai_icon_img{margin-bottom:10px;}
.ai_progress{border:solid 1px #1c9fec;width:120px;height:110px;border-radius:50%;padding-top:10px;margin:0 auto;}
.ai_logo{position:fixed;top:70px;left:40px;}
.ai_logo img{max-width:170px;}
.ai_des{text-align:center;}
.ai_icon_des{margin-bottom:30px;}

.ai_bone{margin:30px auto 0;border-radius:10px;color:#fff;overflow:hidden;text-align:center;width:70%;}
.ai_bone_box{position:relative;}
.ai_bone img{max-width:100%;max-height:500px;}

.ai_bone_btn{text-align:center;margin-top:30px;margin-bottom:30px;outline:none;}
.ai_btn{background:#145cca;color:#fff;border-radius:5px;border:solid 1px #25b3fa;padding:10px;outline:none;}
.ai_btn:active{background:#fff;color:#145cca;}

.ai_three_left{width:22%;position:absolute;left:0;}
.ai_three_middle{position:absolute;width:40%;left:30%;}
.ai_three_middle img{max-width:100%;}
.ai_three_right{position:absolute;width:28%;right:0px;}
.ai_three_title{border:solid 1px #4ec4ff;border-radius:5px;padding:10px;font-size:18px;margin-bottom:10px;display:inline-block;}
.ai_three_left p{font-size:14px;margin-bottom:10px;line-height:24px;}
.ai_three_right p{font-size:14px;margin-bottom:10px;line-height:24px;}
.ai_three_rtop{margin-bottom:35px;}

.ai_icon_future ul li{width:30%;float:left;margin-left:2%;}
.ai_future_border{border:solid 2px #fff;text-align:center;}
.ai_future_border img{padding-top:12px;}

.ai_welcome{width:55%;}
.end_box{
	position: fixed; 
	z-index:1; 
	top: 50%; 
	left: 50%; 
	margin: -140px 0 0 -200px; 
	width: 400px; 
	height:280px; 
	line-height: 280px; 
	text-align:center; 
	font-size: 14px; 
	overflow:hidden; 
}
.end_box img{max-width:100%;}
.end_footer{position:fixed;bottom:100px;width:100%;}
.end_footer_title{font-size:30px;color:#fff;text-align:center;margin-bottom:25px;}
.end_footer p{color:#fff;text-align:center;margin-bottom:10px;}

.ai_bone_left{position:absolute;left:3%;bottom:28%;}
.ai_bone_right{position:absolute;right:3%;bottom:28%;}
.ai_end_left{top:40%;position:fixed;}
.ai_end_right{top:40%;position:fixed;}

.ai_bone_bg{max-height:520px;min-height:220px;}
@media screen and (max-width: 1200px) {
   .ai_bone img{max-width:100%;max-height:300px;}
}

.ai_bone_span{position:relative;padding:10px;overflow:hidden;}
.ai_bone_file{position:absolute;left:0;top:0;padding:10px;width: 70%;opacity:0;}

/*竖屏平板*/
@media screen and (max-width: 768px) {
   .ai_des{margin: -10px auto 0;}
   .ai_title img{max-width:80%;}
   .ai_logo{top:40px;}
   
}