/** 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:20px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.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);} */
/* banner */
.header {margin-top: 24px;width: 100%; height: 864px; background:#fff;background: url(../images/header_bg.jpg) no-repeat center bottom;}
.header .m1000{position: relative;height:100%;}
.header_t{position: absolute;top:115px;left:50%;margin-left:-358px;}
.header_c{position: absolute;top:350px;left:50%;margin-left:-500px;}
.sun{position: absolute;top:100px;left:36%;-webkit-animation: sun 6s linear 0.5s infinite both;animation: sun 6s linear 0.5s infinite both;}
.fly{position: absolute;top:250px;left:30%;-webkit-animation: fly 4s linear 0.5s infinite both alternate;animation: fly 4s linear 0.5s infinite both alternate;}

/*part*/
.page { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;padding:90px 0; }
.page .title{text-align: center;padding:30px 0;}
.page .title img {margin: 0 auto;}

/*nav*/
.nav{width:100%;font-size: 24px;background:#00913a;z-index: 1000;position: relative;}
.nav li{float:left;width:14.28%;text-align: center;cursor: pointer;height:80px;padding:20px 0 0;}
.nav li a{color:#fff;display:block;}
.nav li.menuOver{}
.nav li.menuOver a{color:#f3e228;font-weight: bold}
.nav .m1000{padding:0;}

/* ********page1******* */
.page_1 .content p{text-indent:2em;padding-bottom:30px;}
.page_1 .content p span{background: url(../images/font_bg.jpg) repeat-x left bottom;}

/* ********page2******* */
.page_2{background:url(../images/bg/bg_2.png) no-repeat center top;}
.page_2 .content .item{text-align: center;background: url(../images/page2.png) no-repeat center top;float: left;width: 32%;margin:10px 0.6%;height: 300px;}
.page_2 .content .item img{margin-top: 20px;}
.page_2 .content .item h3{padding:30px 0 20px;color:#159838;font-weight: bold;font-size: 35px;}
.page_2 .content .item p{text-align: left;padding:0 8%;}
.page_2 .content .item p span{color:#f12f1d;font-weight: bold;}
.page_2 .content .item.four{margin:10px 0.6% 10px 17.25%;}
.page_2 .content .item:hover img{-webkit-animation: rotate .5s linear 2;animation: rotate .5s linear 2;}

/* ********page3******* */
.page_3{}
.page_3 .content{}
.page_3 .content .item{width: 32%;margin:0 0.6%;float: left;-webkit-transition:all 0.2s ease-in 0s;transition:all 0.2s ease-in 0s;}
.page_3 .content .item .img{}
.page_3 .content .item .img img{width: 100%;height: auto;}
.page_3 .content .item .txt{font-size: 22px;padding:15px 4%;background: #00913a;color: #fff;}
.page_3 .content .item .txt p{margin:10px 0;}
.page_3 .content .item .txt span{color:#f3e228;}
.page_3 .content .item.two{margin:60px 0.6% 0;}
.page_3 .content .item.two .txt{background: #f3e228;color: #000;}
.page_3 .content .item.two .txt span{color:#00913a;}
.page_3 .content .item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);}

/* ********page4*******8 */
.page_4{background:url(../images/bg/bg_4.png) no-repeat center center; padding-bottom:30px;}
.page_4 .content.pc{padding:40px 0; }
.page_4 .content.pc ul{float:left; margin-left:-23px;}
.page_4 .content.pc ul.firstCol{margin-left:0;}
.page_4 .content.pc ul.even{padding-top:76px;}
.page_4 .content.pc li{cursor: pointer;width:162px; height:140px; background:url(../images/school-1/bg.png) no-repeat center center; text-align:center; margin-bottom:20px; position:relative;}
.page_4 .content.pc li img{padding-top:20px;}
.page_4 .content.pc li .show_box{display:none; width:100%; height:100%; background:url(../images/school-1/bg2.png) no-repeat center center; position:absolute; top:0; left:0;}
.page_4 .content.pc li .show_box p{font-size:15px; text-align:center; padding-top:80px; line-height:20px; width:90px; margin:0 auto;}
.page_4 .content.pc li:hover .show_box{display:block;}
.page_4 .m1000 .content.pc li .active{display:block;}
.page_4 .content.pc .school_dec{/* height:450px; */ background:url(../images/page4.png) no-repeat center top; color:#0f2770;padding-bottom:40px;}
.page_4 .content.pc .school_dec .center{text-align:center; padding-bottom:20px;}
.page_4 .content.pc .school_dec .center h5{font-size:20px; line-height:20px; padding:36px 0 0 0;color: #f4e53d;font-weight: bold;}
.page_4 .content.pc .school_dec .center p{font-size:14px;color:#fff;}
.page_4 .content.pc .school_dec .text{font-size:18px;color: #f4e53d;padding: 0 25px;}
.page_4 .content.pc .school_dec .text b{color: #004586;}
.page_4 .content.pc .school_dec .text p{font-size:14px;text-indent: 2em;line-height: 180%;}
.page_4 .m1000 .content.pc .school_dec .active{display: none;}
.schoolInformation{position: relative;}
.schoolInformation_replace{position: absolute;width: 162px;height: 140px;top: 0;left: 0;}

/* ********page5******* */
.page_5{padding-bottom:30px;}
.page_5 .content{padding:40px 0;}
.page_5 .content .city_dec{padding-bottom:40px;}
.page_5 .content .city_dec h2{font-size:60px; color:#00913a; margin-right:26px; line-height:120px;height:150px;font-weight: bold;padding-left:160px;background: url(../images/page5_bus.png) no-repeat left center;}
.page_5 .content .city_dec ul li{font-size:18px; line-height:28px;  width:440px;}
.page_5 .content .city_dec ul li span{font-weight: bold;}
.page_5 .content .city_dec .qr_code{font-size:16px;text-align: center;}
.page_5 .content .city_dec .qr_code img{width:80px;height: 80px;background:#ccc; margin-right:12px; border: 5px solid #eaeaea;}
.page_5 .content .city_dec .qr_code p{line-height:20px;}
.page_5 .content .city_dec .qr_code span{display:block; color:#00913a; font-weight:bold;}

.page_5 .content .city_list{height:923px; background:url(../images/page5.png) no-repeat center bottom;}
.page_5 .content .city_list li{cursor:pointer; float:left; font-size:20px; color:#fff; width:90px; height:122px;line-height: 70px;text-align:center; font-weight:bold;margin: 0 25px 74px;background: url(../images/page5_tab.png) no-repeat center top;}
.page_5 .content .city_list li.active{background: url(../images/page5_tab_active.png) no-repeat center top;color:#000; }
.page_5 .content .city_list li.end{color:#ccc;}
.page_5 .content .isdisplay {display: none;}
.page_5 .m_dec{display:block; width:86%; margin:0 auto; padding:20px 0 20px;}
.page_5 .m_dec .tip{font-size:22px; color:#2d3290; font-weight:bold; text-align:center; padding-bottom:20px;}
.page_5 .m_dec select{color:#fff;width:100%; height:84px; background: url(../images/m_pos.png) no-repeat 14px center;outline:none; -webkit-appearance:none; padding-left:80px; font-size:28px; border:1px solid #fff;}
.page_5 .m_dec select option{color:#000;}
.page_5 .m_dec ul{width:100%;}
.page_5 .m_dec li{line-height:30px;}
/* *******page6******** */
.page_6{background: url(../images/bg/pg_6.png) no-repeat center top;padding: 30px 0;}
.hwslider{height: 400px !important;}
.hwslider .arr{top:40% !important;}
.hwslider ul{height: 330px;margin-left: 6px;}
.hwslider ul li img{width: auto;max-width: auto;float: left;margin:0 6px;}
.dots span{background: #fff;border:none;}
.dots span.active{background: #f3e228;}

/* *******page7****** */
.page_7{}
.page_7 .content{}
.page_7 .content .tab_wrap{width:100%;}
.page_7 .content .tab_wrap .tab{width:1000px;}
.page_7 .content .tab_wrap .tab li{float:left;cursor: pointer;font-size:30px;width:34%;margin: 0 8% 30px; background:#00913a; height: 55px;line-height: 55px;text-align: center;color: #fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;border-radius: 10px; }
.page_7 .content .tab_wrap .tab li b{color:#f3e228;}
.page_7 .content .tab_wrap .tab li.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1; }
.page_7 .content .tab_wrap .item_wrap{position:relative;overflow:hidden;margin-top:20px;}
.page_7 .content .tab_wrap .item_wrap .item{position: absolute;left:-1000px;width:1000px;overflow: hidden;}
.page_7 .content .tab_wrap .item_wrap .item h3{font-size:24px;background: url(../images/page7_span.jpg) no-repeat right bottom;margin-bottom:20px;width: 110px;}
.page_7 .content .tab_wrap .item_wrap .item .js{border-radius: 20px;background: #fff;padding:30px;-moz-box-shadow:0px 0px 20px #dae6da; -webkit-box-shadow:0px 0px 20px #dae6da; box-shadow:0px 0px 20px #dae6da;margin:20px 6px 50px;}
.page_7 .content .tab_wrap .item_wrap .item .js p{text-indent: 2em;}
.page_7 .content .tab_wrap .item_wrap .item .nr{}
.page_7 .content .tab_wrap .item_wrap .item .nr h3{margin-left:45px;}
.page_7 .content .tab_wrap .item_wrap .item .box{-moz-box-shadow:0px 0px 20px #dae6da; -webkit-box-shadow:0px 0px 20px #dae6da; box-shadow:0px 0px 20px #dae6da;background: url(../images/page7.png) no-repeat center center;float: left;margin: 20px 6px;width: 447px;height: 226px; padding: 20px 20px 30px;border-radius: 20px; }
.page_7 .content .tab_wrap .item_wrap .item .box h5{padding-left: 22px;background: url(../images/page7_icon.png) no-repeat left center;font-weight: bold;}
.page_7 .content .tab_wrap .item_wrap .item .box p{padding-top: 20px;text-align: center;font-size: 18px;}
.page_7 .content .tab_wrap .item_wrap .item .box p.alignLeft{text-align: left;line-height: 160%;padding-left: 22px;padding-top:0px;}
.page_7 .content .tab_wrap .item_wrap .item .box.mleft{margin-left:25%;}

.page_7 .contentBottom{}
.page_7 .contentBottom .item{width: 32%;margin: 0 0.6%;float: left;}
.page_7 .contentBottom .item img{}
.page_7 .contentBottom .item a{width: 70%;height: 60px;line-height: 60px;color:#fff;text-align: center;background: #00913a;margin:25px auto 0;display: block;border-radius: 50px;}
.page_7 .contentBottom .item a:hover{background: #007e32;}
/* *******page8****** */
.zxyy{background: url(../images/bg/bg_9.png) no-repeat center top;padding: 30px 0 60px;background-size:cover; }
.form-wrap .btn-wrap{background: #f3e228;color:#000;}
.form-wrap {margin: 0px auto;}
#reg form label{margin: 2px 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: 0rem 2%;}
	/*banner*/
	.header {height: 40rem;margin-top: 0px;background: url(../images/m_header_bg.jpg) no-repeat center bottom;}
	.page_1{margin-top:0 !important;}

	.page_2{background-size:cover; }
	.page_2 .content .item {width: 48%;margin: 10px 1%;background: url(../images/m_page2.png) no-repeat center top;height: auto;padding-bottom: 2rem;}
	.page_2 .content .item.four {margin: 10px 1%;}
	.page_2 .content .item.one {margin: 10px 0 10px 25%;}

  .page_3 {padding: 0rem 2% 2rem;}
  .page_4 .hwslider {height: 340px !important;}
  .page_4 .hwslider .arr{top:26% !important;}
  .page_4 .hwslider ul li p{text-align: center;width: 50%;float: left;}
  .page_4 .hwslider ul li p img{display: block;margin:1rem auto;float:none;}
  .page_4 .hwslider ul li p span{display: block;color:#fff;}
  .page_4 .hwslider ul{margin-left:0;height: 22rem;}
  
  .page_5 .content {padding: 1rem 0;}
	.page_5 .m_dec li h4{color: #2ba02e;font-size:3rem; margin-right:26px; line-height:120px;height:150px;font-weight: bold;padding-left:160px;background:url(../images/page5_bus.png) no-repeat left center; }
	.page_5 .m_dec select{border: 1px solid #2ba02e;background-color:#2ba02e; }
  .page_5 .m_dec li{padding-top:20px;font-size:1.8rem;line-height:160%;font-weight:bold;overflow:hidden;}
	.page_5 .m_dec li span{float:left;}
  .page_5 .tipTxt {
    font-size: 2.2rem;
    color: #2ba02e;
    font-weight: bold;
    padding-left: 3rem;
}

	.form-wrap form label{border: 1px solid #00913a;}
	
}

@-webkit-keyframes sun {
  from {
    -webkit-transform: rotate(0);
	transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
	transform: rotate(360deg)
  }
}

@keyframes sun {
  from {
    -webkit-transform: rotate(0);
	transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(360deg);
	transform: rotate(360deg)
  }
}


@-webkit-keyframes fly {
  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, 10deg);
    transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 10deg);
  }
}

@keyframes fly {
  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, 10deg);
    transform:  translate3d(-20%, 0, 0) rotate3d(0, 0, 1, 10deg);
  }
}

@-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) ;
    }
}