@charset "UTF-8";
.special_culture { padding: 100px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }

.special_culture .cont { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; padding-top: 26px; position: relative; }

.special_culture .cont .child { height: 340px; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 10px 10px 0 0; }

.special_culture .cont .c-2, .special_culture .cont .c-4 { margin-right: 0; }

.special_culture .cont .c-1, .special_culture .cont .c-4 { width: calc((950 / 1400 * 100%) - 10px); }

.special_culture .cont .c-2, .special_culture .cont .c-3 { width: 32.14286%; }

.special_culture .cont .box-1 { height: 100%; cursor: pointer; }

.special_culture .cont .box-1 .flex-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.special_culture .cont .box-1 .icon { width: 104px; position: relative; overflow: hidden; margin: auto; }

.special_culture .cont .box-1 .icon::before { content: ''; display: block; padding-top: 96.15385%; }

.special_culture .cont .box-1 .icon .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_culture .cont .box-1 .txt { font-size: 30px; text-align: center; margin-top: 12px; }

@media (max-width: 1500px) { .special_culture .cont .box-1 .txt { font-size: 26px; } }

@media (max-width: 768px) { .special_culture .cont .box-1 .txt { font-size: 22px; } }

.special_culture .cont .c-1 .box-1 { position: relative; }

.special_culture .cont .c-1 .box-1 .flex-box { width: 47.92332%; }

.special_culture .cont .c-1 .cm-txt { position: absolute; white-space: nowrap; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 40.14909%; font-size: 24px; }

@media (max-width: 1500px) { .special_culture .cont .c-1 .cm-txt { font-size: 20px; } }

@media (max-width: 768px) { .special_culture .cont .c-1 .cm-txt { font-size: 18px; } }

.special_culture .cont .pop { position: absolute; bottom: 0; left: 0; right: 0; top: 36px; z-index: 9; background-position: center; background-repeat: no-repeat; background-size: cover; display: none; }

.special_culture .cont .pop .tit { font-size: 24px; }

@media (max-width: 1500px) { .special_culture .cont .pop .tit { font-size: 20px; } }

@media (max-width: 768px) { .special_culture .cont .pop .tit { font-size: 18px; } }

.special_culture .cont .pop .xicon-close { position: absolute; top: 10px; right: 10px; font-size: 22px; }

@media (max-width: 1500px) { .special_culture .cont .pop .xicon-close { font-size: 18px; } }

.special_culture .cont .pop .scroll-box { height: 100%; }

.special_culture .cont .pop .scroll-box .mCSB_outside + .mCSB_scrollTools { right: -15px; top: 15px; bottom: 15px; }

.special_culture .cont .pop .scroll-box .mCSB_scrollTools .mCSB_draggerRail { background: #fff; }

.special_culture .cont .pop .scroll-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; }

.special_culture .cont .pop .scroll-box.mCS_no_scrollbar .mCSB_container { height: 100%; }

.special_culture .cont .pop-college-motto .pop-pad { padding: 35px 30px 60px; height: 100%; }

.special_culture .cont .pop-college-motto .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_culture .cont .pop-college-motto .item { width: 50%; padding: 1.86567% 30px; }

.special_culture .cont .pop-college-motto .p { line-height: 1.5; margin-top: 15px; }

body:not(.lang-en) .special_culture .cont .pop-college-motto .p { text-align: justify; text-justify: inter-ideograph; }

.special_culture .cont .pop-college-emblem .pop-pad { height: 100%; padding: 0 5% 0 10.42857%; }

