@charset "utf-8";
body *{
    font-family:'Microsoft YaHei','微软雅黑' !important;
    font-size: .16rem;    
    color: #000;
}
a:hover{
  color: #005f62;
}
.overflowhidden{
  overflow: hidden;
}
.pb_sys_style1 .p_no_d,.pb_sys_style3 .p_no_d{
  border: 1px solid #005f62 !important;
  color: #fff;
 background-color: #005f62 !important;
}
.com-w{
  width: 14.4rem;
  margin: 0 auto;
}
.com-flex{
  display: flex;
  flex-wrap: wrap;
}
.com-title{
  margin-bottom: .15rem;  
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .8rem;
  padding-left: .72rem;
  position: relative;
}
.com-title.flexend{
  justify-content: flex-end;
}
.com-title .ico{
  position: absolute;
  left:0rem;
  top: .06rem;
}
.com-title .ico img{
  transition: all .3s;
  width: .66rem;
}
.com-title:hover img{
  animation: shake 1s ease-in-out 0s;
}
.com-title h2{
  position: relative;
  font-size: .36rem;
  text-align: left;
  color: #005f62;
  font-weight: bold;
  margin-bottom: .1rem;
}
.com-title h6{
  position: relative;
  font-size: .16rem;
  text-align: left;
  color: #999;
  font-weight: normal;
  position: relative;
}
.com-title.red h2{
  color: #CC3300;
}
.com-title.w *{
  color: #fff;
}
.com-title.switch{
  position: relative; 
  border-radius: .8rem;
  padding: 0;
  justify-content: flex-start;
}
.com-title.cen,.com-title.cen-t,.com-title.mc{
  justify-content: center;
  padding-left: 0;
}
.com-title.mc h2,.com-title.mc h6{
  text-align: center;
}
.com-title.cen-t.lficobox .tls{
   position: relative;
}
.com-title.cen,.com-title.cen-t .lfico{
  /*position: absolute;
  left: 0;
  top: 0;*/
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-title.cen-t .lfico img.w7{
  width: 65%;
  display: block;
}
.com-title.cen-t .lfico img.w8{
  width: 65%;
  display: block;
}
.com-title.e h6::after{
  content: "Notices and Announcements";
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
}
.str_wrap {
  overflow:hidden;
  //zoom:1;
  width:100%;
  font-size:12px;
  line-height:16px;
  position:relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;  
  white-space:nowrap;
}

.str_wrap.str_active {
  /*background:#f1f1f1;*/
}
.str_move { 
  white-space:nowrap;
  position:absolute; 
  top:0; 
  left:0;
  cursor:move;
}
.str_move_clone {
  display:inline-block;
  //display:inline;
  //zoom:1;
  vertical-align:top;
  position:absolute; 
  left:100%;
  top:0;
}
.str_vertical .str_move_clone {
  left:0;
  top:100%;
}
.str_down .str_move_clone {
  left:0;
  bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space:normal;
  width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
  cursor:inherit;
}
.str_wrap img {
  max-width:none !important;  
}
.switch-btn .btn{
   width: .48rem;
   height: .48rem;
   border-radius: 50%;
   outline: none;
   /*background-color: #005f62;*/
   border: 1px solid #c0bfbb; 
   display: flex;
   align-items: center;
   transition: all .3s;
   margin-right: .2rem;
}
.switch-btn .btn .n{
   display: block;
}
.switch-btn .btn .h{
   display: none;
}
.switch-btn .btn:hover{
  background: #005f62;
}
.switch-btn .btn:hover .h{
  display: block;
}
.switch-btn .btn:hover .n{
  display: none;
}
.com-title.switch .tls{
  cursor: pointer;
  position: relative;
  padding-right: .32rem;
  margin-right: .32rem;
}
.com-title.switch .tls:after{
  position: absolute;
  right:  0rem;
  height: .5rem;
  width: 2px;
  background: #fff;
  content: "";
}
.com-title.switch .tls:last-child:after{
  background: transparent;
}
.switchbox .com-title.switch .tls *{
  transition: all .3s;
}
.switchbox .com-title.switch.w .tls .z,.switchbox .com-title.switch.w .tls h6{
  color: #ddd;
  
}
.switchbox .com-title.switch.w .tls.show .z,.switchbox .com-title.switch.w .tls.show h6,.switchbox .com-title.switch.w .tls:hover h6{
  color: #fff;
 
}
.switchbox .com-title.switch .tls h2{
   color: #999;
}
.switchbox .com-title.switch .tls.show h2{
  color: #005f62;
}

.switchbox .com-title.switch.w .tls h2{
   color: #ddd;
}
.switchbox .com-title.switch.w .tls.show h2,.switchbox .com-title.switch.w .tls:hover h2{
  color: #fff;
}
.lb_wrap{display:none;}
.lightbox_bg{background:#000;filter:alpha(opacity=70);opacity:.7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;}
.lightbox{position:fixed;left:0;top:50%;width:100%;z-index:2;text-align:center;}
.lightbox p{position:absolute;height:61px;width:38px;top:50%;left:0;z-index:2;background:transparent url(../img/themes.png) no-repeat left top;margin-top:-30.5px;cursor:pointer;}
.lightbox p.next{left:auto;background-position:right top;right:0;}
.lightbox img{
  width:50%;
  transition: all .3s;
}
.com-line{
  position: relative;
}
.com-line::after{
  position: absolute;
  left: 0;
  bottom: -1px;
  content: "";
  height: 1px;
  width: 0;
  transition: all .3s;
  background: #005f62;
} 
.com-line:hover::after{
  width: 100%;
}
.com-title .tls{
  height: .8rem;
  display: flex;
  align-items: center;
}
.com-title .z{
  font-size: .7rem;
  height: 100%;
  margin-right: .1rem;
  color: #005f62;
}
.com-title .w{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.com-title .more01{
  width: 1rem;
  height: 1rem;
  display: block;
  line-height: 1rem;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: .18rem;
}
.com-title .more01::after{
  content: "";
  border-radius: 50%;
  border: 2px dotted #efefef;
  border-left: 2px dotted #005f62;
  border-right: 2px dotted #005f62; 
  position: absolute; 
  width: 100%;
  height: 100%;
  left: -2px;
  top: 0;
}
.com-title .more01:hover::after{
  animation: circleturn 2s linear infinite;
  transform-origin: 50% 50%;
}
.com-title .more01 span{
  display: block;
  text-align: center;
  margin-left: 4px;
}

.com-title .more{
  background: url(../img/theme-bg.png) no-repeat center center;
  width: .88rem;
  height: .88rem;
  display: block;
  line-height: .88rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.com-title .more::after{
  content: "";
  border-radius: 50%;
  border: 2px dotted #efefef;
  border-left: 2px dotted #005f62;
  border-right: 2px dotted #005f62; 
  position: absolute; 
  width: 100%;
  height: 100%;
  left: -2px;
  top: 0;
}
.com-title.w .more::after{
  content: "";
  border-radius: 50%;
  border: 2px dotted #efefef;
  border-left: 2px dotted #fff;
  border-right: 2px dotted #fff; 
  position: absolute; 
  width: 100%;
  height: 100%;
  left: -2px;
  top: 0;
}
.com-title .more:hover::after{
  animation: circleturn 2s linear infinite;
  transform-origin: 50% 50%;
}
.com-title .more span{
  display: block;
  text-align: center;
  margin-left: 4px;
}

@keyframes circleturn {
  100% {
       transform: rotateZ(-1turn);
   }
}
.com-bg{  
  background: rgba(255,255,255,.8);
}
.com-img-responsive {
    width:100%;
    overflow:hidden;
    display:block;
    background: url(../img/img_bg.png) no-repeat bottom center #f0d8a8;
}
.com-img-responsive img {
    width:100%;
    height: 100%;
    transition:all 0.5s ease-in-out;
    object-fit: cover;
}
.com-img-responsive img:hover {
    transform:scale(1.03);
    opacity:0.85;
}
.com-ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block;
}
.home-mbg{
    background-image: url(../img/mbg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 4rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateY(1rem);
    transition: top .1s ease;
    width: 4rem;
    z-index: -1;
    margin-left: -2rem;
}
.theme-footer{  
  position: relative;
  padding: .26rem 0;
  margin-top: 1rem;
}
.theme-footer::before{
    content: "";
    display: block;
    position: absolute;
    left: 4.5%;
    bottom: 0;
    right: 0;
    height: 1.92rem;
    background: #C6CFD7;
}
.theme-footer::after{
  content: "";
  display: block;
  position: absolute;
  left: 7.1%;
  bottom: 0;
  right: 0;
  height: 100%;
  background: #005f62;
}
.theme-footer .com-w{
  position: relative;  
  height: 2rem;
}
.theme-footer .logo {
  position: absolute;
  z-index: 1;
  left: 0;
  right: auto;
  top: 0.46rem;
  bottom: auto;
  width: 1.8rem;
}
.theme-footer .logo img{
  width: 3.6rem;
}
.theme-footer  .wwwinfo {
  position: absolute;
  z-index: 1;
  left: 4rem;
  right: auto;
  top: 0.5rem;
  bottom: auto;
  width: 3.5rem;
}
.theme-footer  .wwwinfo p {
  color: #fff;
  font-size: .14rem;
  margin-bottom: .1rem;
  display: flex;
  align-items: center;
}
.theme-footer  .wwwinfo span{
  display: block;
  width: .18rem;
  margin-right: .1rem;
}
.theme-footer  .wwwinfo span img{
 width: 100%;
}
.theme-footer  .wwwinfo strong{
  display: block;
  font-weight: normal;
  color: #fff;
  font-size: .14rem;
}
.theme-footer .beian {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  border-top: rgba(255, 255, 255, 0.27) solid 1px;
  width: 100%;
}
.theme-footer .beian span {
  opacity: 0.6;
  line-height: 0.45rem;
  padding-right: 0.12rem;
  display: inline-block;
  color: #fff;
}
.theme-footer .beian *{
  color: #fff;
  display: inline-block;
  font-size: .14rem;
}
.header-box{
  position: relative;
}
.header-box .header{  
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  height: 1.3rem;
  z-index: 9999999;
  transition: .5s;
  background: url(../img/headerbg.png) repeat-x left bottom;
  background-size: auto 99%;
}
.header-box.fixed .header{
  background: rgba(0,95,98,.9);
  transition: all .3s;
}
.header-box.fixed .header.hov{
  background: transparent;
}
.header-box .header::before{
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  background: rgba(0,95,98,.9);
  transition: all .5s;
  z-index: -1;
  background-size: .16rem .16rem;
}
.header-box .header.hov::before{
  height: 3.6rem;
} 
.header-box .header .com-w{
  justify-content: space-between;
  padding: .2rem;
  width: 100%;
}
.header-box .header .logo img{
  width: 4.2rem;
}
.header-box .header .rg {
  width: calc(100% - 4.2rem);
  justify-content: flex-end;
}
.header-box .header .rg .top .alist{
  justify-content: flex-end;
}
.header-box .header .rg .top ul{
  justify-content: flex-end;
  align-items: center; 
  padding-right: .26rem; 
}
.header-box .header .rg .top .tool{
  justify-content: flex-end;
  align-items: center;
  background: rgb(255,255,255,.3);
  border-radius: .8rem 0 0 .8rem;
  padding: .1rem .26rem .1rem 0;
}
.header-box .header .rg .top li{
  margin-left: .26rem;
}
.header-box .header .rg .top li *{
  color: #fff;
  font-size: .14rem;
}
.header-box .header .rg .top a:hover{
  font-weight: bolder;
  color: #f1b133;
}
.header-box .header .rg .alist .sch-tool{
  position: relative;
}
.header-box .header .rg .alist .search{
  width: .28rem;
  height: .28rem;
  padding-top: .1rem;
  position: relative;
  background: transparent;
  border:none;
  cursor: pointer;
  outline: none;
}
.header-box .header .rg .alist .sch-tool::after{
  position: absolute;
  content: "";
  right:  0;
  top: 0;
  width: .32rem;
  height: .32rem;
  background: url(../img/sch_m.png) no-repeat center center;
  background-size: 100% 100% !important;
  z-index: -1;
}
.header-box .header .rg .alist .sch-tool:hover::after{
  animation: shake 1s ease-in-out 0s;
}
.header-box .header .rg .alist .sch-tool form{
  align-items: center;
}
.header-box .header .rg .alist .sch-box{  
  width: 0rem;
  margin-right: .1rem;
  transition: all 1s;
  overflow: hidden;
}
.header-box .header .rg .alist .sch-box.show{
  width: 2rem;
}
.header-box .header .rg .alist .sch-box input{
  font-size: .14rem;
  color: #fff;
  background: transparent;  
  padding: .02rem .1rem;
  border:1px solid rgba(255,255,255,.8);  
  height: .22rem;
  border-radius: .1rem;
  width: 1.7rem;
}
.header-box .header ::-webkit-input-placeholder { 
    color: #fff;
}
.header-box .header :-moz-placeholder { 
    color: #fff;
}
.header-box .header ::-moz-placeholder { 
    color: #fff;
}
.header-box .header :-ms-input-placeholder {
    color: #fff;
}
.header-box .header .nav-box {
  display: block;
  text-align: right;
}
.header-box .header .nav-box ul{
  position: relative;
}
.header-box .header .nav-box li{
  text-align: center;
  display: inline-block;
}
.header-box .header .nav-box .n-name{
  display: block;
  height: 0.62rem;
  line-height: 0.62rem;
  font-size: 0.18rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  width: 1rem;
}
.header-box .header .nav-box li.nor{

  position: relative;
}
.header-box .header .nav-box li.hov  .n-name{  
  color: #f1b133;
}
.header-box .header .nor .sub{
   display: none;
   opacity: 0;
   position: absolute;
   left: 50%;
   top: .6rem;
   width: 2.6rem;
   transition: all .6s;
   text-align: center;
    overflow: hidden;
    margin-left: -1.3rem;
}
.header-box .header .nor .sub.lf{
  text-align: left;
  left: .2rem;
  margin-left: 0;  
}
.header-box .header .nav-box li.nor.hov .sub{
  display: block;
  opacity: 1;
  height: 5rem;
}
.header-box .header  .nor .sub a{
  display: block;
  color: #fff;
  margin-bottom: .2rem;
  font-size: .16rem;
  transition: all .3s;
}
.header-box .header  .nor .sub a:hover{
  font-weight: bold;
  color: #f1b133;
}
.header-box .header .hospitallist .sub{
   display: none;
   opacity: 0;
   position: absolute;
   right: 0;
   top: .5rem;
   background: url(../img/hospbg.png) bottom center no-repeat rgba(255,255,255,.98);
   height: 3.6rem;
   overflow: hidden;
   width: 10.6rem;
   border-radius: .08rem;  
   padding: .5rem;
}
.header-box .header  .hospitallist.hov .sub{
  display: block;
  opacity: 1;
  box-shadow: 0px 0px 0.4rem 0px rgba(3, 63, 50, 0.27);
}
.header-box .header .hospitallist .sub .s-box{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.header-box .header .hospitallist .sub  .bm{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;/*
  border-top: 1px solid #eee;*/
  padding: .26rem 0;  
}
.header-box .header .hospitallist .sub  .bm span{
  display: inline-block;
  margin: 0 .26rem;
  color: #005f62;
  font-size: .14rem;
}
.header-box .header .hospitallist .sub a:hover{
  color: #005f62;
}
.header-box .header .hospitallist .sub a{
  width: 2.2rem;
  height: .56rem;
  overflow: hidden;
  display: block;
  margin: 0 0 .16rem 0;
  float: left;
  margin-right: .26rem;
}
.header-box .header .hospitallist .sub a:nth-child(4n){
  margin-right: 0rem;
}
.header-box .header .hospitallist .cover{
  width: 2.2rem;
  height: .56rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: .1rem;
  border: 1px solid #eee;
  border-radius: .08rem;
}
.header-box .header .hospitallist .cover img{
  width: 100%;
}
.header-box .header .hospitallist a:hover .cover{
 border-color: #d19920;
}
.banners-box{
  background: url(../img/bg1.jpg) center; 
  background-size: .5rem .5rem;
  position: relative;
}
.banners-box .swiper-slide{ 
  position: relative; 
  overflow: hidden; 
  z-index: 1; 
  height: 100%;
}
.banners-box .swiper-slide img{
  width: 100%;
  transform: scale(1.5);
}
.banners-box .inner{
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  border-radius: 0 0rem 0 0;
  height: 100vh;
}
.banners-box .home-banners{
  height: 100%;
}
.banners-box .bottom{
  position: absolute;
  left: 0;
  bottom: .3rem;
  align-items: center;
  justify-content: center;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.theme-media{
  position: absolute;
  right: 0;
  top: -1rem;
  z-index: 2;
}
.theme-media ul{
  display: flex;
}
.theme-media li{
 height: .6rem;
 margin-right: .5rem;
 position: relative;
 display: flex;
 transition: all .3s;
}
.theme-media li a>img{
 height: 1.8rem;
 box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.theme-media li a{
  display: block;
  text-align: center;
}
.theme-media li p{
  font-size: .12rem;
  text-align: center;
  color: #fff;
  margin-top: .1rem;
}
.theme-media .media-title{
  margin-bottom: .5rem;
}
.theme-media .media-title h3{
  font-size: .16rem;
  color: #005f62;
  font-weight: 700;
}
.theme-link {
  position: relative;
  padding-bottom: .26rem;
  margin-top: .5rem;
}
.theme-link .com-w{
  position: relative;
}
.theme-link .title {
  font-size: 0.3rem;
  color: #000;
  line-height: 1em;
  padding: .5rem 0;
  background: url(../img/link_ico.png) no-repeat center left;
  padding-left: .68rem; 
}
.theme-link .list {
  width: 9rem;
  overflow: hidden;
}
.theme-link .list li {
  width: 30%;
  display: inline-block;
  margin-right: .26rem;
  margin-bottom: .26rem;
}
.theme-link .list a {
  display: block;
  border-bottom: #DDD solid 1px;
  font-size: 0.16rem;
  color: #616161;
  line-height: 0.45rem;
}
.theme-link .list a:hover {
  color: #005f62;
}
.banners-box .arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;transition: .5s;
  outline: none;
}
.banners-box .arrow img{ 
  width: .3rem;
   height: .3rem
 }
.banners-box .swiper-pagination-bullets{ 
  margin: 0 .2rem;
  display: inline-block;
  width: auto;
  position: relative;
}
.swiper-pagination-bullet-active{
  outline: none;
}
.banners-box .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #d19920;
}
.banners-box .dots span{
  width: .12rem;
  height: .12rem;
  opacity: 1 !important;
  outline: none;
  background: #fff;
  display: inline-block;
  margin: 0 .12rem;
  cursor: pointer;
}


.addAnimationImg {
    animation: imgScale 3s 1 forwards;
}

 @keyframes imgScale {
    0% {
      transform: scale(1.5);
    }

    100% {
      transform: scale(1);
    }
  }
@-webkit-keyframes borderAnimation {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(8deg, -8deg);
    transform: skew(8deg, -8deg);
  }

  66% {
    -webkit-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}
@-webkit-keyframes borderAnimation1 {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(8deg, -8deg);
    transform: skew(8deg, -8deg);
  }

  66% {
    -webkit-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}
.ani-img-responsive:before{
  content:'';
  position:absolute;
  width:60px;
  height:100%;
  margin-top:0px;
  margin-left:-120px;
  overflow:hidden;
  z-index:6;
  background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));
  background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
  background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
  -webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.ani-img-responsive:hover:before{
  -webkit-animation:aniBlink .6s ease-out forwards;
  -moz-animation:aniBlink .6s ease-out forwards;
  -o-animation:aniBlink .6s ease-out forwards;  
  animation:aniBlink .6s ease-out forwards}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@keyframes shake { 
  0%{
    transform: rotate(0deg);
  }
  25%{
    transform: rotate(45deg);
  }
  50%{
    transform: rotate(0deg);
  }
  75%{
    transform: rotate(-45deg);
  }
  100%{
    transform: rotate(0deg);
  }
}
#aside-nav-box{
  position: fixed;
  right: 0px;
  bottom: 5%;
  z-index: 999999;
}
#aside-nav-box .top{
  width: 1rem;
}
#aside-nav-box .top img{
  width: 100%;
  opacity: .8;
}
#aside-nav-box .ct{ 
  background-color: rgba(0,95,98,.9);
  box-shadow: 0 0 10px rgba(29,32,136,0.5);
  z-index: 999999;
  padding: .20rem;
  position: relative;
  border-radius: .1rem;
}

