html {
  overflow-x: hidden;width: 100vw;
}
body {
  overflow-x: hidden;width: 100vw;margin: 0;padding: 0;
}
.max-width {
  width: 100%;max-width: 1440px;margin: 0 auto;
}
ul,
li {
  list-style: none;
}
a {
  color: #fff;
}
a:hover {
  text-decoration: none;color: #009a44 !important;
}
.hr {
  clear: both;
  width: 100%;
  height: 8px;
  background-color: #f2f6ff;  
}
.hr2{
  clear: both;
  width: 100%;    
  border-top:8px solid #f2f6ff;
  background-color: #fff; 
  padding-bottom:.2rem;
}
.pc-hidden {
  display: none !important;
}
/* header  */

.container-fluid#header {
  padding: 20px 0 20px 0;background-color: #f6f6f6;
}
header .row {
  display: flex;align-items: center;
}
header .row img.col-xs-8,
header .row img.col-xs-4 {
  padding: 0;
}

/* nav  */
#nav {
  background-color: #117e45;
}

#nav .collapse > ul{  
  width:100%;
  display:flex;
  justify-content: space-between;
}
#nav .collapse > ul > li,
#nav .collapse > ul > li >ul >li{
 /* width:100%;*/
   text-align: center;
}

#nav .collapse > ul > li >ul.navbar-nav{
  float:none;
}

#nav .collapse > ul > li >ul > li > ul >li:not(:last-child){border-bottom:1px solid #e5e5e5;width:100%;}
#nav .dropdown-menu > li > a{
  padding:12px 20px !important;
 
}
.dropdown-menu li{width:100%;}


#nav .collapse > ul > li a{
  font-size:16px !important;
}

#nav .collapse > ul > li > ul >li.open > a{color:#009a44 !important;}

#nav .dropdown-menu {
  min-width: auto !important;
  width:100%;
}

#nav .navbar{
  border-top:none;  
}


/* wap-nav  */

.wap-nav {
  display: none;margin: 0 auto;background-color: #117e45;
}
.wap-nav ul {
  display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;margin-bottom: 0;padding: 0;
}
.wap-nav ul li {
  width: 25%;text-align: center;border: 1px solid #999;border-top: none;border-left: none;box-shadow: 1px 1px 1px #666;
}
.wap-nav ul li:nth-child(4),
.wap-nav ul li:nth-child(8) {
  border-right: none;
}
.wap-nav ul li:nth-child(n+5) {
  border-bottom: none;
}
.wap-nav ul li a {
  line-height: 35px;display: block;height: 35px;color: #fff;
  /* font-size:.15rem; */
}
/* ban  */

#ban .carousel-inner .item img:first-child {
  display: block;
}
#ban .carousel-inner .item img:last-child {
  display: none;
}
#ban .carousel-indicators li {
  border: none;background-color: #fff;
}
#ban .carousel-indicators .active {
  background-color: #117e45;
}
/* 走进南粤  */

.pub_bt {
  position: relative;display: flex;justify-content: space-between;
  padding: 0rem .1rem .1rem .1rem;background-color: #fff;
}
.pub_bt h2 {
  font-size: 18px;  
  flex-shrink: 1;
  width: 3.15rem;
  height: .4rem;
  text-align: center;
  min-height:40px;
  color: #fff;
  background-color: #009a44;
  display: flex;    
  align-items: center;
  padding-left:.2rem;
}
.pub_bt h3 {
  display: flex;flex-direction: column-reverse;width: 3.15rem;height: .55rem;padding-right: .1rem;text-align: right;
}
.pub_bt a {
  color: #868487;
}
.pub_bt a:hover {
  color: #23527c;
}
/* tab1 */

