body{background:#2c3c80;}

.header{background:url(../images/index/header.jpg) no-repeat center top;text-align: center;height: 1200px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.header .logo{margin-left:-320px;}
.header .header_card{top: 250px;margin-left: -351px;}
.header .header_txt{top:650px;margin-left: -500px;width: 1000px;}
.header .header_txt p{float: left;width: 33.3%;margin: 0 8.35%;}
.header .header_txt p img{width: 100%;}
.header .header_txt p a{transition:all 0.2s ease-in 0s;display: block;}
.header .header_txt p a:hover{transform:translateY(-5px);}

.box{position: relative;top: -250px;padding-top:180px;padding-bottom:33px;background: url(../images/index/box.png) no-repeat center top;-webkit-background-size:100% 100%;background-size:100% 100%;}
/*page0*/
.page0{text-align: center;color:#fff;padding:30px 0 70px;}
.page0 .pc{margin: 0 auto;}
.page0 ul{padding-top:30px;}
.page0 ul li{padding:5px 0;}
.page0 ul li img{vertical-align: middle;}
.page0 p{padding-top:20px;font-weight: bold;}

/*page1*/
.page1{margin: 0 auto;width: 96%;background:url(../images/bg_6.png) repeat-x;}

/*page2*/
.page2{text-align: center;}
.page2 .content p{color:#fff;padding-bottom:30px;}
.page2 .content p img{vertical-align: middle;}

/*page3*/
.page3{background:url(../images/bg_6.png) repeat-x;margin: 0 auto;width: 96%;}
.page3 .content{background: url(../images/index/page3.png) no-repeat center top;/* padding:110px 25px 20px; */padding:90px 25px 20px;}
.page3 .content li{float: left;color:#fff;/* padding:0 36px; */width: 110px;padding: 0 23px;}

#reg form label {margin: 6px 0;}

@media screen and (max-width:1000px) {
	body{background:#21b299 url(../images/bg.png) repeat-x;}
	.header{background:url(../images/index/m_header.png) no-repeat center top;text-align: center;/* height: 1540px; */height:1280px;}
	.header .logo{margin-left: -25%;width: 50%;left: 50%;}
	.header .header_card{top: 170px;margin-left: -35%;left: 50%;width: 70%;}
	.header .header_txt {top: 430px;margin-left: -30%;width: 60%;left: 50%;}
	.header .header_txt p{float: none;margin:0px 0;width: 100%;}
	.header img,
	.header .header_card img{width: 100%;}

	.box{position: relative;background: url(../images/index/m_box.png) no-repeat center top;-webkit-background-size: 100% 100%;background-size: 100% 100%;padding-bottom:130px;}

	/*page0*/
	.page0{text-align: left;font-size: 14px;}
	.page0 .content{padding:0 10%;}
	.page0 .mobile{margin: 0 auto; width: 100%;}

	/*page1*/
	.page1{font-size: 14px;width: 90%;}
	.page1 .content{padding:0 4%;}
	.page1 .content p{-webkit-text-size-adjust: none;text-size-adjust: none;font-size: 24px;line-height: 160%;}

	/*page2*/
	.page2{font-size: 14px;text-align: left;}
	.page2 .content{padding:0 8%;}
	.page2 .content .bigpic{width: 100%;}

	/*page3*/
	.page3{width: 90%;}
	.page3 .content{background: url(../images/index/m_page3.png) no-repeat center top;padding:0 0 0 20px;}
	.page3 .content li{/* padding: 120px 18px 70px 30px; */height: 62px;width: 135px;text-align: center;padding: 106px 18px 70px 30px;}
	.page3 .btn{margin:20px auto 70px;}
}