#aside-nav-box li{
  display: block;
  height: .42rem;
  position: relative;
}
/*#aside-nav-box li:after{
  content: "";
  position:absolute;
  left: 50%;
  bottom:0;
  margin-left: -.3rem;
  width: .6rem;
  height: 1px;
  background: rgba(112,180,43,.8);
}
#aside-nav-box li:last-child:after{
  background: transparent;
}*/
#aside-nav-box li a{
  display: block;
  line-height: .58rem;
  text-align: center;
  color: #fff;
}
#aside-nav-box li a:hover{
  font-weight: bolder;
  color: #f1b133;
}
#aside-nav-box .ct{
  position: relative;
  overflow: hidden;
}
#aside-nav-box .ct .line {  
    position: absolute;  
}  
  
#aside-nav-box .ct .line:nth-child(1) {  
    top: 5px;  
    left: 5px;  
    width: 100%;  
    height: 1px;  
    background: rgba(255,255,255,.8);  
    animation: animateline1 8s linear infinite;  
}  
#backtop img{
  width: .32rem;
}  
#aside-nav-box .msgchildbox{
  position: absolute;
  right: 0rem;
  top: 0;
  background: #eee;
  padding: 0rem;
  width: 0;
  transition: all .3s;
  overflow: hidden;
}
#aside-nav-box .msgchildbox.show{
  width: 3rem;
  right: 1rem;
  padding: .26rem;
}
#aside-nav-box .msgchildbox dd{
  height: .48rem;
  border-bottom: 1px solid #fff;
  line-height: .48rem;
}
  
@keyframes animateline1 {  
    0% {  
        left: -100%;  
    }    50%,  
    100% {  
        left: 100%;  
    }}  
  
#aside-nav-box .ct .line:nth-child(2) {  
    top: -100%;  
    right: 5px;  
    width: 2px;  
    height: 100%;  
    background: rgba(255,255,255,.8); 
    animation: animateline2 8s linear infinite;  
    animation-delay: 2s;  
}  
  
@keyframes animateline2 {  
    0% {  
        top: -100%;  
    }  
    50%,  
    100% {  
        top: 100%;  
    }}  
  
#aside-nav-box .ct .line:nth-child(3) {  
    bottom: 5px;  
    right: 5px;  
    width: 100%;  
    background: rgba(255,255,255,.8);  
    animation: animateline3 8s linear infinite;  
    animation-delay: 4s;  
}  
  
@keyframes animateline3 {  
    0% {  
        right: -100%;  
        height: 2px;  
    }  
    50%,  
    100% {  
        height: 2px;  
        right: 100%;  
    }}  
  
#aside-nav-box .ct .line:nth-child(4) {  
    bottom: -100%;  
    left: 5px;  
    width: 2px;  
    height: 100%;  
    background: rgba(255,255,255,.8);  
    animation: animateline4 8s linear infinite;  
    animation-delay: 6s;  
}  
  
@keyframes animateline4 {  
    0% {  
        bottom: -100%;  
    }  
    50%,  
    100% {  
        bottom: 100%;  
    }
}
.theme-com{
  padding: .5rem  0;
  overflow-x: hidden;
}
.theme-news.top{
  position: relative;
}
.theme-news.top::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;    
  background:url(../img/f_bg.jpg) repeat; 
}
.theme-news.top .com-title{
  justify-content: space-between;
  width: 100%;
}
.theme-news.bm{
  position: relative;
}
.theme-news.bm::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;  
  background:url(../img/ban.jpg) center center repeat; 
}
.theme-news .com-w{
  display: flex;
  justify-content: space-between;
}
.theme-news .com-w .left{
  width: 62%;
  position: relative;
}
/*.theme-news .com-w .left:after{
  position: absolute;
  right: -.1rem;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(0,95,98,.9);
  content: "";
}*/
.theme-news .com-w .right{
  width: 34%;
}
.theme-news .com-w .left .ct{
 justify-content: space-between;
 background: #fff;/*
 border-bottom: 3px solid #d19920;*/
}
.theme-news .left .sbanner .swiper-pagination-bullets{ 
  display: block;
  width: auto;
  position: absolute;
  left: 0rem;
  bottom: .26rem;
  z-index: 3;
  width: 100%;
  text-align: right;
  padding-right: .26rem;
}
.theme-news .left .sbanner .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #d19920;
}
.theme-news .left .sbanner .dots span{
  width: .12rem;
  height: .12rem;
  opacity: 1 !important;
  outline: none;
  background: #eee;
  display: inline-block;
  margin: 0 .12rem;
  cursor: pointer;
}
.theme-news .left .sbanner{
  position: relative;
  width: 100%;
}
.theme-news .sbanner a{
  display: block;
  position: relative;
}
.theme-news .sbanner .cover {
    width:100%;
    height:5.96rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}

.theme-news .sbanner  .sbanner-desc{  
  line-height: .5rem;  
  padding: .26rem  1rem;
}
.theme-news .sbanner  .sbanner-desc .title{ 
    line-height: .22rem;
    height: .44rem;
    margin-bottom: .26rem;
    font-weight: bolder;
    color: #fff;
    font-size: .22rem;
}
.theme-news .sbanner  .sbanner-desc .info{
  word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    font-size: .16rem;
    line-height: .26rem;
    text-indent: 2em;
    text-align: justify;
    /*height: 1.04rem;*/
}
.theme-news .sbanner .swiper-card {
    z-index: 10000;
    left:  0rem;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    height: 1rem;
    width: 100%;  
    position: absolute;
    bottom: 0;
}
.theme-news .sbanner .swiper-card .date{
  font-size: .14rem;
  padding: .26rem;
  background: url(../img/time_r.png) no-repeat left center;
  position: absolute;
  left: 0;
  bottom: .1rem;  
  margin-left: .26rem;
}
.theme-news .sbanner .swiper-card .more{
  position: absolute;
  right: .26rem;
  bottom: .26rem;
  border: 1px solid hsla(0,0%,50%,.25);
   display: block;
   width: 1rem;
   height: .4rem;
   text-align: center;
   line-height: .4rem;
   border-radius: .28rem;
   color: #333;
   margin-top: .1rem;
}
.theme-news .sbanner .swiper-card .more:hover{
  background: #005f62;
  color: #fff;
}
.theme-news .sbanner .swiper-card *{
  color: #333;
}
.theme-news .sbanner .swiper-card .time{
   width: 1rem;
   height:.5rem;
   text-align: center;
   color:  #0f66bb; 
   display: flex;
   align-items: center;
   flex-direction: column; 
   border-right: 1px solid #33333336;
}
.theme-news .sbanner .swiper-card .time p{
  font-size: .16rem;
  font-family: Times New Roman;
}
.theme-news .sbanner .swiper-card .time .d{
  font-size: .16rem;
  font-weight: bold;
  line-height: .5rem;
  font-family: Times New Roman;
}
.theme-news .sbanner .switch-btn{
   position: absolute;
   cursor: pointer;
   bottom: 0rem;
   right: 0;
   width:11vw;
   display: flex;
   justify-content: space-between;
   padding: 0 .5rem;
}
.theme-news  .news-word-list{
  background: #fff;
}
.theme-news  .news-word-list li{
  font-size: .16rem;
  border-bottom: 1px dashed  hsla(0,0%,50%,.25); 
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .1rem 0;
}
.theme-news  .news-word-list li a{
  display: block;
  font-size: .2rem; 
  width: calc(100% - .68rem);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: .26rem;
  text-align: justify;
  padding-right: .26rem;
}
.theme-news  .news-word-list  .datetime{
 /* color: #ffffff;
  background-color: #005f62;*/
  text-align: center;
  height: .7rem;
  width:.62rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; 

}
.theme-news  .news-word-list  .datetime h5{
  margin: 0;
  font-size: .2rem;
  color: #005f62;
  line-height: 1.2; 
  font-weight: bold;
  width: .5rem;
  height: .48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100% !important;
  background:url(../img/date_bg.png) no-repeat center top;
}
.theme-news  .news-word-list  .datetime span{
  font-size: .14rem;
  display: block;
  color: #005f62;
  margin-top: .1rem;
}
.theme-news .com-w .right .more-b{
  width: 100%;
  text-align: right;
}
.theme-news .com-w .right .more-b a{
  line-height: .48rem;
  color: #999;
}
.theme-news .com-w .right .more-b a:hover{
  color: #005f62;
}
.theme-news  .notice-word-list li{
  line-height: .36rem;
  font-size: .16rem;
  border-bottom: 1px solid hsla(0,0%,50%,.25);
  margin-bottom: .1rem;
}
.theme-news .notice-word-list li p{
  font-size: .16rem;  
}
.theme-news .notice-word-list li a:hover p{
  color:  #005f62;
}
.theme-news .news-word-list li:last-child,.theme-news  .notice-word-list li:last-child{
  margin-bottom: 0;
}
.theme-news-third{
  background:url(../img/f_bg.jpg) repeat;
  /*background: url(../img/bg001.jpg) repeat-x bottom center;*/
}
.theme-news-third .com-title{
  justify-content: space-between;
  width: 100%;
}