#tab1 {
  display: flex;align-items: center;justify-content: space-between;background-color: #fff;
}
#tab1 .nav-left {
  margin-left: .2rem;
}
#tab1 .nav-left ul li {
  display: flex;align-content: center;align-items: center;flex-wrap: wrap;justify-content: center;margin-top: .15rem;padding: .27rem .4rem;cursor: pointer;color: #888;border: 1px solid #ededed;border-radius: 8px;background-color: #fff;
}
#tab1 .nav-left ul li.active {
  color: #fff;background-color: #117e45;
}
#tab1 .nav-left ul li h4,
#tab1 .nav-left ul li h5,
#tab1 .nav-left ul li h6 {
  width: 100%;margin: 0;text-align: left;white-space: nowrap;
}
#tab1 .nav-left ul li h4 {
  font-size: .22rem;font-weight: bold;padding-bottom: .05rem;
}
#tab1 .nav-left ul li h6 span {
  font-size: .18rem;line-height: .15rem;display: block;width: .15rem;height: .15rem;margin-top: 5px;text-align: center;color: #fff;background-color: #cbcbcb;
}
#tab1 .nav-left ul li.active h6 span {
  color: #117e45;background-color: #fff;
}
#tab1 .img-right {
  margin-left: .2rem;
}
#tab1 .img-right ul {
  padding-top: .15rem;
  padding-right: .15rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-around;
  height:5.6rem;
}
#tab1 .img-right ul li {
  border-radius: .1rem;
}
#tab1 .img-right ul li img {
  width: 100%;
  height:2.5rem;
  cursor: pointer;
  transition: .5s;
  border-radius: .06rem;
}
#tab1 .img-right ul li img:hover {
  transform: scale(1.05);border-radius: .1rem;
}
#tab1 .img-right ul.row:not(.active) {
  display: none;
}
#hot1 .row > div {
  padding-right: .1rem;padding-left: .1rem;
}
/* hot1 */

#hot1 {
  padding: 10px 0;background-color: #fff;
}
#hot1 ul {
  padding: 0;
}
#hot1 .dtit h3 {
  font-size: 15px;line-height: 42px;height: 42px;padding: 0 18px;color: #fff;background-color: #009a44;
}
/*快捷通道*/

.kjtd {
  overflow: hidden;width: 100%;height: 2.8rem;padding: 0;
}
.kjtd .dtit {
  line-height: 38px;overflow: hidden;height: 38px;border-bottom: solid 2px #009a44;
}
.kjtd h3 .layui-icon {
  padding-right: 20px;background: url(../img/icon/l1.png) no-repeat left 3px;
}
.kjtd ul {
  display: flex;align-content: space-between;flex-wrap: wrap;justify-content: space-between;height: calc(100% - 50px);margin-top: 12px;margin-left: 10px;
}
.kjtd ul li {
  font-size: 16px;line-height: 60px;width: 48%;height: 60px;border-radius: 5px;background-color: #e9e9e9;
}
.kjtd ul li a {
  color: #7799d1;
}
.kjtd ul li .layui-icon {
  font-size: 32px;line-height: 60px;display: block;float: left;width: 50px;height: 60px;margin-right: 10px;text-align: center;color: #fff;border-radius: 5px 0 0 5px;background-color: #7799d1;
}
.kjtd ul li:nth-child(2) a {
  color: #ec9553;
}
.kjtd ul li:nth-child(2) .layui-icon {
  background-color: #ec9553;
}
.kjtd ul li:nth-child(3) a {
  color: #796ad2;
}
.kjtd ul li:nth-child(3) .layui-icon {
  background-color: #796ad2;
}
.kjtd ul li:nth-child(4) a {
  color: #61b7b7;
}
.kjtd ul li:nth-child(4) .layui-icon {
  background-color: #61b7b7;
}
.kjtd ul li:nth-child(5) a {
  color: #86c294;
}
.kjtd ul li:nth-child(5) .layui-icon {
  background-color: #86c294;
}
.kjtd ul li:nth-child(6) a {
  color: #ea7aa8;
}
.kjtd ul li:nth-child(6) .layui-icon {
  background-color: #ea7aa8;
}
/*幻灯新闻*/

.tphd{
  position: relative;
  overflow: hidden;
  width: 4.62rem;
  height: 2.82rem;   
  box-sizing: border-box; 
}
.tphd ul.pic {
  position: relative;
  width:4.62rem !important;
  height:2.82rem !important;  
  overflow: hidden;
}

.tphd ul.pic li{
  width:4.62rem !important;
}


.tphd .pic img {
  display: block;width: 100%;height: 2.81rem;
}
.tphd .txt {
  position: absolute;z-index: 2;bottom: 0;overflow: hidden;
  height: .36rem;
  width:4.62rem;  
}

