/** CSS Reset **/
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:24px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;background: url(../images/page2_bg.png) repeat;position: relative;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1200px;margin:0 auto;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {width: 100%; height: 635px; background: url(../images/banner_bg.png) no-repeat center bottom;overflow: hidden;position: relative;z-index:20px;}
.header .m1000{position: relative;height:100%;width: 1000px;}
.bannerTxt{position: absolute;top:180px;left:50%;margin-left:-338px;}
.header .logo{position: relative;}
.cloud{position: absolute;top:260px;left:0;-webkit-animation: cloud 4s linear 0.5s infinite both alternate;animation: cloud 4s linear 0.5s infinite both alternate;}
.plane{position: absolute;top:510px;left:50%;margin-left:-72px;-webkit-animation: plane 20s linear 0.5s infinite;animation: plane 20s linear 0.5s infinite;}
.star{position: absolute;top:100px;right:10%;-webkit-animation: star 2.8s linear 1.2s infinite both alternate;animation: star 2.8s linear 1.2s infinite both alternate;}

.bg1{position: absolute;top:10%;right:10%;-webkit-animation:  meteor 5s linear 0s infinite;animation: meteor 5s linear 0s infinite;}
.bg2{position: absolute;top:30%;right:-6%;-webkit-animation: meteor 7s linear 0.5s infinite;animation: meteor 7s linear 0.5s infinite;}
.bg3{position: absolute;top:50%;right:0;-webkit-animation: meteor 4s linear 1s infinite;animation: meteor 4s linear 1s infinite;}
.bg4{position: absolute;top:70%;right:62%;-webkit-animation: meteor 6s linear 0.5s infinite;animation: meteor 6s linear 0.5s infinite;}
.box{position: relative;}
/*part*/
.page { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;position: relative;z-index:20px;}
.page .title{text-align: center;height: 94px;width: 862px;line-height: 86px;margin: 60px auto 0;}
.page .title h4 {font-size: 48px;color:#fff;}
.page .title1{background: url(../images/title_1.png) no-repeat center top}
.page .title1 h4{background: url(../images/title_star.png) no-repeat 72% center;}
.page .title2{background: url(../images/title_2.png) no-repeat center top}
.page .title2 h4{background: url(../images/title_star.png) no-repeat 34% center;}
.page .title3{background: url(../images/title_3.png) no-repeat center top}
.page .title3 h4{background: url(../images/title_star.png) no-repeat 66% center;}

/* ********page1******* */
.page_1{background: #131e8c url(../images/page1.png) no-repeat center top;}
.page_1 .content{padding:10px 170px;}
.page_1 .content li{padding:30px 0;position: relative;}
.page_1 .content li p{position: absolute;top:50px;left:140px; color: #fff;}
.page_1 .content li.two p{top:40px;}
.page_1 .content li b{color:#fdf59f;font-size:30px; }

/* ********page2******* */
.page_2 .content{background: url(../images/page2.png) no-repeat center top;padding: 100px 100px 200px;}
.page_2 .content .item{margin:60px 80px}
.page_2 .content .item .left{float: left;padding-right: 30px;width: 180px;border-right:1px solid #09b588;}
.page_2 .content .item .right{float: left;padding-left: 50px;}
.page_2 .content .item b{color:#09b588;font-size: 66px;line-height: 120%;}
.page_2 .content .item h6{font-size: 28px;}
.page_2 .content .item p{margin-top:5px;padding-left:35px;background: url(../images/page2_icon.png) no-repeat left center;}
.page_2 .content .qr{text-align: center;}

/* ********page3******* */
.page_3 .content{background: url(../images/page3_bg.png) no-repeat center bottom;}
.page_3 .content img{float: left;padding: 50px 24px 27px 80px;}
.page_3 .content p{float: left;padding-top: 200px;width: 640px;font-size: 32px;line-height: 140%;}
.page_3 .content p span{background: url(../images/page3_line.png) repeat-x left bottom;}

/* *******page4****** */
.zxyy{background: url(../images/bg_bottom.png) no-repeat center top;padding: 60px 0 110px;background-size:cover; }
.zxyy .title{margin:50px auto;}
.form-wrap .btn-wrap{background: #ff8f3c;}
.form-wrap {margin: 0px auto;}


@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;}
  .header{height: 28rem;background-size: 180%;}
  .bannerTxt{width: 50%;margin-left: -38%;top: 8rem;}

	.page{padding: 0rem;}
  .page .title{width: 96%;line-height: 4rem;background-size: contain;margin: 60px auto 0;}
  .page .title1 h4{background: url(../images/title_star.png) no-repeat 76% center;}
  .page .title2 h4{background: url(../images/title_star.png) no-repeat 30% center;}
  .page .title3 h4{background: url(../images/title_star.png) no-repeat 70% center;}
  .page .title3{padding-bottom:2rem;}
	/*banner*/
  .page_1 {background: #131e8c url(../images/m_page1.png) no-repeat center top;}
  .page_1 .content {padding: 1rem 2rem;}

  .page_2 .m1000{width: 100%;}
  .page_2 .content{padding: 3rem 4rem 7rem;background: url(../images/m_page2.png) no-repeat center top;}
  .page_2 .content .item{margin: 60px 0;}
  .page_2 .content .item .left{padding-right: 0%;width: 31%;}
  .page_2 .content .item .right{width: 66%;padding-left: 2%;}

  .page_3{padding:0 0 2rem;}
  .page_3 .content img {padding: 1rem 1rem 1rem 0rem;}
  .page_3 .content p {width: 54%;font-size: 25px;}
  .page_3 .content{background-size: contain;}
	.form-wrap form label{border: 1px solid #00913a;}

}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes meteor {
  from {
    opacity:1;
    -webkit-transform: translate(0,10px); /* Safari */
    transform: translate(0,10px); /* 标准语法 */
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-1000px,1000px); /* Safari */
    transform: translate(-1000px,1000px); /* 标准语法 */
  }
}

keyframes meteor {
  from {
    opacity:1;
    -webkit-transform: translate(0,10px); /* Safari */
    transform: translate(0,10px); /* 标准语法 */
  }

  to {
    opacity: 0.5;
    -webkit-transform: translate(-1000px,1000px); /* Safari */
    transform: translate(-1000px,1000px); /* 标准语法 */
  }
}

@-webkit-keyframes cloud {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform:  translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
    transform:  translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 0);
    transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 0);
  }
}

@keyframes cloud {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform:  translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
    transform:  translate3d(0, 0, 0) rotate3d(0, 0, 1, 0);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 0);
    transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 0);
  }
}


@-webkit-keyframes star {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
  }
}
keyframes star {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.5
  }

  30% {
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.5
  }
}

@-webkit-keyframes plane {
  0% {
    -webkit-transform: rotate(360deg) translate(400px,-410px);
    transform: rotate(360deg) translate(400px,-410px)
  }

  100% {
    -webkit-transform: rotate(0) translate(400px,-410px);
    transform: rotate(0) translate(400px,-410px)
  }
}
@keyframes plane {
  0% {
    -webkit-transform: rotate(360deg) translate(400px,-410px);
    transform: rotate(360deg) translate(400px,-410px)
  }

  100% {
    -webkit-transform: rotate(0) translate(400px,-410px);
    transform: rotate(0) translate(400px,-410px)
  }
}