@charset "utf-8";

/*==========================================公共 开始=============================================*/

/* 学院概况 */
.xygk .fl01{padding-bottom: .7rem;}

.xygk img{width: 100%;display: block;}
.xygk .fl01 .left{width: 60%;padding-left: .5rem;transition: 0.5s;}
.xygk .fl01 .right{width: 40%;}
.xygk .fl01 .right::after{width: auto;height: 90%;bottom: 0rem;left: -0.2rem;right: 5%;background: #11823b;}
.xygk .fl02{width: 100%;padding-top: 0.5rem;}
.xygk .fl02 .wp{width: 15.3rem;align-items: center;}
.xygk .fl02::after{height: auto;width: 100%;top: 0.65rem;bottom: 0.65rem;background: #e7f2f0;}
.xygk .fl02 .left{width: 45%;justify-content: space-between;}
.xygk .fl02 .right{width: 55%;padding-left: .4rem;}
.xygk .fl02 .left{align-items: center;}
.xygk .fl02 .left ul{width: 48.5%;}
.xygk .fl02 .left ul:last-child li{margin-bottom: 0.4rem;}
.xygk .fl02 .left .scale{position: relative;}
.xygk .fl02 .left .scale img{display: none;}
.xygk .fl02 .left .imged{padding-bottom: 100%;}
.xygk .fl02 .left .p{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;flex-direction: column;align-items: center;justify-content: center;}
.xygk .fl02 .left .p p{font-size: 0.24rem;color: #fff;line-height: 0.4rem;margin-top: .1rem;}
.xygk .fl02 .left .p p span{font-size: 0.6rem;color: #fff;font-family: impact;display: inline-block;padding-right: .1rem;}
.xygk .fl02 .right ul{justify-content: space-between;}
.xygk .fl02 .right li{width: 33.3%;border-right: 1px solid #11823b;margin-bottom: 0.6rem;}
.xygk .fl02 .right li .p{text-align: center;}
.xygk .fl02 .right li h4{font-display: 0.16rem;color: #11823b;}
.xygk .fl02 .right li h4 span{font-size: 0.5rem;font-family: impact;display: inline-block;padding-right: .1rem;}
.xygk .fl02 .right li p{margin-top: .15rem;font-size: 0.18rem;color: #333;line-height: 1.5;}

.xygk .fl03{position: relative;padding: 0.55rem 0;}
.xygk .fl04{margin-bottom: .5rem;width: 100%;background: url(../images/gkbg.jpg) no-repeat center/cover;padding: .5rem 0;}
.xygk .fl04 .wp{align-items: center;}
.xygk .fl04 .left{width: 38%;}
.xygk .fl04 .right{width: 62%;padding-left: .5rem;}

.xygk .cont p{margin-bottom: .3rem;text-indent: 2em;font-size: 0.24rem !important;color: #333;line-height: 0.4rem !important;text-align: justify;font-family: "宋体" !important;}
.xygk .cont p span{font-size: 0.2rem !important;color: #333;line-height: 0.36rem !important;font-family: "宋体" !important;}



@media(min-width: 1024px){
  
}
@media screen and (max-width: 1024px) {
  .xygk .fl02 .right{padding-left: 0;}
 .xygk .fl03{margin-top: -.3rem;}
 .xygk .fl02 .left .p p span,.xygk .fl02 .right li h4 span{font-size: .4rem;}
}
@media screen and (max-width: 768px) {
  .xygk .fl01{padding-bottom:.4rem;}
  .xygk .fl01 .left{width: 100%;padding-left: 0rem;margin-top: .3rem;}
  .xygk .fl01 .right{width: 100%;}
  .xygk .fl01 .right::after{bottom:-.2rem;}
  .xygk .fl01 .right img{width: 80%;margin: 0 auto;}
  .xygk .fl02:after{top:0;bottom:0;}
  .xygk .fl02 .left{width:100%;justify-content: center;}
  .xygk .fl02 .left ul{display:flex;width:33.3%;}
  .xygk .fl02 .left ul li{width:100%;padding:0 .1rem;}
  .xygk .fl02 .left ul:last-child{width:66.6%}
  .xygk .fl02 .left ul:last-child li{margin-bottom:0;}
  .xygk .fl02 .right{width:100%;margin-top:.3rem;}
  .xygk .fl04 .left{width: 100%;margin-bottom: .3rem;}
  .xygk .fl04 .right{width: 100%;padding-left: 0;margin-bottom: .3rem;}
  .xygk .cont p{margin-bottom: .1rem;}
  .xygk .fl02 .left .p p span,.xygk .fl02 .right li h4 span{font-size: .3rem;}
  .xygk .fl02 .left .p p{font-size:.2rem;margin-top: 0;}
  .xygk .fl02 .right li{margin-bottom:.3rem;}
  .xygk .fl04{padding: .4rem 0 .2rem;margin-bottom: .3rem;}
}
@media screen and (max-width: 420px) {
  
}

/* 历史沿革 */
.lsyg {
  /*height: 6rem;*/
  overflow: hidden;
  position: relative;
}

.lsyg #imgContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

.zoomableContainer {
  background: #fff;
}

/* .lsyg #imgContainer::before{content: "鼠标滚轮控制放大缩小";display: block;position: absolute;top: 50px;font-size: 16px;color: #333;z-index: 1;opacity:0;transition:0.5s;right: .2rem;} */
.lsyg #imgContainer:hover:before {
  opacity: 1;
}

.lsyg #positionButtonDiv {
  position: absolute;
  top: .2rem;
  right: .1rem;
}

.lsyg #positionButtonDiv img {
  width: 0.25rem;
  height: 0.25rem;
  border: 1px solid #ccc;
  border-radius: 50%;
}


@media screen and (max-width: 768px) {
  .lsyg {
    height: 4rem;
  }
}

@media screen and (max-width: 500px) {
  .lsyg {
    height: 2.5rem;
  }
}

/*********** table *********/
.SinglePage .table{border: 1px solid #e6e7f1;}

.table thead tr th {
  font-size: 18px !important;
  background: #22c77d;
  letter-spacing: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 600;
  text-align: center;
  border-bottom: 0;
  color: #fff;
  
}
.table thead tr th p{
    font-size:15px !important;
}
.table p{
font-size:14px;
margin:0;
line-height:150%;
}
.table tbody tr:nth-child(odd) {
  background: #f9f9f9;
    text-align: center;
    height: 65px;
}
.table tbody tr:nth-child(even) {
  background:#fff;
  text-align: center;
  height: 65px;
}
.table.normal tbody tr td {
  vertical-align: top;
}

.row div.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
