/*  .active {
    color: #c04229;
  } */
  .xw-mian {
    display: flex;
        margin-top: 40px;
    }
    span{
    background-color:none !important}
    
    
    
    .index-bottom-lxwm{
     display: inline-block;
    width: 170px
    }
    div{
    }
    a{
    text-decoration:none;
    cursor:pointer;
    
    }
    
    
    .banner{
    overflow: hidden;
        display: flex;
        justify-content: center;
    
    }
    .hd-sites a{
    color:#fff;
    padding:0 10px
    }
    #flashBoxu_u9_ ul{
    position: absolute;
       right: 50% !important;
    
        /* left: 215px; */
        bottom: 3px;
        font: 9px tahoma;
    z-index:99;
    
    
    }
    #flashBoxu_u9_ ul li.hover{
    border-color: #FFFFFF !important;
        background:red !important;
        color: red !important;;
        text-indent: -999em !important;
    z-index:99;
    border-radius: 50% !important;;
    
    }
    
     .navmenushow {
            display: none;
          }
    
    .secondaryMenu3:hover .navmenushow{
            display: block;
          }
        .secondaryMenu3 ul li.block3{
    }
        .secondaryMenu4 ul li.hover3{
    }
    
    .navmenushow{
        position: absolute;
        top: 0;
        background-color: #fff;
        width: 100% !important;
    
        height: 400px;
        z-index: 102;
        opacity: 0.7;
        left: 0;
        right: 0;
    }
    dispaly:none;
    position: absolute;
        top: 0;
        background-color: #fff;
        width: 100% !important;
        height: 400px;
        z-index: 102;
        opacity: 0.7;
        left: 0;
    
    }
      .navmenu {
        width: 1400px;
        margin: 0px auto;
      }
      .navmenuin {
        position: static;
        height: 57px;
      }
      .navmenuin .secondaryMenu3 ul {
        display: none;
      }
      .navmenuin  .secondaryMenu4 > ul {
        display: flex;
      }
      .navmenuin .navmenushow {
        opacity: 1;
        height: auto;
        display: block;
      }
      
      .navmenu1 {
    width: 100%;
        position: absolute;
        top: 40px;
    
      }
      .navmenu2{
        width: 1300px;
        margin: 0px auto;
        display: flex;
    justify-content: space-between;
    align-items: flex-start;
        margin-top: 28px;
      }
      .secondaryMenu {
        display: flex;
        justify-content: center;
      }
      .secondaryMenu ul{
          display: flex;
          justify-content: space-between;
      }
      .secondaryMenu ul li{
          padding: 0 10px;
          list-style: none;
          text-decoration: none;
          font-size: 18px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #fff;
      }
      .navmenu3 {
          width: 1300px;
        display: flex;
        justify-content: space-between;
        margin: 28px auto 0 auto;
        align-items: flex-start;
        }
        .secondaryMenu3 {
          
        }
        .secondaryMenu3 ul{
          margin-top: 10px;
            display: flex;
            justify-content: space-between;
    
        }
    .secondaryMenu4 ul{
            display: flex;
            justify-content: space-between;
    
        }
    .secondaryMenu4 ul li{
            list-style: none;
            text-decoration: none;
            font-size: 18px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #fff;
          
        }
    .secondaryMenu4 ul li a{
          text-decoration: none;
          color: #000000;
          padding: 5px 0;
        }
        .sy {
          margin-left: 10px;
          width: 70px !important;
        }
.hover-sy  {
  margin-left: 10px;
  width: 70px !important;
color: #000 !important;
}
.hover-sy:hover {
 border-bottom: 2px solid #C04229 !important;
 padding-bottom: 5px !important;
}
    .secondaryMenu4 ul li a:hover {
          border-bottom: 2px solid #C04229;
          /* padding: 10px 0; */
        }
        .secondaryMenu3 ul li{
          margin-bottom: 9px;
           width: 110px;
           text-align: center;
            list-style: none;
            text-decoration: none;
            font-size: 18px;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: #fff;
          
        }
        .secondaryMenu3 ul li a{
          text-decoration: none;
          color: #000000;
          padding: 5px 0;
        }
        .secondaryMenu3 ul li a:hover {
          border-bottom: 2px solid #C04229;
          /* padding: 10px 0; */
        }
        /* .navmenu:hover > .a{
          display: block;
        }
        .a{
          display: none;
        } */
        .navmenu3 ul li>ul {
        display: none;
          margin-top: 20px;
        /* background-color: skyblue; */
      }
      .navmenu3 ul li>ul li{
        /* display: none; */
          color: #666666;
          text-align: center;
        /* background-color: skyblue; */
      }
      .navmenu3 ul li:hover ul {
        display: block;
      }
      .navmenu3 ul li>ul li:hover {
         color: #C04229;
        /* background-color: #4a9fb6; */
          /* background-color: #3d6061; */
      }
      html,
      body {
        margin: 0;
       
      }