.theme-news-third .com-w{
  display: flex;
  justify-content: space-between;
}
.theme-news-third .com-w .left{
  width: 48%;
  position: relative;
}
.theme-news-third .com-w .right{
  width: 48%;
}
.theme-news-third .com-w .left .ct{
 justify-content: space-between;
}
.theme-news-third .left .sbanner .swiper-pagination-bullets{ 
  display: block;
  width: auto;
  position: absolute;
  left: 0rem;
  bottom: 1.26rem;
  z-index: 3;
  width: 100%;
  text-align: right;
  padding-right: .26rem;
}
.theme-news-third .left .sbanner .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #d19920;
}
.theme-news-third .left .sbanner .dots span{
  width: .12rem;
  height: .12rem;
  opacity: 1 !important;
  outline: none;
  background: #eee;
  display: inline-block;
  margin: 0 .12rem;
  cursor: pointer;
}
.theme-news-third .left .sbanner{
  position: relative;
  width: 100%;
}
.theme-news-third .sbanner a{
  display: block;
  position: relative;
  border:1px solid #eee;
}
.theme-news-third .sbanner .cover {
    width:100%;
    height:3.69rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}

.theme-news-third .sbanner  .sbanner-desc{ 
  padding: 0 .26rem 0 .8rem;
}
.theme-news-third .sbanner  .sbanner-desc .title{ 
    line-height: 1rem;
    height: 1rem;
    color: #333;
    font-size: .22rem;
}
.theme-news-third .sbanner .swiper-card {
    z-index: 10000;
    left:  0rem;
    background: #fff;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    height: 1rem;
    width: 100%;  
    position: relative;
}
.theme-news-third .sbanner:hover .swiper-card{
  background: #d19920;
}
.theme-news-third .sbanner:hover .swiper-card *{
  color:  #fff !important;
}
.theme-news-third .sbanner .swiper-card *{
  color: #333;
}
.theme-news-third .sbanner .swiper-card .time{
   width: 1rem;
   height:.5rem;
   text-align: center;
   color:  #0f66bb; 
   display: flex;
   align-items: center;
   flex-direction: column; 
   border-right: 1px solid #33333336;
}
.theme-news-third .b-img {
  padding: .16rem;
  margin-top: .26rem;
  background: url(../img/h-icon-3.png) no-repeat top left;
  box-shadow: 0 0 0.05rem 1px rgba(0,0,0,.3);
  position: relative;
}
.theme-news-third .b-img .bmbg {
  background: url(../img/h-icon-4.png) no-repeat bottom right;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  z-index: 1;
}

.theme-news-third .b-img .cover {
    width:100%;
    height:3.28rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
    z-index: 10;
}
.theme-news-third  .news-word-list{
  margin-top: .26rem;
  width: 100%;
}
.theme-news-third  .news-word-list.mtp0{
  margin-top: 0;
}
.theme-news-third  .news-word-list ul{
}
.theme-news-third  .news-word-list li{
  font-size: .16rem;
  background: #fff; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .68rem;
  padding: .1rem .26rem .1rem .9rem;
  margin-bottom: .26rem;
  position: relative;
}
.theme-news-third  .news-word-list.rheight li{
  height: 1.12rem;
}
.theme-news-third  .news-word-list li:hover{
  background: #d19920;
}
.theme-news-third  .news-word-list li a{
  display: block;
  font-size: .22rem; 
  width: 100%;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: .68rem;
  text-align: justify;
}