.tphd .txt-bg {
  position: absolute;z-index: 1;bottom: 0;overflow: hidden;width: 100%;
  height: .36rem;opacity: .4;background: #333;filter: alpha(opacity=40);
}
.tphd .txt li {
  line-height:.36rem; position: absolute;height:.36rem;
}
.tphd .txt li a {
  font-size: 12px;font-weight: bold;display: block;padding: 0 0 0 10px;text-decoration: none;color: white;
}
.tphd .num {
  position: absolute;z-index: 3;right: 8px;bottom: 8px;
}
.tphd .num li {
  line-height: 15px;position: relative;float: left;overflow: hidden;width: 18px;height: 15px;margin-right: 1px;cursor: pointer;text-align: center;
}
.tphd .num li a,
.tphd .num li span {
  position: absolute;z-index: 2;top: 0;left: 0;display: block;width: 100%;height: 100%;text-decoration: none;color: white;
}
.tphd .num li span {
  z-index: 1;opacity: .5;background: black;filter: alpha(opacity=50);
}
.tphd .num li.on a,
.tphd .num a:hover {
  background: #f60;
}
/*文章版块*/

.wzbk {
  overflow: hidden;width: 100%;height: 2.8rem;background-color: #fff;
}
.wzbk .dtit {
  line-height: 38px;overflow: hidden;height: 38px;border-bottom: solid 2px #009a44;
}
.wzbk .dtit h3 .layui-icon {
  padding-right: 20px;background: url(../img/icon/l2.png) no-repeat left 3px;
}
.wzbk .dtit .more {
  float: right;margin-right: 15px;
}
.wzbk .dtit .more:hover {
  color: #ccc !important;
}
.wzbk ul {
  overflow: hidden;height: auto;margin: 15px 15px 0 15px;
}
.wzbk ul li {
  font-size: 14px;line-height: 28px;overflow: hidden;height: 28px;padding-left: 20px;background: url(../img/icon/yuan.png) no-repeat left center;
}
.wzbk ul li .time {
  float: right;padding-right: 6px;
}
.wzbk ul li a {
  font-size: 14px;color: #444;
}
#hot1 .wzbk .dtit .more:nth-of-type(2) {
  display: none;
}
/* 优秀学子滚动 */

#yxxz {
  background: #fff;
  padding-top:.12rem;
}
.xzhd {
  width: 14.2rem;background-color: #fff;
}
.xzhd .bd {
  overflow: hidden;
}
#yxxz .xzhd .bd ul {  
  zoom: 1;
  height: 3.4rem;
  left:0 !important;
}
.xzhd .bd ul li {  
  overflow: hidden;box-sizing: border-box;
  width: 2.38rem !important;
  padding:0 .13rem .2rem 0rem !important;
  text-align: center;    
  height:3.4rem;
}
.xzhd .bd ul li img {
  display: block;width: 2.3rem;height: 3.4rem;border: solid 1px #ddd;
}
.xzhd .bd ul li img:hover {
  opacity: .7;
}
.xzhd .bd ul li a {
  font-size: 14px;position: relative;display: block;color: #333;
}
.xzhd .bd ul li a p {
  line-height: 1.7;position: absolute;bottom: .2rem;display: block;
  width: 2.3rem;
  height: 1rem;
  padding: 7px 5px;color: #fff;background-color: rgba(17, 126, 69, .9);
  box-sizing: border-box;
  overflow:  hidden;
}
.xzhd .bd ul li a p strong {
  display: block;
}
/* 校园美景滚动 */

#xymj {
  background: #fff;
  padding-top:.12rem;
}
.tpbk {
  width: 14.2rem;background-color: #fff;
}
.tpbk .bd {
  overflow: hidden;width: 100%;
}
.tpbk .bd ul {
  overflow: hidden;
  zoom: 1;
  height:2rem;
}
.tpbk .bd ul li {
  display: inline-block;
  overflow: hidden;
  margin: .1rem 0 .1rem .1rem;
  text-align: center;
  width:2.4rem;
  height:1.8rem;
}
.tpbk .bd ul li img {
  display: block; width: 2.4rem;height: 1.8rem;
  border: solid 1px #ddd;
}
.tpbk .bd ul li a {
  font-size: 14px;position: relative;display: block;color: #333;
}
.tpbk .bd ul li a span {
  position: absolute;bottom: 0;display: block;width: 100%;padding: 5px 0;color: #fff;background-color: rgba(17, 126, 69, .9);
}

.xymj_ul2{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
  padding:0 .4rem;
}
.xymj_ul2 li{
  width:45%;
  margin-top:.25rem;
}
.xymj_ul2 li a{
  color:#666;
  display: inline-block;
  text-align: center;  
}
.xymj_ul2 li a img{
  width:100%;
  margin-bottom: .1rem;
}