body {
 overflow-x: hidden;
}
      /* .btn {
          margin: 20px 120px;
          width: 80px;
        } */
      .content {
        margin: 10px auto;
        display: none;
      }
     .btn {
    
    cursor:pointer;
      }
      .btn.active {
        color: #c04229;
    cursor:pointer;
      }
      .content.show {
        display: block;
      }
      .bg1 {
        width: 1400px;
        margin: 0 auto;
      }
      .bg1 .bgfont {
        padding-top: 40px;
        position: absolute;
        top: 0;
      }
      
      #bgimg img {
        width: 286px;
        height: 50px;
      }
      .bgflex {
        /* width: 1400px; */
        margin: 0 auto;
        justify-content: space-between;
      }
      ul {
      }
      .activebgwhite {
        display: none;
        padding: 0 !important;
        /* width: 1400px; */
        /* margin: 0 auto; */
        width: 100%;
        height: 400px !important;
        background: #ffffff;
        opacity: 0.95;
        position: absolute;
        top: 0;
        left: 50%;
        padding-top: 40px !important;
        z-index: 999999 !important;
        transform: translateX(-50%);
        /* padding: 40px 0 !important; */
        transition-property: opacity, left;
        transition-duration: 2s, 4s;
        /* margin-top: 40px; */
      }
      .bg {
        width: 100%;
        background: url("../img/bg.png") no-repeat;
        height: 680px;
        background-size: cover;
      }
      .bgtop {
        padding: 40px 0;
        /* display: flex;
          justify-content: space-between; */
      }
      .rotationchartwidth {
        display: flex;
        justify-content: space-between;
        /* width: 1400px; */
        /* margin:0 auto */
      }
      .rotationchartwidth .menu-sub-li {
        list-style: none;
        width: 100px;
        /* height: 20px; */
        text-decoration: none;
      }
      .rotationchartwidth .menu-sub-li a {
        height: 20px;
        text-decoration: none;
      }
      .activebgwhite {
        /* padding: 0 !important; */
        /* width: 1400px; */
        /* margin: 0 auto; */
        /* width: 100%;
          height: 400px !important;
          background: #ffffff;
          opacity: 0.95;
          position: absolute;
          top: 0;
          left: 50%;
          z-index: 999999 !important;
          transform: translateX(-50%); */
        /* padding: 40px 0 !important; */
        /* transition-property: opacity, left;
          transition-duration: 2s, 4s;
          margin-top: 40px; */
      }
      .active {
        /* padding: 0 !important; */
        /* width: 1400px !important;
          margin: 0 auto !important;
          height: 300px !important;
          /* background: #ffffff; */
        /* opacity: 0.95;
          position: absolute;
          top: 0;
          left: 50%;
          z-index: 999999 !important;
          transform: translateX(-50%); */
        /* margin-top: 40px; */
        /* /* min-width: 1727px !important; */
      
        /* display: flex !important;
          justify-content: space-between !important; */
        /* width: 1400px !important; */
        /* margin:0 auto !important;  */
      }
      .active .rotationchartwidth {
        /* display: flex !important;
          justify-content: space-between !important; */
        /* width: 1400px !important;
           margin:0 auto !important;  */
      }
      .active .bgimg {
        /* margin-top: 10px; */
        /* position: absolute; 
          left: 390px; */
        /* margin-left: 400px; */
      }
      
      .active ul {
        /* padding: 0 63px; */
        /* width:1400px;
          margin: 0 auto; */
        /* margin-left: -100px; */
      }
      .active .section-link {
        /* margin-left: -126px; */
        /* margin-left: -100px; */
      }
      .fontblack {
        color: #000 !important;
        font-family: PingFangSC-Medium, PingFang SC;
        /* margin-left: -100px; */
      }
      .titleblack {
        color: #000 !important;
        z-index: 99999;
        font-family: PingFangSC-Medium, PingFang SC;
      }
      .menu-sub-li {
        /* margin-top: 20px; */
        /* margin-left: -40px; */
        height: 40px;
      }
      .rotationchartwidth .forRealitive {
        height: 20px;
        /* list-style: none !important; */
        width: 100px;
        margin-bottom: 10px;
        text-align: center;
        /* height: 20px; */
        /* text-decoration: none; */
      }
      .rotationchartwidth .forRealitive a {
        list-style: none;
        width: 100px;
        /* height: 20px; */
        text-decoration: none;
        font-size: 18px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #fff;
      }
      .rotationchartwidth li {
        list-style: none;
        height: 20px;
        /* margin-bottom: 10px; */
      }
      .menu-sub li {
        margin-bottom: 15px;
      }
      .menu-sub .menu-sub-li a {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
      }
      .menu-sub .menu-sub-li a:hover {
        color: #c04229;
      }
      .dream {
        position: absolute;
        z-index: 99;
        top: 270px;
        transform: translateY(-50%);
        /* padding: 0 93px; */
        font-size: 82px;
        color: #f4b849;
        font-weight: 600;
        margin-left: 10px;
    
      }
      .dreamfly {
        font-family: PingFangSC-Medium, PingFang SC;
      }
      .schoolwelcome {
        margin-left: 10px;
        position: absolute;
        z-index: 99;
        top: 357px;
        transform: translateY(-50%);
        /* padding: 0 93px; */
        font-size: 36px;
        color: #ffffff;
        letter-spacing: 11px;
        font-family: PingFangSC-Medium, PingFang SC;
      }
      .schoolvideo {
        position: absolute;
        z-index: 99;
        top: 448px;
        /* margin: 0 93px; */
        width: 230px;
        height: 60px;
        border-radius: 30px;
        border: 2px solid #f4b849;
        background-image: url(../img/video.png);
        background-repeat: no-repeat;
        background-size: 36px 36px;
        background-position: 20px;
        color: #f4b849;
      }
      .schoolvideo:hover {
        background-color: #f4b849;
        color: #fff;
        background-image: url(../img/hovervideo.png);
        background-repeat: no-repeat;
        background-size: 36px 36px;
        background-position: 20px;
        cursor: pointer;
      }
      .schoolvideo img {
        line-height: 60px;
        margin-top: 12px;
        margin-left: 20px;
        /* display: flex;
            align-items: center; */
      }
      .schoolvideo span {
        text-align: center;
        font-size: 24px;
        position: absolute;
        top: 15px;
        left: 66px;
        font-family: PingFangSC-Semibold, PingFang SC;
        /* margin-top: -20px; */
        /* display: flex;
             */
      }
      /* .active {
          padding: 0 !important;
          width: 100% !important;
          height: 300px !important;
          background: #ffffff;
          opacity: 0.95;
          position: absolute;
          top: 0;
          padding: 0 93px;
          z-index: 999999 !important;
          transition-property: opacity, left;
          transition-duration: 2s, 4s;
          display: flex !important;
          justify-content: space-between !important;
          /* min-width: 1727px !important; */
      /* }  */
      .active img {
        margin-top: 10px;
        position: absolute;
        left: 90px;
        /* width: 286px; */
        /* margin-right: 1500px; */
        /* padding-left: 90px; */
      }
      .active .rotationcharthover {
        display: flex !important;
        justify-content: space-between !important;
        /* min-width: 1727px !important; */
        margin-left: 230px !important;
        /* margin-left: 100px;
         width: 500px; */
      }
      .fontblack {
        color: #000 !important;
        font-family: PingFangSC-Medium, PingFang SC;
        /* margin-left: -100px; */
      }
      .titleblack {
        color: #000 !important;
        z-index: 99999;
        font-family: PingFangSC-Medium, PingFang SC;
      }
      * {
        padding: 0;
      }
      
      .indextop {
        height: 40px;
        background: #000000;
    display: flex;
        align-items: center;
      
        font-family: PingFangSC-Medium, PingFang SC;
      }
     .indextopChinese {
      color: #FFFFFF;
    }
    .indextopChinese a{
      text-decoration: none;
      font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    
      
    }
    
    .indextopsolid {
      display: inline-block;
      width: 1px;
      height: 13px;
      background: #ffffff;
      opacity: 0.49;
      margin: 0 10px;
      /* display: flex;
          align-content: center; */
    }
      
      .indextopsolid {
        display: inline-block;
        width: 1px;
        height: 13px;
        background: #ffffff;
        opacity: 0.49;
        margin: 0 10px;
        /* display: flex;
          align-content: center; */
      }
      .indextopcontentright {
        color: #ffffff;
        font-size: 12px;
        display: flex;
        align-items: center;
      }
      .rightdesktop .index{
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
        line-height: 17px;
      text-decoration: none;
    padding:0 10px
      }
      .rightlogin {
        width: 72px;
        height: 40px;
        background: #c04229;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
      }
      /* .rightlogin:hover {
          width: 72px;
          height: 40px;
          background: #c04229;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 10px;
          cursor: pointer;
        } */
      .el-icon-arrow-left:before {
      }
      .rotationchart {
        position: relative;
      }
      .rotationcharttop {
        position: absolute;
        z-index: 99;
        padding: 40px 93px;
        /* top: 30px; */
        top: 0;
        /*  */
        /* height: 80px; */
        /* background:rgba(0, 0, 0, 0.6); */
      }
      .rotationcharttop:honver {
        width: 100%;
        height: 80px;
        background: #ffffff;
        z-index: 999999;
      }
      .schoollogo {
        /* position: absolute;
          z-index: 99;
          padding: 0 300px;
          top: 30px; */
      }
      .rotationchartul {
        /* display: flex;
            flex-direction: column; */
        display: inline;
        color: #ffffff;
        font-size: 16px;
        /* margin-left: 455px; */
      }
      .rotationchartul .rotationchartwidth {
        display: flex;
        justify-content: space-between;
        width: 500px;
        color: #ffffff;
        font-size: 16px;
      }
      .rotationchartul li {
        display: inline;
        list-style: none;
        color: #ffffff;
        font-size: 16px;
        /* display: flex;
            justify-content: space-between;
            width: 500px; */
      }
      .leftArrow {
        position: absolute;
        top: 50%;
        left: 20px;
        z-index: 99;
        transform: translateY(-50%);
      }
      .rightArrow {
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 99;
        transform: translateY(-50%);
      }
      
      .dreamfly {
        font-family: PingFangSC-Medium, PingFang SC;
      }
      
      .schoolvideo:hover {
        background-color: #f4b849;
        color: #fff;
        background-image: url(../img/hovervideo.png);
        background-repeat: no-repeat;
        background-size: 36px 36px;
        background-position: 20px;
        cursor: pointer;
      }
      .schoolvideo img {
        line-height: 60px;
        margin-top: 12px;
        margin-left: 20px;
        /* display: flex;
            align-items: center; */
      }
      .schoolvideo span {
        text-align: center;
        font-size: 24px;
        position: absolute;
        top: 15px;
        left: 66px;
        font-family: PingFangSC-Semibold, PingFang SC;
        /* margin-top: -20px; */
        /* display: flex;
             */
      }
      .schoolnews {
        width: 1300px;
        margin: 0 auto;
        height: 656px;
        /* padding: 0 46px; */
        margin-top: 80px; 
        display: flex;
        justify-content: space-between;
        overflow: hidden;
      }
      .schoolnewssolid {
        display: inline-block;
        width: 3px;
        height: 26px;
        background: #c04229;
      }
      .school_news {
        /* background: chartreuse; */
        min-width: 400px;
        height: 460px;
        /* flex-direction: column; */
      }
      .school {
        letter-spacing: 2px;
        font-size: 28px;
        color: #0f1229;
        margin-left: 10px;
        font-weight: 500;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .collegenews {
        font-size: 16px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #d2d5da;
        line-height: 22px;
        margin-left: 10px;
        font-weight: 800;
      }
      .newbg {
        width: 400px;
        min-height: 520px;
        overflow: hidden;
      }
      .newcenterlist {
        margin-bottom: 15px;
    margin-left:10px
      }
      .newcenter .news-more {
        display: block;
        color: #c04229;
        font-size: 14px;
        text-align: right;
      }
      .newsimg {
        margin-top: 65px;
        height: 469px;
        background-color: #f5f6fc;
      }
      /* .newsimg:hover{
         color: #C04229;
         z-index: 99;
        } */
      .newsfont {
        font-size: 20px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #0f1229;
        line-height: 28px;
        margin-top: 20px;
        display: flex;
        align-items: center;
        letter-spacing: 1px;
        padding: 0 20px;
    
      }
      /* .newsfont:hover{
         color: #C04229;
        } */
      .newcontent {
     padding: 0 20px;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666770;
        line-height: 22px;
        width: 400px;
        margin-top: 5px;
        box-sizing: border-box;
      }
      .newshover a:hover {
        color: #c04229;
        cursor: pointer;
      }
      .newtime {
        display: flex;
    justify-content: space-between;
    padding: 0 20px 10px 20px;
    margin-top: 29px;
      }
      .newtime span {
        color: #9b9ca2;
        font-size: 14px;
      }
      .newcenter {
        min-width: 450px;
        height: 460px;
        margin-top: 105px;
        padding-right: 10px;
      }
      
      .newcenterlist {
        /* height: 50px; */
      }
      .newstime {
        /* display: flex; */
        display: flex;
      }
      .newsdate {
        display: flex;
        align-items: center;
      }
      .newsday {
        font-size: 36px;
        font-family: Impact;
        color: #9b9ca2;
        padding-left: 6px;
        /* padding-right: 20px; */
        display: flex;
        align-items: center;
        justify-content: center;
        /* display: inline-block; */
      }
      .newsyear {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #9b9ca2;
        display: flex;
        align-items: center;
        padding-left: 20px;
        padding-right: 15px;
        justify-content: center;
        /* display: inline-block; */
      }
      .newstime .newssoild {
        display: inline-block;
        width: 1px;
        height: 74px;
        background: #e0e0e0;
        margin:0 15px;
      }
      .newstitle {
        font-size: 17px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #0f1229;
        margin: 0;
      }
      .newsinfo {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666770;
      }
      a .newsinfo{
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666770;
      }
      a .newsinfo:hover{
         color: #c04229;
      }
      .notice {
        /* background: #c04229; */
        width: 450px;
        height: 460px;
      }
      .notice .indextopcontentleft .left {
        /* color: #c04229; */
      }
      .notice .indextopcontentleft .noticeChinese:focus {
        /*color:olive; */
      }
      .noticebg {
        position: relative;
        width: 430px;
        height: 460px;
        background: #ffffff9e;
      }
.noticeimg {
height: 0px;
background: #f9f9f99e;
}
      .noticefont {
        position: absolute;
        top: 190px;
        left: 9px;
        /* bottom: 0; */
        font-size: 18px;
        color: #ffffff;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .noticelist ul {
       
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .noticelist ul li {
        list-style: none;
        text-decoration: none;
        /* color: red;
          list-style-type: square; */
        margin: 4px 0;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .noticelist .news-more {
        margin-top:29px;
        display: block;
        color: #c04229;
        font-size: 14px;
        text-align: right;
        padding-right: 5px;
      }
      .noticespacedot {
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #c04229;
        margin-top: 10px;
        margin-right: 10px;
      }
      .noticespace {
        display: flex;
        justify-content: space-between;
      }
      .noticetitle a{
        font-size: 16px;
        font-weight: 400;
        color: #0f1229;
        width: 280px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        font-family: PingFangSC-Regular, PingFang SC;
        /* display: flex;
          align-items: center; */
      }
      .noticeday {
        font-weight: 400;
        color: #9b9ca2;
        font-size: 16px;
        margin-left: 20px;
        display: inline-block;
        display: flex;
        align-items: center;
      }
      .noticesolid {
        width: 1px;
        height: 21px;
        background: #d8d8d8;
        display: inline-block;
        margin: 0 10px;
      }
      .enrollmentbg {
        height: 920px;
        background: #f7f9fc;
      }
      .enrollmentbg h3 {
        font-weight: 500;
        color: #d2d5da;
        font-size: 16px;
        display: flex;
        /* align-items: center; */
        justify-content: center;
        padding-top: 80px;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .enrollmenttitle {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        color: #0f1229;
        font-size: 28px;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .enrollmenttitle p {
        margin: 0;
        font-weight: 500;
      }
      .enrollmenttitle span {
        width: 20px;
        height: 1px;
        background: #e0e0e0;
        display: inline-block;
        margin: 0 12px 0 12px;
      }
      .enrollmentpaddding {
    width:1300px
      }
      .enrollmentcontent {
        display: flex;
        /* justify-content: center; */
        margin-top: 60px;
        width: 1300px;
      }
      .enrollmentshare {
      width: 600px;
    height: 430px;
    padding: 32px 31px;
    background: #ffffff;
    border-radius: 10px 0px 0px 10px;
    box-sizing: border-box;
text-align: justify;
      }
      .enrollmentshareimg {
        position: relative;
      }
      .enrollmentshareimg span {
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #ffffff;
        position: absolute;
        left: 10px;
      }
      .enrollmentcontenttitle {
        font-size: 28px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #000000;
        margin-top: 23px;
      }
      .enrollmentcontenttitle:hover {
        color: #c04229;
      }
    .enrollmentactivity {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666770;
       
        margin-top: 23px;
      }
      .enrollmentactivity:hover {
        color: #c04229;
      }
      .publicationdate {
        margin-top: 30px;
      }
      .data {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #bbbdc0;
      }
      .calendar {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #13132b;
      }
      .datasolid {
        width: 1px;
        height: 15px;
        background: #e9ecf3;
        display: inline-block;
        margin: 0 20px;
      }
      .el-carousel__container {
        height: 429px !important;
      }
      .el-carousel__indicators {
        position: absolute !important;
      }
      .el-carousel__button {
        width: 16px !important;
        height: 16px !important;
        background: #c04229 !important;
        padding: 0 !important;
        border-radius: 50% !important;
      }
      .enrollmentimg {
        width: 700px;
        height: 430px;
        background: #000;
        border-radius: 0px 10px 10px 0px;
      }
    #enrollmentimg #flashBoxu_u10_  ul{
        color:#000000 !important;
    }
    #enrollmentimg #flashBoxu_u10_  ul li{
        color:#000000 !important;
    
    }
    #enrollmentimg #flashBoxu_u10_  ul li.hover{
            border-color: red !important;
        background: red !important;
        color: red !important;
    border-radius: 50%;
    
    }
    
      .classification {
        /* display: flex;
          justify-content: space-between;
          min-width: 1300px; */
    margin-top:20px
      }
      .classification .news-more {
        display: block;
        color: #c04229;
        font-size: 14px;
        padding-right: 20px;
        text-align: right;
      }
      .classification ul {
        display: flex;
        justify-content: space-between;
        /* padding: 0 20px; */
      }
      .classification ul li {
        width: 450px;
        height: 184px;
        background: #ffffff;
        border-radius: 10px 0px 0px 10px;
        list-style: none;
        /* margin-right: 20px; */
      }
      
      .study {
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #0f1229;
        margin: 33px 0 0 30px;
      }
      .study:hover {
        color: #c04229;
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        cursor: pointer;
      }
       a .studycontent{
        width: 394px;
        height: 70px;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #656770;
        line-height: 35px;
        margin: 15px 0 0 30px;
        display: block;
      }
      a .studycontent:hover {
        color: #c04229;
        cursor: pointer;
      }
      .learningworld {
        position: relative;
      }
      .learningworld h3 {
        position: absolute;
        top: 30px;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        opacity: 0.49;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .learningworldtitle {
        position: absolute;
        top: 90px;
        left: 50%;
        margin-left: -92px;
        display: flex;
        align-items: center;
        font-size: 28px;
        color: #ffffff;
        margin-top: -12px;
      }
      .learningworldtitle p {
        font-family: PingFangSC-Semibold, PingFang SC;
        margin: 0;
        font-weight: 500;
      }
      .learningworldtitle span {
        width: 20px;
        height: 1px;
        background: #e0e0e0;
        display: inline-block;
        margin: 0 12px 0 12px;
      }
      .learningactivities {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 422px;
      }
      .learningactivities ul {
     margin-top:-140px;
        top: 140px;
        display: flex;
        justify-content: space-between;
        width: 1300px;
        overflow: hidden;
      }
      .learningactivities ul img {
        width: 100%;
        height: 188px;
      }
      .learningactivities ul li {
        width: 300px;
        height: 438px;
        background: #f5f6fc;
        list-style: none;
      }
      .learningactivities ul li .news-more {
        display: block;
        color: #c04229;
        font-size: 14px;
        padding-right: 10px;
        text-align: right;
      }
      .learningactivities ul li img {
        width: 100%;
        height: 188px;
      }
      .actinities {
        font-family: PingFangSC-Regular, PingFang SC;
      }
      .actinitiesdata {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 24px;
      }
       a .actinitiesdatahover{
        width: 286px;
        color: #656770;
        font-size: 16px;
    }
      a .actinitiesdatahover:hover {
        color: #c04229 !important;
        cursor: pointer;
      }
      .actinitiestitle {
        width: 86px;
        height: 30px;
        background: #2b2b2b;
        border-radius: 3px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      /* .actinitiestitle:hover {
          background: #c04229;
          width: 86px;
          height: 30px;
          cursor: pointer;
        } */
      .actinitiesday {
        font-size: 16px;
        color: #93949a;
      }
      .publicservice {
        margin-bottom: 80px;
        /* display: flex;
            align-items: center; */
      }
      .publicservice h3 {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #d2d5da;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
      }
      .publicserviceimg {
      }
      .publicserviceimg ul {
        padding: 0 200px;
      }
      .publicserviceimg ul li {
        list-style: none;
        position: relative;
      }
      .publicserviceyellow {
        position: relative;
      }
      .publicservicesystem {
        position: absolute;
        margin-left: -100px;
        margin-top: 30px;
      }
      .publicserviceimg ul li p {
        position: absolute;
        margin-left: -100px;
        margin-top: 30px;
        top: 58px;
        left: 143px;
      }
.library {
width: 1300px !important;
    margin: 0 auto;
    /* text-align: center; */
    display: flex;
    justify-content: center;
}
      .library ul {
        display: flex;
        /* padding: 0 100px; */
        margin-top: 50px;
        margin-block: 50px;
        margin-block: 60px;
      }
      .library ul li {
        list-style: none;
        background: url("../img/bg16.png") no-repeat;
        background-size: 100% 100%;
        width: 187px;
        height: 161px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      .library ul li:hover {
        background: url("../img/bg17.png") no-repeat;
        background-size: 100% 100%;
        min-width: 187px;
        height: 161px;
        cursor: pointer;
      }
      .library ul li img {
        /* margin-left: 70px;
         margin-top: 30px; */
      }
      .library ul li p {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        /* font-weight: 400; */
        color: #ffffff;
        /* margin-left: 55px; */
      }
      .libraryschool {
        min-width: 1219px;
        height: 100px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        /* display: flex; */
        /* justify-content: center; */
        align-items: center;
        padding: 0 73px;
      }
      .libraryschool ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 102px;
    
      }
      .libraryschool ul li {
        list-style: none;
      }
 .libraryschool ul li img{
       width: 145px;
height: 63px;
object-fit: contain;
      }
      .library ul li img {
        margin-top: 15px;
      }
      .library ul li p {
        margin-top: -7px;
      }
    .icon1{
    background-image: url(../img/bg18.png);
        background-size: 36px 37px;
    
    }
    .icon2{
    background-image: url(../img/library.png);
        background-size: 36px 37px;
    
    }
    .icon3{
    background-image: url(../img/employment.png);
        background-size: 36px 37px;
    
    }
    .icon4{
    background-image: url(../img/calendar.png);
        background-size: 36px 37px;
    
    }
    .icon5{
    background-image: url(../img/data.png);
        background-size: 36px 37px;
    
    }
    .icon6{
    background-image: url(../img/life.png);
        background-size: 36px 37px;
    
    }
      
      
      .schoolphone {
        color: #fff;
        margin-left: 100px;
        font-size: 12px;
        font-family: PingFang SC;
      }
      .office {
        display: flex;
        margin-bottom: 15px;
      }
      .office span {
        display: block;
      }
      .phone {
        margin-right: 15px;
        margin-bottom: 10px;
      }
      .address {
        margin-bottom: 10px;
      }
      .code p {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
      }
      .code img {
        margin-left: 8px;
      }
      /* .bototmaddress {
          /* height: 1px;
        background: #FFFFFF;
        opacity: 0.23;
        display: inline-block; */
      /* display: inline-block; */
      /* width: 1px; */
      /* height: 1px; */
      /* background: #ffffff; */
      /* opacity: 0.49; */
      /* margin: 0 10px; */
      
      .schoolyellow img {
      }
      /* /depp/ #el-drawer__title{
          margin-top: 100px !important;
        } */
      .menu-bg {
        position: absolute;
        /* background: rgba(151, 151, 151, 0.3); */
        /* background: #FFFFFF; */
        opacity: 0.95;
        width: 100%;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        color: #000;
      }
      .menu-sub {
        display: flex;
        flex-direction: column;
        /* margin-top: 100px; */
        /* position: absolute;
            left: 762px; */
        /* z-index: 999999; */
      }
      .rotationchartwidth {
        color: #fff;
      }
      .rotationchartwidth:hover {
        color: #000 !important;
        cursor: pointer;
      }
      .forRealitive .sidebar-link:hover {
        border-bottom: 2px solid #c04229;
        z-index: 99999;
        cursor: pointer;
      }
      .sidebar-link {
        text-decoration: none;
        color: #fff;
        z-index: 99999;
        display: block;
      }
      .menu-sub-li {
        margin: 10px 0;
        /* position: absolute; */
        /* left: 865px; */
        color: #000;
        z-index: 99999;
      }
      .section-link {
        color: #000;
        text-decoration: none;
        /* color: #fff; */
        /* z-index: 99999; */
      }
      .section-link:hover {
        color: #c04229;
        cursor: pointer;
        /* z-index: 99999; */
      }
      .bgwhite {
        height: 500px;
        background: #fff;
        opacity: 0.49;
        min-width: 1254px;
        position: absolute;
        top: 80px;
        z-index: 99;
      }
      .wechat {
        background-image: url("../img/wechat.png");
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        margin-right: 20px;
      }
      .wechat:hover {
        background-image: url("../img/yellowwechat.png");
        cursor: pointer;
      }
      .qq {
        background-image: url("../img/qq.png");
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        margin-right: 20px;
      }
      .qq:hover {
        background-image: url("../img/yellowqq.png");
        cursor: pointer;
      }
      .weibo {
        background-image: url("../img/weibo.png");
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
      }
      .weibo:hover {
        background-image: url("../img/yellowweibo.png");
        cursor: pointer;
      }
      .noticeactive {
        color: #c04229;
        cursor: pointer;
      }
      .test {
        display: flex;
        justify-content: space-between;
        background: url("../img/bg.png");
        max-width: 100%;
        height: auto;
        min-height: 680px;
        /* position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); */
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center 0;
      }
      .test2 {
        display: flex;
        z-index: 99999;
        justify-content: space-between;
      
        /* position: absolute; */
      }
      .test3 {
        display: flex;
        z-index: 99999;
        justify-content: space-between;
      
        /* position: absolute; */
      }
      .bottom {
        height: 346px;
        background: #000;
        display: flex;
        /* padding: 0 100px; */
        justify-content: space-between;
        /* justify-content: center; */
      }
.bottom > div {
min-width: 1300px;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
}
.bottom p { text-align: left;}
      .bottomlogo {
        /* padding: 0 200px; */
      }
      .bottomlogo .schoollogo {
        margin-top: 60px;
      }
      .bottomlogo ul {
        display: flex;
      }
      .bottomlogo ul li {
        list-style: none;
        margin-right: 15px;
      }
      .bottomlogo ul li img {
        width: 40px;
        height: 40px;
      }
      .schoolphone {
        color: #fff;
        margin-left: 100px;
        font-size: 12px;
        font-family: PingFang SC;
      }
      .office {
        display: flex;
        margin-bottom: 15px;
      }
      .office span {
        display: block;
      }
      .phone {
        margin-right: 15px;
        margin-bottom: 10px;
      }
      .address {
        margin-bottom: 10px;
      }
      .code p {
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
      }
      .code img {
        margin-left: 8px;
      }
      /* .bototmaddress {
          /* height: 1px;
        background: #FFFFFF;
        opacity: 0.23;
        display: inline-block; */
      /* display: inline-block; */
      /* width: 1px; */
      /* height: 1px; */
      /* background: #ffffff; */
      /* opacity: 0.49; */
      /* margin: 0 10px; */
      /* } */
      .schooladddress {
        height: 60px;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
        border-top: 1px solid rgba(151, 151, 151, 0.3);
        /* border-color: ; */
        /* opacity: 0.49; */
      }
      .schoolpadding {
        width: 1400px;
    margin:0 auto;
        padding: 0 129px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .schoolyellow {
        width: 60px;
        height: 60px;
        background: #f7bc31;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .schoolyellow img {
      }
      /* /depp/ #el-drawer__title{
          margin-top: 100px !important;
        } */
      .menu-bg {
        position: absolute;
        /* background: rgba(151, 151, 151, 0.3); */
        /* background: #FFFFFF; */
        opacity: 0.95;
        width: 100%;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        color: #000;
      }
      .menu-sub {
        display: flex;
        flex-direction: column;
        /* margin-top: 100px; */
        /* position: absolute;
            left: 762px; */
        /* z-index: 999999; */
      }
      .rotationchartwidth {
        color: #fff;
      }
      .rotationchartwidth:hover {
        color: #000 !important;
        cursor: pointer;
      }
      .forRealitive .sidebar-link:hover {
        border-bottom: 2px solid #c04229;
        z-index: 99999;
        cursor: pointer;
      }
      .sidebar-link {
        text-decoration: none;
        color: #fff;
        z-index: 99999;
        display: block;
      }
      .menu-sub-li {
        margin: 10px 0;
        /* position: absolute; */
        /* left: 865px; */
        color: #000;
        z-index: 99999;
      }
      .section-link {
        color: #000;
        text-decoration: none;
        /* color: #fff; */
        /* z-index: 99999; */
      }
      .section-link:hover {
        color: #c04229;
        cursor: pointer;
        /* z-index: 99999; */
      }
      .bgwhite {
        height: 500px;
        background: #fff;
        opacity: 0.49;
        min-width: 1254px;
        position: absolute;
        top: 80px;
        z-index: 99;
      }
      .contant1 {
      
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        margin-right: 20px;
      }
      .contant1:hover {
        background-image: url("../img/yellowweibo.png");
        cursor: pointer;
      }
      .contant2 {
    
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        margin-right: 20px;
      }
      .contant2:hover {
        background-image: url("../img/yellowqq.png");
        cursor: pointer;
      }
      .contant3 {
    
        background-repeat: no-repeat;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
      }
      .contant3:hover {
        background-image: url("../img/yellowwechat.png");
        cursor: pointer;
      }
      .noticeactive {
        color: #c04229;
        cursor: pointer;
      }
      .test {
        display: flex;
        justify-content: space-between;
        background: url("../img/bg.png");
        max-width: 100%;
        height: auto;
        min-height: 680px;
        /* position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); */
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center 0;
      }
      .test2 {
        display: flex;
        z-index: 99999;
        justify-content: space-between;
      
        /* position: absolute; */
      }
      .test3 {
        display: flex;
        z-index: 99999;
        justify-content: space-between;
      
        /* position: absolute; */
      }
      ::v-deep .el-carousel__container {
        height: 430px !important;
      }
      ::v-deep .el-carousel__arrow {
        display: none !important;
      }
      
      ::v-deep .el-carousel__button {
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.2);
      }
      
      ::v-deep .is-active .el-carousel__button {
        background: #3f8ec8;
      }
      ::v-deep .el-carousel__container {
        height: 430px !important;
      }
      ::v-deep .el-carousel__arrow {
        display: none !important;
      }
      
      ::v-deep .el-carousel__button {
        width: 10px;
        height: 10px;
        border: none;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.2);
      }
      
      ::v-deep .is-active .el-carousel__button {
        background: #3f8ec8;
      }
    .rulesTitle {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .rulesContent{
      display: flex;
      color: #72747E;
      font-size: 14px;
    }
    .rulesMargin{
      margin-right: 16px;
    }
    .download{
      width: 873px;
    height: 25px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #C04229;
    line-height: 25px;
    }
    .enclosure{
    
      height: 25px;
    
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
    
      line-height: 25px;
    }
    .number{
      width: 74px;
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #757781;
    line-height: 22px;
    }
    
      
.text-animation {
  transition: all .3s ease-in-out;
}
    .text-animation:hover {
      transform: translateX(10px);
    }