.index {
	width: 100%;
	height: 100%
}

.index .top {
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px
}

.index .top .top_box {
	height: 80px;
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center
}

.index .top .top_box .top_box_left {
	display: flex;
	align-items: center;
	margin-left: 100px
}

.index .top .top_box .top_box_left .img {
	margin-left: 100px
}

.index .top .top_box .top_box_left .text {
	margin-left: 8px;
	font-size: 14px
}

.index .top .top_box .top_box_right {
	margin-left: 100px;
	display: flex
}

.index .top .top_box .top_box_right .name {
	margin-left: 81px
}

.index .head {
	margin-top: 80px;
	height: 520px;
	width: 100%;
	background-color: #378ff3;
}

.index .head .banxin {
	height: 450px;
	width: 1200px;
	margin: 0 auto;
	display: flex
}

.index .head .banxin .banxin_left {
	margin-top: 81px;
	display: flex;
	flex-direction: column;
	width: 400px;
	height: 450px;
	margin-left: 100px;
	text-align: center;
}

.index .head .banxin .banxin_left .logo {
	color: #ab3ef3;
	font-size: 36px;
}

.index .head .banxin .banxin_left .title {
	color: #ffa641;
	font-size: 36px;
	margin: 20px 0;
}

.index .head .banxin .banxin_left .sub_title {
	color: #fff;
	font-size: 36px;
	margin: 0 0 20px;
}

.index .head .banxin .banxin_left .img {
	margin-bottom: 20px;
	margin-left: 100px
}

.index .head .banxin .banxin_left .img1 {
	margin-left: 100px
}

.index .head .banxin .banxin_left .imag {
	margin-top: 30px;
	margin-left: 100px
}

.index .head .banxin .banxin_left .blank {
	width: 146px;
	height: 146px;
	background-color: #fff;
	margin-top: 10px;
}

.index .head .banxin .banxin_left .blank .img {
	width: 100%;
	height: 100%
}

.index .head .banxin .banxin_left .text {
	color: #fff;
	font-size: 12px;
}

.index .head .banxin .banxin_right {
	margin-top: 80px;
	margin-left: 50px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #fff;
	display: flex;
	overflow: hidden;
	height: 440px;
}

.index .head .banxin .banxin_right .blank {
	margin: auto;
}

.index .content {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	margin-top: 80px
}

.index .content .project {
	height: 480px;
	text-align: center;
	margin-top: 80px
}

.index .content .project .boxes {
	width: 1200px;
	display: flex
}

.index .content .project .boxes .box .img {
	width: 285px;
	margin-right: 20px
}

.index .content .advantage {
	text-align: center;
	background-color: #f5f7fa;
	padding-top: 20px;
	padding-bottom: 20px
}

.index .content .advantage .p {
	font-size: 12px;
	color: #333
}

.index .content .advantage .boxes {
	display: flex;
	justify-content: space-around;
	margin-top: 30px
}

.index .content .advantage .boxes .box {
	width: 350px
}

.index .content .advantage .boxes .box .name {
	font-size: 14px;
	color: #333
}

.index .content .about {
	background-color: #f5f7fa;
	text-align: center;
	padding-top: 108px;
	display: flex;
	padding-bottom: 40px
}

.index .content .about .box {
	margin: auto;
	width: 1040px;
	background-color: #fff;
	border-radius: 10px
}

.index .content .about .box .text {
	margin-left: 40px;
	margin-right: 40px;
	font-size: 14px
}

.index .content .acceptance {
	padding: 40px 0;
	text-align: center;
}

.index .content .footer {
	background-color: #061a47;
	color: #fff;
	width: 100%;
	margin: auto;
	padding-bottom: 20px
}

.index .content .footer .box {
	width: 1040px;
	margin: auto;
	display: flex;
	padding-top: 40px;
	justify-content: space-around
}

.index .content .footer .box .box_left .title {
	font-weight: 700
}

.index .content .footer .box .box_left .address,.index .content .footer .box .box_left .phone {
	font-size: 12px
}

.index .content .footer .box .box_right {
	text-align: center
}

.index .content .footer .box .box_right .blank {
	width: 106px;
	height: 106px;
	background-color: #fff;
	border-radius: 10px
}

.index .content .footer .box .box_right .blank .img {
	width: 100%;
	height: 100%
}

.index .content .footer .box .box_right .download {
	font-size: 12px
}

.index .content .footer .footer_bottom {
	text-align: center;
	font-size: 12px
}

.index .content .footer .footer_bottom .p {
	margin-right: 20px;
	color: #fff
}

.index .active {
	font-weight: 700;
	border-bottom:3px solid #000;
	color:#061a47
}