@media screen and (max-width:7.5rem) {
     #test1{
         height: 36%!important;
    }
}
body{
     font-size: .16rem;
}
 #test1{
     width: 100%;
     height: 60%!important;
}
 .layui-carousel .yi {
     width: 100%;
    /* position: relative;
     */
}
 .layui-carousel .yi img {
     width: 100%;
     object-fit: cover;
     height: 100%;
     max-height: 5.4rem;
}
 .layui-carousel .txt {
     width: 60%;
     height: 2.4rem;
     position: absolute;
     left: 18%;
     top: 31%;
}
 .layui-carousel .txt span {
     font-size: .57rem;
     background: linear-gradient(to right, #b8e3ff, #eff9ff);
     -webkit-background-clip: text;
     color: transparent;
}
 .layui-carousel .txt p {
     font-size: .23rem;
     margin: .32rem 0 .48rem 0;
     color: #fff;
}
 .layui-carousel .txt a {
     color: #fff;
     display: block;
     width: 1.26rem;
     font-size: .16rem;
     height: .45rem;
     text-align: center;
     line-height: .48rem;
     border-radius: .25rem;
     background-color: #14e48b;
     z-index: 999;
}
 .changjing {
     padding: 0 10%;
     height: 7rem;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     background: #fff;
}
 .changjing .top {
     width: 100%;
     height: 2rem;
     text-align: center;
}
 .changjing .top p {
     margin: .7rem 0rem .3rem 0;
     font-size: .44rem;
}
 .changjing .top span {
     color: #a2a8ad;
     font-size: .23rem;
}
 .changjing .bot {
     display: flex;
     justify-content: center;
}
 .changjing .bot .xnfz {
     width: 32%;
     height: 5rem;
     background-color: #fff;
     text-align: center;
}
 .changjing .bot .xnfz .shang {
     margin-top: .3rem;
     position: relative;
}
 .changjing .bot .xnfz .shang img{
     width: 1.52rem;
}
 .changjing .bot .xnfz p {
     font-size: .18rem;
     font-weight: 700;
     margin: .3rem 0 .25rem 0;
}
 .changjing .bot .xnfz span {
     color: #000!important;
     display: block;
     text-align: left;
     padding: 0 .34rem;
     white-space: break-spaces;
     font-size: .18rem !important;
}
 .changjing .bot .xnfz button {
     height: 8%;
     border: none;
     line-height: .4rem;
     background-color: #fff;
     margin-top: 6%;
}
 .changjing .bot .xnfz button a {
     color: #0f77ff;
     display: block;
     height: 100%;
     background-color: #fff;
     font-size: .16rem;
     border-radius: .25rem;
     border: 1px solid #0f77ff;
     position: relative;
     padding:0 40px 0 calc(40px - 12px);
}
.changjing .bot .xnfz button:hover a {
     background-color: #0f77ff;
     color: #fff;
}
 .changjing .bot .xnfz button a::after{
      content: '';
      display: block;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%) rotateX(67deg);
      width: 0px;
      height: 0px;
      border: 9px solid #0f77ff;
      border-right-color: transparent;
      border-top-color: transparent;
      border-bottom-color: transparent;
 }
 .changjing .bot .xnfz button:hover a::after{
      border-left-color: #fff;
 }

 .changjing .bot .xnfz button a img {
     margin-left: .15rem;
     width: 0.09rem;
     height: 0.08rem;
     display: none;
}
 .xiangqing {
     width: 100%;
     background-color: #fafafa;
     padding-bottom: 0.5rem;
}
 .xiangqing .xiangq {
     width: 80%;
     margin: 0 auto;
     background-color: #f4f5f7;
}
 .xiangqing .xiangq .top {
     width: 100%;
     height: 1.1rem;
     text-align: center;
     line-height: 1.1rem;
     display: flex;
     justify-content: space-evenly;
     font-size: 2em;
     background-color: #fafafa;
}
 .xiangqing .xiangq .top a {
     display: inline-block;
     color: #5b5b5b;
     font-size: .26rem;
     text-align: center;
}
 .xiangqing .xiangq .top .top_sj {
     color: #0f77ff;
     margin: 0 1rem;
}
 .xiangqing .xiangq .top .top_sj div {
     width: 1rem;
     border: .04rem solid #0f77ff;
     margin: -0.35rem .67rem 0;
}
 .xiangqing .xiangq .xia {
     display: flex;
     border: 0.01rem solid #e9ecf1;
}
 .xiangqing .xiangq .xia .xia_zuo {
     width: 20%;
     height: 100%;
     background-color: #f4f5f7;
}
 .xiangqing .xiangq .xia .xia_zuo .layui-menu li {
     text-align: center;
     height: .6rem;
     line-height: .6rem;
     padding: 0;
     margin: 0;
     color: #5d6477;
     font-size: .16rem;
     background-color: #f4f5f7;
}
 .xiangqing .xiangq .xia .xia_zuo .layui-menu li:hover,
 .xiangqing .xiangq .xia .xia_zuo .layui-menu li.layui-menu-item-checked a,
 .xiangqing .xiangq .xia .xia_zuo .layui-menu li.layui-menu-item-checked{
      color: #0f77ff ;
      background-color: #fff !important;
 }
 .xiangqing .xiangq .xia .xia_zuo .layui-menu li.layui-menu-item-checked::after{
      left: -1px;
      border-color: #0f77ff;
          right: auto;
 }
 .xiangqing .xiangq .xia .xia_zuo .layui-menu {
     margin: 0;
}
 .xiangqing .xiangq .xia .xia_zuo .layui-panel {
     border: none;
     box-shadow: none;
}
 .xiangqing .xiangq .xia .xia_you_shang {
     width: 80%;
     height: 100%;
     padding-left: 0.15rem;
     padding-right: 0.3rem;
     box-sizing: border-box;
     background-color: #fff;
}
 .xiangqing .xiangq .xia .xia_you_shang h3 {
     font-size: .26rem;
     margin: .25rem 0 .2rem 0;
}
 .xiangqing .xiangq .xia .xia_you_shang p {
     font-size: .18rem;
     color: #6e6e6e;
     margin-bottom: .1rem;
     line-height: .28rem;
}
 .xiangqing .xiangq .xia .xia_you_shang button {
     width: 1.26rem;
     height: .34rem;
     background-color: #e1fbef;
     border: none;
     margin-top: .18rem;
}
 .xiangqing .xiangq .xia .xia_you_shang button a {
     display: inline-block;
     text-align: center;
     line-height: .34rem;
     width: 100%;
     height: 100%;
     color: #0fcd7b;
}
 .xiangqing .xiangq .xia .xia_you_xia {
     margin-left: .9rem;
     width: 9.35rem;
     height: 3.72rem;
     float: right;
     margin-right: .83rem;
}
 .proimg{
     margin-left: .15rem;
}
 .proimg a {
     display: block;
     width: 99%;
}
 .proimg a img {
     width: 100%;
}
 .news {
   padding:  0 10%;
     margin: 0 auto;
     background-color: #fff;
}
 .news .news_top {
     width: 100%;
     padding-bottom: 0.5rem;
     text-align: center;
     font-size: .32rem;
}
 .news .news_top h1 {
     font-weight: 700;
     padding: .58rem 0 .2rem 0;
     font-size: .32rem;
}
 .news .news_top span {
     font-size: .26rem;
     color: #a2a8ad;
     font-size: .16rem;
}
 .news .news_bot {
     width: 100%;
}
 .news .news_bot::after{
     display: block;
     content: '';
     clear: both;
}
 .news .news_bot div {
     width: 24%;
     height: 4.21rem;
     border-radius: .1rem;
     float: left;
     margin-right: .1rem;
     overflow: hidden;
     box-shadow: 0.01rem 0.02rem 0.03rem #ccc;
}
 .news .news_bot div p {
     width: 80%;
     padding: 0 .27rem 0;
     color: #808080;
}
 .news .news_bot div .news_t0 {
     font-size: .2rem;
     font-weight: 700;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin: .15rem 0;
     color: #000;
}
 .news .news_bot div .news_T {
     color: #a2a8ad;
     margin-bottom: .16rem;
     font-size: .16rem;
}
/* .news .news_bot .newBtn img {
     width: 100%;
}
 */
 .news .news_bot div .news_zk {
     color: #808080;
     font-size: .14rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
}
 .news .news_bot div:hover {
     transform: translate(0, -0.1rem);
}
 .news .news_f {
     width: 100%;
     text-align: center;
     padding: 0.5rem 0;
}
 .news .news_f a {
     display: inline-block;
     height: .4rem;
     line-height: .4rem;
     border: 1px solid #0f77ff;
     border-radius: .25rem;
     color: #0f77ff;
     font-size: .16rem;
         position: relative;
    padding: 0 40px 0 calc(40px - 12px);
}
.news .news_f a::after {
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotateX(67deg);
    width: 0px;
    height: 0px;
    border: 9px solid #0f77ff;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.news .news_f a:hover {
    background-color: #0f77ff;
    color: #fff;
}
.news .news_f a:hover::after{
     border-left-color: #fff;
}
 .news .news_f a img {
     margin-left: .1rem;
     width: 0.09rem;
     height: 0.08rem;
     display: none;
}
 .school_a {
     background-color: #f6f7fb;
     width: 100%;
     padding: 0.1px 10% 0.5rem;
     margin: 0 auto;
     box-sizing: border-box
     ;
}
 .school_a .school {
     width: 100%;
     background-color: #f6f7fb;
     margin: 0 auto;
}
 .school_a .school .sc_top {
     width: 100%;
     padding-bottom: 0.4rem;
     text-align: center;
}
 .school_a .school .sc_top h1 {
     font-weight: 700;
     margin: .58rem 0 .2rem 0;
     font-size: .32rem;
}
 .school_a .school .sc_top span {
     color: #a2a8ad;
     font-size: .16rem;
}
 .school_a .school .sc_bot {
    /* height: 2.4rem;
     */
     display: flex;
     flex-direction: row;
    /* justify-content: space-between;
     */
     flex-wrap: wrap;
    /* padding: 0 0.15rem;
     */
    /* box-sizing: border-box;
     */
}
 .school_a .school .sc_bot div {
      max-width: 2.47rem;
     width: 15%;
     text-align: center;
     line-height: 1rem;
     font-size: .26rem;
     color: #9aa4bf;
     box-shadow: 0.01rem 0.02rem 0.03rem  #5c5c5c;
     margin: .1rem 0.8%;
     box-sizing: border-box;
     max-height: .82rem;
}
  .school_a .school .sc_bot div img{
       width: 100%;
       height: 100%;
  }