.special_culture .cont .pop-college-emblem .pop-flex { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_culture .cont .pop-college-emblem .img { position: relative; overflow: hidden; width: 31.84122%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.special_culture .cont .pop-college-emblem .img::before { content: ''; display: block; padding-top: 120.15915%; }

.special_culture .cont .pop-college-emblem .img .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_culture .cont .pop-college-emblem .txt-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 8.19257%; }

.special_culture .cont .pop-college-emblem .txt-box .p-box { margin-top: 1.83099%; }

body:not(.lang-en) .special_culture .cont .pop-college-emblem .txt-box .p-box { text-align: justify; text-justify: inter-ideograph; }

.special_culture .cont .pop-college-emblem .txt-box .p-box .p + .p { margin-top: 2.8169%; }

.special_culture .cont .pop-hospital-flag .pop-pad { height: 100%; padding: 0 4.28571% 0 6.64286%; }

.special_culture .cont .pop-hospital-flag .pop-flex { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_culture .cont .pop-hospital-flag .img { position: relative; overflow: hidden; width: 44.42662%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.special_culture .cont .pop-hospital-flag .img::before { content: ''; display: block; padding-top: 66.787%; }

.special_culture .cont .pop-hospital-flag .img .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_culture .cont .pop-hospital-flag .txt-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 5.06757%; }

.special_culture .cont .pop-hospital-flag .txt-box .p-box { margin-top: 2.06349%; }

body:not(.lang-en) .special_culture .cont .pop-hospital-flag .txt-box .p-box { text-align: justify; text-justify: inter-ideograph; }

.special_culture .cont .pop-hospital-flag .txt-box .p-box .p + .p { margin-top: 3.1746%; }

.special_culture .cont .pop-hospital-song::before { content: ''; position: absolute; bottom: 0; right: 0; width: 32.14286%; padding-top: 28%; background: url(../../image/special_culture/png1.png) no-repeat center; background-size: contain; pointer-events: none; z-index: 2; }

.special_culture .cont .pop-hospital-song .pop-pad { height: 100%; padding: 5.07143% 6.64286%; }

.special_culture .cont .pop-hospital-song .pop-flex { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_culture .cont .pop-hospital-song .song-video-box { width: 45.63427%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box { position: relative; overflow: hidden; margin-top: 23px; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box::before { content: ''; display: block; padding-top: 56.31769%; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box.mask-hide .mask { display: none; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; }

.special_culture .cont .pop-hospital-song .song-video-box .video-box .mask .v-btn { position: absolute; width: 12.45487%; padding-top: 12.45487%; background: url(../../image/special_culture/icon6.png) no-repeat center; background-size: contain; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.special_culture .cont .pop-hospital-song .song-txt-box { background: #c7a357; line-height: 1.5; width: 386px; max-width: 100%; margin-left: 7.16639%; padding: 2.30643% 4.11862% 3.13015%; }

.special_culture .cont .pop-hospital-song .song-txt-box .lyrics { font-size: 14px; line-height: 1.7142; padding: 5.44041% 0; }

/*	pc 端	*/
/*	1440	*/
/*	1320以下	*/
@media (max-width: 1024px) { .special_culture .cont .child { height: 260px; } }

/*	移动端 1024	*/
@media (max-width: 768px) { .special_culture { padding: 40px 0; }
  .special_culture .cont { padding: 20px 0 0; display: block; }
  .special_culture .cont .child { width: 100%; margin: 0; height: auto; padding: 30px 15px; }
  .special_culture .cont .child + .child { margin: 15px 0 0; }
  .special_culture .cont .box-1 .icon { width: 50px; }
  .special_culture .cont .box-1 .txt { margin: 5px 0 0; }
  .special_culture .cont .box-1 .flex-box { height: auto; }
  .special_culture .cont .c-1 .box-1 .flex-box { width: 100%; height: auto; display: block; }
  .special_culture .cont .c-1 .cm-txt { position: static; -webkit-transform: none; transform: none; white-space: normal; text-align: center; margin-top: 5px; }
  .special_culture .cont .pop { position: fixed; top: 0; }
  .special_culture .cont .pop .xicon-close { top: 5px; right: 5px; }
  .special_culture .cont .pop .pop-pad { padding: 40px 30px 40px 15px; }
  .special_culture .cont .pop .scroll-box.mCS_no_scrollbar { margin-right: -15px; }
  .special_culture .cont .pop-college-motto .list { display: block; }
  .special_culture .cont .pop-college-motto .item { width: 100%; padding: 0; }
  .special_culture .cont .pop-college-motto .item + .item { margin-top: 20px; }
  .special_culture .cont .pop-college-motto .p { margin-top: 5px; }
  .special_culture .cont .pop-college-emblem .pop-flex { display: block; }
  .special_culture .cont .pop-college-emblem .img { width: 40%; margin: auto; }
  .special_culture .cont .pop-college-emblem .txt-box { margin: 15px 0 0; }
  .special_culture .cont .pop-hospital-flag .pop-flex { display: block; }
  .special_culture .cont .pop-hospital-flag .img { width: 100%; }
  .special_culture .cont .pop-hospital-flag .txt-box { margin: 15px 0 0; }
  .special_culture .cont .pop-hospital-song .pop-flex { display: block; }
  .special_culture .cont .pop-hospital-song .song-video-box { width: 100%; }
  .special_culture .cont .pop-hospital-song .song-video-box .tit { text-align: center; }
  .special_culture .cont .pop-hospital-song .song-video-box .video-box { margin-top: 10px; }
  .special_culture .cont .pop-hospital-song .song-txt-box { margin: 15px 0 0; padding: 15px; }
  .special_culture .cont .pop-hospital-song .song-txt-box .lyrics { padding: 10px 0; }
  .lock-screen .x-footer { position: static; } }