@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
font-family: 'Helvetica, STHeiti STXihei, Microsoft YaHei, Tohoma, Arial' !important;
}
.wp_entry img {
    object-fit: contain;
    max-width: 100%;
}
a{
    text-decoration: none;
    color: inherit;
}
.mainWeb {
  width: 1200px;
  margin: 0 auto;
}
     .menu-icon{
            display: none;
        }
.header-container {
  width: 100%;
  display: flex;
  height: 142px;
  background-image: url("../img/header_bg.png");
  background-size: center center;
  align-items: center;
  justify-content: center;
}

.header-container .header-center {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-container .header-center .left-img {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header-container .header-center .left-img .logo {
  width: 164px;
  height: 78px;
  margin-right: 12px;
}

.header-container .header-center .left-img .name-container {
  display: flex;
  flex-direction: column;
}

.header-container .header-center .left-img .name-container .top {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 47.6px;
  /* 47.6px */
}

.header-container .header-center .left-img .name-container .bottom {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}

.header-container .header-center .right-content {
  display: flex;
}

.header-container .header-center .right-content .right-link, .header-container .header-center .right-content .right-link1 {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  text-decoration: none;
}

.header-container .header-center .right-content .right-link:hover, .header-container .header-center .right-content .right-link1:hover {
  color: aqua;
}

.header-container .header-center .right-content .right-link1 {
  margin-right: 24px;
}

.nav {
  width: 100%;
  height: 40px;
  background-color: #fff;
}

.nav .mainWeb {
  height: 100%;
}

.nav .mainWeb #p3 {
  width: 100%;
}

.nav .mainWeb #p3 .wp_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.nav .mainWeb #p3 .wp_nav a {
  text-decoration: none;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}

.nav .mainWeb #p3 .wp_nav a:hover {
  background-color: #421527;
  color: #FFFFFF;
}

.nav .mainWeb #p3 .wp_nav .nav-item {
  line-height: 40px;
}

.nav .mainWeb #p3 .wp_nav .nav-item .parent {
  color: #FFFFFF;
  background-color: #421527;
}

.nav .mainWeb #p3 .wp_nav .nav-item .item-name {
  padding: 5px 16px;
}

.nav .mainWeb #p3 .wp_nav::after {
  display: none;
}

.nav .mainWeb #p3 .sub-nav {
  min-width: 100% !important;
  border: none;
}

.nav .mainWeb #p3 .sub-nav a {
  text-decoration: none;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #FFFFFF;
}

.nav .mainWeb #p3 .sub-nav a:hover {
  background-color: #421527;
}

.nav .mainWeb #p3 .sub-nav a:hover a {
  color: #FFFFFF;
}

.mainBody {
  width: 100%;
  background-color: #f5f5f5;
  padding-bottom: 40px;
}

.mainBody .mainWeb {
  display: flex;
  justify-content: space-between;
}

.mainBody .mainWeb .mLeft {
  width: 244px;
  margin-top: 26px;
}

.mainBody .mainWeb .mLeft #p8 {
  opacity: 1;
  font-family: PingFangSCBold-Bold;
  font-size: 24px;
  font-weight: normal;
  color: #421527;
  height: 66px;
  padding: 16px 16px 0;
  width: 244px;
}

