@charset "utf-8";
/* CSS Document */
body {
    max-width: 100%; overflow-x: hidden; background: #fff;
    font: 18px/36px font-family: "FZLTZCHK", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #2b2a3c; text-decoration: none; }
a:hover { text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] , select { -webkit-appearance: none; appearance:none; -moz-appearance:none; -ms-appearance:none;}
input::focus-inner { padding: 0; border: 0; }
input::-webkit-input-placeholder{ color: #333; }
input::-moz-placeholder{ color: #333; }
input:-moz-placeholder{ color: #333; }
input:-ms-input-placeholder{ color: #333; }
select::-ms-expand { display: none; }
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.教师考试备考资料下载 {
  font-size: 30px;

  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 1134.469px;
  top: 1101.219px;
  z-index: 239;
}


.fl { float: left; } .fr { float: right; }
.clearfix::after { display: block; content: ''; height: 0; font-size: 0; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1190px; margin: 0 auto; }
.hide , .onlymob { display: none; }
.container{ width:1200px; margin:0 auto; position:relative; box-sizing: border-box }
.container::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }
ul::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }

/* 通用头部 */
.ht_top {
    width: 100%; overflow: hidden;
    background: #fafafa url(../images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px; }
.ht_top .zt_top {
    width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {
    float: left; }
.ht_top h1 a {
    float: left; width: 131px; height: 40px; overflow: hidden;
    background: url(../images/logo.gif) no-repeat;
    font-size: 12px; text-indent: -100em; }
.ht_top .topnav {
    float: right; color: #333; font-size: 12px; }
.ht_top .topnav a {
    padding: 0 8px; }
.ht_top .topnav a:hover {
    color: #e4393c; text-decoration: underline; }
@keyframes movelf{
      0%{
        transform: translateX(-10px);
      }
      100%{
        transform: translateX(10px);

      }
    }
    @keyframes moverf{
      0%{
        transform: translateX(10px);
      }
      100%{
        transform: translateX(-10px);

      }
    }

@keyframes movef{
  0%{
    left:95px;
    transform: translateY(-10px);
  }
  100%{
    left:85px;
    transform: translateY(10px);
  }
}
@keyframes moves{
  0%{
    transform: translateY(-10px);
    transform: translateX(25px);
  }
  100%{
    transform: translateX(-25px);
    transform: translateY(-25px);
  }
}
@keyframes movess{
  0%{
    transform: translateY(10px);
    transform: translateX(-25px);
  }
  100%{
    transform: translateX(25px);
    transform: translateY(-10px);
  }
}
@keyframes movet{
  0%{
    left:95px;
    transform: translateX(-5px);
  }
  100%{
    left:85px;
    transform: translateX(5px);
  }
}
@keyframes movett{
  0%{
    transform: translateX(5px);
  }
  100%{
    transform: translateX(-5px);
  }
}
@-moz-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@-ms-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -2deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 2deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -2deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.banner_box{
    width: 100%;
    height: 832px;
    text-align: center;
    background: url("../images/ban.jpg") center top no-repeat;
    text-align: center;
}

.banner_box img{
    display: block;
    margin:0 auto;
}
.banner_box img.box{
    position: absolute;
    left:-25px;
    top:490px;
    width:340px;
    animation: tada 1s;
}
.banner_box img.sdlr{
    position: absolute;
    right:-25px;
    top:472px;
    width:340px;
    animation: tada 1s;
}
.banner_box p{
    width:270px;
    font-size:26px;
    color:#fff;
    padding-top:260px;
    margin:0 auto;
    text-indent: 15px;
}
.banner_box img.bt1{
    margin-top:-126px;
}
.banner_box img.bt2{
    margin-top:-30px;
}
.banner_box .time{
    width:570px;
    height:60px;
    background:url(../images/tbg.png) no-repeat;
    background-size:100% 100%;
    line-height: 60px;
    color:#fff;
    font-size:24px;
    margin:5px auto 0;
}

.banner_box .time span{
    color:#F4EC30;
}
.title{

    text-align: center;
    font-size:46px;
    font-weight:600;
    color:#fff;
    text-shadow:0px 4px 11px rgba(34,24,21,0.42);
    margin-bottom: 20px;
}
.title i{
    font-style:normal;
    color:rgba(243,234,70,1);
}

.title span:after,.title span:before{
  display: inline-block;
  width: 83px;
  height: 88px;
  vertical-align: middle;
  content: "";
  position: relative;
  top:-35px;
}
.title span:after{
  background: url(../images/right.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
  animation: movelf linear .8s infinite alternate;
}
.title span:before{
  background: url(../images/left.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
  animation: moverf linear .8s infinite alternate;
}
.panel02 .title span:after,
.panel05 .title span:after,
.panel07 .title span:after {
  background: url(../images/right2.png) no-repeat;
  background-size: 100% 100%;
 
}
.panel02 .title span:before,
.panel05 .title span:before,
.panel07 .title span:before{
  background: url(../images/left2.png) no-repeat;
  background-size: 100% 100%;
 
}
.panel01{
    height:1022px;
    padding-top: 88px;
    background:url(../images/bg2.jpg) top center no-repeat;
    background-size:cover;
    box-sizing: border-box;
}
.panel01 .title{
    margin-bottom: 20px;
}
.panel01 .main-cont{
    height:787px;
    padding-top:65px;
    padding-left:64px;
    padding-right:50px;
    background:url(../images/tbg2.png) top center no-repeat;
}
.panel01 .list-cont{
    width:242px;
    height:307px;
    background:rgba(255,255,255,1);
    border-radius:16px;
    float:left;
    text-align: center;
    margin-right:28px;
    margin-bottom: 30px;
    position: relative;
}
.panel01 .list-cont a{
    display: block;
}
.panel01 .list-cont p,
.panel01 .right-cont .user-title{
    font-size:30px;
    color:rgba(0,0,0,1);
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
}
.panel01 .list-cont div{
    height:57px;
    line-height: 57px;
    background:rgba(243,234,70,1);
    box-shadow:0px 4px 18px 0px rgba(3,43,30,0.28);
    border-radius:0px 0px 16px 16px;
    font-size:26px;
    color:rgba(0,0,0,1);
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    cursor: pointer;
}
.panel01 .left-cont{
    width:544px;
}
.panel01 .right-cont{
    width: 530px;
    margin-left:12px;
}
.userInfor .listBox{
    width:530px;
    height:502px;
    background:#fff;
    border-radius: 16px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}
.userInfor select, .userInfor input{
    border-radius: 25px;
    background-color: rgb(1, 93, 54);
    width: 479px;
    height: 52px;
    border:none;
    text-indent: 30px;
    float:left;
    color:#fff;
    font-size: 22px;

   
}
/*.list-infor-vcode input{
    width:282px;
}*/
.userInfor select:nth-child(1){
     margin-right:26px;
}

.userInfor select {
  width: 227px;
  height: 51px;
  background:rgb(1, 93, 54) url(../images/arr.png) 90% center no-repeat;
}
.userInfor .list-infor{
    position: relative;
    width:480px;
    margin:0 auto 18px;

}
.userInfor .list-infor .vimg{
    width:196px;
    height:52px;
    border-radius: 26px;
    position: absolute;
    right:0;
    top:0;
}
.userInfor .list-infor .get-vcode{
    background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
   width: 198px;
  height: 52px;
  text-indent: 0;
   color:#000;
   text-align: center;
   position: absolute;
   right:0;
   top:0;
   cursor: pointer;
}
.sm{
  font-size: 18px;
  color: #98BEAF;
  line-height: 1.444;
  padding-top:20px;
  margin-bottom: 20px;
}
.ptBn{
    border-radius: 25px;
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
   width: 226px;
  height: 52px;
  text-align: center;
  float: left;
  font-size:26px;
  line-height: 52px;
  cursor: pointer;
}
#yuyueBtn{
    margin-right:26px;
}


.panel02{

    padding-top: 88px;
    padding-bottom: 50px;
    overflow:hidden;
    background:url(../images/bg3.jpg) top center no-repeat;
    background-size:cover;
    box-sizing: border-box;
}
.panel02 .title,
.panel05 .title,
.panel07 .title{
    color:#B92F2D;
    text-shadow: none;
}
.panel02 .main-cont{
    height:786px;
    padding-left:64px;
    padding-top:65px;
    padding-right:50px;
    background:url(../images/tbg3.png) top center no-repeat;
    box-sizing: border-box;
}
.panel02 .list-cont{
  width:330px;
  height:644px;
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  float:left;
  text-align: center;
  padding-top:30px;
  box-sizing: border-box;
 margin-right:48px;
}
.panel02 .list-cont:last-child{
    margin-right:0;
}
.panel02 .sm-tip{
    font-size:34px;
    font-weight:600;
    color:rgba(0,0,0,1);
     margin-bottom: 20px;
}
.panel02 .sm-tip img{
    vertical-align: middle;
    margin-right:10px;
}
.panel02 .bar{
    height:45px;
    line-height: 45px;
    background:#FBF9BF;
    color:#000;
    margin-bottom: 22px;
}
.panel02 .erm-box{
    width:262px;
    height:214px;
    background:url(../images/ebg.png) no-repeat;
    background-size:100% 100%;
    margin:0 auto;
    padding-top:28px;
    box-sizing: border-box;
    margin-bottom: 14px;
}
.panel02 .intro{
    width:270px;
    margin:0 auto;
    font-size: 18px;
    color:#000;
    line-height: 1.5;
    text-align: left;
    height:130px;
}
.panel02 .intro span{
    color: rgb(182, 45, 53);
}
.panel02 .sam{
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  line-height: 54px;
  width: 184px;
  height: 54px;
  border-radius: 27px;
  margin:40px auto 0;
   font-size: 26px;
   color:#000;
   cursor: pointer;
}
.panel02 .list-cont3 .erm-box{
    background:url(../images/ebg2.png) no-repeat;
    background-size:100% 100%;
}
.panel03{
    height:224px;
    padding-top:36px;
    background:url(../images/bg4.jpg) no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
}
.panel03 .container{
    background:url(../images/advpng.png) no-repeat;
    height: 148px;
    background-size: 100% 100%;

}

.panel03 h3 {
  font-size: 44px;
  color: rgb(198, 27, 40);
  padding-left:120px;
  font-weight:normal;
 
}
.panel03 h3 span{
    position: relative;
   
}
.panel03 h3 strong{
    font-size: 64px;
  color: rgb(7, 93, 53);
  margin-left:35px;
  padding-top:6px;
  display: inline-block;
}
.panel03 p{
    padding-left:274px;
    font-size:24px;
    color:#333;
    padding-top:0;
}
.panel03 a{
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 3px 30px 0px rgba(0, 3, 2, 0.28);
  width: 448px;
  height: 148px;
    border-radius: 74px;
    text-align: center;
    line-height: 148px;
    font-size:48px;
    color:#000;
    position: absolute;
    right:0;
    top:0;
}

.panel04{
    height:180px;
    padding-top:30px;
    background:url(../images/bg5.jpg) no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
}
.panel04 a{
    width:595px;
    height:116px;
     background:url(../images/tbg4.png) no-repeat;
    background-size:100% 100%;
    display: inline-block;
    text-align: center;
    padding-top:38px;
    font-size:32px;
    color:#fff;
    box-sizing: border-box;
}
.panel04 a:nth-child(1){
    margin-right:4px;
}
.panel04 a span{
      color: #F4EC30;
    margin-left: 15px;
}
.panel05,
.panel07{
    padding-top:80px;
    background:url(../images/bg6.jpg) top center no-repeat;
    background-size: 100% 100%;
    padding-bottom: 50px;
    overflow:hidden;
}
.panel05 .list-course {
  border-radius: 16px;
  background-color: rgb(255, 255, 255);
  width: 515px;
  height: 414px;
  padding:18px;
  box-sizing: border-box;
  float:left;
}
.panel05 .list-course  img{
    margin-bottom: 16px;
}
.panel05 .txt{
    font-size:20px;
    color:#666;
}
.panel05 i{
    font-style: normal;
    font-size:26px;
    color:#B82B31;
}
.panel05 .list-course .old-price{
    margin-right:20px;
    text-decoration: line-through;
}
.panel05 .list-course a
{
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  width: 168px;
  height: 60px;
  border-radius: 30px;
  text-align: center;
 display: inline-block;
 line-height: 60px;
 font-size:26px;
 color:#000;
 margin-left:30px;
}
.panel05 .list-course a:hover,
.panel06 a:hover, .panel08 .list-book a:hover,
.panel07 .click-zx:hover, .panel08 .zx-me:hover,
.panel02 .sam:hover,
.panel01 .list-cont div:hover,
.ptBn:hover,
.userInfor .list-infor .get-vcode:hover,
.panel03 a:hover{
    background-color:#FF9920;
    color:#fff!important;
}
.panel02 .sam:hover a{
    color:#fff;
}

.panel05 .course-box{
    padding-left:64px;
    padding-top:65px;
    padding-right:50px;
    height:555px;
    background:url(../images/tbg5.png) no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
}
.panel05 .course-box .list-course1{
    margin-right:38px;
}

.panel06{
    padding-top:80px;
    padding-bottom: 50px;
    background:url(../images/bg7.jpg) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}
.panel06 .main-cont,
.panel08 .main-cont{
    height:416px;
     padding-left:64px;
    padding-top:65px;
    padding-right:50px;
    box-sizing: border-box;
     background:url(../images/tbg6.png) no-repeat;
    background-size:100% 100%;
}
.panel08 .main-cont{
    height:552px;
    background:url(../images/tbg7.png) no-repeat;
    background-size:100% 100%;
}
.panel06 .list-cont,
.panel08 .list-book{
    width:242px;
    height:250px;
    background:#fff;
    border-radius: 16px;
    text-align: center;
    padding-top:16px;
    box-sizing: border-box;
    font-size:18px;
    color:#000;
    position: relative;
    float:left;
    margin-right: 38px;

}
.panel06 .list-cont:last-child,
.panel08 .list-book:last-child{
    margin-right:0;
}
.panel06 .prov span{
    display: block;
    width:114px;
    height:114px;
    color:#fff;
    font-size:30px;
    box-sizing: border-box;
    padding-top: 15px;
    background:url(../images/tree.png) no-repeat;
    background-size:100% 100%;
    margin:0 auto 18px;
}
.panel06 a,.panel08 .list-book a {
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  width: 242px;
  height: 57px;
    line-height: 57px;
    display: block;
    font-size:24px;
    color:#000;
    position: absolute;
    left:0;
    bottom:0;
    border-radius: 0 0 16px 16px;
}
.panel07 .main-cont{
    height: 725px;
    padding-left: 64px;
    padding-top: 65px;
    padding-right: 50px;
    background: url(../images/tbg3.png) top center no-repeat;
    background-size:100% 100%;
    box-sizing: border-box;
}
.panel07 .main-cont>div{
    text-align: center;
    color:#fff;
    font-size:28px;
}
.panel07 .main-cont>div strong{
    font-size:34px;
    display: block;
    padding-top:10px;
    margin-bottom: 30px;
}
.panel07 li{
  background-color: rgb(254, 254, 254);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  width: 140px;
  height: 54px;
  border-radius: 27px;
  text-align: center;
  line-height: 54px;
  float:left;
  margin-right:16px;
  margin-bottom: 20px;
}
.panel07 li:hover{
    background-color:#F3EA46;
}
.panel07 li:nth-child(7n){
    margin-right:0;
}
.panel07 li a {
  font-size: 28px;
  color: rgb(182, 45, 53);
  display: block;
}
.panel07 li a:hover{
    color:#000;
}

.panel07 .click-zx,
.panel08 .zx-me{
  background-color: rgb(243, 234, 70);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  width: 336px;
  height: 72px;
  border-radius: 36px;
  text-align: center;
  color:#000!important;
  line-height: 72px;
  font-size:30px;
  margin:15px auto 0;
  cursor: pointer;
}
.panel08 {
    padding-top:80px;
    padding-bottom: 50px;
    box-sizing: border-box;
    background:url(../images/bg8.jpg) top center no-repeat;
    background-size: 100% 100%;
}
.panel08 .list-book{
    float:left;
}
.panel08 .zx-me{
    display: block;
    margin-top:0;
}
.panel08 p{
    color:#fff;
    text-align: center;
    font-size:20px;
    padding:20px 0;
}
.window-masker .masker{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#000;
    opacity: .5;
    display: none;
    z-index: 20;
}
.window-masker h3{
    padding-top:180px;
    font-size:26px;
    color:#CA150C;
    text-align: center;
    margin-bottom:15px;
}
.window-masker{
    font-size:16px;
}
.masker-cont1,
.masker-cont2,
.masker-cont3,
.masker-cont4{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    width:460px;
    height:530px;
    padding-left:25px;
    padding-right:25px;
    box-sizing: border-box;
    background:url(../images/m1.png) no-repeat;
    background-size:100% 100%;
    line-height: 1.3;
    display: none;
    z-index: 21;
}
.masker-cont1>div{
    margin-bottom: 10px;
}
.masker-cont1 a{
    color:#2E9FEF;
    font-size:14px;
}
.closeBtn{
    width:30px;
    height:54px;
    position: absolute;
    right:0px;
    top:89px;
    background:url(../images/close.png);
    background-size:100% 100%;
    cursor: pointer;
}
.masker-cont2{
    
    text-align: center;
    height:338px;
    width:344px;
}
.masker-cont2 input {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(209, 209, 209);
  border-radius: 8px;
  background-color: rgba(183, 49, 50, 0);
  width: 300px;
  height: 36px;
  padding-left: 5px;
  font-size: 16px;
}
.masker-cont2 button {
  background-color: rgb(200, 25, 26);
  box-shadow: 0px 4px 18px 0px rgba(3, 43, 30, 0.28);
  width: 185px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border:none;
  color:#fff;
  font-size:20px;
  margin-top:20px;
  cursor: pointer;
}
.masker-cont2 h3{
    padding-top:124px;
}
.masker-cont2 .closeBtn{
    top:40px;
}
.masker-cont3{

    width: 420px;
    height: 310px;
   
}
.masker-cont3 .closeBtn{
    top:31px;
}
.masker-cont3 h3{
     padding-top:150px;
     
}
.masker-cont4{
    width:320px;
    height:250px;
    background:url(../images/m2.png) no-repeat;
    background-size:100% 100%;
}
.masker-cont4 h3{
    padding-top:155px;
}
.masker-cont4 .closeBtn{
    top:64px;
}