.home {
	background: #287297;
	overflow: hidden;
	
}
.home_bg {
	background: #479fc5;
	overflow: hidden;
}
.home_bg img {
	width:100%;
} 

.icon {
	position: absolute;
	top:3%;
	left:80px;
	right: 80px;
	z-index: 99;
}
.icon img {
	width: 100%;
}

.nav {
	padding: 2% 0;
	overflow: hidden;
}



.nav a {
	float: left;
	width: 33.33333%;
	overflow: hidden;
}
.nav a i {
	display: block;
	padding: 10px 30px;
}
.nav a em {
	display: block;
	padding: 0 30px;
}

.nav img {
	width: 100%;
}
.footer {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: "微软雅黑";
	position: absolute;
	left:0;
	bottom: 0;
}


.photo {
	overflow: hidden;
	position: relative;
}
.photo img {
	width: 100%;
}
.photo_btn {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: absolute;
	left:0;
	bottom: 10px;
}
.photo_btn a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 20px;
}
.test {
	padding:0 10px 20px;
	color: #fff;
	background: #479fc5;
	overflow: hidden;
}
.test h4 {
	height: 50px;
	line-height: 50px;
	text-align: center;
	
	background: url(../img/3/3.png) no-repeat center / auto 40px;
}

.exponent {
	border-radius: 5px;
	background: #287297;
	overflow: hidden;
}

.exponent dt {
	padding: 0 10px;
	font-size: 16px;
	overflow: hidden;
}
.exponent dt span {
	float: left;
	height: 40px;
	line-height: 40px;
}
.exponent dt em {
	float: right;
	height: 40px;
	line-height: 40px;
}

.exponent dd {
	overflow: hidden;
	position: relative;
}
.exponent dd p {
	padding: 3px 5px;
	overflow: hidden;
}
.exponent dd p img {
	width: 70px;
}
.chart {
	color: #fff;
	background: #479fc5;
	overflow: hidden;
}
.chart img {
	height: 100%;
}


.sort_main {
	background: #479fc5;
}
.sort_cont {
	overflow: hidden;
	position: relative;
}
.sort_bg {
	overflow: hidden;
}
.sort_bg img {
	width: 100%;
}
.back {
	display: block;
	width: 60px;
	position: absolute;
	top:20px;
	left:20px;
	z-index: 1;
}
.back img {
	width: 100%;
}
.sort {
	position: absolute;
	top:30px;
	left:15px;
	right: 15px;
	bottom: 0;
	z-index: 99;
}
.sort ul {
	height: 100%;
	background: url(../img/2/5.png) no-repeat top right / 100px auto;
	overflow: hidden;
}
.sort ul li {
	float: left;
	width: 30%;
	height: 90%;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}
.sort ul li:nth-child(2) {
	width: 40%;
}
.sort ul li span {
	display: block;
	/*border: 5px solid #fff;*/
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left:15px;
	right: 15px;
	bottom: 30px;
}
.sort ul li span img {width: 100%;}

.sort ul li em {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	padding-right: 46px;
	font-size: 12px;
	color: #fff;
	box-sizing: border-box;
	position: absolute;
	left:0;
	bottom: 10px;
}
.sort ul li:nth-child(1) em {
	background: url(../img/2/7.png) no-repeat center / auto 20px;
}
.sort ul li:nth-child(2) em {
	height: 30px;
	line-height:26px;
	padding-right: 64px;
	font-size: 16px;
	background: url(../img/2/8.png) no-repeat center / auto 30px;
}
.sort ul li:nth-child(3) em {
	background: url(../img/2/9.png) no-repeat center / auto 20px;
}
.sort ul li i {
	display: block;
	width: 60px;
	position: absolute;
	top:0;
	left: 70px;
	z-index: 999;
}
.sort ul li i img {width: 100%;}


.sortList {
	padding: 10px;
	overflow: hidden;
}

.sortList ul {
	overflow: hidden;
}
.sortList ul li {
	height: 41px;
	padding: 2px 10px;
	border: 3px solid #fff;
	border-radius: 5px;
	background: #a0daf3;
	position: relative;
}
.sortList ul li em {
	float: left;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	padding: 3px;
	background: #fff;
	box-sizing: border-box;
	border: 2px solid #63afd1;
	overflow: hidden;
	margin-top: 3px;
}
.sortList ul li em i {
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	background: #afe0f5;
}

.sortList ul li span {
	float: left;
	height: 45px;
	line-height: 25px;
	color: #287297;
	background: url(../img/2/yk.png) no-repeat center 25px / 30px auto;
	padding: 0 20px;
	border-right: 2px dashed #fff;
}

.sortList ul li p {
	float: right;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	color: #fff;
}

.sortList ul li:nth-child(1) p , .sortList ul li:nth-child(2) p , .sortList ul li:nth-child(3) p{
	color: #f2fc4e;
}

.sortList ul li:nth-child(1) em , .sortList ul li:nth-child(2) em ,.sortList ul li:nth-child(3) em {
	opacity: 0;
} 


.sortList ul li:nth-child(1):before {
	display: block;
	content: '';
	width: 45px;
	height: 50px;
	background: url(../img/2/2.png) no-repeat center top / 40px auto;
	position: absolute;
	top:0;
	left:10px;
}
.sortList ul li:nth-child(2):before {
	display: block;
	content: '';
	width: 45px;
	height: 50px;
	background: url(../img/2/3.png) no-repeat center top / 40px auto;
	position: absolute;
	top:0;
	left:10px;
}
.sortList ul li:nth-child(3):before {
	display: block;
	content: '';
	width: 45px;
	height: 50px;
	background: url(../img/2/4.png) no-repeat center top / 40px auto;
	position: absolute;
	top:0;
	left:10px;
}
.reg_bg {
	overflow: auto;
}
.reg {
	background: #3888ad url(../img/4/1.png) no-repeat left top / 100% auto;
	padding: 300px 10px 10px;
	overflow: hidden;
	/*position: absolute;
	top:280px;
	left:10px;
	right: 10px;*/
}
.reg ul {
	padding: 5px 5px 0;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}
.reg ul li {
	margin-bottom: 5px;
	background: #a0daf3;
	overflow: hidden;
}
.reg ul li label {
	float: left;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0 5px;
	color: #287297;
	margin-top: 5px;
}
.reg ul li input {
	float: left;
	width: 70%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #287297;
	font-family: "huakang";
	box-sizing: border-box;
	border: none;
	background: none;
}
.reg ul li select {
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #287297;
	font-size: 12px;
	font-family: "huakang";
	box-sizing: border-box;
	border: none;
	background: none;
}
.reg ul li input::-webkit-input-placeholder {
	color: #71aecb;
	font-family: "huakang";
}
.reg_btn {
	display: block;
	margin-top: 10px;
}
.reg_btn img {
	width: 100%;
}
.copyright {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: "微软雅黑";
}
@media only screen and (min-width:360px ) {
	.home_bg {
		padding-top: 30px;
	}
	.nav {
		padding: 10% 0;
		overflow: hidden;
	}
	.reg {
		padding-top:320px;
	}
}