.mainBody .mainWeb .mLeft #p8 div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn {
  background: #ffffff;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column a {
  display: block;
  width: 100%;
  word-wrap: break-word;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-family: PingFangSCBold-Bold;
  font-size: 16px;
  font-weight: normal;
  line-height: 52px;
  letter-spacing: 0em;
  color: #333333;
  height: 52px;
  background: none;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column a:hover {
  color: #1978b0;
  background-image: none;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column a .selected a .column-name {
  color: #ffffff;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn {
  background-color: #FFFFFF;
  margin-right: -20px;
  margin-left: 20px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column {
  border-bottom: none;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column a {
  text-decoration: none;
  background: none;
  color: #333;
  border: none;
  height: 46px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  margin-left: 20px !important;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column a::before {
  content: '·';
  display: block;
  margin-right: 14px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column a .column-name {
  font-size: 14px !important;
  color: #333 !important;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column .selected a {
  background: none;
  border: none;
  color: #421527 !important;
  background-color: #ffffff !important;
  height: 46px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  padding-left: 20px;
  left: 0 !important;
  width: 224px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column .selected a::before {
  content: '·';
  display: block;
  margin-right: 14px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column .selected a .column-name {
  color: #421527 !important;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .selected a {
  background: none;
  border: none;
  color: #421527 !important;
  background-color: #f2f2f2 !important;
  height: 46px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  padding-left: 20px;
  left: 0 !important;
  width: 224px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .selected a::before {
  content: '·';
  display: block;
  margin-right: 14px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .selected a .column-name {
  color: #421527 !important;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected, .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent {
  color: #FFFFFF;
  background-color: #421527;
  background-image: none;
  position: relative;
  left: -20px;
  color: #333333;
  border: none;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected a, .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent a {
  margin-left: 39px;
  background-color: #421527;
  border-bottom: 1px;
}

.mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected a .column-name, .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent a .column-name {
  color: #ffffff !important;
  padding: 5px 10px 5px 0px;
}

.mainBody .mainWeb .mRight {
  width: 917px;
  height: 100%;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}

.mainBody .mainWeb .mRight .mHeader {
  display: flex;
  justify-content: space-between;
  padding: 24px;
}

.mainBody .mainWeb .mRight .mHeader .mhLeft {
  font-family: PingFangSC-Medium;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0em;
  color: #333333;
font-weight: bold;
margin-right:32px;
}

.mainBody .mainWeb .mRight .mHeader .mhRight #p6 .possplit {
  text-indent: 0;
  width: 15px;
  text-align: center;
  background-image: none;
  color: #999999;
}

.mainBody .mainWeb .mRight .mHeader .mhRight a {
  text-decoration: none;
  font-family: PingFangSC-Medium;
  font-size: 14px;
  font-weight: normal;
  color: #999999;
}

.mainBody .mainWeb .mRight .mHeader .mhRight a:last-child {
  color: #333333 !important;
}

.mainBody .mainWeb .mRight .mMain {
  padding: 0 24px 24px;
}

.mainBody .mainWeb .mRight .mMain #p7 {
  width: 100%;
  height: 100%;
}

.mainBody .mainWeb .mRight .mMain #p7 .wp_paging {
  margin-top: 24px;
}

.mainBody .mainWeb .mRight .mMain .mItem {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2;
  height: 56px;
  align-items: center;
}

.mainBody .mainWeb .mRight .mMain .mItem .miLeft {
 // width: 501px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    flex: 1;
    margin-right: 16px;
}

.mainBody .mainWeb .mRight .mMain .mItem .miLeft a {
  color: #333333;
  text-decoration: none;
}

.mainBody .mainWeb .mRight .mMain .mItem .miLeft a:hover {
  color: #1890ff;
}

.mainBody .mainWeb .mRight .mMain .mItem .miRight {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0em;
  color: #CCCCCC;
}

.footer-container {
  padding: 24px 0;
  background-image: url(../img/footer_bg.png);
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-container .footer-center {
  width: 1200px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.footer-container .footer-center .info {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 25.2px */
}

.footer-container .footer-center .info a {
  text-decoration: none;
  color: #FFF;
}

@media screen and (max-width: 480px) {
  .mainWeb {
    width: auto;
  }
 .header-container{
        height: 60px;
        .header-center{
            width: 100%;
            .menu-icon{
                display: block;
            }
            .left-img{
                .logo{
                width: 82px;
                height: 39px;
                }
                .name-container{
                .top{
                    font-size: 16px;
                    line-height: 18px;
                }
                .bottom{
                    font-size: 14px;
                    line-height: 18px;
                }
                }
            }
            .right-content{
                display: none;
            }
        }
    }
  .swiper .swiper-wrapper {
    height: 160px;
  }
  .nav {
    display: none;
    z-index: 1000;
    height: auto;
 background-color: #fff !important;
  }
  .nav .mainWeb #p3 .wp_nav {
    background-color: #421527;
    height: auto;
    display: flex;
    flex-direction: column;
width: 100vw;
  }
  .nav .mainWeb #p3 .wp_nav .nav-item a {
    color: #FFFFFF;
  }
  .nav .mainWeb #p3 .sub-nav {
    display: none;
  }
  .show {
    display: block;
    position: absolute;
    z-index: 1000;
  }
  .mainBody .mainWeb {
    flex-wrap: wrap;
  }
  .mainBody .mainWeb #p4 {
    width: auto;
  }
  .mainBody .mainWeb #p4 .wp_column {
    height: auto;
  }
  .mainBody .mainWeb #p4 .wp_column .parent, .mainBody .mainWeb #p4 .wp_column .selected {
    background-color: #ffffff;
  }
  .mainBody .mainWeb #p4 .wp_column .parent a, .mainBody .mainWeb #p4 .wp_column .selected a {
    margin-left: 0;
  }
  .mainBody .mainWeb #p4 .wp_column .parent a .column-name, .mainBody .mainWeb #p4 .wp_column .selected a .column-name {
    padding: 0;
  }
  .mainBody .mainWeb #p4 .wp_subcolumn .selected a {
    padding-left: 0;
    width: 100%;
  }
  .mainBody .mainWeb #p4 .wp_subcolumn a .column-name {
    padding-left: 0;
  }
  .mainBody .mainWeb .mLeft {
    width: 100%;
    padding: 10px;
    margin-top: 0;
  }
  .mainBody .mainWeb .mRight {
    width: 100%;
    margin: 0 10px;
  }
  .mainBody .mainWeb .mRight .mHeader {
    align-items: center;
  }
  .mainBody .mainWeb .mRight .mHeader .mhLeft {
    width: 150px;
  }
  .mainBody .mainWeb .mRight .mHeader .mhLeft div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mainBody .mainWeb .mRight .mHeader .mhRight a {
    line-height: 0;
  }
  .mainBody .mainWeb .mRight .mMain .mItem .miLeft {
    width: 230px;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent a {
    margin-left: 0;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn {
    margin-left: 0;
    margin-right: 0;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected, .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent {
    position: static;
    background-color: #FFFFFF;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .selected a {
    padding-left: 0;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected a {
    margin-left: 0;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .wp_column .wp_subcolumn .wp_column a {
    width: 334px;
  }
  .mainBody .mainWeb .mRight .mHeader {
    padding: 0 10px;
  }
  .mainBody .mainWeb .mRight .mMain {
    padding: 0 10px 24px;
  }
  .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .selected a .column-name, .mainBody .mainWeb .mLeft #p4 .wp_listcolumn .parent a .column-name {
    padding: 5px 10px 5px 4px;
  }
  .footer-container{
        .footer-center{
            width: 100%;
            padding: 0 10px;
        }
    }
.header-container .header-center{padding:0 10px;}
}

@media screen and (max-width: 1200px) {

  .mainWeb {
    width: 100%;
    margin: 0 auto;
  }
  .swiper-container .swiper-wrapper {
    height: 226px;
  }
  .collegeFocus .mainWeb .mHeader .bottom {
    width: 100%;
  }
}