html,
body {
  padding: 0;
  margin: 0;
  font-family: MicrosoftYaHei-Bold;
  overflow-x: hidden;
}
* {
  transition: all 0.1s;
}
/* 容器 */
.container {
  width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.mg-20 {
  margin: 0 40px;
}
a {
  text-decoration: none;
}
@media (max-width: 1300px) {
  .container {
    width: 100%;
  }
}
header {
  background: rgba(75, 11, 119, 0.95);
  background-size: 100% 100%;
  width: 100%;
  box-shadow: 0 2px 5px #aac1ee;
}
header .bg {
  height: 10px;
  background: #4b0b77;
}
header .header-box {
  padding-top: 10px;
}
header .header-box .logo-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
header .header-box .logo-box img {
  width: 100%;
}
header .header-box .logo-box .logo {
  width: 45%;
}
header .header-box .logo-box .slogan {
  width: 320px;
  margin-right: 150px;
  margin-top: -10px;
}
header .header-box .fast-header-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}
header .header-box .fast-header-link a {
  color: white;
  margin-left: 15px;
  font-size: 14px;
}
header .header-box .fast-header-link a:hover {
  color: #FFBB00;
}
header .header-box .trigger {
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 4px;
  background: url("data:image/png;base64,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");
  background-size: 100% 100%;
  margin-top: 5px;
  display: none;
}
header .header-box .navigation {
  flex: 1;
}
header .header-box .navigation ul {
  padding: 0;
}
header .header-box .navigation ul li {
  margin: 0;
  list-style: none;
  flex: 1;
}
header .header-box .navigation > ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
header .header-box .navigation > ul a {
  text-decoration: none;
  font-weight: 400;
  font-family: 华文细黑;
  color: white;
  font-size: 16px;
  display: block;
}
header .header-box .navigation > ul > li {
  position: relative;
  text-align: center;
}
header .header-box .navigation > ul > li > a {
  padding: 12px 0;
}
header .header-box .navigation > ul > li:hover > ul {
  display: block;
}
header .header-box .navigation > ul > li > ul {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 20;
  display: none;
  transition: all 0.2s ease;
  background: #DEE4FF;
  box-shadow: 0px 0px 15px -3px #ccc;
}
header .header-box .navigation > ul > li > ul > li {
  position: relative;
}
header .header-box .navigation > ul > li > ul > li > ul {
  position: absolute;
  display: none;
  left: 100%;
  width: 100%;
  top: 0;
  background: #DEE4FF;
  box-shadow: 0px 0px 15px -3px #ccc;
}
header .header-box .navigation > ul > li > ul > li > ul > li:hover a {
  background: #4b0b77;
  color: white;
}
header .header-box .navigation > ul > li > ul > li:hover > a {
  background: #4b0b77;
  color: white;
}
header .header-box .navigation > ul > li > ul > li:hover > ul {
  display: block;
}
header .header-box .navigation > ul > li > ul > li a {
  font-weight: 500;
  color: #3E3E3E;
  line-height: 38px;
}
header .header-box .daohang {
  background: #4b0b77;
}
#banner img {
  width: 100%;
}
.main {
  background: url("../image/content4-bg.png") no-repeat;
  background-size: 100%;
  background-position: center bottom;
  padding: 20px 0;
}
.main .content-1 {
  display: flex;
}
.main .content-1 .con-list {
  flex: 1;
  overflow: hidden;
}
.main .content-1 .con-list.images-lunbo {
  flex: none;
  width: 750px;
  height: 330px;
  margin-right: 40px;
}
.main .content-1 .con-list #news {
  width: 100%;
  height: 100%;
}
.main .content-1 .con-list #news .swiper-pagination {
  bottom: 30px;
  text-align: right;
}
.main .content-1 .con-list #news .swiper-pagination .swiper-pagination-bullet {
  background: white;
}
.main .content-1 .con-list #news .swiper-pagination .swiper-pagination-bullet-active {
  background: #4b0b77;
}
.main .content-1 .con-list #news img {
  display: block;
  width: 100%;
  height: 100%;
}
.main .content-1 .con-list #news a {
  display: block;
  position: relative;
  height: 100%;
}
.main .content-1 .con-list #news a .ti {
  position: absolute;
  padding: 6px 14px;
  box-sizing: border-box;
  font-size: 14px;
  z-index: 10;
  bottom: 0;
  color: white;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  background: rgba(0, 0, 0, 0.5);
}
.main .content-1 .con-list .con-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #4b0b77;
  margin-bottom: 15px;
}
.main .content-1 .con-list .con-header .ti-list {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.main .content-1 .con-list .con-header .ti-list span {
  display: block;
  padding: 6px 5px;
  margin-bottom: -1px;
  padding-right: 20px;
}
.main .content-1 .con-list .con-header .ti-list span:first-child {
  margin-left: 0;
}
.main .content-1 .con-list .con-header .ti-list span.active {
  background: url("../image/ttbg.png");
  background-size: 100% 100%;
  color: white;
}
.main .content-1 .con-list .con-header .ti-list span:hover {
  cursor: pointer;
}
.main .content-1 .con-list .con-header .ti {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: white;
  padding: 6px 15px;
  margin-bottom: -1px;
  padding-right: 30px;
  background: url("../image/ttbg.png");
  background-size: 100% 100%;
}
.main .content-1 .con-list .con-header a {
  font-size: 16px;
  cursor: pointer;
  color: rgba(75, 11, 119, 0.95);
  font-weight: bold;
}
.main .content-1 .con-list .con-header a:hover {
  text-decoration: underline;
}
.main .content-1 .con-list .list {
  padding: 0;
  margin: 0;
}
.main .content-1 .con-list .list li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.main .content-1 .con-list .list li a {
  display: flex;
  color: #000000;
  font-size: 14px;
  line-height: 36px;
}
.main .content-1 .con-list .list li a .ti {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.main .content-1 .con-list .list li a .ti.active {
  color: rgba(75, 11, 119, 0.95);
  font-weight: bold;
}
.main .content-1 .con-list .list li a .time {
  margin-left: 5px;
}
.main .content-1 .con-list .list li a:hover {
  color: #4b0b77;
  text-decoration: underline;
}
.main .content-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.main .content-3 {
  display: flex;
}
.main .content-3 .system-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.main .content-3 .system-list .title {
  width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background: #4b0b77 url("../image/content4-bg.png");
  background-size: 200%;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.main .content-3 .system-list .title p {
  padding: 0;
  margin: 0;
  opacity: 0.8;
  font-weight: 400;
  font-size: 16px;
}
.main .content-3 .system-list .list {
  display: flex;
  align-items: center;
  flex: 1;
  background: rgba(255, 255, 255, 0.5);
  justify-content: space-between;
  padding-left: 10px;
  border-bottom-right-radius: 6px;
  border-top-lright-radius: 6px;
}
.main .content-3 .system-list .list a {
  color: #201f1f;
  text-align: center;
  font-weight: 400;
  padding: 5px 15px;
  transition: all 0.2s ease;
}
.main .content-3 .system-list .list a .iconfont {
  font-weight: 400;
  color: #2c2c2c;
  margin-bottom: 15px;
  font-size: 40px;
  transition: all 0.4s ease;
}
.main .content-3 .system-list .list a:hover {
  color: white;
  background: rgba(75, 11, 119, 0.95);
  border-radius: 10px;
}
.main .content-3 .system-list .list a:hover .iconfont {
  color: white;
}
footer {
  background: #4b0b77;
  padding: 16px 0;
}
footer .footer-item {
  display: flex;
  color: white;
  font-size: 14px;
}
footer .footer-item .friend-link {
  display: flex;
  flex-direction: column;
  flex: 1;
}
footer .footer-item .friend-link h3 {
  font-size: 16px;
}
footer .footer-item .friend-link a {
  display: inline-block;
  color: white;
  margin-bottom: 10px;
}
footer .footer-item .friend-link a:hover {
  text-decoration: underline;
}
footer .footer-item .touch-me {
  flex: 1;
}
footer .footer-item .ewm {
  text-align: center;
  padding-top: 120px;
}
footer .footer-item .ewm img {
  width: 100px;
}
/* 详情页 */
.detail .main {
  background: none;
}
.detail .left-nav {
  width: 220px;
}
.detail .left-nav .left-nav-top {
  height: 0;
  width: 100%;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 15px;
  font-weight: 600;
  font-size: 16px;
  box-sizing: border-box;
}
.detail .left-nav .left-nav-top .btn {
  width: 25px;
  height: 25px;
  background: red;
  position: relative;
  background: url("data:image/png;base64,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");
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.detail .left-nav ul {
  margin: 0;
  padding: 0;
  background: url("../image/img449.jpg");
  background-size: 100% 100%;
  padding-left: 30px;
  padding-top: 30px;
}
.detail .left-nav ul .slogan-box {
  padding-bottom: 40px;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  margin-left: -40px;
}
.detail .left-nav ul .slogan-box img {
  height: 350px;
}
.detail .left-nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right: -30px;
  margin-bottom: 10px;
}
.detail .left-nav ul li a {
  display: block;
  line-height: 45px;
  background: white;
  box-shadow: 3px 4px 2px 1px rgba(165, 176, 255, 0.3);
  font-size: 16px;
  text-align: center;
  color: black;
  border-top: 6px solid #fcfcfc;
  box-sizing: border-box;
}
.detail .left-nav ul li a:hover {
  border-top-color: #4b0b77;
}
.detail .left-nav ul li.active a {
  border-top-color: #4b0b77;
  background: #4b0b77;
  color: white;
}
.detail .content-box {
  padding: 0 40px;
  display: flex;
  max-width: 1600px;
}
.detail .content-box .right-box {
  margin-left: 84px;
  flex: 1;
  min-height: 600px;
}
.detail .content-box .right-box.photo-list {
  padding: 30px;
}
.detail .content-box .right-box .content-header {
  border-top: 5px solid #4b0b77;
  background: #f7f7f7;
  font-size: 16px;
  padding: 14px 20px;
}
.detail .content-box .right-box .content-header a {
  color: black;
}
.detail .content-box .right-box .content-header a:hover {
  color: #4b0b77;
}
.detail .content-box .right-box .article {
  padding: 50px;
}
.detail .content-box .right-box .article img {
  max-width: 100%;
  height: auto !important;
}
.detail .content-box .right-box .article p {
  margin: 0;
}
.detail .content-box .right-box .article .title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}
.detail .content-box .right-box .article .news-date {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}
.detail .content-box .right-box .news_list {
  padding: 0;
  margin: 0;
}
.detail .content-box .right-box .news_list li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.detail .content-box .right-box .news_list li a {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #d6d6d6;
}
.detail .content-box .right-box .news_list li a:hover h5 {
  color: #4b0b77 !important;
}
.detail .content-box .right-box .news_list li a .time {
  text-align: center;
  border-radius: 7px;
  overflow: hidden;
  width: 70px;
}
.detail .content-box .right-box .news_list li a .time .day {
  color: #fce8e8;
  font-size: 36px;
  background: #4b0b77;
}
.detail .content-box .right-box .news_list li a .time .month {
  color: #4b0b77;
  font-size: 14px;
  line-height: 33px;
  border: 1px solid #9b9a9a;
  border-top: none;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.detail .content-box .right-box .news_list li a .title_box {
  flex: 1;
  margin-left: 15px;
  padding-right: 50px;
}
.detail .content-box .right-box .news_list li a .title_box h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #393938;
  margin-bottom: 10px;
  margin-top: 0;
}
.detail .content-box .right-box .news_list li a .title_box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #8e8e8d;
  line-height: 24px;
  margin-bottom: 0;
}
.detail .content-box .right-box .news_list2 {
  margin: 0;
  padding: 0;
}
.detail .content-box .right-box .news_list2 li {
  list-style: none;
  padding: 15px;
  text-decoration: none;
  border-bottom: 1px dashed #cccccc;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.detail .content-box .right-box .news_list2 li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #4b0b77;
  margin-right: 10px;
}
.detail .content-box .right-box .news_list2 li:hover {
  border-color: #4b0b77;
  background: rgba(75, 11, 119, 0.1);
}
.detail .content-box .right-box .news_list2 li:hover > a {
  color: #4b0b77;
  font-weight: bold;
}
.detail .content-box .right-box .news_list2 a {
  color: #3f3f3f;
  display: flex;
  align-items: center;
  font-size: 16px;
  flex: 1;
  transition: all 0.3s ease;
}
.detail .content-box .right-box .news_list2 a h5 {
  flex: 1;
  margin: 0;
  padding: 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.detail .content-box .right-box .news_list2 a .time {
  font-size: 12px;
  font-weight: bold;
}
.detail-footer {
  background: transparent;
  color: #ffffff;
  padding: 0;
}
.detail-footer .container {
  position: relative;
}
.detail-footer .container:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  background: #4b0b77;
  left: 0px;
  z-index: 10;
}
.detail-footer .container:after {
  content: "";
  position: absolute;
  left: -40px;
  width: 100%;
  height: 70%;
  background: #C6CFD7;
  bottom: 0;
  z-index: 1;
}
.detail-footer .detail-footer-item {
  display: flex;
  align-items: center;
  position: relative;
  background: #4b0b77;
  padding: 15px 0;
  z-index: 20;
}
.detail-footer .detail-footer-item img {
  width: 100%;
}
.detail-footer .detail-footer-item .school-logo {
  width: 300px;
  margin-right: 15px;
}
.detail-footer .detail-footer-item .touch-me p {
  margin: 0;
  font-size: 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.detail-footer .detail-footer-item .touch-me p span {
  margin-right: 5px;
}
.detail-footer .detail-footer-item .ewm {
  width: 100px;
  position: absolute;
  right: 0;
  font-size: 12px;
  text-align: center;
  top: -40px;
}
.detail-footer .copy-right {
  position: relative;
  z-index: 20;
  font-size: 14px;
  padding: 10px 0;
  border-top: 1px solid rgba(159, 159, 159, 0.43);
}
@media (max-width: 1250px) {
  header .header-box .navigation > ul {
    margin: 0 20px;
  }
  header .header-box .navigation > ul a {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16px;
  }
  .main .content-1 .con-list .con-header .ti-list span,
  .main .content-1 .con-list .con-header .ti {
    font-size: 14px;
  }
  .main .content-1 .con-list .con-header .ti-list span.active,
  .main .content-1 .con-list .con-header .ti.active {
    background: none !important;
    color: #4b0b77 !important;
  }
  .main .content-1 .con-list .con-header .ti-list span {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 1200px) {
  .main .content-1 .con-list.images-lunbo {
    width: 60vw;
  }
  .main .content-3 .system-list .title {
    width: 100px;
  }
  .main .content-3 .system-list .list {
    flex-wrap: wrap;
  }
  .main .content-3 .system-list .list a {
    width: 30%;
    padding: 5px;
    font-size: 14px;
  }
  .main .content-3 .system-list .list a .iconfont {
    font-size: 33px;
  }
  .detail .left-nav a {
    font-size: 16px;
  }
  .detail .content-box .right-box {
    margin-left: 40px;
  }
  .detail .content-box .right-box .content-header {
    font-size: 16px;
    padding: 10px 15px;
  }
  .detail .content-box .right-box .article {
    padding: 50px;
  }
}
@media (max-width: 1100px) {
  .detail .content-box {
    padding: 30px;
  }
  .detail .content-box .right-box .article {
    padding: 20px;
  }
}
@media (max-width: 980px) {
  header {
    position: fixed;
    height: 60px;
    top: 0;
    width: 100%;
    z-index: 98;
  }
  header .header-box {
    padding-top: 0;
    height: auto;
  }
  header .header-box .trigger {
    display: block;
  }
  header .header-box .navigation {
    flex-direction: column;
    position: fixed;
    width: 50%;
    height: 100%;
    z-index: 99;
    right: -50%;
    top: 0;
  }
  header .header-box .navigation .masking {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 80;
    background: rgba(0, 0, 0, 0.6);
    left: -100%;
    top: 0;
  }
  header .header-box .navigation .trigger {
    position: absolute;
    left: -50px;
    z-index: 99;
    top: 3px;
  }
  header .header-box .navigation > ul {
    position: absolute;
    z-index: 99;
    background: white;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    justify-content: flex-start;
    top: 0;
    margin: 0;
  }
  header .header-box .navigation ul {
    flex-direction: column;
  }
  header .header-box .navigation ul a {
    color: #333 !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding: 5px !important;
  }
  header .header-box .navigation ul li {
    flex: none;
    text-align: left;
  }
  header .header-box .navigation ul li:hover ul a {
    background: none !important;
  }
  header .header-box .navigation ul li ul {
    position: static !important;
    display: block !important;
    background: none !important;
    box-shadow: none !important;
  }
  header .header-box .navigation ul li ul li a {
    line-height: normal;
    font-size: 16px;
    padding-left: 30px !important;
  }
  header .header-box .navigation ul li ul li ul {
    padding-left: 30px;
  }
  header .header-box .slogan,
  header .header-box .fast-header-link {
    display: none;
  }
  header .header-box .logo-box {
    margin-bottom: 0;
    margin-top: 8px;
    margin-left: -10px;
  }
  header .header-box .logo-box .logo {
    width: 320px;
  }
  #banner {
    margin-top: 60px;
  }
  footer {
    font-size: 14px;
  }
  footer .footer-item {
    flex-wrap: wrap;
  }
  footer .footer-item .friend-link {
    width: 100%;
    flex: none;
  }
  .detail-footer .detail-footer-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .detail-footer .detail-footer-item .school-logo {
    margin-bottom: 20px;
  }
  .detail-footer .detail-footer-item .ewm {
    top: 80px;
    right: -10px;
    z-index: 40;
  }
  .detail-footer .detail-footer-item .ewm div {
    display: none;
  }
  .main .content-1 .con-list.images-lunbo {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  .main .content-1 {
    flex-direction: column;
  }
  .main .content-1 .mg-20 {
    margin: 30px 0;
  }
  .detail {
    margin-top: 40px;
  }
  .detail .content-box {
    padding: 10px;
    flex-direction: column;
  }
  .detail .content-box .left-nav {
    width: 100%;
    box-shadow: 2px 3px 5px #e6e6e6;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .detail .content-box .left-nav .left-nav-top {
    height: 50px;
  }
  .detail .content-box .left-nav ul {
    height: 0;
    overflow: hidden;
    padding: 0;
    background: none;
  }
  .detail .content-box .left-nav ul .slogan-box {
    display: none;
  }
  .detail .content-box .left-nav ul li {
    margin-bottom: 0;
    border-bottom: 1px dashed #4b0b77;
  }
  .detail .content-box .left-nav ul li a {
    box-shadow: none;
    border-top: none;
    font-size: 14px !important;
  }
  .detail .content-box .right-box {
    margin-left: 0;
  }
  .detail .content-box .right-box .article {
    padding: 20px;
  }
}
/* 分页样式 */
.pagination {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.pagination ul {
  display: flex;
  flex-wrap: wrap;
}
.pagination ul span,
.pg-1 .total {
  display: inline-block;
  height: 24px;
  padding: 0 15px;
  color: #fff;
  border: 1px solid #4b0b77;
  background-color: #4b0b77;
}
.pagination ul li {
  list-style: none;
}
.pagination ul a,
.pg-1 a,
.pg-1 .current {
  display: inline-block;
  margin: 0 5px 8px;
  padding: 2px 7px;
  color: #7e7e7e;
  border: 1px solid #dbdbdb;
}
.pagination ul li.active a,
.pg-1 .current {
  color: #fff;
  border: 1px solid #4b0b77;
  background-color: #4b0b77;
}
.pagination ul li a:hover,
.pg-1 a：hover {
  color: #4b0b77;
}
/*# sourceMappingURL=home.css.map */