body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
dl,
li,
dt,
dd {
	margin: 0;
	padding: 0
}

* {
	outline: 0
}

div,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
	box-sizing: border-box
}

ul>li {
	display: block;
	float: left
}

a {
	text-decoration: none
}

a:hover {
	color: #4e47ee;
	text-decoration: none
}
@font-face {
	font-family: AritaHeiti-Bold;
	src: url("../font/AritaHeiti-Bold.ttf");
}
@font-face {
	font-family: AritaHeiti-Medium;
	src: url("../font/AritaHeiti-Medium.ttf");
}
button,
input,
textarea {
	font-family: "PingFang sC", "Lantinghei sC", "Microsoft YaHei", "HanHei sC", "Helvetica Neue", "Open sans", Arial, "Hiragino sans GB", "寰蒋闆呴粦", sTHeiti, "WenQuanYi Micro Hei", simsun, sans-serif;
	letter-spacing: .5px;
	outline: 0
}

html,
body {
	background: #EFF5F9;
	height: 100%
}

p {
	text-align: justify;
	text-justify: inter-ideograph
}

em {
	font-style: inherit
}

@media screen and (max-width:1230px) {
	body {
		width: 1230px;
		background: #EFF5F9;
	}
}

.container {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	max-width: none !important;
	overflow: hidden;
}

.heard_top {
	height: 73px;
	background: #FFFFFF!important;
	box-shadow: 9px 19px 74px 7px rgba(35, 143, 248, 0.08);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
}

/*.heard_top .container span{*/
/*	display: block;*/
/*	float: left;*/
/*	width: 56px;*/
/*	height: 56px;*/
/*	background:url(../img/logo.png) no-repeat 56px 56px;*/
/*}*/
.heard_top p {
	display: inline-block;
	margin-left:10px;
	font-size: 30px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #333333;
	vertical-align: super;
}


.page_two{
	position: relative;
	height: 614px;
	margin-top: 73px;
}
.page_two .info_box{
	display: block;
	float: left;
	margin-top:155px;
	width: 376px;
	overflow: hidden;
}
.page_two .info_box span{
	font-size: 46px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #333333;
}
.page_two .info_box p{
	width: 376px;
	height: 57px;
	font-size: 22px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #333333;
	opacity: 0.77;
	margin-top: 23px;
}
.page_two .info_box a{
	display: block;
	width: 233px;
	height: 64px;
	line-height: 64px;
	margin-top: 68px;
	text-align: center;
	font-size: 30px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	background:url(../img/rectangle_4@2x.png) no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
}
.page_two .info_box em{
	display: block;
	width: 177px;
	line-height: 14px;
	margin: 7px 0 0 23px;
	text-align: center;
	font-size: 14px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #2CD967;
	position: relative;
}
.page_two .info_box em i{
	display: block;
	width: 100%;
	height: 1px;
	background:url(../img/on_line@2x.png);
	background-size: 100% auto;
	position: absolute;
	top: 6px;
}
.page_two .back{
	position: absolute;
	top: -73px;
	right: 0;
	width: 1177px;
	background: url(../img/picture.png) no-repeat top left;
	height: 775px;
}
.page_three{
	background: url(../img/purple_line@2x.png);
	background-size: 100% 100%;
	height: 769px;
	width: 100%;
	z-index: 10;
}
.head_center{
	width: 445px;
	margin: 104px auto 0px;
}
.head_center span{
	display: block;
	width: 100%;
	line-height: 28px;
	text-align: center;
	font-size: 28px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #3F75D6;
	margin-bottom:14px ;
}
.head_center p{
	display: block;
	width: 100%;
	line-height: 27px;
	text-align: center;
	font-size: 36px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #333333;
}
.head_center em{
	display: block;
	width: 94px;
	height: 4px;
	margin: 41px auto 0 auto;
	background: url(../img/rectangle_17@2x.png);
	background-size: 100% 100%;
}
.page_three  ul{
	display: block;
	width: 1230px;
	height: 550px;
	margin: 0 auto;
	padding-top: 74px;
}
.page_three  ul li{
	display: block;
	float: left;
	width: 380px;
	height: 376px;
	margin: 0 15px;
	background: #fff;
	border-radius: 33px;
	position: relative;
}

