@charset "utf-8";
.au1_box{
	padding: 140px 0;
}
.au1_box .au1_title{
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	margin-bottom: 60px;
}
.au1_box .au1_nav{
	width: calc((100% - 40px) / 2);
	position: relative;
	display: block;
	text-align: center;
}
.au1_box .au1_nav .au1_nav_info{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
}
.au1_box .au1_nav .au1_nav_img{
	overflow: hidden;
	background: #000;
}
.au1_box .au1_nav .au1_nav_img .img{
	width: 100%;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	opacity: 0.7;
}
.au1_box .au1_nav:hover .au1_nav_img .img{
	width: 100%;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.au1_box .au1_nav:hover .au1_nav_info{
	background: rgba(0,167,234,0.9);
}
.au1_box .au1_nav .au1_nav_title{
	font-size: 44px;
	line-height: 44px;
	color: #fff;
}
.au1_box .au1_nav .icon{
	margin: auto;
	margin-bottom: 27px;
}
.au1_box .au1_nav .arrow_right{
	margin: auto;
	margin-top: 50px;
	display: none;
}
.au1_box .au1_nav:hover .arrow_right{
	display: block;
}

.au2_box{
	background: #f2f4f7;
	padding: 140px 0;
}
.au2_box .au2_nav{
	width: calc((100% - 70px) / 3);
	margin-right: 35px;
	background: #fff;
}
.au2_box .au2_nav:nth-child(3n){
	margin-right: 0;
}
.au2_box .au2_nav .au2_nav_inner{
	padding: 15% 13%;
}
.au2_box .au2_nav .au2_nav_img{
	height: 140px;
}
.au2_box .au2_nav .au2_nav_title{
	font-size: 24px;
	line-height: 24px;
}
.au2_box .au2_nav .au2_nav_content{
	font-size: 18px;
	line-height: 30px;
}
.au2_box .au2_nav .au2_nav_line{
	width: 40px;
	height: 2px;
	background: #7f878f;
	margin-top: 24px;
	margin-bottom: 20px;
}
.au2_box .au2_nav .au2_nav_txt{
	color:#00a7ea;
	display: block;
	text-decoration: underline;
}
.au2_box .au2_nav:hover{
  	box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2);
}
.au3_box{
	width: 100%;
	padding: 140px 0;
}
.au3_box .au3_nav{
	overflow: hidden;
	height: 520px;
	margin-bottom: 80px;
}
.au3_box .au3_nav:last-child{
	margin-bottom: 0;
}
.au3_box .au3_nav .au3_nav_left{
	width: 50%;
	float: left;
	height: 100%;
}
.au3_box .au3_nav .au3_nav_left .img{
	display: none;
}
.au3_box .au3_nav .au3_nav_right{
	width: 50%;
	float: left;
}
.au3_box .au3_nav:nth-child(2n) .au3_nav_left{
	float: right;
}
.au3_box .au3_nav .au3_nav_info{
	border-top: 1px solid #7f878f;
	margin-top: 50px;
	padding-top: 30px;
}
.au3_box .au3_nav .au3_nav_inner{
	padding-top: 50px;
	margin-left: 20%;
}
.au3_box .au3_nav:nth-child(2n) .au3_nav_inner{
	margin-left: 0;
	margin-right: 20%;
}
.au3_box .au3_nav .au3_nav_title{
	font-size: 60px;
	line-height: 60px;
}
.au3_box .au3_nav .au3_nav_txt{
	font-size: 18px;
	line-height: 40px;
	padding-left: 20px;
	position: relative;
}
.au3_box .au3_nav .au3_nav_txt:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #00a7ea;
	left: 0;
	top: 18px;
}
.au4_box{
	position: relative;
}
.au4_box .au4_img{
	width: 100%;
}
.au4_box .au4_info{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
	width: 83%;
}
.au4_box .au4_info .au4_txt{
	font-size: 70px;
	color:#fff;
	font-weight: bold;
	font-family: arial;
	width: 48%;
}
/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	.au4_box .au4_info{
		width: 90%;
	}
}
@media screen and (max-width: 1450px) {
	.au4_box .au4_info .au4_txt,
	.au1_box .au1_title,
	.au3_box .au3_nav .au3_nav_title{
		font-size: 44px;
		line-height: 44px;
	}
	.au1_box .au1_nav .au1_nav_title,
	.au2_box .au2_nav .au2_nav_title{
		font-size: 30px;
		line-height: 30px;
	}
	.au2_box .au2_nav .au2_nav_content,
	.au3_box .au3_nav .au3_nav_txt{
		font-size: 16px;
		line-height: 24px;
	}
	.au3_box .au3_nav .au3_nav_txt{
		line-height: 30px;
	}
	.au3_box .au3_nav .au3_nav_txt:after{
		top: 12px;
	}
}
@media screen and (max-width: 1335px) {
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 768px) {
	.au1_box{
		padding: 20px 0;
	}
	.au4_box .au4_info .au4_txt,
	.au1_box .au1_title,
	.au3_box .au3_nav .au3_nav_title{
		font-size: 20px;
		line-height: 20px;
	}
	.au4_box .au4_info .au4_txt{
		width: 70%;
		line-height: 26px;
	}
	.au1_box .au1_nav .au1_nav_title,
	.au2_box .au2_nav .au2_nav_title{
		font-size: 18px;
		line-height: 18px;
	}
	.au2_box .au2_nav .au2_nav_content,
	.au3_box .au3_nav .au3_nav_txt{
		font-size: 14px;
		line-height: 20px;
	}
	.au3_box .au3_nav .au3_nav_txt{
		line-height: 24px;
	}
	.au3_box .au3_nav .au3_nav_txt:after{
		top: 10px;
	}
	.au1_box .au1_title{
		margin-bottom: 15px;
	}
	.au1_inner{
		display: block;
	}
	.au1_box .au1_nav{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.au1_box .au1_nav:last-child{
		margin-bottom: 0;
	}
	.au1_box .au1_nav .icon{
		width: 42px;
	}
	.au2_box{
		padding: 20px 0;
	}
	.au2_box .body_con{
		display: block;
	}
	.au2_box .au2_nav{
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.au2_box .au2_nav:last-child{
		margin-bottom: 0;
	}
	.au2_box .au2_nav .au2_nav_img{
		height: 60px;
	}
	.au2_box .au2_nav .au2_nav_img .img{
		width: 42px;
	}
	.au2_box .au2_nav .au2_nav_inner{
		padding: 20px;
	}
	.au2_box .au2_nav .au2_nav_line{
		margin-top: 15px;
		margin-bottom: 15px;
		height: 1px;
	}
	.au3_box{
		padding: 20px 0;
	}
	.au3_box .au3_nav{
		height: auto;
		margin-bottom: 20px;
	}
	.au3_box .au3_nav .au3_nav_left .img{
		display: block;
		width: 100%;
	}
	.au3_box .au3_nav .au3_nav_left{
		width: 100%;
		float: initial;
		margin-bottom: 10px;
	}
	.au3_box .au3_nav .au3_nav_right{
		float: initial;
		width: 100%;
	}
	.au3_box .au3_nav .au3_nav_inner{
		margin-left: 0;
		padding-top: 0;
	}
	.au3_box .au3_nav:nth-child(2n) .au3_nav_inner{
		margin-right: 0;
	}
	.au3_box .au3_nav .au3_nav_info{
		margin-top: 15px;
		padding-top: 10px;
	}
}
@media screen and (max-width: 414px) {
	
}