/** 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, li{ 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%;background: #fff;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {width: 100%;height: 420px;background:url("../images/bg.jpg") no-repeat center top;position: relative;overflow: hidden;}
.header .header_txt{display: block;margin:-50px 10% 0 2%;}
.header .header_txt .slideInLeft{margin-top: 100px;}
.header .m1000{overflow: hidden;}

/*page*/
.page {padding: 30px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;}
.page .title{text-align: center;padding-bottom: 40px;}
.btn{display:block;width:220px;margin:0 auto;text-align: center;cursor: pointer;font-size: 30px;height: 70px;line-height: 70px;background: url(../images/btn_bg.png) no-repeat center top;color:#fff;}
.btn:hover{background-position:0 -70px;color:#fff;}

/*page1*/
.page1 .content{margin-bottom:30px;}
.page1 .content li{width: 20.5%;float: left;text-align: center;padding: 20px 2%;border-left:1px dotted #ffda37;}
.page1 .content li.borderNone{border:none;}
.page1 .content li img{padding:0 30px;}
.page1 .content li p{font-size: 20px;line-height: 140%;color:#3f2111;margin-top:20px;}

/*page2*/
.page2{}
.page2 .m1000{}
.page2 .m1000 .tab{background: url(../images/tab_bg.jpg) repeat-x left 35%;}
.page2 .m1000 .tab li{float: left;width: 14%;margin:0 3.75% 40px 0;padding:10px 1.5% 0;height:100px;font-size:15px;line-height: 160%;color:#3e3a39;background: #f9e1c0;text-align: center;cursor: pointer;}
.page2 .m1000 .tab li.last{margin-right:0%;}
.page2 .m1000 .tab li.active,
.page2 .m1000 .tab li:hover{background: url(../images/data_hover.png) no-repeat left top;color:#fff;}
.page2 .m1000 .tab li.active span,
.page2 .m1000 .tab li:hover span{border-bottom: 2px solid #fff;}
.page2 .m1000 .tab li span{display: block;border-bottom:2px solid #40121c;margin-bottom:5px;font-size:24px;line-height: 160%;}
.page2 .m1000 .tabItem{display: none;padding-bottom:20px;border-radius: 10px;-moz-box-shadow:0px 0px 10px #F5A706; -webkit-box-shadow:0px 0px 10px #F5A706; box-shadow:0px 0px 10px #F5A706;}
.page2 .m1000 .tabItem .box{padding:170px 5.5% 50px;position: relative;}
.page2 .m1000 .tabItem h5{text-align: center;color:#59380b;font-size: 26px;line-height:120%;position: absolute;top:-10px;width: 100%;background: url(../images/h5.png) no-repeat center top;left:0;padding-top: 15px;height:105px;}
.page2 .m1000 .tabItem .box .nrld{color:#59380b;font-size: 24px;line-height: 160%;font-weight: bold;margin:4px 50px 0;}
.page2 .m1000 .tabItem .box .qr{text-align: center;font-weight: bold;}
.page2 .m1000 .tabItem .box .qr img{margin: 0 auto 10px;border:6px solid #f7d9ab;border-radius: 5px;display: block;}

.page2 .m1000 .tabItem .teacher{position: relative;margin:100px 40px 0;background: #d7d8d8;border-radius: 10px;padding:40px 40px 40px 260px;}
.page2 .m1000 .tabItem .teacher img{position: absolute;bottom:0;left:20px;}
.page2 .m1000 .tabItem .teacher.teaR{padding:40px 260px 40px 40px;margin-bottom:80px;}
.page2 .m1000 .tabItem .teacher.teaR img{right:20px;left:auto;}
.page2 .m1000 .tabItem .teacher .txt{}
.page2 .m1000 .tabItem .teacher .txt span{display: inline-block;padding:5px 20px;border-radius: 50px;background:#3e3a39;font-size:24px;font-weight: bold; color:#fff;}
.page2 .m1000 .tabItem .teacher .txt p{margin: 20px 0;font-weight: bold;}

/*ad*/
.ad img{width: 100%;}

/*page3*/
.page3 .m1000{width: 910px;}
.page3 .content{background: url(../images/box_3.png) no-repeat center top;width:88%;margin:0 auto;padding-bottom: 90px;}
.page3 .content div{text-align:center;float: left;width:30%;}
.page3 .content div h5{color:#fff;text-decoration: underline;padding:60px 0 40px;font-size: 22px;line-height: 160%;}
.page3 .content div p{color:#585657;}
.page3 .content div p.txtLeft{text-align: left;padding-left:10px;}
.page3 .content div p.txtRight{text-align:right;padding-right:10px;}
.page3 .content div.box2{width:40%;}
.page3 .content div.box2 h5,
.page3 .content div.box2 p{color:#400f0a;}

.zxyy{padding-bottom:0;}
.zxyy .pc,
.zxyy .reg_mobile{background: url(../images/bg_1.jpg) repeat-x;}
.form-wrap{margin:0 auto;padding:40px 0;}
.form-wrap form label{border: none;}
.form-wrap .btn-wrap{background:#b2650a;color:#fff;}
.tiaokuan.white a {color: #b07006;}
#reg form label {margin: 14px 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: 2rem 2%;}
  .page .title{max-width: 100%;}
  .page .title img{max-width: 100%;}

  /*banner*/
  .header{height: 25rem;background:url("../images/m_bg.jpg") no-repeat center top;}
  .header .m1000{width: 100%}
  .header .header_txt{margin: 0px 0% 0 2%;}
  .header .header_txt .slideInLeft {margin-top: 40px;}
  .header .slideInRight{position: absolute;right:0%;top: 0px;}

  .page1 .content li{width: 45.5%;}
  .page1 .content li.three{border-left:none;border-top: 1px dotted #ffda37;}
  .page1 .content li.four{border-top: 1px dotted #ffda37;}
  .page1 .content li p{font-size: 18px;}

  /*page2*/
  .page2 .m1000 .tab{background: none;}
  .page2 .m1000 .tab li{width: 29%;margin: 10px 0.65%;font-size: 20px;line-height: 120%;padding-bottom: 10px;}
  .page2 .m1000 .tab li.active,
  .page2 .m1000 .tab li:hover{background-size: 100% 100%;}
  .page2 .m1000 .tab li span{font-size: 26px;}
  .page2 .m1000 .tabItem .box{margin: 20px 0;padding: 170px 2% 50px;}
  .page2 .m1000 .tabItem .box .nrld{width: 62%;margin:10px 0.5% 0 1.5%;}
  .page2 .m1000 .tabItem .teacher{background:none;padding: 0;margin: 20px 20px 150px;}
  .page2 .m1000 .tabItem .teacher img{position: relative;}
  .page2 .m1000 .tabItem .teacher .txt {width: 65%;position: absolute;right: 0;bottom: 10px;}
  .page2 .m1000 .tabItem .teacher .txt span{font-size: 36px;background:none;color:#3e3a39;}
  .page2 .m1000 .tabItem .teacher p.des{-webkit-text-size-adjust: none;background: #d7d8d8;border-radius: 10px;padding: 15px 2%;width: 96%;position: absolute;top: 100%;}
  .page2 .m1000 .tabItem .teacher.teaR {padding: 0;text-align: right;    margin-bottom: 130px;}
  .page2 .m1000 .tabItem .teacher.teaR .txt{left:0;}
  .page2 .m1000 .tabItem .teacher.teaR p.des{text-align: left;}


  /*page3*/
  .page3 .m1000{width:98%;}
  .page3 .content{background: url(../images/box_3_m.png) no-repeat center top;padding-bottom: 90px;background-size: contain;margin: 0 auto;}
  .page3 .content div h5{padding: 65px 0 50px;}

  .reg_mobile{width: 80%;padding: 40px 10% 8rem;}
  .page.zxyy{padding: 2rem 0 0;}

}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}