.page_three  ul li span{
	display: block;
	font-size: 30px;
	text-align: center;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #255DD9;
	margin: 0 auto 20px;
}
.page_three  ul li p{
	display: block;
	font-size: 14px;
	font-family: AritaHeiti-Medium;
	font-weight: normal;
	color: #999999;
	line-height: 16px;
	opacity: 0.88;
	margin: 0 auto;
}
.page_three  ul li.icon_1 i{
	display: block;
	width: 78px;
	height: 78px;
	margin: 63px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -106px ;
}
.page_three  ul li.icon_1 p{
	width: 197px;
}
.page_three  ul li.icon_2 i{
	display: block;
	width: 75px;
	height: 75px;
	margin: 57px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -317px ;
}
.page_three  ul li.icon_2 p{
	width: 219px;
}
.page_three  ul li.icon_3 i{
	display: block;
	width: 76px;
	height: 76px;
	margin: 89px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -524px ;
}
.page_three  ul li.icon_3 p{
	width: 209px;
}
.page_three  ul li:hover{
	width: 420px;
	box-shadow: 11px 9px 179px 4px rgba(13, 155, 248, 0.41);
	z-index: 10;
}
.page_three  ul li:hover span{
	color: #000000;
}
.page_three  ul li.icon_1:hover i{
	margin: 60px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -211px ;
}
.page_three  ul li.icon_2:hover i{
	margin: 53px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -420px ;
}
.page_three  ul li.icon_3:hover i{
	margin: 86px auto 20px auto;
	background:url(../img/sprite.png) no-repeat 0px -628px ;
}
.page_four{
	padding-bottom: 2px ;
}
.page_four ul{
	overflow: hidden;
	padding: 75px 0 127px;
	width: 1223px;
	margin: 0 auto;
}
.page_four ul li{
	display: block;
	float: left;
	margin: 0 12px 0 11px;
	width: 222px;
	height: 222px;
	background: #FFFFFF;
	box-shadow: 2px 1px 35px 1px rgba(153, 153, 153, 0.28);
}
.page_four ul li.tubiao_3{
	margin: 0 10px 0 11px;
}
.page_four ul li p{
	display: block;
	margin: 0 auto;
	width: 180px;
	font-size: 18px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #042565;
}
.page_four ul li.tubiao_1 i{
	display: block;
	width: 87px;
	height: 87px;
	margin: 23px auto 22px;
	background: url(../img/sprite.png) no-repeat 0 -732px;
	
}
.page_four ul li.tubiao_2 i{
	display: block;
	width: 90px;
	height: 85px;
	margin: 21px auto 25px;
	background: url(../img/sprite.png) no-repeat 0 -962px;
	
}
.page_four ul li.tubiao_3 i{
	display: block;
	width: 68px;
	height: 84px;
	margin: 22px auto 26px;
	background: url(../img/sprite.png) no-repeat 0 -1188px;
	
}
.page_four ul li.tubiao_4 i{
	display: block;
	width:100px;
	height: 66px;
	margin: 32px auto 33px;
	background: url(../img/sprite.png) no-repeat 0 -1412px;
	
}
.page_four ul li.tubiao_5 i{
	display: block;
	width: 100px;
	height: 73px;
	margin: 29px auto 29px;
	background: url(../img/sprite.png) no-repeat 0 -1600px;	
}
.page_four ul li:hover{
	box-shadow: 2px 1px 69px 1px rgba(13, 155, 248, 0.28);
}
.page_four ul li.tubiao_1:hover i{
	background: url(../img/sprite.png) no-repeat 0 -847px;	
}
.page_four ul li.tubiao_2:hover i{
	background: url(../img/sprite.png) no-repeat 0 -1075px;	
}
.page_four ul li.tubiao_3:hover i{
	background: url(../img/sprite.png) no-repeat 0 -1300px;	
}
.page_four ul li.tubiao_4:hover i{
	background: url(../img/sprite.png) no-repeat 0 -1506px;	
}
.page_four ul li.tubiao_5:hover i{
	background: url(../img/sprite.png) no-repeat 0 -1701px;	
}
.page_four .container{
	font-size: 0;
}
.page_four .container img{
	display: inline-block;
	width: 562px;
	height: 334px;
}
.page_four .container img.two{
	margin-left: 76px;
}
.foot{
	width: 100%;
	height: 265px;
	background: #28B3F8;
	margin-top: 104px;
	padding-top: 64px;
}
.foot span{
	display: block;
	width: 100%;
	text-align: center;
	height: 32px;
	line-height: 32px;
	font-size: 35px;
	font-family: AritaHeiti-Bold;
	font-weight: normal;
	color: #FFFFFF;
}
.foot a.kq{
	display: block;
	width: 183px;
	height: 44px;
	line-height: 44px;
	margin: 19px auto 30px;
	text-align: center;
	font-size: 22px;
	font-family: AritaHeiti-Medium;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../img/rectangle_23@2x.png);
	background-size: 100% 100%;
}
.foot a{
	color: #FFFFFF;
}
.foot a:hover{
	color: #341eef;
}
.foot p{
	width: 100%;
	text-align: center;
	height: 24px;
	font-size: 22px;
	font-family: AritaHeiti-Medium;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 5px;
}