.header{
	border-bottom: 1px solid rgba(244,243,248,0.1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.header .left{
	float: left;
	height: 6.25em;
	line-height: 6.25em;
}
.header .left img{
	vertical-align: middle;
	width: 8.5625em;
}
.header .right{
	float: right;
	height: 6.25em;
	line-height: 6.25em;
}
.header .right img{
	vertical-align: middle;
	width: 1.9375em;
}
.header .right span{
	font-size: 2.25em;
	color: #fdcd51;
	font-weight: bold;
	margin-left: 0.333em;
	vertical-align: middle;
}
.banner{
	background-repeat: no-repeat;
	background-image: url(../images/page1_banner_bg_web.jpg);
	background-position: center bottom;
	background-size: auto 100%;
	overflow: hidden;
	height: 50em;
	padding-top: 13.375em;
}
.banner .inner{
	position: relative;
}
.banner .text{
	width: 59.1428%;
	float: left;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.banner.actived .text{
	-webkit-animation: objshowver 1s 0.5s both;
	-moz-animation: objshowver 1s 0.5s both;
	-ms-animation: objshowver 1s 0.5s both;
	-o-animation: objshowver 1s 0.5s both;
	animation: objshowver 1s 0.5s both;
}
.banner .text .img{
	width: 100%;
	margin-bottom: 3.125em;
}
.banner .text li{
	margin-right: 4.375em;
	text-align: center;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
	display: inline-block;
	vertical-align: top;
}
.banner.actived .text li:nth-child(1){
	-webkit-animation: objshowver 1s 1s both;
	-moz-animation: objshowver 1s 1s both;
	-ms-animation: objshowver 1s 1s both;
	-o-animation: objshowver 1s 1s both;
	animation: objshowver 1s 1s both;
}
.banner.actived .text li:nth-child(2){
	-webkit-animation: objshowver 1s 1.25s both;
	-moz-animation: objshowver 1s 1.25s both;
	-ms-animation: objshowver 1s 1.25s both;
	-o-animation: objshowver 1s 1.25s both;
	animation: objshowver 1s 1.25s both;
}
.banner.actived .text li:nth-child(3){
	-webkit-animation: objshowver 1s 1.5s both;
	-moz-animation: objshowver 1s 1.5s both;
	-ms-animation: objshowver 1s 1.5s both;
	-o-animation: objshowver 1s 1.5s both;
	animation: objshowver 1s 1.5s both;
}
.banner .text li:last-child{
	margin-right: 0;
}
.banner .text li img{
	width: 5.1875em;
	margin-bottom: 1.25em;
}
.banner .text li p{
	font-size: 1.25em;
	color: #333465;
	font-weight: bold;
  	text-shadow: 0px 1px 0px rgba(167, 72, 64, 0.8);
}
.banner .box{
	text-align: center;
	float: right;
	background-color: #fcefee;
	border-top-left-radius: 0.625em;
	border-top-right-radius: 0.625em;
 	box-shadow: 0px 1px 2.375em 0px rgba(0, 0, 0, 0.2);
 	width: 28.4375em;
 	padding: 1.875em 3em 0;
 	height: 36.625em;
}
.banner .box  .icon{
	width: 20.9375em;
	display: block;
	margin: 0 auto 1.25em;
}
.banner .box h3{
	font-size: 1.875em;
	color: #23284a;
	font-weight: bold;
	line-height: 1.466;
	margin-bottom: 1.266em;
}
.banner .box h3 span{
	color: #e35e52;
}
.banner .box input{
	display: block;
	width: 100%;
	text-align: left;
	color: #2a2e50;
	font-size: 1.125em;
	height: 3.333em;
	line-height: 3.333em;
	border-radius: 1.6665em;
	background-color: #fff;
	margin-bottom: 1.3333em;
	padding: 0 1.1111em;
}
.banner .box input.last{
	margin-bottom: 2.5555em;
}
.banner .box a{
	display: block;
	font-size: 1.5em;
	color: #fff;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 1.25em;
	background-repeat: no-repeat;
	background-image: url(../images/page1_banner_btn_bg.png);
	background-size: 100% 100%;
}
.tab-control{
	text-align: center;
	background-color: #f2f2f2;
	padding: 1.25em 0;
}
.tab-control.fixed{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 51;
	width: 100%;
}
.tab-control a{
	font-size: 1.125em;
	color: #1e234f;
	display: inline-block;
	vertical-align: top;
	width: 15%;
	margin-right: 2%;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 1.5em;
}
.tab-control a:last-child{
	margin-right: 0;
}
.tab-control a.active,.tab-control a:hover{
	background-color: #fdcd51;
	font-weight: bold;
}
.sec1{
	padding: 5.2% 0 4.1667%;
	text-align: center;
	overflow: hidden;
}
.sec1 .text{
	display: inline-block;
	vertical-align: middle;
	width: 45.857%;
	text-align: left;
	opacity: 0;
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	-o-transform: translateY(10%);
	transform: translateY(10%);
}
.sec1.actived .text{
	-webkit-animation: objshowver 1s 0.5s both;
	-moz-animation: objshowver 1s 0.5s both;
	-ms-animation: objshowver 1s 0.5s both;
	-o-animation: objshowver 1s 0.5s both;
	animation: objshowver 1s 0.5s both;
}
.sec1 .text .top{
	margin-bottom: 3.125em;
}
.sec1 .text .top h5{
	font-size: 2.25em;
	color: #1e234f;
	font-weight: bold;
}
.sec1 .text .top h3{
	font-size: 2.625em;
	color: #1e234f;
	font-weight: bold;
	margin: 0.57em 0 0.619em;
}
.sec1 .text .top h3 span{
	color: #e35d52;
}
.sec1 .text .top p{
	font-size: 1.25em;
	color: #666;
}
.sec1 .text li{
	margin-bottom: 2.5em;
	opacity: 0;
	-webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	-o-transform: translateX(10%);
	transform: translateX(10%);
}
.sec1.actived .text li:nth-child(1){
	-webkit-animation: objshowhor 1s 1s both;
	-moz-animation: objshowhor 1s 1s both;
	-ms-animation: objshowhor 1s 1s both;
	-o-animation: objshowhor 1s 1s both;
	animation: objshowhor 1s 1s both;
}
.sec1.actived .text li:nth-child(2){
	-webkit-animation: objshowhor 1s 1.25s both;
	-moz-animation: objshowhor 1s 1.25s both;
	-ms-animation: objshowhor 1s 1.25s both;
	-o-animation: objshowhor 1s 1.25s both;
	animation: objshowhor 1s 1.25s both;
}
.sec1.actived .text li:nth-child(3){
	-webkit-animation: objshowhor 1s 1.5s both;
	-moz-animation: objshowhor 1s 1.5s both;
	-ms-animation: objshowhor 1s 1.5s both;
	-o-animation: objshowhor 1s 1.5s both;
	animation: objshowhor 1s 1.5s both;
}
.sec1 .text li:last-child{
	margin-bottom: 0;
}
.sec1 .text li img{
	width: 6.625em;
	vertical-align: top;
	margin-right: 1.5em;
	box-shadow: 0px 1px 2.375em 0px rgba(0, 0, 0, 0.1);
	border-radius: 1.25em;
}
.sec1 .text li .box{
	display: inline-block;
	vertical-align: top;
	width: 79%;
}
.sec1 .text li h5{
	font-size: 1.375em;
	color: #1e234f;
	font-weight: normal;
	margin-bottom: 0.7273em;
}
.sec1 .text li p{
	font-size: 1em;
	color: #666;
	line-height: 1.5;
}
.sec1 .img{
	display: inline-block;
	vertical-align: middle;
	width: 54.143%;
	opacity: 0;
}
.sec1.actived .img{
	-webkit-animation: objshowver 1s 0.5s both;
	-moz-animation: objshowver 1s 0.5s both;
	-ms-animation: objshowver 1s 0.5s both;
	-o-animation: objshowver 1s 0.5s both;
	animation: objshowver 1s 0.5s both;
}
.sec1 .btn{
	margin-top: 2.8em;
	display: inline-block;
	font-size: 1.25em;
	color: #fff;
	width: 18em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}
.sec1 .btn b{
	font-weight: bold;
	color: #ffde00;
	font-size: 1.2em;
}


.sec2{
	position: relative;
	text-align: center;
}
.sec2 .bg{
	width: 100%;
}
.sec2 h3{
	position: absolute;
	left: 0;
	top: 12.857%;
	width: 100%;
	font-weight: bold;
	color: #1e234f;
	font-size: 2.625em;
}
.sec2 h3 span{
	color: #e35d52;
	font-size: 1.381em;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(-1em);
	-moz-transform: translateX(-1em);
	-ms-transform: translateX(-1em);
	-o-transform: translateX(-1em);
	transform: translateX(-1em);
}
.sec2.actived h3 span{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec2 .btn{
	position: absolute;
	left: 50%;
	bottom: 15.857%;
	margin-left: -9em;
	display: inline-block;
	font-size: 1.25em;
	color: #fff;
	width: 18em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}
.sec2 .btn b{
	font-weight: bold;
	color: #ffde00;
	font-size: 1.2em;
}



.sec3{
	background-repeat: no-repeat;
	background-image: url(../images/sec3_bg_web.png);
	background-size: 100% auto;
	background-position: center top;
	padding: 6.737% 0 4.53125%;
	text-align: center;
}
.sec3 h3{
	font-weight: bold;
	color: #1e234f;
	font-size: 2.625em;
	margin-bottom: 1.666em;
  	text-shadow: 0px 1px 0px rgba(119, 104, 104, 0.31);
}
.sec3 h3 span{
	color: #e35d52;
	font-size: 1.381em;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.sec3.actived h3 span{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec3 .slide-box{
	position: relative;
}
.sec3 .slide-box .cover{
	position: absolute;
	left: 0;
	bottom: -1.25em;
	width: 100%;
}
.sec3 .slide-box li{
	width: 17.143%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1.571%;
}
.sec3 .slide-box li h5{
	font-size: 1.375em;
	color: #23295c;
	height: 2.7272em;
	line-height: 2.7272em;
	border-radius: 1.3636em;
	background-color: #fdcd51;
	width: 88.75%;
	margin: 0 auto 13.75%;
}
.sec3 .slide-box li .img-box{
	overflow: hidden;
	margin-bottom: 7.5%;
	border-radius: 1.25em;
	box-shadow: 0px 1px 1.25em 0px rgba(0, 0, 0, 0.1);
	position: relative;
}
.sec3 .slide-box li .img-box.hide{
	display: none;
}
.sec3 .slide-box li .img-box:last-child{
	margin-bottom: 0;
}
.sec3 .slide-box li .img-box img{
	width: 100%;
}
.sec3 .slide-box li .img-box p{
	font-size: 0.9375em;
	color: #777;
	font-weight: bold;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 17.85%;
}
.sec3 .slide-btn{
	display: inline-block;
	margin: 1.25em 0 4.25em;
}
.sec3 .slide-btn img{
	width: 1.125em;
	margin-bottom: 1em;
}
.sec3 .slide-btn.active img{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sec3 .slide-btn p{
	font-size: 1.375em;
	color: #3c3d74;
}
.sec3 .slide-btn .up,.sec3 .slide-btn.active .down{
	display: none
}
.sec3 .slide-btn.active .up,.sec3 .slide-btn .down{
	display: block;
}
.sec3 .btn{
	margin: 0 auto;
	display: block;
	font-size: 1.25em;
	color: #fff;
	width: 18em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}
.sec3 .btn b{
	font-weight: bold;
	color: #ffde00;
	font-size: 1.2em;
}


.sec4{
	overflow: hidden;
	padding: 4.27% 0 5.677%;
	text-align: center;
	background-color: #333465;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	background-image: url(../images/sec4_bg_web.png);
}
.sec4 h3{
	font-size: 3em;
	color: #fff;
	font-weight: bold;
  	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.31);
}
.sec4 h3 span{
	color: #fe7d68;
}
.sec4 h4{
	font-size: 2.625em;
	color: #fff;
	font-weight: bold;
  	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.31);
  	margin: 0.524em 0 1.619em;
}
.sec4 h4 span{
	color: #e35d52;
	font-size: 1.19em;
	background-color: #fbfbfb;
	display: inline-block;
	vertical-align: middle;
	width: 0.94em;
	border-radius: 0.1em;
	margin: 0 0.1em;
  	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.sec4 li{
	display: inline-block;
	vertical-align: top;
	width: 15%;
	margin-right: 6.25%;
	text-align: left;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec4.actived li:nth-child(1){
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec4.actived li:nth-child(2){
	-webkit-animation: objshowhor 1s 0.75s both;
	-moz-animation: objshowhor 1s 0.75s both;
	-ms-animation: objshowhor 1s 0.75s both;
	-o-animation: objshowhor 1s 0.75s both;
	animation: objshowhor 1s 0.75s both;
}
.sec4.actived li:nth-child(3){
	-webkit-animation: objshowhor 1s 1s both;
	-moz-animation: objshowhor 1s 1s both;
	-ms-animation: objshowhor 1s 1s both;
	-o-animation: objshowhor 1s 1s both;
	animation: objshowhor 1s 1s both;
}
.sec4.actived li:nth-child(4){
	-webkit-animation: objshowhor 1s 1.25s both;
	-moz-animation: objshowhor 1s 1.25s both;
	-ms-animation: objshowhor 1s 1.25s both;
	-o-animation: objshowhor 1s 1.25s both;
	animation: objshowhor 1s 1.25s both;
}
.sec4.actived li:nth-child(5){
	-webkit-animation: objshowhor 1s 1.5s both;
	-moz-animation: objshowhor 1s 1.5s both;
	-ms-animation: objshowhor 1s 1.5s both;
	-o-animation: objshowhor 1s 1.5s both;
	animation: objshowhor 1s 1.5s both;
}
.sec4 li:last-child{
	margin-right: 0;
}
.sec4 li .num{
	font-size: 4.5em;
	font-family: "HelIn";
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	opacity: 0.2;
	width: 55%;
	position: relative;
	overflow: hidden;
	height: 0.625em;
}
.sec4 li .num span{
	width: 8.7%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: -1px;
	display: block;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sec4 li h5{
	font-size: 1.875em;
	color: #fdcd51;
	font-weight: bold;
	margin: 0.5em 0 0.867em;
 	text-shadow: 0px 1px 0px rgba(167, 72, 64, 0.8);
}
.sec4 li p{
	font-size: 1em;
	color: #fff;
	opacity: 0.7;
	line-height: 1.875;
}
.sec4 .btn{
	display: inline-block;
	vertical-align: top;
	margin-top: 6%;
	font-size: 1.25em;
	color: #e45e52;
	width: 18em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-color: #fff;
}
.sec4 .btn b{
	font-weight: bold;
	color: #e45e52;
	font-size: 1.2em;
}




.sec5{
	padding: 5.2% 0 4.167%;
	position: relative;
	overflow: hidden;
}
.sec5 .img{
	position: absolute;
	left: 11.667%;
	top: 14.118%;
	width: 22.7%;
}
.sec5 h3{
	margin-left: 29.5%;
	font-weight: bold;
	font-size: 2.625em;
	color: #1e234f;
	text-shadow: 0px 1px 0px rgba(119, 104, 104, 0.31);
	margin-bottom: 2.286em;
}
.sec5 h3 span{
	font-size: 1.381em;
	color: #e35d52;
  	text-shadow: 0px 1px 0px rgba(120, 39, 32, 0.41);
  	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.sec5.actived h3 span{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec5 ul{
	margin-bottom: 1.875em;
	margin-left: 29.5%;
}
.sec5 li{
	display: inline-block;
	vertical-align: top;
	width: 45.6%;
	margin-right: 4.4%;
	margin-bottom: 5.8%;
	opacity: 0;
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	-o-transform: translateX(25%);
	transform: translateX(25%);
}
.sec5.actived li:nth-child(1){
	-webkit-animation: objshowhor 1s 1s both;
	-moz-animation: objshowhor 1s 1s both;
	-ms-animation: objshowhor 1s 1s both;
	-o-animation: objshowhor 1s 1s both;
	animation: objshowhor 1s 1s both;
}
.sec5.actived li:nth-child(2){
	-webkit-animation: objshowhor 1s 1.25s both;
	-moz-animation: objshowhor 1s 1.25s both;
	-ms-animation: objshowhor 1s 1.25s both;
	-o-animation: objshowhor 1s 1.25s both;
	animation: objshowhor 1s 1.25s both;
}
.sec5.actived li:nth-child(3){
	-webkit-animation: objshowhor 1s 1.5s both;
	-moz-animation: objshowhor 1s 1.5s both;
	-ms-animation: objshowhor 1s 1.5s both;
	-o-animation: objshowhor 1s 1.5s both;
	animation: objshowhor 1s 1.5s both;
}
.sec5.actived li:nth-child(4){
	-webkit-animation: objshowhor 1s 1.75s both;
	-moz-animation: objshowhor 1s 1.75s both;
	-ms-animation: objshowhor 1s 1.75s both;
	-o-animation: objshowhor 1s 1.75s both;
	animation: objshowhor 1s 1.75s both;
}
.sec5.actived li:nth-child(5){
	-webkit-animation: objshowhor 1s 2s both;
	-moz-animation: objshowhor 1s 2s both;
	-ms-animation: objshowhor 1s 2s both;
	-o-animation: objshowhor 1s 2s both;
	animation: objshowhor 1s 2s both;
}
.sec5.actived li:nth-child(6){
	-webkit-animation: objshowhor 1s 2.25s both;
	-moz-animation: objshowhor 1s 2.25s both;
	-ms-animation: objshowhor 1s 2.25s both;
	-o-animation: objshowhor 1s 2.25s both;
	animation: objshowhor 1s 2.25s both;
}
.sec5 li img{
	border-radius: 1.25em;
 	box-shadow: 0px 1px 2.375em 0px rgba(0, 0, 0, 0.1);
 	margin-right: 1.125em;
 	width: 3.75em;
}
.sec5 li .box{
	display: inline-block;
	vertical-align: top;
	width: 82.5%;
}
.sec5 li h5{
	font-size: 1.5em;
	color: #1e234f;
	font-weight: bold;
	margin-bottom: 0.6667em;
}
.sec5 li h5 span{
	color: #e35e52;
}
.sec5 li p{
	font-size: 1em;
	color: #666;
	line-height: 1.5;
}
.sec5 .btn{
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 1.25em;
	color: #fff;
	width: 18em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}
.sec5 .btn b{
	font-weight: bold;
	color: #ffde00;
	font-size: 1.2em;
}



/*.sec6{
	text-align: center;
	padding: 4.0625% 0;
	background-color: #f6f6f6;
	margin-bottom: 5em;
}
.sec6 h3{
	font-size: 2.625em;
	color: #1e234f;
	font-weight: bold;
  	text-shadow: 0px 1px 0px rgba(119, 104, 104, 0.31);
}
.sec6 h3 span{
	color: #e35d51;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.sec6.actived h3 span{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec6 h3 b{
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(-1em);
	-moz-transform: translateX(-1em);
	-ms-transform: translateX(-1em);
	-o-transform: translateX(-1em);
	transform: translateX(-1em);
}
.sec6.actived h3 b{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.sec6 h4{
	font-size: 1.875em;
	color: #1e234f;
	font-weight: bold;
  	text-shadow: 0px 1px 0px rgba(119, 104, 104, 0.31);
  	margin: 1em 0 3em;
}
.sec6 .slide-box1{
	position: relative;
}
.sec6 .slide-box1 .swiper-container{
	width: 78.5%;
	margin: 0 auto;
}
.sec6 .slide-box1 .swiper-container .swiper-slide{
	border-radius: 1.25em;
	overflow: hidden;
}
.sec6 .slide-box1 .swiper-container img{
	width: 100%;
}
.sec6 .slide-box1 .swiper-prev,.sec6 .slide-box1 .swiper-next{
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url(../images/sec6_prevnext.png);
	background-position: center top;
	height: 3.625em;
	margin-top: -1.8125em;
	cursor: pointer;
}
.sec6 .slide-box1 .swiper-prev:hover,.sec6 .slide-box1 .swiper-next:hover{
	background-position: center bottom;
}
.sec6 .slide-box1 .swiper-prev{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 4.125em;
}
.sec6 .slide-box1 .swiper-next{
	right: 4.125em;
}
.sec6 .slide-box2{
	margin: 3.125em auto 2.75em;
	width: 56%;
}
.sec6 .slide-box2 .name{
	font-size: 2.25em;
	color: #e86b5f;
	font-weight: bold;
	margin-bottom: 0.666em;
	margin-top: 0.666em;
}
.sec6 .slide-box2 .positon{
	font-size: 1em;
	color: #3c3d74;
	line-height: 1.5;
}
.sec6 .slide-box2 .line{
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	margin: 1.25em 0 1.625em;
}
.sec6 .slide-box2 p{
	font-size: 1em;
	color: #666;
	line-height: 1.5;
}
.sec6 .btn{
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 1.25em;
	color: #fff;
	width: 11.5em;
	height: 3em;
	line-height: 3em;
	border-radius: 1.5em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}*/
.footer{
	background-color: #333465;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 51;
	width: 100%;
}
.footer .inner{
	line-height: 5em;
	height: 5em;
}
.footer .middle-box{
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
.footer h3{
	font-size: 1.25em;
	color: #fff;
	line-height: 1.364;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.footer h3 span{
	color: #fdcd51;
}
.footer ul{
	margin-left: 2em;
	display: inline-block;
	vertical-align: middle;
}
.footer li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}
.footer p{
	font-size: 1em;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
}
.footer input{
	background-color: transparent;
	border: 0 none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	color: #fff;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
	padding-bottom: 0.25em;
	text-align: center;
	width: 7.375em;
}
.footer a{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 1em;
	color: #fff;
	width: 8.75em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 1.25em;
	background-repeat: no-repeat;
	background-image: url(../images/btn_bg.png);
	background-size: 100% 100%;
}
.footer .tel{
	vertical-align: middle;
	margin-left: 1.75em;
}
.footer .tel img{
	width: 2em;
	vertical-align: middle;
	margin-right: 0.625em;
}
.footer .tel span{
	font-size: 2.25em;
	color: #fdcd51;
	font-weight: bold;
	vertical-align: middle;
  	text-shadow: 0px 1px 0px #fdcd51;
}



@keyframes objshowver {
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes objshowver {
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes objshowver {
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}
@-ms-keyframes objshowver {
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}
@-o-keyframes objshowver {
	100% {
		-o-transform: translateY(0);
		opacity: 1;
	}
}



@keyframes objshowhor {
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes objshowhor {
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes objshowhor {
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}
@-ms-keyframes objshowhor {
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes objshowhor {
	100% {
		-o-transform: translateX(0);
		opacity: 1;
	}
}




@media only screen and (max-width:768px) {
	.header .left{
		height: 3.125rem;
		line-height: 3.125rem;
	}
	.header .left img{
		width: 4.5rem;
	}
	.header .right{
		height: 3.125rem;
		line-height: 3.125rem;
	}
	.header .right img{
		width: 0.96875rem;
	}
	.header .right span{
		font-size: 1.125rem;
	}
	.banner{
		height: 21.03125rem;
		padding-top: 6rem;
		background-image: url(../images/page1_banner_bg_mobile.jpg);
	}
	.banner .text{
		width: 100%;
		float: none;
	}
	.banner .text .img{
		width: 100%;
		margin-bottom: 1.5625rem;
	}
	.banner .text ul{
		text-align: center;
	}
	.banner .text li{
		margin-right: 4.0625rem;
	}
	.banner .text li img{
		width: 2.59375rem;
		margin-bottom: 0.5rem;
	}
	.banner .text li p{
		font-size: 0.875rem;
		line-height: 1.429;
	}
	.banner .box{
		display: none;
	}
	.tab-control{
		padding: 0.625rem 0;
	}
	.tab-control a{
		font-size: 0.6875rem;
		width: 31%;
		height: 1.875rem;
		line-height: 1.875rem;
		border-radius: 0.9375rem;
		margin-right: 3.5%;
	}
	.tab-control a:nth-child(1),.tab-control a:nth-child(2),.tab-control a:nth-child(3){
		margin-bottom: 0.3125rem;
	}
	.tab-control a:nth-child(3n){
		margin-right: 0;
	}
	.sec1{
		padding: 2.125rem 0  2.5625rem;
	}
	.sec1 .text{
		width: 100%;
	}
	.sec1 .text .top{
		margin-bottom: 1.9375rem;
	}
	.sec1 .text .top h5{
		font-size: 1.125rem;
	}
	.sec1 .text .top h3{
		font-size: 1.3125rem;
		margin: 0.75rem 0;
	}
	.sec1 .text .top p{
		font-size: 0.6875rem;
	}
	.sec1 .text li{
		margin-bottom: 1.625rem;
	}
	.sec1 .text li img{
		width: 3.125rem;
		margin-right: 0.75rem;
		box-shadow: 0px 1px 1.1875rem 0px rgba(0, 0, 0, 0.1);
		border-radius: 0.625rem;
	}
	.sec1 .text li .box{
		width: 82%;
	}
	.sec1 .text li h5{
		font-size: 0.8125rem;
		margin-bottom: 0.4375rem;
	}
	.sec1 .text li p{
		font-size: 0.6875rem;
		line-height: 1rem;
	}
	.sec1 .img{
		width: 100%;
		margin-top: 1.125rem;
	}
	.sec1 .btn{
		margin-top: 2.375rem;
		font-size: 0.75rem;
		width: 15rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
	}
	.sec1 .btn b{
		font-size: 0.9375rem;
	}


	.sec2 h3{
		top: 6.111%;
		font-size: 1.3125rem;
	}
	.sec2 h3 span{
		font-size: 1.8125rem;
	}
	.sec2 .btn{
		bottom: 5.73%;
		margin-left: -7.5rem;
		font-size: 0.75rem;
		width: 15rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
		display: none;
	}
	.sec2 .btn b{
		font-size: 0.9375rem;
	}



	.sec3{
		background-image: url(../images/sec3_bg_mobile.png);
		padding: 2.5625rem 0 2.125rem;
	}
	.sec3 h3{
		font-size: 1.3125rem;
		margin-bottom: 2.625rem;
	}
	.sec3 h3 span{
		font-size: 1.8125rem;
	}
	.sec3 .slide-box{
		margin-left: -0.9375rem;
		margin-right: -0.9375rem;
	}
	.sec3 .slide-box .cover{
		bottom: 0;
	}
	.sec3 .slide-box ul{
		padding: 0 0.9375rem 0.625rem;
		overflow-x: auto;
		overflow-y: visible;
		white-space: nowrap;
	}
	.sec3 .slide-box li{
		width: 32%;
		margin: 0 3.2% 0 0;
	}
	.sec3 .slide-box li h5{
		font-size: 0.6875rem;
		height: 1.875rem;
		line-height: 1.875rem;
		border-radius: 0.9375rem;
		margin: 0 auto 1rem;
	}
	.sec3 .slide-box li .img-box{
		margin-bottom: 0.625rem;
		border-radius: 0.625rem;
		box-shadow: 0px 1px 1.1875rem 0px rgba(0, 0, 0, 0.1);
	}
	.sec3 .slide-box li .img-box p{
		font-size: 0.625rem;
		bottom: 0.625rem;
	}
	.sec3 .slide-btn{
		margin: 0.625rem 0 2.1875rem;
	}
	.sec3 .slide-btn img{
		width: 0.625rem;
		margin-bottom: 0.625rem;
	}
	.sec3 .slide-btn p{
		font-size: 0.8125rem;
	}
	.sec3 .btn{
		font-size: 0.75rem;
		width: 15rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
	}
	.sec3 .btn b{
		font-size: 0.9375rem;
	}


	.sec4{
		padding: 2.5rem 0 3.3125rem;
		background-image: url(../images/sec4_bg_mobile.png);
	}
	.sec4 h3{
		font-size: 1.5rem;
	}
	.sec4 h4{
		font-size: 1.3125rem;
	  	margin: 0.6875rem 0 0.75rem;
	}
	.sec4 h4 span{
		font-size: 1.5625rem;
	}
	.sec4 li{
		width: 100%;
		margin-right: 0;
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%);
		margin-bottom: 0.5625rem;
	}
	.sec4 li:last-child{
		margin-bottom: 0;
	}
	.sec4 li .num{
		font-size: 2.25rem;
		width: 3.5625rem;
		height: 1.5rem;
	}
	.sec4 li h5{
		font-size: 0.9375rem;
		margin: 0.5rem 0 0.375rem;
	}
	.sec4 li p{
		font-size: 0.6875rem;
		line-height: 1.125rem;
	}
	.sec4 .btn{
		margin-top: 2.375rem;
		font-size: 0.75rem;
		width: 15rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
	}
	.sec4 .btn b{
		font-size: 0.9375rem;
	}




	.sec5{
		padding: 3.53125rem 0 2.4375rem;
	}
	.sec5 .img{
		left: 2.5625rem;
		top: 1.5rem;
		width: 26.522%;
	}
	.sec5 h3{
		margin-left: 37.25%;
		font-size: 1.3125rem;
		margin-bottom: 3.125rem;
	}
	.sec5 h3 span{
		display: block;
		margin-top: 0.5rem;
		font-size: 1.8125rem;
	}
	.sec5 ul{
		margin-bottom: 1.25rem;
		margin-left: 0;
	}
	.sec5 li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.0625rem;
	}
	.sec5 li img{
		border-radius: 0.625rem;
	 	box-shadow: 0px 1px 1.1875rem 0px rgba(0, 0, 0, 0.1);
	 	margin-right: 0.625rem;
	 	width: 1.875rem;
	}
	.sec5 li .box{
		width: 88.4%;
	}
	.sec5 li h5{
		font-size: 0.8125rem;
		margin-bottom: 0.1875rem;
	}
	.sec5 li p{
		font-size: 0.6875rem;
		line-height: 1.125rem;
	}
	.sec5 .btn{
		font-size: 0.75rem;
		width: 15rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
	}
	.sec5 .btn b{
		font-size: 0.9375rem;
	}



	/*.sec6{
		padding: 3.125rem 0 7.1875rem;
		margin-bottom: 0;
	}
	.sec6 h3{
		font-size: 1.3125rem;
	}
	.sec6 h4{
		font-size: 0.9375rem;
	  	margin: 0.875rem 0 2.5625rem;
	}
	.sec6 .slide-box1 .swiper-container{
		width: 100%;
	}
	.sec6 .slide-box1 .swiper-prev,.sec6 .slide-box1 .swiper-next{
		display: none;
	}
	.sec6 .slide-box1 .swiper-container .swiper-slide{
		border-radius: 0.625rem;
	}
	.sec6 .slide-box2{
		margin: 1.6875rem auto 1.25rem;
		width: 100%;
	}
	.sec6 .slide-box2 .name{
		font-size: 1.125rem;
		margin-bottom: 0.5625rem;
		margin-top: 0.5625rem;
	}
	.sec6 .slide-box2 .positon{
		font-size: 0.8125rem;
		line-height: 1.1875rem;
	}
	.sec6 .slide-box2 .line{
		margin: 0.625rem 0 0.9375rem;
	}
	.sec6 .slide-box2 p{
		font-size: 0.6875rem;
		line-height: 1.125rem;
	}
	.sec6 .btn{
		font-size: 0.9375rem;
		width: 11.25rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
	}*/


	.sec7{
		height: 18.3125rem;
		text-align: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-image: url(../images/page1_sec7_bg_mobile.jpg);
	 	padding-top: 2.1875rem;
	 	width: 100%;
	}
	.sec7 h3{
		font-size: 1.125rem;
		color: #23284a;
		font-weight: bold;
		line-height: 1.3888;
		margin-bottom: 1.5625rem;
	}
	.sec7 h3 span{
		color: #e35e52;
	}
	.sec7 input{
		display: block;
		width: 84.64%;
		text-align: left;
		color: #2a2e50;
		font-size: 0.8125rem;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
		background-color: #fff;
		margin:0 auto 0.9375rem;
		padding: 0 1.125rem;
	}
	.sec7 input.last{
		margin:0 auto 1.4375rem;
	}
	.sec7 a{
		display: block;
		font-size: 0.9375rem;
		color: #fff;
		height: 2.25rem;
		line-height: 2.25rem;
		border-radius: 1.125rem;
		background-repeat: no-repeat;
		background-image: url(../images/btn_bg.png);
		background-size: 100% 100%;
		width: 84.64%;
		margin: 0 auto;
	}
	.footer{
		padding: 0.8125rem 0 0.625rem;
	}
	.footer .inner{
		line-height: 1;
		height: auto;
		text-align: center;
	}
	.footer .middle-box{
		display: block;
		padding: 0;
	}
	.footer h3{
		font-size: 1rem;
		line-height: 1;
		font-weight: normal;
		display: block;
		margin-bottom: 0.625rem;
	}
	.footer ul{
		margin-left: 0;
		width: 11.625rem;
		margin-right: 0.9375rem;
	}
	.footer li{
		display: block;
		margin-right: 0;
		position: relative;
	}
	.footer p{
		display: none;
	}
	.footer input{
		font-size: 0.8125rem;
		padding-bottom: 0;
		height: 1.6875rem;
		line-height: 1.6875rem;
		text-align: left;
		padding-left: 0;
		width: 100%;
		border-radius: 0;
	}
	.footer a{
		font-size: 0.8125rem;
		width: 7.5rem;
		height: 1.875rem;
		line-height: 1.875rem;
		border-radius: 0.9375rem;
	}


}

/*删除教师后样式修改*/
@media only screen and (max-width:768px) {
	.tab-control{
		text-align: left;
	}
	.tab-control a{
		text-align: center;
	}
}

/*新增升学*/
.enrollment{
	margin-bottom: 5em;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-image: url(../images/enrollment_bg_web.png);
	background-color: #f6f6f6;
	padding: 6em 0 6.5em;
	text-align: center;
}
.enrollment h3{
	font-weight: bold;
	font-size: 3.25em;
	color: #1e234f;
	text-shadow: 0px 1px 0px rgba(119, 104, 104, 0.31);
	margin-bottom: 1.846em;
}
.enrollment h3 span{
	font-size: 1.1154em;
	color: #e35d52;
  	text-shadow: 0px 1px 0px rgba(120, 39, 32, 0.41);
  	display: inline-block;
  	vertical-align: bottom;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.enrollment.actived h3 span{
	-webkit-animation: objshowhor 1s 0.5s both;
	-moz-animation: objshowhor 1s 0.5s both;
	-ms-animation: objshowhor 1s 0.5s both;
	-o-animation: objshowhor 1s 0.5s both;
	animation: objshowhor 1s 0.5s both;
}
.enrollment li{
	display: inline-block;
	vertical-align: top;
	width: 42.43%;
	margin-right: 15.14%;
	background-color: #fff;
	border-radius: 0.625em;
  	box-shadow: 1px 1.732px 2.875em 0px rgba(4, 0, 0, 0.1);
  	position: relative;
  	padding: 0 0.9375em 1.125em;
	opacity: 0;
	-webkit-transform: translateY(2em);
	-moz-transform: translateY(2em);
	-ms-transform: translateY(2em);
	-o-transform: translateY(2em);
	transform: translateY(2em);
}
.enrollment.actived li{
	-webkit-animation: objshowver 1s 1s both;
	-moz-animation: objshowver 1s 1s both;
	-ms-animation: objshowver 1s 1s both;
	-o-animation: objshowver 1s 1s both;
	animation: objshowver 1s 1s both;
}
.enrollment li:last-child{
	margin-right: 0;
}
.enrollment li .cloud{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	margin: 0 auto;
	width: 96%;
}
.enrollment li .crown{
	position: absolute;
	right: -0.375em;
	top: -3.4375em;
	width: 12.626%;
	z-index: 1;
}
.enrollment li .table-box{
	background-color: #fff5da;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-image: url(../images/enrollment_thead_bg.png);
	border-bottom-left-radius: 0.625em;
	border-bottom-right-radius: 0.625em;
	box-shadow: 1px 1.732px 2.875em 0px rgba(4, 0, 0, 0.1);
	padding: 0 1.875em 2.5em;
}
.enrollment li table{
	width: 100%;
}
.enrollment li table th{
	font-size: 1.125em;
	color: #fff;
	font-weight: bold;
	height: 4.444em;
	padding-bottom: 1.444em;
}
.enrollment li table td{
	border-bottom: 1px solid rgba(228,103,93,0.2);
	font-size: 1.5em;
	color: #1e234f;
	font-weight: bold;
	height: 3.333em;
}
.enrollment li table td span{
	color: #e35d52;
}
.enrollment li table tr:last-child td{
	border-bottom: 0 none;
}
@media only screen and (max-width:768px) {
	.enrollment{
		margin-bottom: 5rem;
		background-image: url(../images/enrollment_bg_mobile.png);
		padding: 2.3125rem 0 0.25rem;
	}
	.enrollment h3{
		font-size: 1.625rem;
		margin-bottom: 3.125rem;
	}
	.enrollment h3 span{
		font-size: 1.8125rem;
	}
	.enrollment li{
		width: 95%;
		margin-right: 0;
		margin-bottom: 3.3125rem;
		border-radius: 0.3125rem;
  		box-shadow: 1px 1.732px 1.4375rem 0px rgba(4, 0, 0, 0.1);
	  	padding: 0 0.5rem 0.625rem;
	}
	.enrollment li .crown{
		right: -0.1875rem;
		top: -1.875rem;
	}
	.enrollment li .table-box{
		border-bottom-left-radius: 0.3125rem;
		border-bottom-right-radius: 0.3125rem;
		box-shadow: 1px 1.732px 1.4375rem 0px rgba(4, 0, 0, 0.1);
		padding: 0 1rem 1.375rem;
	}
	.enrollment li table th{
		font-size: 0.75rem;
		height: 2.75rem;
		padding-bottom: 1rem;
	}
	.enrollment li table td{
		font-size: 0.8125rem;
		height: 2.75rem;
	}
}