.theme-news-third .news-word-list li::after{
  /*background: url(../img/h-icon-1.png) center center repeat-y #ffe2aa;*/
  content: "";
  height: 100%;
  width: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
.theme-news-third .news-word-list li:last-child{
  margin-bottom: 0;
}
/*.theme-news-third .news-word-list li:hover{
  background: url(../img/h-icon-2.png) repeat;
}*/
.theme-news-third .news-word-list li:hover *{
  color: #fff !important;
}
.theme-news-third .news-word-list .date,.theme-news-third .sbanner .swiper-card .date{
  font-size: .14rem;
  position: absolute;
  left: .16rem;
  top: 0;
  color: #999; 
  height: 100%;
  width: .5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.theme-news-third .news-word-list .date strong,.theme-news-third .sbanner .swiper-card .date strong{
  font-size: .3rem;
  color: #005f62;
  font-weight: normal;
}
.theme-news-third .news-word-list .date b,.theme-news-third .sbanner .swiper-card .date b{ 
  font-size: .2rem;
  color: #a5a5a5;
  margin-top: .05rem;
}
.theme-news-two{
  background:url(../img/f_bg.jpg) repeat;
  /*background: url(../img/bg001.jpg) repeat-x bottom center;*/
}
.theme-news-two .com-w{
  display: flex;
  justify-content: space-between;
}
.theme-news-two .com-w .left{
  width: 62%;
  position: relative;
}
.theme-news-two .com-w .right{
  width: 38%;
}
.theme-news-two .com-w .left .ct{
 justify-content: space-between;
}
.theme-news-two .left .sbanner .swiper-pagination-bullets{ 
  display: block;
  width: auto;
  position: absolute;
  left: 0rem;
  bottom: .26rem;
  z-index: 3;
  width: 100%;
  text-align: right;
  padding-right: .26rem;
}
.theme-news-two .left .sbanner .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #d19920;
}
.theme-news-two .left .sbanner .dots span{
  width: .12rem;
  height: .12rem;
  opacity: 1 !important;
  outline: none;
  background: #eee;
  display: inline-block;
  margin: 0 .12rem;
  cursor: pointer;
}
.theme-news-two .left .sbanner{
  position: relative;
  width: 100%;
}
.theme-news-two .sbanner a{
  display: block;
  position: relative;
}
.theme-news-two .sbanner .cover {
    width:100%;
    height:6.05rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}

.theme-news-two .sbanner  .sbanner-desc{  
  line-height: .5rem;  
  padding: .26rem  1rem;
}
.theme-news-two .sbanner  .sbanner-desc .title{ 
    line-height: .22rem;
    height: .44rem;
    margin-bottom: .26rem;
    font-weight: bolder;
    color: #fff;
    font-size: .22rem;
}
.theme-news-two .sbanner  .sbanner-desc .info{
  word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    font-size: .16rem;
    line-height: .26rem;
    text-indent: 2em;
    text-align: justify;
    /*height: 1.04rem;*/
}
.theme-news-two .sbanner .swiper-card {
    z-index: 10000;
    left:  0rem;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    height: 1rem;
    width: 100%;  
    position: absolute;
    bottom: 0;
}
.theme-news-two .sbanner .swiper-card .date{
  font-size: .14rem;
  padding: .26rem;
  background: url(../img/time_r.png) no-repeat left center;
  position: absolute;
  left: 0;
  bottom: .1rem;  
  margin-left: .26rem;
}
.theme-news-two .sbanner .swiper-card .more{
  position: absolute;
  right: .26rem;
  bottom: .26rem;
  border: 1px solid hsla(0,0%,50%,.25);
   display: block;
   width: 1rem;
   height: .4rem;
   text-align: center;
   line-height: .4rem;
   border-radius: .28rem;
   color: #333;
   margin-top: .1rem;
}
.theme-news-two .sbanner .swiper-card .more:hover{
  background: #005f62;
  color: #fff;
}
.theme-news .sbanner .swiper-card *{
  color: #333;
}
.theme-news .sbanner .swiper-card .time{
   width: 1rem;
   height:.5rem;
   text-align: center;
   color:  #0f66bb; 
   display: flex;
   align-items: center;
   flex-direction: column; 
   border-right: 1px solid #33333336;
}
.theme-news-two .sbanner .swiper-card .time p{
  font-size: .16rem;
  font-family: Times New Roman;
}
.theme-news-two .sbanner .swiper-card .time .d{
  font-size: .16rem;
  font-weight: bold;
  line-height: .5rem;
  font-family: Times New Roman;
}
.theme-news-two .sbanner .switch-btn{
   position: absolute;
   cursor: pointer;
   bottom: 0rem;
   right: 0;
   width:11vw;
   display: flex;
   justify-content: space-between;
   padding: 0 .5rem;
}
.theme-news-two .b-img {
  padding: .16rem;
  margin-top: .26rem;
  background: url(../img/h-icon-3.png) no-repeat top left;
  box-shadow: 0 0 0.05rem 1px rgba(0,0,0,.3);
  position: relative;
}
.theme-news-two .b-img .bmbg {
  background: url(../img/h-icon-4.png) no-repeat bottom right;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  z-index: 1;
}

.theme-news-two .b-img .cover {
    width:100%;
    height:3.28rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}
.theme-news-two  .news-word-list{
  margin-top: .26rem;
  width: 100%;
}
.theme-news-two  .news-word-list.mtp0{
  margin-top: 0;
}
.theme-news-two  .news-word-list ul{
}
.theme-news-two  .news-word-list li{
  font-size: .16rem;
  background: #fff; 
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc(100% / 5);
  padding: 0 0 0 .8rem;
  position: relative;
  border-bottom: 1px solid #eee;
}
.theme-news-two  .news-word-list li.act{
  background: #005f62;
  z-index:100
}
.theme-news-two  .news-word-list li .tl{
  display: block;
  font-size: .18rem; 
  width: calc(100% - 1.77rem);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: .28rem;
  text-align: justify;
  padding-right: .26rem;
  position: relative;
  z-index: 1;
}
.theme-news-two .news-word-list li.act::after{
  background: #bf8c1f;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  left: -.15rem;
  top: -7px; 
  bottom:-7px; 
  z-index: 0; 
  right: -10px;
}
.theme-news-two .news-word-list li:last-child{
  margin-bottom: 0;
}
.theme-news-two .news-word-list li.act *{
  color: #fff !important;
}
.theme-news-two .news-word-list .date,.theme-news-two .sbanner .swiper-card .date{
  font-size: .14rem;
  position: absolute;
  left: .16rem;
  top: 0;
  color: #999; 
  height: 100%;
  width: .5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  z-index: 1;
}
.theme-news-two .news-word-list .date strong,.theme-news-two .sbanner .swiper-card .date strong{
  font-size: .3rem; 
  color: #005f62;
  font-weight: normal;
  text-align: center;
  display: block;
}
.theme-news-two .news-word-list .date b,.theme-news-two .sbanner .swiper-card .date b{ 
  font-size: .2rem;  
  text-align: center;
  display: block;
  color: #a5a5a5;
  margin-top: .1rem;
}
.theme-news-two .news-word-list .cover{
  width: 1.77rem;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.theme-news-two .news-word-list .cover a{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  display: block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  overflow: 
}
.theme-news-two .news-word-list .cover a img{
  width: 100%;
}
.theme-news-two .news-word-list li.act .cover a{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.theme-news .bm{
   justify-content: space-between;
}
.theme-news .bm .lf{
   width: 48%;
}
.theme-news .bm .bm-more{
  padding: .5rem 0;
}
.theme-news .bm .bm-more a.show{
  display: block;
}
.theme-news .bm .bm-more a{
  display: none;
  width: 2rem;
  color: #fff;
  text-align: center;
  font-size: .18rem;
  border: 1px solid #fff;
  width: 1.5rem;
  height: .48rem;
  line-height: .48rem;
  text-align: center; 
  border-radius: .08rem;
  float: right;
}
.theme-news .bm .bm-more a:hover{
  font-weight: bold;
  background: #fff;
  color: #f1b133;
}
.theme-news .bm .rg{
   width: 48%;
}
.theme-news .bm  li{
  width: 100%;
  position: relative;
}
.theme-news .bm ul{
  justify-content: space-between;
}
.theme-news .bm .nlist{
  border-radius: 20px;
  overflow: hidden;
  height: 7.36rem;
}
.theme-news .bm .nlist a{
  display: block;
  /*box-shadow: 0px 4px .25rem 0px rgba(5, 74, 83, 0.31);*/
  background: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.theme-news .bm .cover{
  width: 100%;
  height: 4.6rem;
  overflow: hidden;
}
.theme-news .bm .cover img{
  width: 100%;
}
.theme-news .bm .nlist .swiper-card{
  height: .8rem;
  padding: .26rem;
  z-index: 5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
}
.theme-news .bm .nlist .swiper-card .title{
  font-size: .22rem;
  color: #fff;
  line-height: .28rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bolder;
}
.theme-news .bm .nlist li.s{
  height: .68rem;
  line-height: .68rem;
  border-bottom: 1px solid #eee;
}
.theme-news .bm .nlist li.s a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .26rem;
}
.theme-news .bm .nlist li.s .time{
  line-height: .25rem;
  background: #e1f2ec;
  border-radius: .05rem;
  text-align: center;
  overflow: hidden;
  font-family: 'NotoSans-Light';
  width: 1rem;
  height: .25rem;
  display: flex;
  justify-content: space-between;
}
.theme-news .bm .nlist li.s .month{
  float: left;
  color: #fff;
  width: .5rem;
  background: #005f62;
  text-transform: uppercase;
  padding: 0 .04rem;
  font-family: "NotoSans-SemiBold, Noto Sans";
  font-weight: 600;
  font-size: .14rem;
}
.theme-news .bm .nlist li.s .day{
  float: left;
  width: .5rem;
  padding: 0 .08rem 0 .05rem;
  font-family: 'NotoSans-Medium';
  font-weight: 500;
  font-size: .14rem;
}
.theme-news .bm .nlist li.s .stitle{
  width: calc(100% - 1rem);
  font-size: .2rem;
}
.theme-news .bm .nlist a:hover {
  /*background-color: #005f62;*/
}
.theme-news .bm .nlist a:hover .stitle{
  color: #005f62;
}
.theme-news .rg .nlist ,.theme-news .lf .nlist{
  position: relative;
}
.meditbanner,.hosnewsbanner,.schoolnewsbanner{
  padding-bottom: 0rem;
}
.switchbox-item{
  opacity: 0;
  display: block;  
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.switchbox-item.show{
  opacity: 1;
  z-index: 2;
}

.theme-news .bm .nlist .swiper-scrollbar {
  bottom: 0rem;
}
@keyframes bigcircleturn {
  100% {
       transform: rotateZ(-1turn);
   }
}
.theme-fblock{
  position: relative;  
  padding: .5rem 0 1rem 0;
}
.theme-fblock::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../img/jz_bg.png) repeat-x center bottom #e1f2ec; 
}
.theme-fblock .com-w{
  justify-content: space-between;
}
.theme-fblock .nlist{
  box-shadow: 0px 0px 0.4rem 0px rgba(3, 63, 50, 0.27);
  background: #fefefe;
  padding: .5rem .26rem .8rem .26rem;
  border-radius: .8rem 0rem 0 0rem; 
  border-top: 3px solid #d19920;
  position: relative;
  height: 6rem;
}
.theme-fblock .nlist li{  
  border-bottom: 1px solid hsla(0,0%,50%,.25);
}
.theme-fblock .nlist li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: .2rem 0;
  height: .9rem;
}
.theme-fblock .nlist li a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0rem;
  width: 100%;
  background: #005f62;
  border-radius: .18rem;
  z-index: 0;
  transition: all .3s;
}
.theme-fblock .nlist .datetime{
  background: url(../img/calendar_ico.png) no-repeat center left;
  width: 1rem;
  padding-left: .32rem;
  line-height: .2rem;  
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme-fblock .nlist .datetime span{
  color: #005f62;  
  position: relative;
  z-index: 1;
  font-size: .16rem;
  font-weight: bolder;
}
.theme-fblock .nlist li a:hover *{
  color: #fff;
}
.theme-fblock .nlist a:hover .datetime{
  background: url(../img/calendar_w_ico.png) no-repeat center left;
}
.theme-fblock .nlist li a:hover:before{
  height: 100%;
}
.theme-fblock .nlist p{
  width: calc(100% - 1.1rem);
  position: relative;
  z-index: 1;
  font-size: .2rem;
  line-height: .26rem;
   word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    text-align: justify;
    padding-right: .26rem;
}
.theme-fblock .lecturelist li{
  margin-bottom: .26rem;
}
.theme-fblock .lecturelist .datetime{
   background: url(../img/t_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   line-height: .32rem;
}
.theme-fblock .lecturelist .address{
   background: url(../img/p_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   line-height: .32rem;
}
.theme-fblock .lecturelist .member{
   background: url(../img/m_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   line-height: .32rem;
}
.theme-fblock .lecturelist{
  box-shadow: 0px 0px 0.4rem 0px rgba(3, 63, 50, 0.27);
  background:  #fff;
  padding: .8rem .5rem .45rem .5rem;
  border-radius: .8rem 0  0rem;
  border-top: 3px solid #d19920;
  position: relative;
  height: 6rem;
}
.theme-fblock .lecturelist .swiper-slide{
  margin-bottom: .26rem;
  width: 49%;
}
.theme-fblock .lecturelist i{
  font-style: normal;
}
.theme-fblock .lecturelist .tl{
  font-size: .2rem;
  margin-bottom: .16rem;
}
.theme-fblock .lecturelist li:hover .tl{
  color: #005f62;
}
.theme-fblock .lecturelist .switch-btn{
  justify-content: flex-end;
}
.theme-fblock-two{
  position: relative;  
  background: url(../img/jz_bg.png) repeat-x center bottom #e1f2ec;
  padding-bottom: 1.3rem;
}
.theme-fblock-two .com-w{
  justify-content: space-between;
}
.theme-fblock-two .nlist{
  padding: .5rem .26rem 1rem .26rem;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid hsla(0,0%,50%,.25);
}
.theme-fblock-two .nlist li{  /*
  border-bottom: 1px solid hsla(0,0%,50%,.25);*/
  width: 30%;
  float: left;
  margin-right: 2%;
}
.theme-fblock-two .nlist li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.theme-fblock-two .nlist li a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 0rem;
  width: 100%;
  background: #005f62;
  border-radius: .18rem;
  z-index: 0;
  transition: all .3s;
}
.theme-fblock-two .nlist .datetime{
  background: url(../img/calendar_ico_g.png) no-repeat center left;
  width: 1rem;
  padding: .1rem 0 .1rem .32rem;
  line-height: .2rem;  
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme-fblock-two .nlist .datetime span{
  position: relative;
  z-index: 1;
  font-size: .16rem;
}
.theme-fblock-two .nlist a:hover .datetime{
  background: url(../img/calendar_ico.png) no-repeat center left;
}
.theme-fblock-two .nlist a .datetime *{
  color: #333;
}
.theme-fblock-two .nlist a:hover .datetime{
  background: url(../img/calendar_w_ico.png) #005f62 no-repeat center left;
}

.theme-fblock-two .nlist a:hover .datetime *{
  color: #fff;
}
.theme-fblock-two .nlist .tl-b{  
  width: calc(100% - 1rem);
  position: relative;
  z-index: 1;
  padding: .2rem 0 .20rem .1rem;
  border-left: 1px solid hsla(0,0%,50%,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;  
  overflow: hidden;
}
.theme-fblock-two .nlist p{
  font-size: .18rem;
   word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    text-align: justify;
    padding-right: .26rem;
    height: .52rem;/*
    font-weight: bold;*/
    line-height: .26rem;
    width: calc(100% - .26rem);
}
.theme-fblock-two .lecturelist .datetime{
   background: url(../img/t_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   margin-bottom: .2rem;
   line-height: .32rem;
}
.theme-fblock-two .lecturelist .address{
   background: url(../img/p_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   margin-bottom: .2rem;
   line-height: .32rem;
}
.theme-fblock-two .lecturelist .member{
   background: url(../img/m_ico.png) no-repeat left center;
   padding-left: .34rem;
   height: .32rem;
   line-height: .32rem;
}
.theme-fblock-two .lecturelist{
  padding: .5rem .26rem;
  position: relative;
}
.theme-fblock-two .lecturelist i{
  font-style: normal;
}
.theme-fblock-two .lecturelist .tl{
  font-size: .18rem;
  margin-bottom: .26rem;/*
  font-weight: bold;*/
}
.theme-fblock-two  .lecture-box{
  position: relative;
}
.theme-fblock-two .lecturelist .inner{
  display: flex;
  justify-content: space-between;
}
.theme-fblock-two .lecturelist .item{
  width: 30%;
  margin-bottom: .26rem;
}
.theme-fblock-two .lecturelist .item:hover .tl{
  color: #005f62;
}
.theme-fblock-two .lecturelist .switch-btn{
  justify-content: flex-end;
}
.theme-fblock-two .top{
  position: relative;
  margin-bottom: .5rem;
}
.theme-fblock-two .more{
  position: absolute;
  right: .26rem;
  top: .5rem;
  font-size: .16rem;
  display: flex;
  width: 1.2rem;
  height: .2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.theme-fblock-two .more span{
  color: #333;
}
.theme-fblock-two .more img{
  width: .18rem;
  margin-left: .1rem;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.theme-fblock-two .more:hover img{
  width: .22rem;
}
.theme-fblock-two .more:hover::after{
  background: #005f62;
}
.theme-fblock-two .more:hover *{
  color: #005f62;
}
.lecturebanner{
  padding-bottom: .5rem;
}
.lecturebanner .swiper-pagination-bullets{ 
  display: block;
  width: auto;
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  z-index: 3;
  width: 100%;
  text-align: center;
  padding-right: .26rem;
}
.lecturebanner .dots span.swiper-pagination-bullet-active{  
  font-weight: bolder;
  background: #d19920;
}
.lecturebanner .dots span{
  width: .12rem;
  height: .12rem;
  opacity: 1 !important;
  outline: none;
  background: #eee;
  display: inline-block;
  margin: 0 .12rem;
  cursor: pointer;
}
.theme-fblock .lf{
  width: 48%;
  position: relative;
  padding-bottom: 1.2rem;
}
.theme-fblock .rg{
  width: 48%;
}
.theme-fblock .more{
  position: absolute;
  right: .26rem;
  bottom:  .3rem;
  font-size: .16rem;
  display: flex;
  width: 1.2rem;
  height: .2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.theme-fblock .more span{
  color: #333;
}
.theme-fblock .more img{
  width: .18rem;
  margin-left: .1rem;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.theme-fblock .more:hover img{
  width: .22rem;
}
.theme-fblock .more:hover *{
  color: #005f62;
}
.theme-subject{  
  position: relative;
  padding: .5rem 0;
}
.theme-subject::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../img/subjectbanner.jpg) no-repeat center center; 
}
.theme-subject .subject-box{
  width: 100%;
  margin: 0 auto; 
  position: relative;
}
.theme-subject .subject-box .subjectbanner{
  padding: .5rem 0;
}
.theme-subject .subject-box a{
  display: block;
}
.theme-subject .subject-box .cover{
  height: 1.8rem;
  border-radius: .1rem;
  box-shadow: 0 0 0.1rem 4px rgba(0,0,0,.3);
}
.theme-subject .subject-box .cover img{
  width: 100%;
}
.theme-subject .subject-box .tl{
    box-shadow: 0px 0px 0.4rem 0px rgba(3, 63, 50, 0.27);
    width: 82%;
    background: #fff;
    border-radius: 0 50vw 50vw 0;
    height: .46rem;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    margin-top: -.1rem;
    position: relative;
    transition: .5s;
    font-size: .16rem;
}
.theme-subject .arrow{
  position: absolute;
  z-index: 2;
  width: .56rem;
  height: .56rem;
  border-radius: 50%;
  top: 50%;
  cursor: pointer;
  margin-top: -.28rem;
  border:2px solid #eee;
}
.theme-subject .prev{
  background: url(../img/arr_lf_r.png) center center no-repeat #fff; 
  left: 0;
  margin-left: -.28rem;
}
.theme-subject .next{
  background: url(../img/arr_rg_r.png) center center no-repeat  #fff; 
  right: 0;
  margin-right: -.28rem;
}
.theme-subject .arrow:hover{
  border-color: #d19920;
}
.swiper-scrollbar{
  height: .03rem;
  background: none;
  z-index: 1;
  position: relative;
  bottom: 0;
  margin-top: .68rem;
}
.swiper-scrollbar:before{
  content:"";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #dddedf;
  margin: -.5px 0 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.swiper-scrollbar .swiper-scrollbar-drag{
  background: #CC3300;
}
.swiper-horizontal > .swiper-scrollbar{
  height: 2px;
}
.theme-culture{
  position: relative;
  padding: 1rem 0;
}
.theme-culture::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../img/03.jpg?r=1)  no-repeat top center;
}
.theme-culture li{
  position: relative;
  display: block;
  width: 100%;
}
.theme-culture .topc .lf{  
  overflow: hidden;
  width: 22%;  
  background: url(../img/cyyx_bg.jpg) no-repeat #024bbc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 7.2rem;
}
.theme-culture .topc .lf img{
  width: 100%;
}
.theme-culture .topc .lf h3{
  font-size: .68rem;
  font-weight: bolder;
  color: #fff;
}
.theme-culture .topc .cen{  
  overflow: hidden;
  width: 30%;
  position: relative;
}
.theme-culture .topc .rg{  
  overflow: hidden;
  width: 48%;
  position: relative;
}
.theme-culture .topc  .cover{
    width: 100%;
    height: 7.2rem;
    overflow: hidden;
    position: relative;
}
.theme-culture .topc  .cover::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/mask.png) repeat-x bottom left;
}
.theme-culture .topc  .item{
  position: relative;
}
.theme-culture  .item .tag{
  position: absolute;
  right: 0;
  top: 0rem;
  height: .6rem;
  width: 1.6rem;
  /*background: #8b47b5;*/
  background:  rgba(139,71,181,.6);
  border-radius: .8rem 0 0 .8rem;
  color: #fff;
  z-index: 100;
  text-align: center;
  line-height: .6rem;
  font-size: .2rem;
  font-weight: bolder;
  transition: all .3s;
}
.theme-culture   .item .tag.t0{
  background: rgba(182,36,20,.6);
}
.theme-culture   .item .tag.t1{
  background: rgba(209,153,32,.6);
}
.theme-culture   .item .tag.t2{
  background: rgba(210,11,13,.6);
}
.theme-culture   .item .tag.t3{
  background: rgba(25,94,159,.6);
}
.theme-culture .item .tag:hover{
  background:  rgba(139,71,181,1);
}
.theme-culture   .item .tag:hover.t0{
  background: rgba(182,36,20,1);
}
.theme-culture   .item .tag:hover.t1{
  background: rgba(209,153,32,1);
}
.theme-culture   .item .tag:hover.t2{
  background: rgba(210,11,13,1);
}
.theme-culture   .item .tag:hover.t3{
  background: rgba(25,94,159,1);
}
.theme-culture .topc .rg .tp  .cover,.theme-culture .topc .rg .bm  .cover{
  height: 3.6rem;
}
.theme-culture li .cover img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-culture  li .tl{
  position: absolute;
  left: 0;
  bottom: 0;  
  width: 100%;
  height: .78rem;
  color: #fff;
  font-size: .22rem;
  line-height: .78rem;
  padding: 0 .26rem;/*
  background-color: rgba(0,0,0,.4);*/
}
.theme-culture  li .play{
  position: absolute;
  left: 50%;
  top: 50%;
}
.theme-culture   .play img{
  width: .48rem;
  margin-top: -.24rem;
  margin-left: -.24rem;
}
.theme-culture  li:hover img {
    transform:scale(1.03);
    opacity:0.85;
}
.theme-culture .bomc .item{
  position: relative;
}
.theme-culture .bomc .item:nth-child(1){
    width: 40%;
    overflow: hidden;
}

.theme-culture .bomc .item:nth-child(2){
    width: 40%;
    overflow: hidden;
}
.theme-culture .bomc .item:nth-child(3){
    width: 20%;
    overflow: hidden;
}
.theme-culture .bomc li{
  display: block;
    height: 3.6rem;
}
.theme-culture .bomc li .cover{
   height: 3.6rem;
   width: 100%;
}
.theme-culture .bomc .item:nth-child(2) .cloudexhibition{
  height: 2.6rem;
  width: 100%;
  position: relative;
}
.theme-culture .bomc .item:nth-child(2) .cloudexhibition li{
  height: 2.6rem;
  width: 100%;
  position: relative;
}
.theme-culture .bomc .item:nth-child(2) .cloudexhibition .cover{
  height: 2.6rem;
  width: 100%;
}
.theme-culture .bomc .item:nth-child(2) .schoolmotto{
  background-color: #3e5ecf;
  height: 1rem;
  width: 100%;
}
.theme-culture .bomc .item:nth-child(2) .schoolmotto .cover{
  height: 1rem;
  width: 100%;
}
.theme-culture .bomc .item:nth-child(2) .schoolmotto .cover img{
  width: 100%;
}
.theme-westward{
  position: relative;
}
.theme-westward::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;  
  background: url(../img/wbg.jpg) no-repeat top center; 
}
.theme-westward .themetl{
  position: relative;
}
.theme-tit{
  width: 50%;
  height: 2rem;
  background: #5f759c;
  line-height: 2rem;
  text-align: center;
  font-size: .58rem;
  color: #fff;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-tit img{
  width: 70%;
}
.theme-westward .tp{
  justify-content: space-between;
  margin-bottom: .5rem;
  margin-top: 2rem;
}
.theme-westward .tp .lf,.theme-westward .tp .rg{
  width: 48%;
  padding: .5rem;
  background: rgba(255,255,255,.9);
}
.schoolhistory{
  align-items: center;
  padding: 1.5rem 0 .5rem 0;
  position: relative;
  width: 13rem;
}
.schoolhistory .s-title .ft{
  writing-mode:tb-lr;
  writing-mode:vertical-lr;
  font-size: .4rem;
   line-height: 1.3;
 }
 .schoolhistory .s-title{
  position: relative;
 }
 .schoolhistory .s-title .cycq_tl{
  padding-top: 1rem;
 }
 .schoolhistory .s-title .cycq_tl img{
    width: 100%;
  }
.schoolhistory .more{
  /*writing-mode:tb-lr;
  writing-mode:vertical-lr;*/
  font-size:.18rem;
  color: #e61523;
  position: absolute;
  right: -1.2rem;
  top: 2rem;
  display: inline-block;
  padding: .2rem;  
}
.schoolhistory .more img{
  width: .8rem;
}
.schoolhistory .s-title .more i{
  margin-bottom:.2rem;
  margin-right:0;
}
.schoolhistory .list{
  display:-ms-flexbox;
  display:flex;
  margin-left:.8rem;
  -ms-flex:1;
  flex:1;
}
.schoolhistory .item{
  -ms-flex:1;
  flex:1;
  margin-left:.2rem;
  height:6rem;
  color:#fff;
  position:relative;
  overflow:hidden;
  cursor: pointer;
  transition:all 1s ease-out 0s;
  transform:translateY(-80px);
  opacity:0;
}
.schoolhistory .item:nth-child(1){
  margin-left:0;
}
.schoolhistory .item:nth-child(1){
  transform:translateY(-50px);}
.schoolhistory .item:nth-child(2){
  transform:translateY(50px);
}
.schoolhistory .item:nth-child(3){
  transform:translateY(-50px);
}
.schoolhistory .item:nth-child(4){
  transform:translateY(50px);
}
.schoolhistory.show .item{
  transform:none;
  opacity:1;
  height: 6rem;
  overflow: hidden;
}
.schoolhistory .item .pic{
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  transition:all 0.6s ease-out 0s;
  width: 100%;
}
.schoolhistory .item:hover .pic{
  transform:scale(1.1);
}
.schoolhistory .item .tit{
  position:absolute;
  left:.3rem;
  top:.4rem;
  writing-mode:vertical-lr;
  max-height:80%;
}
.schoolhistory .item .tit .h{
  font-size:.24rem;
  color: #fff;
  line-height: .32rem;
}
.schoolhistory .item .tit .p{
  margin-left:.1rem;
}
.webstory-box{
  background: url(../img/wsxsg.jpg) no-repeat;
  width: 100%;
  text-align: center;
  height: 1.2rem;
  margin-top: .5rem;
}
.webstory-box .tl{
  line-height: 1.2rem;
  color: #fff;
}
.webstory-box:hover{
  background: #82ca9c;
}
.theme-westward .webstory-box li .cover{
  width: 100%;
  transition: all .3s;  
  height: 2.2rem;
  overflow: hidden;
  background-color: gray;
  border:1px solid #fff;
}
.theme-westward .webstory-box li .cover img{
  width: 100%;  
}

.theme-westward .tl h3{
  color: #fff;
  font-size: .3rem;
  width: 100%;
  text-align: center;
}
.theme-westward .webstory-box li a{
  display: block;
  position: relative;
  padding: .26rem;
  background: #bd2c1c;
}
.theme-westward .webstory-box li .tl{
  position: absolute;
  left: 0;
  bottom: 0rem;
  /*background: rgba(0,0,0,.5);*/
  width: 100%;
  height: .5rem;
  padding: 0 .26rem;  
}
.theme-westward .oralhistorybanner li h3{
  font-size: .2rem;
}
.theme-westward .com-w{
  justify-content: space-between;
}
.theme-westward .lf{
  width: 61%;
  overflow: hidden;
}
.theme-westward .rg{
  width: 35%;
}
.theme-westward .video-box{
  width: 100%;
  position: relative;
}
.theme-westward .bm .lf .des{
  background: url(../img/nblou.png) no-repeat right bottom #d19920;
  width:100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: .32rem .5rem;
}
.theme-westward .bm .des h3{
  font-size: .32rem;
  color: #fff;
  line-height: .72rem;
}
.theme-westward .bm .des h6{
  font-size: .18rem;
  color: #fff;
  padding-left: .32rem;
}
.oralhistorybanner li{
  margin-bottom: .26rem;
  border-bottom: 1px solid #eee;
  padding-bottom: .2rem;
}
.oralhistorybanner li:last-child{
  border: none;
}
.oralhistorybanner li .cover{
  width: 100%;
  height: 2.8rem;
  margin-bottom: .26rem;
}
.oralhistorybanner li .cover img{
  width: 100%;
}
.oralhistorybanner li:hover *{
  color: #005f62;
}
.theme-study{
  background: url(../img/study_bg.png) repeat-x bottom left;
  position: relative;
  overflow: hidden;
}
.theme-study .com-w{
  justify-content: space-between;
  position: relative;
  height: .6rem;
}
.theme-study .com-w .pic,.theme-study .com-w .nlist{
  width: 1.5rem;  
  overflow: hidden;
}
.theme-study .com-w .pic{
  padding: .1rem 0rem;
  text-align: center;
  height: .6rem;
  position: relative;
}
.theme-study .com-w .pic::after{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2px;
  content: "";
  background: #fff;
}
.theme-study .com-w .pic img{
  height: 100%;
}
.theme-study .com-w .nlist{
  width: calc(100% - 2.2rem);
  padding: 0 .8rem .1rem 0;
  position: relative; 
}
.theme-study .com-w .nlist .more{
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  line-height: .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-study .com-w .nlist .more img{
  width: .6rem;
}
.theme-study .com-w .nlist .out{
  width: 100%;
  height: 100%;
  position: relative;
}
.theme-study .com-w .nlist .inner{
  width: 100%;
  overflow: hidden;
}
.theme-study .com-w .nlist li{
  display: inline;
}
.theme-study .com-w .nlist li a{
  color: #fff;
  font-size: .16rem;
  background: url(../img/li_bg5.png) no-repeat center left;
  padding-left: .26rem;
  margin-right: .5rem;
  line-height: .6rem;
}
.theme-title-box{
  position: absolute;
  left: 0rem;
  top: 0;
  z-index: 99;
}
.n_banner{
  position: relative;
}
.n_banner .inner{
  position: relative;
  width: 100%;
}
.n_banner .inner::after{
  content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 165px;
    background: url(../img/bm-bg.png?r=1) center center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    width: 100%;
}
.n_banner .inner.nobmbg::after{
   background:transparent;
}
.n_banner .inner .img{
  background: url(../img/n_bg.jpg?r=1) no-repeat;
  padding-bottom: 29.16%;
  transition: .5s;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  height: 5.6rem;
}
.n_banner .inner .img.n1{
  background-image:  url(../img/n_bg1.jpg?r=1);
}
.n_banner .inner .img.n2{
  background-image:  url(../img/n_bg2.jpg?r=1);
}
.n_banner .inner .img.n3{
  background-image:  url(../img/n_bg3.jpg?r=1);
}
.n_banner .inner .img.n4{
  background-image:  url(../img/n_bg4.jpg?r=1);
}
.n_banner .inner .img.n5{
  background-image:  url(../img/n_bg5.jpg?r=1);
}
.n_banner .inner .img.n6{
  background-image:  url(../img/n_bg6.jpg?r=1);
}
.n_banner .inner .img.n7{
  background-image:  url(../img/n_bg7.jpg?r=1);
}
.n_banner .inner .img.n8{
  background-image:  url(../img/n_bg8.jpg?r=1);
}
.n_banner .inner .img.n9{
  background-image:  url(../img/n_bg9.jpg?r=1);
}
.n_banner .inner .img.n10{
  background-image:  url(../img/n_bg10.jpg?r=1);
}
.n_banner .inner .img.n11{
  background-image:  url(../img/n_bg11.jpg?r=1);
}
.n_banner .inner .img.n12{
  background-image:  url(../img/n_bg12.jpg?r=1);
}
.n_banner .inner .img.n13{
  background-image:  url(../img/n_bg13.jpg?r=1);
}
.n_banner .inner .img.n14{
  background-image:  url(../img/n_bg14.jpg?r=1);
}
.n_banner .inner .img.n15{
  background-image:  url(../img/n_bg15.jpg?r=1);
}
.n_banner .inner .img.n16{
  background-image:  url(../img/n_bg16.jpg?r=1);
}
.n_banner .inner .img.n17{
  background-image:  url(../img/n_bg17.jpg?r=1);
}
.n_banner .inner .img.n18{
  background-image:  url(../img/n_bg18.jpg?r=1);
}
.page-theme{
 position: absolute;
 left: 0;
 bottom:0;
 width: 100%;
 z-index: 99;
}
.page-theme .main{
  width: 45%;
}
.page-theme .main.bg{
  background: rgba(0,95,98,.8);
  width: 32%;
  height: 2rem;
  padding: .26rem;
}
.page-theme .main.s{
  height: 1rem;
  text-align: center;
}
.page-theme .main h2{
  font-size: .48rem;
  line-height: .42rem;
  color: #fff;
  letter-spacing: 5px;
  position: relative;
  margin-bottom: .26rem;
}
.page-theme .main .con{
  text-indent: 2em;
  line-height: .28rem;
  height:.96rem;
  overflow: hidden;
  text-align: justify;
  margin-top: .08rem;
  position: relative;
  font-size: .16rem;
  color: #fff;
}
.nav-line-box{
  position: relative;
  width: 100%;
  margin-top: -.2rem;
  margin-bottom: 1rem;
  z-index: 100;
}
.nav-line-box::after{
   background:  url(../img/nav-line-box.png) no-repeat right center #f1b133;
   content: "";
    position: absolute;
    height: 0.8rem;
    left: 0;
    top: 0;
    z-index: -2;
    width: 50%;
}
/*.nav-line-box .lf{
  position: absolute;
    background-color: #005f62;
    height: 100%;
    width: 40%;
    left: 0;
    top: 0;
}*/
.nav-line-box .com-w{
  position: relative;
  overflow: hidden;
  height: .7rem;
}
.curr-menu{
   font-size: .3rem;
    color: #005f62;
    font-weight: bold;
    margin-bottom: .5rem;
    position: relative;
    padding-left: .5rem;
    z-index: 1;
}
.curr-menu h3{
   font-size: .3rem;
    color: #383838;
    font-weight: bold;
    background: #fff;
    display: inline-block;
    padding: 0 .26rem;
}
.curr-menu h3.b{
  color: #0e61ab;
}
.curr-menu::before {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  left: 0;
  background: url(../img/curr-menu-line.jpg) no-repeat left center;
  z-index: -1;
  content: "";
}
/*.curr-menu::after{
   content: "";
   width: 1rem;
   position: absolute;
   left: 50%;
   bottom: 0;
   height: 3px;
   background: #005f62;
   margin-left: -.5rem;
}*/
.nav-line-box  .pos{
  line-height: 24px;
  color: #bab5bb;
  background: url(../img/pos.png) no-repeat left center;
  padding-left: .4rem;
  height: .8rem;
  display: flex;
  align-items: center;
}
.nav-line-box  .pos p{    
  color: #fff;
  text-align: left;
  font-size: .16rem;
}
.nav-line-box .pos a{
  color:#fff;
  font-size: .16rem;
  transition: all .3s; 
}
.nav-line-box  .pos a:hover{
  font-weight: bold;
}
.page-con{
  border-bottom: 1px solid #dfdfdf;  
  
}
.page-con.bg{
  background: url(../img/page_bg0.png) no-repeat bottom right;
  padding-bottom: 3rem;
}
.page-con.bg1{
  background: url(../img/nblou_g.png) no-repeat bottom right;
  padding-bottom: 2rem;
}
.page-con.bg2{

  background: url(../img/nblou_g0.png) no-repeat bottom right;
  padding-bottom: 2rem;
}
.page-con .com-w{
  justify-content: space-between;
}
.page-con .com-w.mtop{
  margin-top: 1rem;
}
.page-con .com-w.mtop01{
  margin-top: .5rem;
}
.page-con .lf-item{
  width: 25%;
  background: url(../img/snav_s.png)  top center no-repeat;
  padding-top: .2rem;
  position: relative;
}
.page-con .lf-item ul::after{
  position: absolute;
  left: 0;
  top: 0;
  width: .2rem;
  height: 100%;
  background: url(../img/snav.png)  top left no-repeat;
  content: "";
}
.page-con .lf-item ul{  
  border-bottom: none;
  background:  #f6f6f6 bottom center no-repeat;
  padding-left: .2rem;
  position: relative;
}
.page-con .lf-item li{
  height:.68rem;
  line-height: .68rem;
  border-bottom: 1px solid #e1f2ec;
  position: relative;
  padding: 0 .26rem;
}
.page-con .lf-item li a{
  font-size: .18rem;
  color:#333333;
  display: block; 
}
.page-con .lf-item li.cur,.page-con .lf-item li:hover{
  background:  #e1f2ec;
}
.page-con .lf-item li.cur a,.page-con .lf-item li:hover a{
  color: #005f62;
  font-weight: bold;
}
.mobile-s-nav{
  display: none;
  justify-content: space-between;
  padding: 0rem .3rem;
  height: 1rem;
  background: url(../img/nav-line-box.png) center center;
  text-align: left;
  align-items: center;
}
.mobile-s-nav span{  
  color: #fff;
  font-size: .26rem;
  line-height: 1rem;
}
.mobile-s-nav i{  
  width: .3rem;
  transition: all .3s;
}
.mobile-s-nav i img{  
  width: 100%;
}
.page-con .rg-item{
  width: 70%;
  position: relative;
}
.page-con .rg-item .page_news_imgs{
  height: 4rem;
  border: 1px solid #bab5bb;
  padding: .1rem;
  margin-bottom: .5rem;
  overflow: hidden;
}
.page-con .rg-item .page_news_imgs .inner{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-con .rg-item .page_news_imgs img{
  width: 100%;
  vertical-align: top;
}
.about-footer{
  width: 100%;
  position: relative;
  margin-bottom: 1rem
}
.about-footer .inner{
    position: relative;
    width: 67%;
    height: 32vw;
    margin-top: .5rem;
}
.about-footer .p {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-footer .p1 {
  left: 0;
  top: 0;
  height: 100%;
  width: 30%;
  background-image: url(../data/xxgk/p1.jpg);
}
.about-footer .p2 {
  left: 30%;
  top: 0;
  height: 50%;
  width: 45%;
  background-image: url(../data/xxgk/p2.jpg);
}
.about-footer .p3 {
  left: 75%;
  top: 0;
  height: 50%;
  width: 12%;
  background: url(../img/cbg.jpg) repeat;
}
.about-footer .p4 {
  left: 30%;
  top: 50%;
  height: 50%;
  width: 27%;
  background-image: url(../data/xxgk/p4.jpg);
}
.about-footer .p5 {
  left: 57%;
  top: 50%;
  height: 50%;
  width: 43%;
  background-image: url(../data/xxgk/p5.jpg);
}
.about-footer .p6 {
  right:  0;
  bottom: 0;
  height: 20%;
  width: 10%;
  margin-right: -10%;
  background: url(../img/cbg_r.png) repeat;
}
.about-footer .p4 .line{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: url(../img/cbg.jpg) repeat;
}
.page-num-box{
  padding: .5rem 0;
  text-align: center; 
  width: 100%;
}
.page-con .rg-item .con div > p{
  text-indent: 2em;text-align: justify;
  margin-bottom: .26rem;
}
.page-con .rg-item .article *{
  line-height: 200% !important;
  font-size:18px !important;
}
.page-con .rg-item .con img{
  max-width:100%;
}
.page-con .rg-item .con table *{
  text-indent:3px;
}
.page-con .historyeducation{
  text-align: center;
}
.page-con .leaderlist ul{
  justify-content: space-between;
  margin-bottom: 1rem;
}
.page-con .leaderlist li{
  padding: 16px .26rem;
  width: 100%;
  border-bottom: 1px solid  #adc1d2;
  box-sizing: border-box;
  position: relative;
}
.page-con .leaderlist li a{
  display: flex;
  justify-content:flex-start;
  align-items: center;
  height: 34px;
  z-index: 1;
  position: relative;
}
.page-con .leaderlist li a *{
  font-size: .16rem;
}
.page-con .leaderlist li .post{
  padding-left: .2rem;
  width: calc(100% - 100px);
  font-size: 18px;
  line-height: 34px;
  color: #444;
}
.page-con .leaderlist li .mebname{
  border-right: 1px solid #bbb;
  width: 100px;  
  font-size: 20px;
  color: #0e61ab;
  text-align: center;
  line-height: 34px;
}
.page-con .leaderlist li:hover a *{
  color: #fff;
  border-color: #fff;
}
.page-con .leaderlist li:hover {
  background: #0e61ab url(../img/orga.png) no-repeat right 10px;
  border: 1px solid transparent;
  margin-top: -1px;
  border-radius: 4px;
}
.page-con .departmentlist ul{
  overflow: hidden;
  margin-bottom: .3rem;
}
.page-con .departmentlist li{
 width: 30%;
 position: relative;
 margin-bottom: .26rem;
 padding: .26rem .2rem;
 background: #f3f3f3;
 box-sizing: border-box;
 transition: all .3s;
 margin-right: 5%;
 float: left;
}
.page-con .departmentlist li:nth-child(3n){
  margin-right: 0;
}
.page-con .departmentlist li *{  
 transition: all .3s;
  font-size:.18rem;
}
.page-con .departmentlist li a{
  display:block;
  font-weight:400;
  border-left:2px solid #005f62;
  padding:.0rem 0 0rem .16rem;
}
.page-con .departmentlist li .ct{
  word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: .26rem;
    text-align: justify;
    height: .52rem;
    align-items: center;
    display: flex;
}
.page-con .departmentlist li:hover{
  background: #005f62;
}
.page-con .departmentlist li:hover *{
  color: #fff;
  border-color: #fff;
}
.servicehall-list{
  width: 100%;
  margin-bottom: .5rem;
}
.servicehall-list ul {
  overflow: hidden;
}
.servicehall-list li {
  width: 20%;
  display: block;
  float: left;
}
.servicehall-list li a {
  width: 90%;
  display: block;
  margin: 0 auto .2rem auto;
  border: 1px solid #aaa;
  text-align: center;
  color: #333;
  font-size: .16rem;
  padding-top:  .16rem;
  overflow: hidden;
}
.servicehall-list li a:hover {
  border-color: #005f62;
}
.servicehall-list li a img {
  display: block;
  height: .6rem;
  margin: 0 auto;
  transition: transform 0.3s;
}
.servicehall-list li a:hover img {
  animation: shake 1s ease-in-out 0s;
}
.servicehall-list li a p {
  line-height: .32rem;
  padding: .2rem 0;
}
.page-con .hzjl ul{
  justify-content: space-between;
}
.page-con .hzjl li{
  width: 48%;
  position: relative;
  margin-bottom: .5rem;
}
.page-con .hzjl li::after{
  background: #93070a;
  position: absolute;
  right: 0;
  bottom: .26rem;
  content: "";
  width: 80%;
  height: 1.6rem;
  z-index: 1;
}
.page-con .hzjl li .cover{
  width: 5.2rem;
  height: 3.2rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .hzjl li .cover img{
  width: 100%;
  height: 100%;
}
.page-con .hzjl li .tl-box{
  position: absolute;
  right: .16rem;
  bottom: .36rem;
  background: url(../img/ico_s.png) no-repeat right bottom rgba(255,255,255,1);
  width: calc(100% - 5rem);
  height: 2.7rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: center;
}
.page-con .hzjl li .tl-box h6{  
  font-size: .2rem;
  line-height: 2rem;
}
.page-con .com-more{
   border: 1px solid #005f62;
   display: block;
   width: 1rem;
   height: .4rem;
   text-align: center;
   line-height: .4rem;
   border-radius: .28rem;
   color: #005f62;
   cursor: pointer;
}
.page-con .com-more:hover{
  background: #005f62;
  color: #fff;
}
.page-con .hzjl li .tl-box .com-more{
  position: absolute;
  left: 50%;
  bottom: .26rem;
   margin-top: .1rem;
   margin-left: -.5rem;
}

.page-con .kxyj .kypt-box{
  padding: .5rem 0;
}
.page-con .kxyj .kypt-box h3{
  color: #93070a;
  font-size: .48rem;
  text-align: center;
  margin-bottom: .5rem;
}
.page-con .kxyj .kypt-box .cover{
  width: 8rem;
}
.page-con .kxyj .kypt-box .cover-box{
  position: relative;
}
.page-con .kxyj .kypt-box .tl-box{
  position: absolute;
  right: .16rem;
  bottom: .36rem;
  background: url(../img/ico_s.png) no-repeat right bottom rgba(255,255,255,1);
  width: calc(100% - 5rem);
  height: 2.7rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: center;
  padding: .5rem;
}
.page-con .kxyj .kypt-box .tl-box .com-more{
  position: absolute;
  left: 50%;
  bottom: .26rem;
   margin-top: .1rem;
   margin-left: -.5rem;
}
.page-con .kxyj .kypt-box .tl-box .des{
  text-indent: 2em;
  color: #333;
  line-height: .32rem;
  text-align: justify;
}
.page-con .kxyj .kypt-box .tl-box h6{
  font-size: .18rem;
  margin-bottom: .26rem;
  font-weight: bold;
  color: #005f62;
}
.page-con .kyxmkyxm{
  justify-content: space-between;
  margin-top: .5rem;
}
.page-con .kyxmkyxm li{
  width: 48%;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden;
}
.page-con .kyxmkyxm li .cover{
  width: 3.2rem;
  height: 2.6rem;
  overflow: hidden;
}
.page-con .kyxmkyxm li .cover img{
  width: 100%;
}
.page-con .kyxmkyxm li .info{
  width: calc( 100% - 3.2rem );  
  padding: .5rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 2.6rem;
}
.page-con .kyxmkyxm li .info h6{
  font-size: .18rem;
  margin-bottom: .26rem;
  font-weight: bold;
  color: #005f62;
}
.page-con .kyxmkyxm li .info dl{
  justify-content: space-between;
}
.page-con .kyxmkyxm li .info dl dd{
  width: 50%;
  line-height: .32rem;
  font-size: .16rem;
}
.page-con .kyxmkyxm .com-more{
  position: absolute;
  right:  0.26rem;
  bottom: 0.26rem;
}
.page-con .qks-box{
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 1rem 0;
}
.page-con .qks-box .cover{
  width: 6.2rem;
  height: 8.6rem;
  overflow: hidden;
  z-index: 1;
}
.page-con .qks-box .cover img{
  width: 100%;
}
.page-con .qks-box .info{
  width: calc( 100% - 6.2rem );  
  padding: .5rem;
  position: absolute;
  right: .26rem;
  top: 40%;
  height: 2.6rem;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 2;
}
.page-con .qks-box .info h6{
  font-size: .18rem;
  margin-bottom: .26rem;
  font-weight: bold;
  color: #005f62;
}
.page-con .qks-box .com-more{
  position: absolute;
  right:  0.26rem;
  bottom: 0.26rem;
}
.page-con .qks-box .info .des{
  text-indent: 2em;
  color: #333;
  line-height: .32rem;
  text-align: justify;
}
.page-con .hfjs-box{
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin: 1rem 0;
}
.page-con .hfjs-box .cover{
  width: 100%;
  overflow: hidden;
  z-index: 1;
}
.page-con .hfjs-box .cover img{
  width: 100%;
}
.page-con .hfjs-box .info{
  width: calc( 100% - 6.2rem );  
  padding: .5rem;
  position: absolute;
  right: .26rem;
  top: 40%;
  height: 2.6rem;
  background: rgba(255,255,255,.8);
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 2;
}
.page-con .hfjs-box .info h6{
  font-size: .18rem;
  margin-bottom: .26rem;
  font-weight: bold;
  color: #005f62;
}
.page-con .hfjs-box .com-more{
  position: absolute;
  right:  0.26rem;
  bottom: 0.26rem;
}
.page-con .hfjs-box .info .des{
  text-indent: 2em;
  color: #333;
  line-height: .32rem;
  text-align: justify;
}
.page-con .jyjxjy-box{
  margin: 1rem 0;
}
.page-con .jyjxjy-box ul{
  justify-content: space-between;
}
.page-con .jyjxjy-box li{
  width: 22%;
  height: 3rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.page-con .jyjxjy-box li:nth-child(2n){
  margin-top: .5rem;
}
.page-con .jyjxjy-box li .cover{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .jyjxjy-box li .cover img{
  width: 100%;
}
.page-con .jyjxjy-box li .tl-box{
  position: absolute;
  left: 50%;
  bottom: 0rem;
  background: #085293;
  width: 2rem;
  height: 1rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: center;
  margin-bottom: -.3rem;
  color: #fff;
  line-height: 1rem;
  margin-left: -1rem;
  display: flex;
  align-items: center;
}
.page-con .jyjxjy-box li:nth-child(2) .tl-box{
  background: #94080b;
}
.page-con .jyjxjy-box li:nth-child(3) .tl-box{
  background: #597099;
}
.page-con .jyjxjy-box li:nth-child(4) .tl-box{
  background: #a5a09d;
}
.page-con .jyjxjy-box li .tl-box h6{
  font-size: .18rem;
  color: #fff;  
  width: 100%;
}
.page-con .jyjxjy-bm{
  margin-bottom: 1rem;
}
.page-con .jyjxjy-bm ul{
  justify-content: space-between;
}
.page-con .jyjxjy-bm li{
  width: 48%;
  height: 3rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.page-con .jyjxjy-bm  li .cover{
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .jyjxjy-bm  li .cover img{
  width: 100%;
}
.page-con .jyjxjy-bm  li .tl-box{
  position: absolute;
  right: 0;
  bottom: 0rem;
  background: #00612c;
  width: 2rem;
  height: 1rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: center;
  margin-bottom: -.3rem;
  color: #fff;
  line-height: 1rem;
  margin-left: -1rem;
}
.page-con .jyjxjy-bm  li:nth-child(2) .tl-box{
  background: #623a6c;
}
.page-con .jyjxjy-bm .tl-box h6{
  font-size: .18rem;
  color: #fff;  
}
.page-con .zsjy-box{
  margin-top: 1rem;
}
.page-con .zsjy-box ul{
  justify-content: space-between;
}
.page-con .zsjy-box li{
  width: 48%;
  height: 5rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  margin-bottom: .5rem;
}
.page-con .zsjy-box li .cover{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .zsjy-box li .cover img{
  width: 100%;
  height: 100%;
}
.page-con .zsjy-box li .tl-box{
  position: absolute;
  left: 0;
  bottom: .26rem;
  background: rgba(255,255,255,0.8);
  width: 60%;
  height: 1rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: left;
  color: #fff;
  line-height: 1rem;
  padding-left: .5rem;
}
.page-con .zsjy-box .tl-box h6{
  font-size: .28rem;
  color: #333;  
}
.page-con .jy-box{
  overflow: hidden;
}
.page-con .jy-box ul{
  justify-content: space-between;
}
.page-con .jy-box li{
  width: 100%;
  height: 5rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.page-con .jy-box li .cover{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .jy-box li .cover img{
  width: 100%;
}
.page-con .jy-box li .tl-box{
  position: absolute;
  left: 50%;
  bottom: .26rem;
  background: rgba(255,255,255,0.8);
  width: 5rem;
  height: 1rem;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  z-index: 3;
  text-align: center;
  color: #fff;
  line-height: 1rem;
  margin-left: -2.5rem;
}
.page-con .jy-box .tl-box h6{
  font-size: .34rem;
  color: #333;  
}
.page-con .xkzy-zdxk-box li{
  margin-bottom: .5rem;
}
.page-con .xkzy-zdxk-box h5{
  font-size: .18rem;
  margin-bottom: .1rem;
  position: relative;
  overflow: hidden;
  background: url(../img/core.png) no-repeat center left;
  padding: .16rem .4rem;
}
.page-con .xkzy-zdxk-box dl{
  display: flex;
  flex-wrap: wrap;
  background: #eee;
  padding: .26rem .26rem 0 .26rem;
}
.page-con .xkzy-zdxk-box dd{
  width: 33.33%;
  margin-bottom: .16rem;
  padding-left: .26rem;
  background: url(../img/c_ico.png) no-repeat center left;
  padding: .05rem 0 .05rem .26rem ;
  box-sizing: border-box;
}
.page-con .xkzy-zdxk-box dd a{
  cursor: default;
}
.page-con .pos-big{
  height:1px;
  width:100%;
  position: relative;
  margin-bottom: .5rem;
  background: #D8D8D8;
}
.page-con .pos-big p{
  font-size: .16rem;
  color:#383838;
  position: absolute;
  left:0;
  top:-.2rem;
  background: url(../img/pos_g.png) no-repeat center left #fff;
  padding: .1rem .36rem;
}
.page-con .pos-big p a{
  color:#383838;
}
.page-con .pos-big p span{
  color:#999999;
}
.page-con .pos-big p a:hover ,.page-con .pos-big p a:hover span{
  color: #CC3300;
}
.page-con .word-list{
  width: 100%;
}
.page-con .word-list li{
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  padding: .2rem;
  margin-bottom: .26rem;
  width: 100%;
}
.page-con .word-list li span{
  width: 2rem;
  text-align: right;
  line-height: .32rem;
}
.page-con .word-list li a{
  display: block;
  width: calc(100% - 2rem);
  line-height: .32rem;
  font-size: .18rem;
}
.page-con  .pic-list ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-con  .pic-list li{
  width: 30%;
  margin-bottom: .5rem;
}
.page-con  .pic-list li:nth-child(n+4){
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: .26rem;
}
.page-con  .pic-list li:nth-child(4){
  border-top: 2px solid #cfcfcf;
  padding-top: .5rem;
}
.page-con  .pic-list li:nth-child(n+4) a{
  display: flex;
  justify-content: space-between;
}
.page-con .pic-list li .cover{
  width: 100%;
  height: 2.8rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con  .pic-list li:nth-child(n+4) .cover{
  width: 2.9rem;
  height: 1.8rem;
}
.page-con  .pic-list .tl-box{
  font-size: .18rem;
  font-weight: bold;
  line-height: .26rem;
  margin-top: .26rem;
}
.page-con  .pic-list li:nth-child(n+4) .tl-box{
  width: calc( 100% - 3.2rem);
}
.page-con  .pic-list li:hover *{
  color: #005f62;
}
.page-con .pic-list li .cover img{
  width: 100%;
  height: 100%;
}
.page-con  .cloud-list{
  width: 100%;
}
.page-con  .cloud-list li{
  margin-bottom: .26rem;
  width: 100%;
  overflow: hidden;
}
.page-con  .cloud-list li a{   
    width: 100%;
}
.page-con  .cloud-list li .left{
    width: 50%;
    position: relative;
    z-index: 3;
    margin-top: .65rem;
    margin-left: .21rem;
    margin-right: -.23rem;
    padding-left: .08rem;
    padding-bottom: .09rem;
    float: left;
}

.page-con  .cloud-list li .left:after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    top: .09rem;
    right: .08rem;
    background: #005f62;
}
.page-con  .cloud-list li .txt{
    padding: .83rem .8rem .3rem .55rem;
    background: #fff url("../img/szlou.png") no-repeat bottom right;
    position: relative;
    z-index: 3;
    min-height: 3.31rem;
    box-shadow: 0px 0px .1rem 0px rgba(134, 134, 134, 0.5);
}
.page-con  .cloud-list li  .tl-box{
    font-size: .2rem;
    line-height: .5rem;
    color: #333333;
    -webkit-line-clamp: 4;
    max-height: 2rem;
}

.page-con  .cloud-list li .right{
    width: 50%;
    float: right;
}

.page-con  .cloud-list li:nth-child(even) .left{
  float: right;
  margin-left: 0;
  margin-right: 0;
}
.page-con .cloud-list li:nth-child(even) .left:after{
  left: -.1rem;
}
.page-con .cloud-list li:nth-child(even) .txt{
  left: -.26rem;
}
.page-con  .cloud-list li:nth-child(even) .right{
  float: left;
}
.page-con  .cloud-list li  .cover{
    padding-top: 4.94rem;
    position: relative;
    overflow: hidden;
}
.page-con  .cloud-list li  .cover .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s ease-in;
}
.page-con  .cloud-list li:hover  .cover .img{
    transform: scale(1.2); 
}
.page-con .news-cont{
  width: 66%;
}
.page-con .news-rec{
  width: 30%;
}
.page-con .news-rec .inner{
  background: #fffaf4;
  padding: 0.4rem 0.3rem;
  margin-bottom: 0.4rem;
  border: 1px solid #eeeae4;
  position: relative;
}
.page-con .news-rec .inner h2{
  color: #050025;
  font-size: 0.22rem;
  margin-bottom: 0.15rem;
  position: relative;
  padding-left: .3rem;
  position: relative;
}
.page-con .news-rec .inner h2::after{
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  background: #872f00;
  left: 0;
  top: 0;
}
.page-con .news-rec .inner .more{
  position: absolute;
  right: .26rem;
  bottom: .26rem;
  color: #872f00;
  font-size: .16rem;
  line-height: .22rem;
}

.page-con .news-rec .inner ul{
  padding-bottom: 0.2rem;
}
.page-con .news-rec li{
  padding: 0.2rem 0;
  border-bottom: 1px solid #eeeae4;
}
.page-con .news-rec li:last-child{
  border-bottom: 1px solid rgba(0,0,0,0);
}
.page-con .news-rec .inner li a{
  width: 100%;
  align-items:flex-end;
  display: flex;  
}
.page-con .news-rec li span{
  color: #872f00;
  font-size: 0.14rem;
}
.page-con .news-rec li h3{
  font-size: 0.16rem;
  color: #333;
  line-height: 0.22rem;
  transition: 0.5s;
}
.page-con .news-rec .inner li span{
  width: 1rem;
  text-align: right;
  line-height: 0.22rem;
}
.page-con .news-rec .inner li h3{
  width: calc(100% - 1rem);
}
.page-con .news-rec li h3:hover{
  color: #872f00;
}
.page-con .article-title{
  padding-bottom: .3rem;
}
.page-con .article-title h3{
  font-size: .24rem;
  color:#333;
  text-align: center;
  font-weight: normal;
  padding-bottom: .4rem;
}
.page-con .article-title h3.npd{
  padding-bottom: 0;
}
.page-con .article-author{
  font-size: .14rem;
  color:#999999;
  text-align: center
}
.page-con .article-author p{
  text-align: center !important;
}
.page-con .article-author span{
  padding-right: .2rem;
  color: #6f6f70;
}
.page-article {
    margin: 0 ;
    overflow: hidden;
}
.page-article .article{
  padding: 50px 0;
  border-bottom: 1px solid #E1E1E1;
}
.page-article .article div> p{
  font-size: .16rem;
  margin-bottom: .16rem;
  line-height: .26rem; 
   text-indent: 2em;
   word-break: break-word;
   text-align: justify;
 }
.page-article .page-editor{
  font-size: .16rem;
  padding: .26rem 0;
  line-height: .26rem; 
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: .5rem;
}
.attachment-box{
  padding: .26rem 0;
}
.attachment-box h5{
  font-size: .18rem;
  font-weight: bold;
  margin-bottom: .26rem;
}
.attachment-box li{
  font-size: .16rem;
  line-height: .36rem;
}
.page-con .school-profile ul{
  justify-content: space-between;
}
.page-con .school-profile li{
  width: 48%;
  height: 2.43rem;
  position: relative;
  background: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  display: flex;
  justify-content: space-between;
  margin-bottom: .5rem;
  overflow: hidden;
}
.page-con .school-profile li .cover{
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.page-con .school-profile li .cover img{
  width: 100%;
}
.page-con .school-profile li .tl-box{
  width: 50%;
  height: 100%;
  padding: .26rem;
}
.page-con .school-profile .tl-box h6{
  font-size: .18rem;
  color: #a30f0f;  
  margin-bottom: .26rem;
}
.page-con .school-profile li .tl-box .des{
  font-size: .14rem;
  color: #666666;
  line-height: .26rem;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-con .school-profile .com-more{
  position: absolute;
  left: .26rem;
  bottom:.26rem;
}
.page-con .information-users{
  width: 100%;
}
.page-con .information-users ul{
  justify-content: space-between;
}
.page-con .information-users li{
  width: 23%;
  border-radius: .05rem;
  border: 1px solid rgba(13,47,110,0.1);
  margin-bottom: .5rem;
  transition: all 0.3s ease-out;
  height: 1.5rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.page-con .information-users li .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.8s ease-in;
  z-index: 2;
  background: linear-gradient(to right , #005f62 , transparent);
}
.page-con .information-users li  h6{
    text-align: center;
    font-size: .16rem;
    font-weight: 500;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 .04rem;
    box-sizing: border-box;
    position: absolute;
    left: .26rem;
    bottom:.26rem;
    z-index: 3;
}
.page-con .information-users li:hover{
   border-color: #005f62; 
}
.page-con .information-users li:hover img{
      transform: scale(1.06); 
}
.page-con .information-users .cover{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.page-con .information-users .cover img{
  width: 100%;
  transition: all .3s; 
}
.page-campusscenery{
  width: 100%;
}
.page-campusscenery .big-pic-box{
  width: 100%;
  margin-bottom: .5rem;
}
.page-campusscenery .big-pic-box li{
  position: relative;
}
.page-campusscenery  .cover img{
  width: 100%;
}
.page-campusscenery .big-pic-box .cover {
    width:100%;
    height:6.36rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
}
.page-campusscenery .big-pic-box .card {
    z-index: 10000;
    left:  0rem;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    height: 1rem;
    width: 100%;  
    position: absolute;
    bottom: 0;
}
.page-campusscenery .big-pic-box .card  h3{
  word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: .22rem;
    text-align: justify;
    height: .44rem;
    margin-bottom: .26rem;
    font-weight: bolder;
    color: #fff;
    font-size: .22rem;
    padding: .26rem .5rem;
}
.page-campusscenery .small-pic-list ul{
  overflow: hidden;
}
.page-campusscenery .small-pic-list li{
   width: 33.33%;
   float: left;
}
.page-campusscenery .small-pic-list li:nth-child(n) .box
{
  margin-right: .16rem;
  margin-left: 0;
}
.page-campusscenery .small-pic-list li:nth-child(3n+2)  .box
{
  margin:0 .08rem;
}
.page-campusscenery .small-pic-list li:nth-of-type(3n)  .box
{
  margin-right:0;
  margin-left: .16rem;
}
.page-campusscenery .small-pic-list .cover {
  width: 100%;
    height:2.76rem;
    margin-top:0px;
    overflow:hidden;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.page-campusscenery .small-pic-list .card {   
    height: 1rem;
    width: 100%;  
    padding: .2rem .25rem .25rem .25rem;
}
.page-campusscenery .small-pic-list h3{
  font-size: .18rem;
    line-height: .24rem;
    font-weight: bold;
    margin-bottom: .25rem;
    display: block;
}
.page-con .jyjx-syjxpt-box li{
  margin-bottom: .5rem;
}
.page-con .jyjx-syjxpt-box h5{
  font-size: .18rem;
  margin-bottom: .1rem;
  position: relative;
  overflow: hidden;
  background: url(../img/lab.png) no-repeat center left;
  padding: .16rem .4rem;
}
.page-con .jyjx-syjxpt-box dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #eee;
  padding: .26rem .26rem 0 .26rem;
}
.page-con .jyjx-syjxpt-box dd{
  width: 25%;
  margin-bottom: .16rem;
  padding-left: .26rem;
  background: url(../img/c_ico.png) no-repeat center left;
  padding: .05rem 0 .05rem .26rem ;
}
.mobile-menu{
  display: none;
  width: .8rem;
  height: .8rem;
  position: absolute;
  right: .26rem;
  top: .26rem;
  z-index: 99999999;
}
.mobile-menu .img{
  width: 100%;
  height: 100%;
  background: url(../img/mobile-menu.png) no-repeat center center ;
  background-size: cover;

}
.mobile-menu.on .img{
  background-image: url(../img/mobile_close.png);

}
.list-paddingleft-2{
  text-align:left;
}
.list-paddingleft-2 p{
  line-height:.42rem;
}
@media (max-width: 1600px) { 
  .theme-footer::before {
    left: 0;
  }
  .theme-footer::after{
    left: 2.6%;
  }
}
@media (max-width: 1200px) { 
 .com-title .more01{
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
 }
 .page-con .lf-item li{
  line-height: 1rem;
  height: 1rem;
 }
 .page-con .lf-item li a{
  font-size: .26rem;
 }
 .page-con .jyjx-syjxpt-box dd{
    width: 40%;
    padding-left: .48rem;
    line-height: .48rem;
  }
  .page-con .jyjx-syjxpt-box dd a,.page-con .xkzy-zdxk-box dd a{
    font-size: .22rem;
  }
  .page-con .jyjx-syjxpt-box h5{
    padding-left: .68rem;
    font-size: .26rem;
  }
 .page-con .xkzy-zdxk-box dd{
    padding-left: .48rem;
    width: 40%;
    line-height: .68rem;
  }
  .page-con .xkzy-zdxk-box h5{
    padding-left: .68rem;
    font-size: .26rem;

  }  
  .page-con .kxyj .kypt-box .tl-box h6,.page-con .kyxmkyxm li .info h6,.page-con .qks-box .info h6{
    font-size: .3rem;
  }
  .theme-fblock .nlist .datetime{
    padding-left: .5rem;
    width: 1.2rem;
  }
  .page-con .com-more{
    width: 1.4rem;
    height: .48rem;
    line-height: .48rem;
  }
  .page-con .kxyj .kypt-box .tl-box{
    height: 3.8rem;
  }
  .page-con .kxyj .kypt-box .tl-box .des,.page-con .kyxmkyxm li .info dl dd{
    line-height: .48rem;
  }
  .page-con .qks-box .info{
    height: 6rem;
    top: 20%;
  }
}
@media (max-width: 1020px) { 
.page-theme .main .con{
  height: 1rem;
} 
  .com-title .more01{
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
 }
  .page-article .article img,.page-article .article video{
    width: 100% !important;
    height: auto !important;
  }
  .page-con .pos-big p{
    padding: .1rem .5rem;
  }

  .theme-fblock .nlist .datetime{
    padding-left: .68rem;
    width: 1.42rem;
    line-height: .32rem;
  }
  .theme-fblock .nlist li a{
    padding: .2rem 0;
    height: 1rem;
  }
  .theme-fblock .nlist p{
    width: calc(100% - 1.68rem);
    line-height: .32rem;
    height: .64rem;
  } 
  .page-con .kyxmkyxm li{
    width: 100%;
    margin-bottom: .5rem;
  }
  .page-con .kyxmkyxm li:last-child{
    margin-bottom: 0;
  }  
  .page-con .qks-box .info .des{
    line-height: .48rem;
  }
  .theme-footer .wwwinfo{
    width: 5rem;
  }
  
}
@media (max-width: 800px) {
  body *{
    font-size: .26rem;
  } 
  body{
    padding-top: 1.2rem;
  }
  .theme-subject{
    padding: .5rem .26rem;
    overflow: hidden;
  }
   .theme-fblock .lecturelist .datetime,.theme-fblock .lecturelist .member,.theme-fblock .lecturelist .address{
    line-height: .48rem;
    height: .48rem;
    padding-left: .48rem;
  }
  .theme-fblock{
    padding: .5rem .26rem 1rem .26rem;
    overflow: hidden;
  }
  .theme-fblock .nlist,.theme-fblock .lecturelist{
    height: auto;
  }
  .theme-footer .wwwinfo span{
    width: .32rem;
  }
  .page-con .kxyj .kypt-box{
    padding-bottom: .26rem;
  }
  .page-con .kxyj .kypt-box .cover{
    width: 100%;
  }
  .page-con .kxyj .kypt-box .tl-box{
    height: 5rem;
    bottom: 0;
    position: relative;
    width: 100%;
    right: 0;
  }
  .page-con .kyxmkyxm li .cover{
    width: 100%;
  }
  .page-con .kyxmkyxm{
    padding: .26rem;
    margin-top: 0;
  }
  .page-con .kyxmkyxm li .info{
    width: 100%;
    position: relative;
  }
  .page-con .qks-box{
    padding: .26rem;   
    margin-top: 0; 
  }
  .page-con .qks-box .info{
    width: 70%;
    right: 0;
    position: absolute;
  }
  .header-box .header .hospitallist .sub a:nth-child(4n){
    margin-right: .26rem;
  }
  .page-con .historyeducation img{
    width: 100% !important;
  }
  .com-w{
    width: 100%;
    margin: 0 auto;
  }
  .header-box .header .rg{
    /*display: none;*/
    background: rgba(0,95,98,.9);   
    overflow-y: auto;
    height: 100%;
    margin-left: 100%;
    transition: all .3s;
    padding-bottom: 1rem;
    position: fixed;
    right: -100%;
    top: 1.2rem;
    width: 100%;
    /*z-index: 9999998;*/
    padding: .26rem .26rem .5rem .26rem;
  }
  .header-box .header .rg.on{
    right: 0;
  }
  .header-box.fixed .header.hov{
    background: #005f62;
  }
  .header-box .header .rg .rg-inner{    
    background: #005f62;
    padding: .26rem;
    width: 90%; 
    margin-left: 10%;
  }
  .banners-box .inner{
    height: 30vh;
  }
  .mobile-menu{
  display: block;
  }
  .header-box .header .rg .alist .sch-box input{
    font-size: .22rem;
  }
  .header-box.fixed .header{
    z-index: 9999999;
  }
  .header-box .header.hov::before{
    height: 1.2rem;
  }
  .header-box .header .nav-box li.nor.hov .sub{
    height: auto;
  }
  .header-box .header .logo{
    padding-left: .26rem;
    position: relative;
    z-index: 100;
  }
  .header-box .header .com-w{
    display: block;
    padding: .2rem 0;
  }
  .header-box .header .rg .top{
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin-left: 0;
  }
  .header-box .header .rg .top .tool{
    border-radius: 0;
    padding-top: .26rem;
    background: transparent;
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .header-box .header .rg .top ul{
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .header-box .header .rg .top li{
    margin: 0 .26rem .26rem 0;
    display: inline-block;
  }
  .header-box .header .rg .top li *{
    font-size: .26rem;
  }
  .header-box .header .rg .alist .sch-tool{
    margin: .3rem auto;
    display: block;
  }
  .header-box .header .nav-box{
    height: 100%;
    overflow-y: auto;
  }
  .header-box .header .nav-box li{
    display: block;
    padding: .2rem 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-align: left;
    position: relative;
  }
  .header-box .header .nav-box li::after{
    position: absolute;
    right: 0;
    top: .5rem;
    width: .3rem;
    height: .3rem;
    content: "";
    background: url(../img/d.png) no-repeat center center;
    transition: all .3s;
  }
  .header-box .header .nav-box li.hov::after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }

  .header-box .header .rg .alist .sch-box,.header-box .header .rg .alist .sch-box.show{
    width: 90%;
  }
  .header-box .header .rg .alist .sch-box input{
    width: 92%;
    height: .6rem; 
  }
  .header-box .header .rg .alist .sch-tool::after{
    width: .58rem;
    height: .58rem;
  }
  .header-box .header .rg .alist .search{
    width: .48rem;
    height: .48rem;
  }
  .header-box .header .nav-box .n-name{
    font-size: .3rem;
    width: auto;
    text-align: left;
    padding-bottom: .4rem;
    height: .8rem;
    line-height: .8rem;
    position: relative;   
    display: inline-block; 
  }
  .header-box .header .nav-box li h2{
    position: relative;
    text-align: left;
  }
  .header-box .header .nav-box li h2::after{
    background: url(../img/d.png) no-repeat center center;
    content: "";
    position: absolute;
    right: .26rem;
    top: 0rem;
    width: .3rem;
    height: 100%;
    transition: all .3s;
  }
  .header-box .header .nav-box li.hov h2::after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .header-box .header .nor .sub{
    display: block;
    position: relative;
    left: 0;
    top: 0;
    opacity:1;
    margin: 0;
    height: 0;
    overflow: hidden;
    padding-left: .68rem;
    width: 100%;
  }  
  .header-box .header .nor .sub a{
    text-align: left;
    line-height: .68rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
    width: 100%;
    font-size: .24rem;
  }
  .header-box .header .nor .sub a:last-child{
    border-bottom: none;
  }
  .header-box .header::before{
    height: 1.2rem;
  }
  .header-box .header .hospitallist .sub{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    height: auto;
  }
  .mobile-s-nav{
    display: flex;
  }
  .page-theme .main .con{
    display: none;
  }
  .page-theme .main h2{
    margin-bottom: .5rem;
  }
  .page-con .lf-item ul{
    display: none;
  }
  .page-con .lf-item {
    margin-bottom: .5rem;
    background: transparent;
  }
  .page-con .lf-item ul{
    padding-left: 0;
  }
  .page-con .lf-item li{
    line-height: 1rem;
    height: 1rem;
  }
  .page-con .lf-item li a{
    font-size: .22rem;
   line-height: 1rem;
  }
  .page-con .lf-item ul::after{
    background: transparent;
  }
  .page-con .lf-item.on .mobile-s-nav i{
     transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }
  .nav-line-box .pos{
    padding-left: .6rem;
  }
  .page-con .rg-item .article {
    overflow: hidden;
  }
  .theme-news .com-w{
    display: block;
  }
  .theme-news .bm .lf,.theme-news .bm .rg{
    width: 100%;
  }
  .theme-news .bm .lf{
    margin-bottom: .5rem;
  }
  .theme-news .bm .nlist{
    height: 8.8rem;
  }
  .theme-news .bm .nlist li.s{
    height: 1rem;
    line-height: 1rem;
  }
  .theme-com{
    padding: .5rem .26rem;
  }
  .theme-fblock-two .nlist li{
    width: 100%;
    float: none;
    margin-bottom: .26rem;
  }
  .theme-fblock-two .nlist li:last-child{
    margin-bottom: 0;
  }
  .theme-fblock-two .nlist .datetime{
    width: 1.8rem;
  }
  .theme-fblock-two .nlist .tl-b{
    width: calc(100% - 1.8rem);
  }
  .theme-fblock-two .lecturelist .inner{
    display: block;
  }
  .theme-fblock-two .lecturelist .item{
    width: 100%;
    margin-bottom: .5rem;
  }
  .theme-fblock-two .lecturelist .datetime,.theme-fblock-two .lecturelist .address,.theme-fblock-two .lecturelist .member{
    height: .72rem !important;
    line-height: .72rem !important;
    padding-left: .72rem !important;
  }
  .theme-fblock-two{
  background: url(../img/jz_bg.png) repeat-x right bottom #e1f2ec;
  padding-bottom: 2.5rem;
  }
  .theme-subject .subject-box .cover{
    height: 4.2rem;
  }
  .theme-culture .topc .lf{
    width: 42%
  }
  .theme-culture .topc .cen{
    width: 58%;
  }
  .theme-culture .topc .rg{
    width: 100%;
  }
  .theme-culture .bomc .item:nth-child(1),.theme-culture .bomc .item:nth-child(2){
    width: 100%;
  }
  .theme-culture .bomc .item:nth-child(3){
    width: 100%;
  }
  .theme-title-box{
    width: 30%;
  }
  .theme-title-box img{
    width: 100%;
  }
  .theme-westward .lf{
    margin-bottom: .5rem;
  }
  .theme-westward .lf,.theme-westward .rg{
    width: 100%;
  }
  .theme-westward{
    padding: .5rem .26rem;
  }
  .oralhistorybanner li .cover{
    height: 3.8rem;
  }
  .oralhistorybanner li h3{
    font-size: .28rem;
    line-height: 1rem;
  }
  .theme-link{
    padding: .5rem .26rem 1rem .26rem;
  }
  .theme-link .title{
    padding-left: 1rem;
    font-size: .54rem;
  }
  .theme-link .list a{
    font-size: .32rem;
    line-height: 1rem;
  }
   .theme-footer .com-w{
    height: auto;
    padding: 2rem .5rem 1rem .5rem;
  }
  .theme-footer .wwwinfo{
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    position: relative;
  }
  .theme-footer .com-flex{
    display: block;
    position: relative;
  }
  .theme-footer .logo{
    margin-bottom: .5rem;
  }
  .theme-footer .logo,.theme-footer .beian{
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
  }
  .theme-footer .wwwinfo p{
    margin-bottom: .26rem;
    line-height: .26rem;
    font-size: .22rem;
  }
  .theme-footer .beian{
    padding-top: .5rem;
  }
  .theme-footer::before{
    height: 6rem;
  }
  .theme-footer *{
    font-size: .24rem !important;
  }
  .theme-media{
    width: 100%;

  }
  .theme-media ul,.theme-media li{
    width: 100%;
  }
  .theme-media li a{
    margin:  0 auto;
  }
  #aside-nav-box li{
    height: .6rem;
  }
  #aside-nav-box li a{
    font-size: .26rem;
    line-height: .6rem;
  }
  .schoolhistory .s-title .cycq_tl{
    width: 50%;
  }
  .theme-westward .bm .lf .des{
    background-size: 100% 100%;
  }
  .theme-news-third .com-w{
    display: block;
  }
  .theme-news-third .com-w .left{
    width: 100%;
    margin-bottom: .26rem;
  }
  .theme-news-third .com-w .right{
    width: 100%;
  }
  .theme-fblock-two .more{
    top: .26rem;
  }
  .schoolhistory .more{
    right: 0;
    left: 1rem;
    top: 6.5rem;
  }
  .oralhistorybanner li h3,.theme-fblock-two .lecturelist .tl{
    font-size: .26rem;
  }
  .theme-news .com-w .left,.theme-news .com-w .right,.theme-fblock .lf,.theme-fblock .rg{
    width: 100%;
  }
  .theme-news .sbanner .cover{
    height: auto;
  }
  .theme-news .sbanner .sbanner-desc .title{
    font-size: .26rem;
  }
  .theme-news .news-word-list li a{
    width: calc(100% - 1.2rem);
    font-size: .26rem;
    line-height: .32rem;
  }
  .theme-fblock .nlist .datetime{
    padding-left: .58rem;
  }
  .theme-fblock .nlist .datetime{
    width: 1.4rem;
  }
  .theme-fblock .nlist p{
    width: calc(100% - 1.4rem);
    font-size: .26rem;
    line-height: .32rem;
    height: .64rem;
  }
  .theme-fblock .nlist .datetime{
    line-height: .3rem;
  }
  .theme-fblock .lecturelist .tl{
    font-size: .26rem;
    line-height: .32rem;
  }
  .theme-fblock .lecturelist li{
    margin-bottom: .5rem;
  }
  .theme-fblock::before{
    background-position: right bottom;
  }
  .theme-fblock{
    padding-bottom: 2.5rem;
  }
  .page-theme .main{
    width: 100%;
    padding: 0 .5rem;
  }
  .nav-line-box::after{
    z-index: 10;
    width: 75%;
  }
  .nav-line-box .com-w{
    position: relative;
    z-index: 11;
    padding-left: .26rem;
  }
  .page-con .lf-item,.page-con .rg-item{
    width: 100%;
    padding: 0 .26rem;
  }
  .page-con .lf-item{
    padding: 0 .26rem;
  }
  .com-title .more01{
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
  }
  .page-con .cloud-list{
    padding: 0 .26rem;
  }
  .page-con .cloud-list li .cover{
    padding-top: 2.8rem;
  }
  .page-campusscenery{
    padding: 0 .26rem;
  }
  .page-campusscenery .small-pic-list li{
    width: 100%;
  }
  .page-theme .main.bg{
    width: 50%;
    height: 1rem;
    text-align: center;
  }
  .page-con .news-cont,.page-con .news-rec{
    width: 100%;
    padding: 0 .26rem;
    overflow: hidden;
  }
  .page-article .article p img{
    width: 100% !important;
    height: auto !important;
  }
  .page-con .pos-big p{
    left: .26rem;
    padding: .1rem .56rem;
    font-size: .26rem;
  }
  .page-con .article-title h3{
    font-size: .32rem;
    line-height: .48rem;
  }
  .page-con .article-author span{
    line-height: .26rem;
  }
  .page-article .article{
    padding: .5rem 0;
  }
  .page-article .article p{
    font-size: .26rem;
    line-height: 180%;
    margin-bottom: .26rem;
  }
  .attachment-box li{
    line-height: .42rem;
  }
  .page-con .news-rec li h3,.page-con .news-rec .inner li span{
    font-size: .26rem;
    line-height: 1rem;
  }
  .page-con .news-rec .inner li h3{
        width: calc(100% - 1.6rem);
  }
  .page-con .news-rec .inner li span{
    width: 1.4rem;
  }
  .page-con .news-rec .inner h2{
    font-size: .32rem;
  }
  .page-article .page-editor {
    font-size: .26rem;
  }
  .attachment-box h5{
    font-size: .3rem;
  }
  .page-con .kxyj{
    padding: 0 .26rem;
  }
  .servicehall-list li {
    width: 33.33%;
  }
  .page-con .cloud-list li .tl-box{
    font-size: .26rem;
  }
  .theme-news .bm .nlist .swiper-card .title{
    font-size: .26rem;
  }
  .theme-culture li .tl{
    font-size: .26rem;
  }
  .schoolhistory .item .tit .h{    
    font-size: .26rem;
  }
  .page-con .departmentlist li{
    width: 100%;
    margin-right: 0;
  }
  .page-con .jyjx-syjxpt-box dd{
    width: 100%;
    padding-left: .48rem;
  }
  .page-con .jyjx-syjxpt-box h5{
    padding-left: .68rem;
    font-size: .3rem;
  }
  .page-con.bg{
    background: transparent;
  }
  .page-con .xkzy-zdxk-box dd{
    padding-left: .48rem;
    width: 100%;
    line-height: .68rem;
  }
  .page-con .xkzy-zdxk-box h5{
    padding-left: .68rem;
    font-size: .3rem;

  }
  .theme-news .bm .bm-more a{
    font-size: .26rem;
  }
  .theme-news .bm .nlist li.s .stitle{
    width: calc(100% - 1.8rem);
    font-size: .26rem;
  }
  .theme-news .bm .nlist li.s .time{
    width: 1.6rem;
    line-height: .42rem;
    height: .42rem;
  }
  .theme-news .bm .nlist li.s .month{
    font-size: .26rem;
    width: .8rem;
    line-height: .42rem;
  }
  .theme-news .bm .nlist li.s .day{
    font-size: .26rem;
    width: 1rem;
    line-height: .42rem;
  }
  .theme-news .news-word-list li{
    padding: .15rem 0;
  }
  .theme-news .com-w .right .more-b a{
    line-height: .68rem;
  }
  .theme-news .news-word-list .datetime{
    height: 1rem;
    width: 1.4rem;
  }
  .theme-news .news-word-list .datetime h5,.theme-news .news-word-list .datetime span{
    font-size: .26rem;
  }
  .theme-news .news-word-list .datetime h5{
    width: .68rem;
    height: 1rem;
  }
  .theme-study .com-w .nlist li a{
    font-size: .26rem;
    line-height: 1rem;
  }
  .theme-study .com-w{
    height: 1rem;
  }
  .theme-study .com-w .pic{
    height: 1rem;
    width: 2rem;
    padding: .2rem 0;
  }
  .page-con .word-list li{
    box-sizing: border-box;
    padding: .3rem;    
  }
  .page-con .word-list{
    padding: 0 .26rem;
    overflow: hidden;
    box-sizing: border-box;
  }
  .page-con .word-list li span{
    width: 1.6rem;
  }
  .page-con .word-list li a{
    width: calc(100% - 1.6rem);
    font-size: .26rem;
  }
  .page-con .news-rec .inner .more{
    font-size: .26rem;
  }
  .theme-culture .topc .rg .tp .cover, .theme-culture .topc .rg .bm .cover,.theme-culture .bomc li .cover,.theme-culture .bomc li,.theme-culture .bomc .item:nth-child(2) .cloudexhibition li,.theme-culture .bomc .item:nth-child(2) .cloudexhibition .cover,.theme-culture .bomc .item:nth-child(2) .cloudexhibition{
    height: 5.2rem;
  }
  .theme-culture .bomc .item:nth-child(2) .schoolmotto .cover,.theme-culture .bomc .item:nth-child(2) .schoolmotto{
    height: auto;
    width: 100%;
  }
  .theme-westward .oralhistorybanner li h3{
    font-size: .26rem;
  }
  .page-con .departmentlist li *{
    font-size: .26rem;
  }
}