@charset "utf-8";
/* CSS Document */

/*头部样式*/
.horizontal-header{position: fixed;left: 0;top: 27px;background: #fff;z-index: 99999;width: 100%;box-shadow: 0 5px 15px rgba(0,0,0,0.5);display: none;}
.horizontal-header > div{width: 1260px;margin:0 auto;height: 100px;}



.logo2{width: 384px;float: left;padding-top: 15px;}
.h-logo1{padding-right: 8px;width: 230px;float: left;height: auto;}
.h-logo2{width: 140px;float: left;height: auto;}
.h-logo1 img{width: 230px;height: 64px;}
.h-logo2 img{width: 140px;height: 64px;}
.h-nav{width: auto;float: right;border-right: 1px solid #dbdbdb}
.h-nav li{float: left;border-left:1px solid #dbdbdb;position: relative;}
.h-nav li > a{display: block;width: 20px;font-family: '微软雅黑';font-size: 18px;line-height: 21px;color:#000;font-weight: bold;padding:8px 20px;transition: all 0.3s ease-in-out}
.h-nav li:hover > a,.h-nav li.on > a{color:#fff;background-color:#94070a;}
.h-nav li.on .h-subNav{display: block;}
.h-subNav{width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 100px;z-index: 9000;display: none;background:url(../img/subNav_bg.png) repeat;}
.h-subNav2{width: 170px;margin-left:-86px;}
.h-subNav3{width: 210px;margin-left:-179px;}
.h-subNav:before{ width:0;
    height:0;
    border-width:0 7px 7px;
    border-style:solid;
    border-color:transparent transparent #020101;
    position:absolute;content: '';left: 50%;top: -7px;margin-left: -7px;}
.h-subNav3:before{left: auto;right: 23px;}
.h-subNav .arrow{width: 14px;height: 7px;display: block;position: absolute;left: 50%;top:-7px;background:url(../img/arrow.png) no-repeat center center;margin-left: -7px;}
.h-subNav dl{padding:0 5px;}
.h-subNav dd{float: left;margin:0;}
.h-subNav a{width: 20px;display: block;color:#fff;font-size: 14px;padding:15px 10px;transition: all 0.3s ease-in-out;text-align: center;font-family: '华文宋体','宋体','微软雅黑';}
.h-subNav a:hover{opacity: 0.8}
.fadeInUp{-webkit-animation-duration: 1s;  animation-duration: 0.5s;  -webkit-animation-fill-mode: both;
  animation-fill-mode: both}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
.wrap-header{width: 100%;background-color: #94070a;transition: all 0.3s ease-in-out}
.wrap-header.fixed{position: fixed;top: 0;left: 0;z-index: 99998}
.headerTop{width:100%;overflow: hidden;height: 27px;line-height: 23px;background: #94070a}
.top_nav{width: 1260px;margin:0 auto;text-align: right;height: 27px;}
.top_nav a{color:#fff;font-size: 12px;}
.headerTop .lf{width: auto;float: left;}
.top_nav a{margin:0 10px;}
.top_nav span{color:#fff;}
.top_nav span{display:none;}
.top_nav a:last-child{display:none;}
.headerTop a:hover{color:#f8eee3;}
.mode01{width: 1260px;margin:0 auto;position: relative;}
.mode01 .rt{padding:20px 0 0 0;-moz-transition: margin-left 0.4s ease;
  -o-transition: margin-left 0.4s ease;
  -webkit-transition: margin-left 0.4s ease;
  transition: margin-left 0.4s ease;}


.vertical-wrap-nav{width: 190px;float: left; position:relative;z-index: 800}
.vertical-wrap-nav.fixTop{position: fixed;top: 0;left:50%;margin-left:-630px;}
.vertical-wrap-nav.fixBottom{position: absolute;left: 0;bottom: 10px;}
.web-v-logo{width: 139px;padding:11px 0 0 0;}
.v-nav{border:1px solid #b3b3b3;border-left: none;padding:10px 3px 10px 0;margin-top: 18px;background-color: #fff;-moz-transition: width 0.4s ease;width: 186px;
  -o-transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;}
.v-nav.widthResize{width: 300px;-moz-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;}
.v-nav ul{height: auto;}
.v-nav li{transition: all 0.3s ease;position: relative;width: 181px;}
.v-nav li strong{display: block;font-size: 24px;color:#333;font-family: '华文宋体','宋体','微软雅黑';transition: all 0.3s ease;}
.v-nav li.on2020 > a{background: #94070a;}
.v-nav li.on2020 strong,.v-nav li:hover .v-arrow{color:#fff;}
.v-nav li.on2020 span{color:#fff;}
.v-nav li span{display: block;font-size: 12px;color:#8c8c8c;transition: all 0.3s ease;}
.v-nav li:hover > a{background-color: #dddbda}
/* .v-nav li:hover strong,.v-nav li:hover .v-arrow{color:#fff;} */
/* .v-nav li:hover span{color:#fff;} */
.v-nav li > a{display: block;padding:7px 0 7px 20px;}
.v-subNav{border-left: 1px solid #fff;width: 110px;background-color: #eae8e7;position: absolute;right: -110px;top: 50%;display: none;margin-top: -47px;}
.v-subNav3{top: auto;margin:0;bottom: 0}
.v-subNav2{margin-top: -60px;}
.v-subNav dd{height: 30px;line-height: 30px;border-bottom: 1px solid #fff;text-align: center;font-size: 16px;}
.v-subNav dd a{color:#666;font-family: '华文宋体','宋体','微软雅黑';}
.v-arrow{display:none;}
.v-nav li.on .v-subNav{display: block;}
.v-nav li.on > a{background-color: #dddbda;}
.v-nav li.on > a strong{color:#333;}
.v-arrow{font-size: 20px;font-style: normal;color:#666;position: absolute;right: 10px;height: 25px;top: 6px;line-height: 25px;cursor: pointer;}
.v-arrow.icon-arrow3{color:#fff;font-size: 25px;}
.v-subNav dd:hover{background-color: #dddbda}
.vertical-wrap-nav.active .v-nav{width:auto; }
.vertical-wrap-nav.active .v-subNav{position: static;margin:0;width: 100%;border-left: none;border-top: 1px dotted #d3d3d3;background-color: #fff}
.vertical-wrap-nav.active .v-subNav dd{border-bottom: 1px dotted #d3d3d3}
.vertical-wrap-nav.active .v-subNav dd a{display: block;padding:0 15px 0 20px;text-align: left;font-size: 14px;color:#666;}
.vertical-wrap-nav.active .v-arrow{display: block;}
.vertical-wrap-nav.active .v-subNav dd:hover a{color:#fff;}
.vertical-wrap-nav.active .v-nav li.on i{color:#fff;}
.nav-open .vertical-wrap-nav.active .v-subNav dd a{text-align: center;}
/*web搜索*/
.ser{width:auto; height:33px; line-height:33px;position: relative;border:1px solid #94070a;}
.search input{position:absolute; color:#bababa; border:none; background:none; top:0px; padding-left:0px;height: 33px;line-height: 33px; }
.search input.notxt{width:95% !important;}
.search input.notxt{color:#666;  font-size: 14px; padding:0 0 0 7px;width:80%;}   
.search input.notxt1 {position: absolute;width: 42px;right:0;border: none;cursor:pointer; overflow: hidden;padding-right:0; border:none;background:url(../img/search.svg) no-repeat center center;background-size: 20px}
.search input:focus{outline:none;background:none;}
.goTop {position: fixed;bottom: 40px;right: 15px;z-index: 9999999;color: #fff;text-align: center;font-size: 20px;transition: none;background-color:#94070a;width: 31px;height: 31px;line-height: 33px;text-align: center;opacity: 0.8;display: none;border:1px solid #e0e0e0;}
.goTop:hover{color:#94070a;background-color:#fff;}
/*手机端导航*/
.mobile-header-icon{width: 35px;height: 27px;line-height: 27px;text-align: center;position: absolute;left: 2px;top: 0px;color:#fff;font-size: 20px;cursor: pointer;display: none;}
.mobile-header-close {width:40px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;text-align: center;border-radius: 0 100% 100% 0;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 2500;transition: left 0.8s ease;color:#94070a;cursor: pointer;opacity: 0;}
.nav-open .mobile-header-close{left: 210px;opacity: 1}
.mobile-header-close:before{padding-right: 3px;}
.nav-open .vertical-wrap-nav{width: 210px;display: block;position: fixed;left: 0px;top: 0;padding:0 0 15px;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.2);z-index: 2020;opacity: 1;transform: scale(1);height: 100%;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;}
.nav-open .mode01 .rt{margin-left: 225px}
.nav-open .web-v-logo{display: none;}
.mobile-v-logo{display: none;padding-top: 15px;}
.v-logo1{display: block;text-align: center;}
.v-logo2{display: block;width: 100%;text-align: center;}
.body-overlay{display: none;}
.nav-open .body-overlay{width: 100%;height: 100%;background:#000;opacity: 0.6;filter: alpha(opacity=60);position: fixed;left: 0;top: 0;z-index: 2000;display: block;}
/*footer*/
.footer{width: 100%;height: auto;background:url(../img/footer_bg.png) no-repeat top center #590f10;position: relative;}
.footerTop{width: auto;position: absolute;width:1260px;left: 50%;margin-left: -630px;top: -35px;}
.friendLink{width: 251px;float: left;height: 35px;line-height: 35px;background: #94070a;padding-right: 15px;}
.friendLink a,.friendLink span,.friendLink strong{color:#fff;font-size: 12px;}
.friendLink strong{padding-left: 19px;font-weight: normal;}
.friendLink span{margin:0 4px;}
.nList{margin-left: 266px;}
.nList li{width: 20%;float: left;height: 35px;line-height: 33px;text-align: center;position: relative;transition: all 0.3s ease;*width:198px;}
.nList li > a{display: block;background: #94070a;color:#fff;height: 35px;transition: all 0.3s ease;font-size: 16px;margin:0 0 0 1px;}
.nList li .subImg{display:none;position: absolute;left: 0;top: -72px;width: 100%;}
.nList li .subImg a{display: block;width: 100%;padding-bottom: 90%;height: 0;}
.nList li .subImg  img{width: 100%;display: block;}
.nList li:hover > a,.nList li.on > a{background: #fff;color:#000;}
.nList li.on .iconfont,.nList li:hover .iconfont{color:#94070a;}
.nList li.on .subImg{display: block;}
.nList li .iconfont{padding-right:8px;color:#fff;font-size: 20px;vertical-align: middle;}
.copyRight{width: 1260px;margin:0 auto;padding:17px 0;overflow: hidden;}
.copyRight  a,.copyRight span,.copyRight i{color:#fff;font-style: normal;font-size: 12px;line-height: 22px;}
.copyRight span {margin:0 13px;}
.copyRight a:hover{opacity: 0.8}
.copyRight .lf{width: auto;float: left;}
.copyRight .rt{width: auto;float: right;}
.fadeInDown{-webkit-animation-duration: 1s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

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

@media screen  and (max-height:880px) {
  .v-nav li >a{padding:4px 0px 4px 20px;}
  .v-nav li strong{font-size: 23px;}
}

@media screen  and (max-height:820px) {
  .v-nav li span{display: none;}
 .v-nav li strong{font-size: 20px;}
 .v-nav{width: 140px;margin-top:10px;}
 .v-nav li{width: 140px;}
/* .mode01 .rt{margin-left: 290px;} */
.v-nav.widthResize{width: 260px;}
.vertical-wrap-nav{width: 144px;}
.v-nav li > a{padding:7px 0 7px 10px;}


}
@media screen  and (max-height:690px) {
  .v-nav li > a{padding:5px 0 5px 10px;}
}
@media screen  and (max-height:630px) {
  /*.mobile-v-logo{display: block;}*/
  /*.v-logo{display: none;}*/
  /*.v-nav{margin-top: 0}*/
  .v-nav li > a{padding:4px 0 4px 10px;}
  .v-nav li strong{font-size: 16px;}
  .v-subNav dd{font-size: 14px}
}
@media screen  and (max-width:1480px) {
 /* .mode01 .rt{margin-left: 225px;} */
  .v-nav li > a{padding:7px 0 7px 10px;}
  .web-v-logo{width: 100px;margin:0 auto;}
   .mode01,.top_nav,.copyRight,.footerTop,.horizontal-header > div{width: 1000px;margin:0 auto;}
  .vertical-wrap-nav.fixTop{margin-left: -500px}
  .logo2{padding-top: 12px;}
  .footerTop{width: 1000px;margin-left: -500px;}
  .v-nav li span{display: none;}
 .v-nav li strong{font-size: 18px;}
 .v-nav{width: 140px;}
 .v-nav li{width: 140px;}
.v-nav.widthResize{width: 260px;}
.vertical-wrap-nav{width: 144px;}
.nList li > a{font-size: 15px;}
 .copyRight .lf,.copyRight .rt{float: none;text-align: center;}
.footer{background-size: cover;}
}

@media screen  and (max-width:1280px) {

  .logo2{padding-top: 20px;}
  .h-nav li > a{padding:8px 12px;font-size: 18px;}
  .h-nav li dd a{font-size: 14px;}
  .h-logo1 img,.h-logo1{width: 180px;}
  .h-logo2 img..h-logo2 {width: 100px;}
  .v-nav li span{display: none;}
  .v-nav{width: 140px;}
  /*.v-nav li{width: auto;}*/
  .vertical-wrap-nav{width: 144px;}
  .nList li > a{font-size: 14px;}


}
@media screen  and (max-width:1024px) {
  .vertical-wrap-nav.fixTop{left: 25px;margin:0; }
  .footerTop{width: auto;position: static;margin:0;}
  .nList li .iconfont{font-size: 14px;}
  .nList li > a{font-size: 12px;}
  .mode01, .top_nav, .copyRight,  .horizontal-header > div{width:auto;padding-left: 25px;padding-right: 25px;}

}
@media screen  and (max-width:1280px) {

  .col-sm-3{width: 33.3%;}
  
    .nav-list-two-right-img{display: none;}
    .nav-list-two-left-nav{    width: calc(100% - 0px);}

  /* .mode01 .rt{margin-left: 195px;} */
}
@media screen  and (max-width:998px) {
  .logo2{padding-top:12px;}
  .mode01 .rt{margin-left: 0}
  .vertical-wrap-nav{left: -200px;text-align: center;opacity: 0;transform: scale(0.8);width: 0;transition: left 0.3s ease-in-out;height:0}
  .v-subNav{position: static;margin:0;width: 100%;border-left: none;border-top: 1px solid #d3d3d3;background-color: #fff;}
  .v-arrow{display: block;}
  .v-subNav dd a{display: block;padding:0 15px 0 20px;font-size: 14px;color:#666;border-bottom: 1px solid #e6e6e6;text-align: center;}
  .v-subNav dd a:hover{color:#fff;}
  .mode01 .rt{margin:0;}
  .v-nav li > a{padding:8px 5px;border-bottom: 1px solid #e6e6e6;}
  .vertical-wrap-nav.active .v-subNav{text-align: center;}
  .horizontal-header{display: block;box-shadow: none;position: static;}
  .h-nav{display: none;}
  .logo2{float: none;margin:0 auto;width: 310px;}
  .horizontal-header > div{height: auto;}
  .v-nav{width: 100%;padding:0 15px 10px;box-sizing: border-box;margin-top: 0;border:none;}
  .v-nav li:first-child{border-top: 1px solid #e6e6e6}
  .v-nav li strong{font-size: 18px;}
  .mobile-header-icon{display: block;}
  .mobile-v-logo{display: block;}
  .h-logo1,.h-logo2{width: auto;height: auto;}
  

}

@media screen  and (max-width:768px) {
  .friendLink{float: none;width: 100%;margin-bottom: 1px;text-align: center;padding:0;}
  .nList{margin:0;}
  .copyRight span{display: inline-block;}
  .copyRight i{display: none;}
  .mode01, .top_nav, .copyRight{padding-left: 15px;padding-right: 15px;}
  .v-nav li strong{font-size: 16px;}
  .v-nav li > a{padding:7px 5px;}
}
@media screen and (max-width:640px) {
  .picture1{width: 33.3%;}
  .col-sm-3{width: 50%;}
  .teacher-item-img img{    height: 210px;}
  .picture1{    height: 330px;}
  
	}
@media screen and (max-width:480px) {
   .nList li{width: 33.3%;margin-bottom:1px;}
   .nList li.wechat,.nList li:last-child{width: 50%;}
   .nList:after{clear: both;content: '';display: block;}
   .h-logo1 img{width: 160px;}
   .h-logo2 img{width: 90px;}
   .logo2{width: 265px;}
}
@media screen and (max-width:360px) {

 
}