@charset "utf-8";html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a {margin:0;padding:0;}
* {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
body {
  font-size:14px;
  line-height:28px;
  font-family: "Microsoft YaHei","微软雅黑",sans-serif;
  color:#666666;
  overflow-x:hidden;
  background-color: #f5f5f5;
  max-width: 750px;
  margin: 0 auto;
}
ul,li {list-style:none;}
i,em,cite {font-style:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
img,input {border:none;vertical-align:middle;}
img {transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;display: block;width: 100%;}
a {font-size:14px;font-family: "Microsoft YaHei",sans-serif;color:#333333;text-decoration:none;color:#333333;-ms-transition-duration:0.3s;/* transition-duration:0.3s;*/}
a:hover {color:#00a71c;}
table {
    border: 1px solid #000;
    border-collapse: collapse;
}
td,tr {border:1px solid #ccc;}
.fix:after {display:block;content:"\200B";height:0;clear:both;}
.fix {*zoom:1;}
.p20 {padding:0 0.2rem;}
/*header*/
.header {background: url(../../UploadFiles/header.png) no-repeat left  center;overflow: hidden;height: 0.88rem;background-size: 100%;}
.logo {width:4.97rem;height: 0.9rem;margin:0 auto;position: absolute;top: 0.18rem;left: 50%;margin-left: -2.485rem;}
.logo img {display: block;width:100%;}
.meun {
    float: right;
}
.meun-con {width:0.51rem;margin-top: 0.25rem;margin-right: 0.22rem;}
.meun-con img {display: block;width:100%;}
.meun-list {position: absolute;top: 0.88rem;width: 7.5rem;left: 0;background: #69bb5b;z-index: 1000;}
.meun-list ul li {
    text-align: center;
    padding: 0 0.1rem;
}
.meun-list ul li a {
    display: block;
    border-bottom: 0.02rem solid #fff;
    font-size: 0.28rem;
    height: 0.76rem;
    line-height: 0.76rem;
    color: #fff;
    font-weight: bold;
}

.meun-list {display: none;}
/*banner*/
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{}
.slides li img {width: 100%;display: block;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom: 0.1rem;z-index:2;left: 50%;margin-left: -0.3rem;}
.flex-control-nav li{
  display: block;
  float: left;
  width: 0.13rem;
  height: 0.13rem;
  margin-right: 0.15rem;
  background: #fff;
  cursor: pointer;
  element.style 
    opacity: 1;
  border-radius: 0.06rem;
}

.flex-control-nav li a {width: 100%;height: 0.13rem;width: 0.13rem;display: block;color:transparent;text-align:center;overflow:hidden;border-radius: 0.06rem;}
.flex-control-nav .flex-active{background: #6dbd5e;border-radius: 0.06rem;}
/*column-meun*/
.column-meun {
    background: #fff;
    padding: 0.3rem 0 0.18rem 0;
}
.column-meun ul {}
.column-meun ul li {float: left;width:25%;padding:0;text-align: center;}
.column-meun ul li a {
    display: block;
}
.column-meun ul li img {
    width: 1.45rem;
    height: 1.45rem;
    margin: 0 auto;
}
.column-meun ul li p {font-size:0.24rem;color:#424242;line-height: 0.6rem;}
/*professional*/
.professional {
    background: #fff;
    margin-top: 0.15rem;
    padding: 0.2rem 0 0.3rem;
    overflow: hidden;
}
.all-title {
    padding: 0.2rem 0.2rem;
    overflow: hidden;
}
.all-title h3 {float:left;padding-left: 0.15rem;height: 0.38rem;line-height: 0.38rem;font-size: 0.38rem;color:#69bb5b;border-left: 3px solid #69bb5b;}
.all-title  a {display:block;float: right;font-size:0.26rem;color:#7d7979;line-height: 0.38rem;}
.professional-list {}
.professional-list ul {
    width: 100%;
    overflow: hidden;
}
.professional-list ul li {float:left;}
.professional-list ul li a {
    display: block;
}
.professional-list ul li img {
    display: block;
    width: 3.46rem;
    height: 1.42rem;
    margin: 0.1rem 0 0.1rem 0.2rem;
}
/*teacher*/
.teacher-list {padding: 0 0.25rem;margin-top: 0.05rem;}
.teacher-list ul {width:100%;overflow: hidden;}
.teacher-list ul li {background: #fff;padding: 0.2rem 0.25rem;margin-bottom: 0.15rem;}
.teacher-list ul li a {display: block;overflow: hidden;}
.teacher-list ul li i {display: block;float: left;width:1.85rem;height:1.85rem;background: #eaeaea;border-radius: 50%;}
.teacher-list ul li i img {display: block;width: 1.67rem;height: 1.67rem;border-radius: 50%;margin: 0 auto;margin-top: 0.09rem;}
.teacher-list ul li p {float: left;margin-left:0.75rem;line-height: 0.4rem;font-size:0.25rem;color:#666666;width: 3.8rem;}
.teacher-list ul li p span {display: block;line-height: 0.68rem; font-size:0.3rem;color:#424242;}
.teacher-list ul li p font {display: block;height: 0.8rem;overflow: hidden;}

/*news*/
.news {}
.news-list {
    margin-top: 0.05rem;
    padding: 0 0.2rem;
}
.news-list ul {border-top:1px dotted #828282;}
.news-list ul li {position: relative;padding: 0.2rem 0;border-bottom:1px dotted #828282;}
.news-list ul li a {display: block;padding-left: 1.2rem;}
.news-list ul li h3 {font-size:0.28rem;font-weight: bold;color:#333333;line-height: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about-page .news-list ul li p {line-height: 0.4rem;font-size:0.28rem;color:#828282;height: 0.88rem;overflow: hidden;text-align: left;} 
.news-list ul li .date {display: block;width:0.61rem;height:0.57rem;text-align: center;line-height: 0.72rem;position: absolute;top: 0.25rem;left: 0.2rem;background: url(../../images/wrap/index_44.png) no-repeat left center;background-size: 100%;font-size: 0.25rem;color: #333333;}
/*environment*/
.environment {
    position: relative;
    background: url(../../images/wrap/ev.jpg) no-repeat left top;
    background-size: 100%;
    margin-top: 0.3rem;
}
.environment .all-title {
    padding: 0.3rem 0.2rem;
}
.environment .all-title h3 {
    color: #fff;
    border-left: 3px solid #fff;
}
.environment .all-title a {
    color: #fff;
}
.environment-list {
 margin: 0 0.7rem;
 line-height: 1.8rem;
 padding-bottom: 0.2rem;
 height: 2.45rem;
}
.environment .prev,.environment .next {width:0.45rem;position: absolute;top: 1.7rem;z-index:  1000;}
.environment .prev img,.environment .next img {display: block;width:0.45rem;height:0.45rem;}
.environment .prev {
    left: 0.15rem;
}
.environment  .next {
    right: 0.15rem;
}
.environment-list ul {
    -moz-box-sizing:border-box; /* Firefox */
     /* Safari */
}
.environment-list ul li {float:left;margin:0 0.08rem;text-align: center;}
.environment-list ul li a {display: block;}
.environment-list ul li img {display: block;width: 2.9rem;height: 1.8rem;}
.environment-list ul li p {
    line-height: 0.45rem;
    color: #333333;
    font-size: 0.2rem;
}
/*order*/
.order {
    margin-top: 0.08rem;
}
.order-form {
    width: 7rem;
    margin: 0.08rem auto 0;
}
.order-form input {
    width: 7rem;
    height: .96rem;
    padding-left: .18rem;
    box-sizing: border-box;
    border: 0;
    margin-right: .2rem;
    outline: 0;
    font-size: .16rem;
    margin-bottom: .2rem;
    font-size: .28rem;
    color: #000;
    border-radius: .12rem;
}
.order-form .btn-sub {
    width: 1.75rem;
    height: 0.75rem;
    margin: 0 auto;
    padding-left: 0;
    background: #69bb5b;
    color: #fff;
    margin-left: 2.6rem;
}
/*footer*/
.footer {margin-top:0.3rem;background: #4ea65b;color:#fff;}
.h-foot {padding:0.27rem 0;border-bottom:1px solid #fff;}
.h-foot-fl {margin-top: 0.2rem;float:left;line-height: 0.4rem;margin-left: 0.5rem;}
.h-foot-fl h3 {margin-top:0.1rem;font-size:0.3rem;background: url(../../images/wrap/index_64.png) no-repeat left center;padding-left: 0.75rem;background-size: 16%;margin-bottom: 0.1rem;}
.h-foot-fl p {font-size: 0.28rem;font-weight: bold;}
.h-foot-fr {float: right;margin-right: 0.5rem;}
.h-foot-fr ul li {float: left;margin-left: 0.16rem;} 
.h-foot-fr ul li a {display: block;color: #fff;font-size: 0.2rem;} 
.h-foot-fr ul li img {display: block;width:1.46rem;height:1.46rem;} 
.b-foot {
    padding: 0.18rem 0.5rem 0.28rem;
}
.b-foot p {
    font-size: 0.25rem;
    line-height: 0.35rem;
}

/* about-page */
.side-bar {
    background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 0.1rem 0;
}
.side-bar a {
    display: block;
    float: left;
    width: 25%;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.28rem;
    border-right: 0.01rem solid #fff;
    border-bottom: 0.01rem solid #fff;
    color: #fff;
    background: #84c772;
    box-sizing: border-box;
}
.side-bar .currclass {
    background: #278818;
}
.about-page {
  margin-bottom: .3rem;
}
.about-page .show {
    width: 7rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: .2rem;
    box-sizing: border-box;
    border-radius: .12rem;
    margin-top: .3rem;
}
.about-page  p {
    color: #333;
    font-size: .28rem;
    text-align: center;
    line-height: 0.6rem;
}
.about-page .show .news-list {
    width: 100%;
}
.about-page .show .news-list ul {border:none;}
.about-page .show .news-list ul li a {width: 5rem;}
.show form {
    width: 100%;
    border-right: 1px solid #ccc;
    overflow: hidden;
}
.about-page .show .title {
    font-size: .28rem;
    color: #333;
    padding-left: .3rem;
    position: relative;
    line-height: .28rem;
    margin: .12rem 0;
    font-weight: bold;
}
.about-page .show .title:after {
    content: "";
    width: .06rem;
    height: .3rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #84c772;
}
.about-page .show .author {
    padding-left: .3rem;
    color: #999;
    margin-bottom: .26rem;
}
.show form span {width: 1.5rem;display: inline-block;}
.show form input {width:2rem;}
/*top-img*/
#toTop {
    z-index: 99999;
    bottom: 0rem;
    right: 0;
    height: 41px;
    width: 30px;
    text-align: center;
    position: fixed;
    cursor: pointer;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
#toTop img {
    /* max-height: 28px; */
}
.about-page .teacher-list,.about-page .news-list {margin-top:10px;}
.about-page .show img {display:block;width: auto;max-width: 100%;=: 2.7rem}
.about-page .show .pic-list {width:100%;overflow:hidden;}
.about-page .show .pic-list li {width: 33.33%;float:left;padding: 0 1%;}
.about-page .show .pic-list li p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.about-page .show .pic-list li img  {
    display: block;
    width: 100%;
    height: 2.7rem;
}