/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:18px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background:#21b299 url(../images/bg.png) repeat-x;position: relative;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
.bg1{position: absolute;top:0;right:0;}
.bg5{position: absolute;top:800px;right:0;}
/* banner */
.header {width: 100%; height: 750px; position: relative;overflow: hidden;}
.header .logo{position: absolute;top:0;left:50%;margin-left: -500px;z-index: 10;}
.header .header_card{position: absolute;top:0;left:50%;margin-left: -650px;}
.header .header_txt{position: absolute;bottom:20px;left:50%;margin-left: -600px;height: 330px;}
.header .header_txt .chilun_b{-webkit-animation: rotating 8s linear 2.5s infinite both;animation: rotating 8s linear 2.5s infinite both;}
.header .header_txt .chilun_s{position: absolute;top: 210px;left: 112px;-webkit-animation: rotating_r 8s linear 2.5s infinite both;animation: rotating_r 8s linear 2.5s infinite both;}
.header .header_txt .chilun_txt{position: absolute;top: 160px;left: 64px;}

.page .btn{width:358px;height:60px;background:url(../images/btn_1.png) no-repeat center center;margin:40px auto 10px;cursor:pointer;}
.page .btn:hover{background:url(../images/btn_2.png) no-repeat center center;}
.page .btn a{display:block;height:100%;}
/*page*/
.page { padding: 30px 0 60px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative;}
.page .title{margin-bottom:40px;text-align: center;}
.page .title img {margin: 0 auto;display: block;}

.form-wrap .btn-wrap{background:#191d7a;}
.zxyy .m1000{position: relative;}
#reg form label {margin: 0px 0;}

/*page1*/
.page1{color:#fff;}
.page1,
.page3,
.page5,
.zxyy{background:url(../images/bg_4.png) repeat-x;}

@media screen and (max-width:1000px) {
	body{font-size:1.4rem;line-height: 140%;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}
	.page .btn{margin:20px auto 0;}
	.page{padding: 2rem 2%;}
	/*banner*/
	.header {height: 38rem;}
	.header .logo{margin-left: 0;left: 0;}
	.header .header_card{left: -10%;margin-left: 0;}
	.header .header_card img{width: 110%;}
	.header .header_txt{left: 0%;margin-left: 0;height: 270px;bottom:0;}
	.header .header_txt .chilun_b{width: 65%;}
	.header .header_txt .chilun_s{top: 140px;left: 31%;width: 16%;}
	.header .header_txt .chilun_txt{top: 110px;left: 20%;width: 90%;}
}
/*顺时针旋转*/
@-webkit-keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
/*逆时针旋转*/
@-webkit-keyframes rotating_r {
	0% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
@keyframes rotating_r {
	0% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}