#main{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.container{
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.header{
	padding: 10px 0;
	border-bottom: 1px solid #FF9999;
}
.header img{
	width: 90%;
	margin-top: 7px;
}
.header i{
	color: #ff9999;
	font-size: 22px;
}
.header .fr {
	margin-top: 10px;
}
.header .fr *{
	color: #666699;
	font-size: 20px;
}
.header .fr i{
	font-size: 30px;
	font-weight: bold;
}
.header>div:nth-child(1) a{
	display: block;
	width: 55px;
	height: 55px;
	border: 1px solid #ff9999;
	text-align: center;
	border-radius: 55px;
	line-height: 1.4;
}
.header>div:nth-child(1) span{
	color: #FF9999;
	display: block;
	font-size: 12px;
}
.header>div:nth-child(2){
	margin-left: 320px;
}
.banner img{
	width: 100%;
	height: 570px;
	background: url(../img/banner.jpg) center top no-repeat;
	overflow: hidden;
}
.content h2{
	color: #666699;
	font-size: 30px;
}
.content h2 span{
	padding-bottom: 5px;
	border-bottom: 2px solid #666699;
}
.content p{
	color: #666699;
}
.content .conR2{
	margin-top: 20px;
}
.g-col-3{
	width: 33.3333%;
	margin: 0 auto;
}
.g-col-3>div{
	width: 94%;
	color: #FFFFFF;
	border-radius: 10px;
}
.mdLeft{
	margin-bottom: 20px;
}
.mdRight{
	text-align: center;
	margin-top: 15px;
}
.mdRight article{
	margin-bottom: 10px;
}
.mdRight aside{
	margin-bottom: 5px;
}
.mdLeft i{
	font-size: 100px;
	margin-bottom: 10px;
}
.online{
	width: 650px;
	margin: 60px auto;
}
.online a{
	background: #FFFFFF;
	color: #666699;
	display: block;
	width: 275px;
	border: 1px solid #666699;
	border-radius: 6px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	box-shadow: 0 4px 4px #666699;
}
.online a:active{
	box-shadow: none;
}
.understand{
	margin-top: 9px;
}
.understand a{
	display: inline-block;
	width: 234px;
	height: 135px;
	border: 1px solid #FF9999;
	border-radius: 10px;
	margin-right: 7px;
	color: #666699;
	text-align: center;
}
.understand a p:first-child{
	height: 65px;
	line-height: 65px;
}
.understand a:last-child{
	margin-right: 0;
}
.form{
	height: 249px;
	overflow: hidden;
}
.form h1{
	color: #FFFFFF;
	margin-top: 65px;
}
.form form{
	text-align: center;
}
.form input[type=text]{
	width: 460px;
	height: 50px;
	border-radius: 10px;
	outline: none;
	border: none;
	padding-left: 15px;
	box-shadow: inset 3px 3px 3px #adadad;
}
.form input[type=submit]{
	width: 200px;
	height: 52px;
	background: #FFFFFF;
	border: none;
	border-radius: 15px;
	margin-left: 20px;
	color: #666699;
	box-shadow:0px 3px 3px #666699;
}
.form input[type=submit]:active{
	box-shadow: none;
	outline: none;
}
.step{
	padding-left: 40px;
	padding-right: 40px;
}
.step>div{
	float: left;
	width: 100px;
	text-align: center;
}
.step>div:nth-child(even){
	margin-top: 78px;
}
.stepNext{
	width: 540px;
	margin: 0 auto;
}
.stepNext div{
	width: 33.3333%;
}
.trait{
	margin-top: 51px;
}
.trait>div{
	width: 19.00%;
	height: auto;
	border-radius: 4px;
	margin-right: 7px;
	display: inline-table;
	border-top: solid 6px;
	background: #f8f8f8;
}
.trait>div:last-child{
	margin-right: 0px;
}
.trait>div:nth-child(1){
	border-top-color: #55d9f6;
}
.trait>div:nth-child(2){
	border-top-color: #4ceace;
}
.trait>div:nth-child(3){
	border-top-color: #fa9a94;
}
.trait>div:nth-child(4){
	border-top-color: #72c960;
}
.trait>div:nth-child(5){
	border-top-color: #f77853;
}
.trait .arrow-down{
	border-width: 16px 7px 0px 7px;
	border-style: solid;
	top: 0;
	left: 89px;
}
.trait .round{
	width: 116px;
	height: 116px;
	line-height: 116px;
	color: #FFFFFF;
	font-size: 66px;
	border-radius: 116px;
	margin: 45px auto;
	font-weight: bold;
}
.round1{background: #55d9f6;}
.round2{background: #4ceace;}
.round3{background: #fa9a94;}
.round4{background: #72c960;}
.round5{background: #f77853;}
.arrow-down1{border-color: #55d9f6 transparent transparent transparent;}
.arrow-down2{border-color: #4ceace transparent transparent transparent;}
.arrow-down3{border-color: #fa9a94 transparent transparent transparent;}
.arrow-down4{border-color: #72c960 transparent transparent transparent;}
.arrow-down5{border-color: #f77853 transparent transparent transparent;}
.trait .trait-bottom{
	margin-top: 62px;
	padding: 10px 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #FFFFFF;
}
.teacher{
	display: none;
	margin-top: 50px;
}
.teacher p{
	color: #FFFFFF;
}
.teacher-name{
	font-size: 24px;
}
.teacher.active{
	display: block;
}
div.teacher:first-child{
	display: block;
}
.teacher-right{
	padding: 20px 25px;
	background: #fa9a94;
	width: 331px;
	height: 259px;
}
.teacher-bre>div{
	width: 25%;
}
.footer{
	background: #ff9999;
	padding: 70px 0 20px 0;
	font-family: 宋体;
	margin-top: 80px;
}
.footer,.footer a{
	color: #FFFFFF;
}
.footer p{
	font-size: 16px;
	font-weight: bold;
}
.footer ul,.footer li{
	list-style: none;
	margin: 0;
	padding: 5px 0;
}
.code div{
	display: inline-table;
}
.cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.cb{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.vam *{vertical-align: middle;}
.bgc1{background: #2b81be;}
.bgc2{background: #2bbea4;}
.bgc3{background: #8cbe2b;}
.bgc4{background: #be9a2b;}
.bgc5{background: #be582b;}
.bgc6{background: #be2b40;}
.bgc7{background: #f7f7f7;}
.step .cl1 p{color: #853bd1;}
.step .cl2 p{color: #434ed7;}
.step .cl3 p{color: #27acd2;}
.step .cl4 p{color: #27d2a0;}
.step .cl5 p{color: #d29827;}
.bgImg1{background: url(../img/bg1.jpg) center top no-repeat;}
.clock-cunt-down{
	background: url(../img/bg2.jpg) center top no-repeat;
	padding: 120px 0;
}
.countdown-container {
	position: relative;
}
.clock-item {
	display: inline-table;
	width: 20%;
	margin-right: 60.3333px;
}
.clock-item:last-child{
	margin-right: 0;
}
.clock-item .inner {
	height: 0px;
	padding-bottom: 50px;
	position: relative;	
	width: 100%;
}
.text {
	color: #fff;	
	font-size: 30px;
	font-weight: bold;	
	margin-top: -50px;
	position: absolute;
	top: 50%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	width: 100%;
}

.text .val {
	font-size: 50px;
}

.text .type-time {
	font-size: 20px;
}