/* 招生咨询 */
#zszx{
  padding-bottom:.4rem;
}
#zszx h2{
  background-color: #6fbc2e;
  text-align: center;
  color:#fff;
  padding:.2rem 0;
  font-size:.4rem;
  font-weight: 550;  
}
#zszx .jcsj{position:relative;}
#zszx .jcsj:after { 
  display:block; 
  content:""; 
  height:.2rem;   
  background-color:transparent;
  background-size:.25rem .5rem; 
  margin-top:-0.05rem;  
  background-image:
  linear-gradient(45deg, #6fbc2e 25%, transparent 25%, transparent), 
  linear-gradient(-45deg, #6fbc2e 25%, transparent 25%, transparent), 
  linear-gradient(45deg, transparent 75%, #6fbc2e 75%), 
  linear-gradient(-45deg, transparent 75%, #6fbc2e 75%); 
}
#zszx ul.qq {
  display: flex;
  flex-wrap: wrap;  
  justify-content:space-evenly;
  padding:.3rem 0 .2rem 0;
}
#zszx ul.qq li {
  background: url(../img/icon/qq.png) no-repeat .5rem center;
  background-size: .4rem auto;
  width:42%;
  margin:.2rem 0;
  border:1px solid #999;
  border-radius: .2rem;
  text-align: center;  
  padding:.2rem 0;
}

#zszx ul.qq li a {
  color:#666;  
  font-size:.3rem;
}

#zszx ul.kj{
  display:flex;  
  justify-content: space-evenly;
}

#zszx ul.kj li{
  background-color:#009a44;
  padding:.35rem 0; 
  text-align: center;  
  width:42%;
}

#zszx ul.kj li a{
  font-size:.3rem;
  color:#fff;
}


/* foot */
#foot {
  padding: .2rem 0 .25rem 0;background-color: #117e45;
  font-size:.14rem;max-width:1920px;width:100%;
}
#foot a {color:#fff;}
#foot a:hover{
  color:#fff !important; text-decoration: underline;
}
#foot > ul {
  display: flex;flex-wrap: wrap;justify-content: center;
}
#foot > ul > li {
  padding: .15rem .18rem;  
}
#foot .wrap ul {  
  width:95%;
  max-width:880px;
  margin:.2rem  auto 0 auto;
}
#foot .wrap ul li{
  float: left;  
  overflow: hidden;
  padding-left:.15rem;
  margin-right:.25rem;    
}


#foot .wrap ul li:first-child p{
  display: inline-block;
  color:#fff;    
  text-align: center;
}

#foot .wrap ul li:not(:first-child) {
    color:#fff;    
  line-height:1.8;
  padding-top:.2rem;
}

#foot .wrap ul li p img{
  display: block;
  width: 1.2rem;  
  margin-bottom:.05rem;
}


#foot h5 {
  margin-top: .2rem;
  text-align: center;
  font-size:.14rem;
  color:#ccc;
}
#foot h5 a{color:#ccc;}
/* 手机屏幕尺寸 最大767*/

@media (max-width: 767px) {
  .wap-hidden {
    display: none !important;
  }
  .wap-show {
    display: block !important;
  }
  .container-fluid#header {
    padding: 10px 5px 10px 10px;
  }
  a {
    font-size: 14px;
  }
  .wap-nav {
    display: block;
  }
  #nav {
    display: none;
  }
  /* ban */
  #ban .carousel-inner .item img:first-child {
    display: none;
  }
  #ban .carousel-inner .item img:last-child {
    display: block;
  }
  /* 校园动态  */
  #hot1 #hot-dt {
    padding-right: 7px;padding-left: 7px;
  }
  #hot1 .wzbk {
    height: 100%;padding-bottom: 15px;
  }
  #hot1 .wzbk .dtit h3 {
    display: inline-block !important;
  }
  #hot1 .wzbk .dtit .more {
    color: #333;
  }
    /*foot*/
    #foot .wrap ul li:first-child{
      width:100%;
      text-align: center;
      display: flex;
      justify-content: space-evenly;
    }
    #foot .wrap ul li:first-child p img{
      width:2rem;
      height:auto;
    }
}
/* 平板尺寸 最大1170 */

@media (max-width: 1170px) {
  #hot1 .wzbk {
    height: 100%;padding-bottom: 15px;
  }
}
/* ather  */

.iconfont {
  font-family: 'iconfont' !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}