body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1460px;}
.header-top{ background: #debb29; line-height: 40px; color: #fff; }
.header-top a{ color: #fff; }
.header-top span{ padding:0 20px; }
.logo{ line-height: 120px; }
.nav-box{ border-bottom: solid 1px #debb29; }
.nav-list li{float: left;margin-left: 30px;position: relative;}
.nav-list li a{ font-size: 18px; color: #555; line-height: 120px; display: inline-block; }
.about-img{ width: 48.25%; }
.about-box{ margin-top: 50px; }
.about-right{ width: 46.85%; padding-top: 35px; }
.about-right-tt{ font-size: 28px; color: #333; }
.about-right-p p{ color: #777; line-height: 35px; margin:0; text-align: justify; }
.about-right-p{ height: 210px; overflow:hidden; margin-top: 20px; }
.about-tabs li{ float: left; margin-right: 20px; margin-top: 35px; }
.about-tabs li a{ display: block; font-size: 18px; color: #f9901e; border:solid 1px #debb29; line-height: 48px; width: 160px; text-align: center; }
.about-tabs li.active a,.about-tabs li a:hover{ background: #debb29; color: #fff; }
.teacher-slick-box{ overflow:hidden; margin-top: 60px; }
.teacher-slick a{ display: block; position: relative; padding-top: 120%; margin:0 15px; }
.teacher-slick{ margin:0 -15px; }
.teacher-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.teacher-slick a span{ position: absolute; left: 0; bottom: 10%; right: 20%; background: rgba(0,0,0,0.8); line-height: 60px; color: #fff; text-align: center; border-right: solid 2px #debb29; font-size: 18px;}
.teacher-more{ display: inline-block; font-size: 18px; color: #333; margin-top: 35px; }
.back-box{ position: relative; overflow:hidden; background: #debb29; padding:80px 0; margin-top: 50px;}
.back-width{ width: 580px; }
.back-title{ font-size: 40px; color: #fff; font-weight: bold; line-height: 40px; margin-bottom: 50px; }
.tabs-list li a{ display: block; background: #fcf8ec; font-size: 16px; color: #333; width: 150px; height: 50px; line-height: 50px; text-align: center;}
.tabs-list li.active a{ background: #f48d14; color: #fff; }
.tabs-list li{ margin-bottom: 20px; }
.tabs-list li.tabs-tow{ margin-left: 80px; }
.tabs-list li.tabs-three{ margin-left: 150px; }
.tabs-list li.tabs-four{ margin-left: 80px; }
.back-txt{ font-size: 14px; color: #333; line-height: 35px; width: 180px; text-align: justify; height: 350px; overflow:hidden; }
.back-img{ position: absolute; right: 0; top: 0; bottom: 0; width: 50%; }
.link-img{ height: 238px; transition: 0.5s all; }
.link-ul li{ float: left; width: 33.333333%; }
.link-ul li a{ display: block; background: #f2f2f2; position: relative; overflow:hidden; }
.link-ul{ margin-top: 80px; }
.link-ul-box{ height: 238px; position: relative; padding:60px; z-index: 10; background: #f2f2f2;}
.link-ul-tt{ font-size: 30px; color: #333; line-height: 30px; }
.link-ul-box i{ position: absolute; right: 60px; bottom: 60px; width: 40px; height: 40px; background: url(../images/raw.png) center no-repeat; }
.link-ul li a:hover .link-img{ transform: scale(1.05,1.05); }
.bottom-tt{ font-size: 16px; color: #222; padding-left: 15px; background: url(../images/lind.png) left center no-repeat; }
.bottom{ margin-top: 80px; background: #ededed; padding:60px 0; }
.bottom-ul li{ margin-top: 10px; }
.bottom-ul li a{ color: #777; }
.bottom-width{ width: 12.5%; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding:50px 0; }
.footer-p p{ margin:0; color: #fff; line-height: 30px; }
.bottom-ul li a:hover,.teacher-more:hover,.bottom-tt a:hover,.nav-list li a:hover{ color: #fa911e; }
.header-box{ position: fixed; left: 0; top: 0; right: 0; z-index: 10000; background: #fff; }
body{ padding-top: 163px; }
.nav-down{position: absolute;display: none;min-width: 21rem;padding: 10px 0;left: -75px;top: 100%;background: #000;background: rgba(0,0,0,0.6);}
.nav-list li:hover .nav-down{ display: block; }
.nav-down li{ margin:0!important; float: none; }
.nav-down li a{font-size: 15px;line-height: 35px; color: #fff; border:none!important;text-align: center;display: block;padding:0 2rem;}
.nav-down li a:hover{color: #debb29;}
.nav-click{ margin-left: 5px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #debb29; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-box{ position: fixed; left: 50%; display: none; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search,.btn-search:hover,.btn-search:focus{ position: absolute; right: 0; background: #debb29; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}
.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5); display: none;}
.search-box-lg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; }
.link-ul li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 100;}
.link-ul li a{ transition: 0.3s all; }
.link-ul li a:hover .link-ul-box{ background: #debb29; }
/****************学生***************/
.xs-left{ width: 25%; }
.xs-left a{ display: block; border-right: solid 1px #fff; height: 600px; position: relative; }
.xs-left a span,.xs-list li a span{ position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -25px; z-index: 100; font-size: 20px; color: #fff; width: 140px; height: 50px; background: url(../images/a-back.png) center no-repeat; text-align: center; line-height: 50px; }
.xs-left a:before,.xs-list li a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.6; }
.xs-box{ margin-top: 50px; }
.xs-right{ width: 75%; }
.xs-list li{ float: left; width: 25%; }
.xs-list li a{ display: block; position: relative; border-right: solid 1px #fff; height: 300px; border-bottom: solid 1px #fff; }
.xs-list li.last{ width: 50%; }
.xs-list-b li a{ border-bottom:none; }
.xs-list li a:hover span,.xs-left a:hover span{ background: #fa911e; border-radius: 6px; }
.wh-back{ background: #eee; position: relative; margin-top: 90px; padding-bottom: 90px; }
.wh-back-left{ width: 580px; margin:0; padding-top: 130px; position: relative; z-index: 1000; }
.wh-title{ font-size: 30px; color: #333; line-height: 30px;}
.wh-lind{ width: 60px; border-top: solid 1px #fa911e; margin:30px 0; }
.wh-tt a{ font-size: 18px; color: #555; }
.wh-txt{ font-size: 16px; color: #777; line-height: 35px; margin-top: 25px;height: 150px; text-align: justify;height: 150px;overflow:hidden; }
.wh-more{ display: inline-block; background: #debb29; box-shadow: 0 16px 16px rgba(221,33,33,0.18); font-size: 16px; color: #fff; width: 180px; height: 50px; line-height: 50px; text-align: center; margin-top: 45px; }
.wh-more span{ padding-right: 30px; background: url(../images/raw02.png) right center no-repeat; }
.wh-back-left .slick-slide{ padding-bottom: 30px; overflow:hidden; }
.wh-back i{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0; background: url(../images/wh-img.png) left center no-repeat; background-size: cover; }
.wh-back-left .slick-dots{ left: 100%; width: 100px; text-align: left; bottom: -60px; }
.wh-back-left .slick-dots li,.wh-back-left .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%;  }
.wh-back-left .slick-dots li button{ background: #debb29; }
.wh-back-left .slick-dots li.slick-active button{ background: #fa911e; }
.slick-dots li button:before{ display: none; }
.lj-ul li{ float: left; width: 16.666666%; padding:0 15px; margin-top: 100px; }
.lj-ul-box{ height: 215px; background: #debb29; box-shadow: 0 0 10px rgba(222,187,41,0.6); }
.lj-ul-box a{ display: block; position: relative; height: 215px; }
.lj-ul-box a.lj01{ background: url(../images/lj01.png) center top no-repeat; }
.lj-ul-box a.lj02{ background: url(../images/lj02.png) center top no-repeat; }
.lj-ul-box a.lj03{ background: url(../images/lj03.png) center top no-repeat; }
.lj-ul-box a.lj04{ background: url(../images/lj04.png) center top no-repeat; }
.lj-ul-box a.lj05{ background: url(../images/lj05.png) center top no-repeat; }
.lj-ul-box a.lj06{ background: url(../images/lj06.png) center top no-repeat; }
.lj-ul-box a span{ position: absolute; left: 0; top: 0; line-height: 215px; right: 0; font-size: 22px; color: #fff; }
.lj-ul-box:hover{ background: #fa911e; }
.by-back{ margin-top: 100px; overflow:hidden; margin-bottom: -80px; background: url(../images/by-back.png) center no-repeat; background-size: cover; padding:70px 0; }
.by-box{ background: #fff; height:410px; position: relative; margin-top: 50px; padding:70px 60px 0 60px; }
.by-img{ position: absolute; left: 0; top: -50px; right: 0; }
.by-tt{ font-size: 20px; color: #fa911e; margin-bottom: 20px; }
.by-ul li a{ font-size: 16px; color: #555; background: #eee; line-height: 48px; margin-bottom: 10px; display: block; }
.by-more a{ display: inline-block; font-size: 16px; color: #fa911e; margin-top: 10px; }
.by-ul li a:hover{ background: #fa911e; color: #fff; }
.by-back .col-xs-3{ padding:0 40px; }
.by-back .row{ margin:0 -40px; }
.wh-more:hover{ color: #fff; background: #fa911e; }
.wh-tt a:hover{ color: #fa911e; }

@media( max-width: 1599px){
  .container{ width: 1230px; }
  .nav-list li{ margin-left: 25px; }
  .about-right{ padding-top: 0; }
  .back-width{ width: 550px; }
  .xs-left a{ height: 550px; }
  .xs-list li a{ height: 275px; }
}
@media( max-width: 1370px){

  .nav-list li{ margin-left: 17px !important; }

}
@media( max-width: 1279px){
  .container{ width: 970px; }
  .link-ul-box{ padding:30px; height: 180px; }
  .link-img{ height: 180px; }
  .link-ul-box i{ right: 30px; bottom: 30px; }
  .back-img{ width: 40%; }
  .about-tabs li a{ width: 125px; }
  .logo{ width: 300px; }
  .nav-list li{ margin-left: 10px; }
  .nav-list li a{ font-size: 16px; }
  .header-top span{ padding:0 10px; }
  .by-back .col-xs-3{ padding:0 10px; }
  .by-back .row{ margin:0 -10px; }
  .by-box{ padding-left: 40px; padding-right: 40px; }
  .wh-back-left{ width: 380px; }
  .xs-left a{ height: 400px; }
  .xs-list li a{ height: 200px; }
  }
@media( max-width: 991px){
  .search-box {
    width: 600px;
    margin-left: -300px;
}
  .container{ width: 750px; }
  .about-tabs li a{ width: 125px; }
  .logo-b{ width: 100%; text-align: center; }
  .footer-p{ width: 100%; text-align: center; margin-top: 20px; }
  .footer{ padding:30px 0; }
  .tabs-list li{ margin-left: 0!important; }
  .back-width{ width: 410px; }
  .logo{ line-height: 50px; }
  .logo img{ width: auto; height: 30px; }
  .nav-box .container{ width: 100%; }
  .nav-list{ position: absolute; left: 0;top: 100%; box-shadow: 1px 2px 3px #ddd; right: 0; background: #fff; border-top: solid 1px #ddd; display: none; }
  .nav-list li{ float: none; margin:0; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-list li a{ line-height: 40px; font-size: 16px; padding:0 15px; color: #333; }
  .menu-button{ display: block; }
    .nav-down{ position: static; }
    .nav-down li a{ text-align: left; }
.nav-click {
    display: block;
    z-index: 10000;
    position: absolute;
    color: #333;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.nav-down{ background: #debb29; }
.nav-down li a{ color: #fff!important; }
.nav-down li a:hover{ color: #333!important; }
.nav-box{ height:50px; position: relative;  }
.header-top .container{ width: 100%; }
.about-img{ width: 100%; }
.about-right{ width: 100%; margin-top: 20px; }
body{ padding-top: 90px; }
.by-box{ padding-left: 20px; padding-right: 20px; }
.lj-ul li{ width: 33.333333%; margin-top: 30px; }
.lj-ul{ padding-top: 70px; }
.wh-back-left{ width: 280px; }
}
@media( max-width: 768px){
  .container{ width: 100%; }
  .header-top{ line-height: 30px; }
  .header-top span{ padding:0 5px; }
  .header-top .pull-left{ display: none; }
  .about-box{ margin-top: 10px; }
  .about-right-tt{ font-size: 24px; }
  .about-right-p{ margin-top: 10px; height: 200px;}
  .about-right-p p{ line-height: 25px; }
  .about-tabs li{ width: 33.333333%; padding:0 5px; margin:20px 0 0 0; }
  .about-tabs{ margin:0 -5px; }
  .about-tabs li a{ width: 100%; font-size: 16px; }
  .teacher-slick a span{ font-size: 14px; height: 40px; line-height: 40px; }
  .back-width{ width: 100%; }
  .tabs-list{ width: auto;  float: none!important; margin:0 -5px; margin-bottom: 15px; }
  .tabs-list li{ width: 33.333333%; float: left; padding:0 5px; margin-bottom: 10px; }
  .tabs-list li a{ width: 100%; }
  .back-right,.back-txt{ width: 100%; }
  .back-img{ position: static; padding-top: 60%; width: 100%; margin-top: 15px; }
  .back-txt{ height: auto; line-height: 25px; }
  .back-box{ padding:30px 0; margin-top: 30px;}
  .back-title{ font-size: 24px; line-height: 24px; margin-bottom: 30px; }
  .link-ul li{ width: 100%; margin-bottom: 10px; }
  .link-ul-tt{ font-size: 24px; }
  .link-img{ height: 180px; }
  .link-ul li a{ height: 300px;  }
  .link-ul-box{ padding:15px; height: 120px; }
  .link-ul-box i{ right: 15px; bottom: 15px; }
  .link-ul li:nth-child(2) a{ padding-top: 180px; }
  .link-ul li:nth-child(2) a .link-img{ position: absolute; left: 0; top: 0; width: 100%; }
  .link-ul{ margin-top: 30px; }
  .bottom{ margin-top: 20px; padding:20px 0 5px 0; }
  .bottom-width{ width: 25%; position: relative; margin-bottom: 15px; }
  .bottom-ul{ display: none; }
  .bottom-tt{ padding-left: 10px; }
  .footer{ padding:20px 0 15px 0; }
  .footer-p p{ font-size: 12px; line-height: 25px; }
  .teacher-slick a{ padding-top: 110%; }
  .nav-click.active{ transform: rotate(180deg); }
  .search-box {
    width: auto;
    margin-left: 0;
    left: 15px;
    right: 15px;
}
.xs-left{ width: 100%; }
.xs-left a{ height: auto; padding-top: 50%; }
.xs-list li{ width: 100%; }
.xs-list li a{ height: auto; padding-top: 50%; }
.xs-right,.xs-list li.last{ width: 100%; }
.xs-box{ margin-top: 20px; }
.wh-back{ margin-top: 30px; }
.wh-back i{ display: none; }
.wh-back-left{ width: 100%; padding-top: 50px; }
.wh-back{ padding-bottom: 50px; }
.wh-back-left .slick-dots{ left: 0; width: 100%; text-align: center; bottom: -30px; }
.wh-more{ margin-top: 20px; }
.wh-txt{ line-height: 30px; height: 90px; margin-top: 15px; }
.lj-ul li{ width: 50%; margin-top: 15px; }
.lj-ul{ padding-top: 20px; }
.lj-ul-box a,.lj-ul-box{ height: 120px; }
.lj-ul-box a span{ line-height: 120px; }
.by-back{ margin-top: 30px; padding:30px 0 15px 0; }
.by-back .col-xs-3{ width: 50%; margin-bottom: 20px; }
.by-img img{ width: 60px; }
.by-img{ top: -30px; }
.by-back{ margin-bottom: -30px; }
.xs-list-b li a,.xs-left a{ border-bottom: solid 1px #fff; }
}