/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout: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%; font-weight:normal; }
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%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
/* ********header******** */
.m1000{width:1084px;margin:0 auto;overflow: hidden;}
.page .title{margin:40px 0;text-align: center;}
.page .title img {margin: 0 auto;display: block;}
.header {margin-top: 24px;width: 100%; height: 862px; background:url(../images/header_bg.png) no-repeat;}
.header .m1000{position: relative;height:100%;}
.header_t{position: absolute;top:90px;left:50%;margin-left:-362px;}
.header_b{position: absolute;top:520px;left:50%;margin-left:-468px;}
/* ********page1******** */
.page1{padding-bottom:100px;background: url(../images/page1_bg.png) no-repeat right bottom;}
.page1 ul li{float: left;margin:0 0.5%;width: 24%;}

/* ********page2******** */
.page2{background: #fbc600 url(../images/page2_bg.png) no-repeat left bottom;padding-bottom:120px;}
.page2 ul{padding-bottom: 100px;}
.page2 ul li{float: left;margin:0 0.5%;width: 32.3%;background: url(../images/page2.png) no-repeat center center;cursor: pointer;}
.page2 ul li:hover{-webkit-animation: rotate .5s linear 2;animation: rotate .5s linear 2;}
.page2 ul li img{margin:40px auto 10px;display: block;}
.page2 ul li p{font-size: 30px;font-weight: bold;line-height:120%;text-align: center;height: 100px;padding:0 4%;}
.page2 ul li p.smallfont{font-size: 24px;}

/* ********page3******** */
.page3{background:url(../images/page3_bg.png) no-repeat right bottom;padding-bottom:150px;}
.page3 .content{border-bottom: 1px solid #f7ab00;}
.page3 .content .item{background: #fef5e1;position: relative;}
.page3 .content .item .toHd{position: absolute;bottom:10px;right:40px;display: none;cursor: pointer;}
.page3 .content .item .col{border-left:1px solid #f7ab00;border-right:1px solid #f7ab00;}
.page3 .content .item .col .date{text-align: center;border-top:1px solid #fff;float: left;width: 30%;margin-bottom:-10000px; padding-bottom:10000px;padding-top:10px;}
.page3 .content .item .col .date img{}
.page3 .content .item .col .txt{float: left;width: 70%;margin-bottom:-10000px; padding-bottom:10000px; }
.page3 .content .item .col .txt li{text-align: center;border-top:1px solid #f7ab00;padding:30px 10px;}
.page3 .content .item .col .txt li img{display: block;margin:0px auto 10px; }
.page3 .content .item .col .txt li p{}
.page3 .content .item .col .txt li p span{color: #e3007f}

.page3 .content .item .odd .date{background: #606060;}
.page3 .content .item .even .date{background: #f7ab00;}
.page3 .content .twoCol .col .date{padding-top:100px;}

/* ********page4******** */
.zxyy{background: #606060 url(../images/page4_bg.png) no-repeat right 40px;padding:150px 0;}
.form-wrap .btn-wrap{background: #fbc600;}

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

@-webkit-keyframes rotate {
    0% {transform: translateY(0) ;}
    25% {transform: translateY(10px); }
    50% {transform: translateY(20px) scale(1.1, 0.9);}
    75% { transform: translateY(10px) ;}
    100% {transform: translateY(0) ;}
}
@keyframes rotate {
    0% {transform: translateY(0) ;}
    25% {transform: translateY(10px); }
    50% {transform: translateY(20px) scale(1.1, 0.9);}
    75% { transform: translateY(10px) ;}
    100% {transform: translateY(0) ;}
}

@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{padding: 0;}
	/*banner*/
	.header {background: url(../images/m_header_bg.png) no-repeat;height: 44rem;margin-top: 0px;}
	.header .header_t img,
	.header .header_b img{width: 80%;display: block;margin: 0 auto;}
	.header_b { margin-left: -380px; top: 460px;}

	.page2{background: none;}
	.page2 ul li{width: 49%;}

	.page3{padding-bottom: 150px;}
	.page3 .content .item .col .txt li{padding:50px 10px;}
	.page3 .content .item .col .date {padding-top: 50px;}
	.page3 .content .twoCol .col .date {padding-top: 200px;}
}