@charset "utf-8";
body { --nav-blue:#0b5fbc; --theme-color:#0b5fbc; --theme-blue: #0b5fbc; --footer-bg:#015293; --theme-red:#d60000; 

}

@media (min-width: 1680px) { .container, .container-xl { max-width: 1400px; } }
body { margin: 0; color: #666; font-family: '微软雅黑','微软雅黑 light', -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: 400; }

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

p { margin-bottom: 0; }

/*@media screen and (-webkit-min-device-pixel-ratio:0) { ::-webkit-scrollbar { width: 5px; height: 8px; } ::-webkit-scrollbar-track:enabled { background-color: #eee; } ::-webkit-scrollbar-thumb:vertical { background-color: #fb5e1d; border-radius: 30px;} ::-webkit-scrollbar-thumb:horizontal { background-color: #fb5e1d; border-radius: 30px;}
}
::selection {background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}
::selection {	background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}*/
input { outline: none; }

.z-index-1 { z-index: 1; }

.z-index-2 { z-index: 2; }

.z-index-3 { z-index: 3; }

.z-index-4 { z-index: 4; }

.z-index-5 { z-index: 5; }

.z-index-6 { z-index: 6; }

.z-index-7 { z-index: 7; }

.z-index-8 { z-index: 8; }

.z-index-9 { z-index: 9; }

.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.fitcover-img { width: 100%; height: 100%; object-fit: cover; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.iconfont { font-size: inherit; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaledown { -o-object-fit: scale-down; object-fit: scale-down; }

.gutters-10 { margin-left: -5px !important; margin-right: -5px !important; }

.gutters-10 > .col, .gutters-10 > [class*=col-] { padding-right: 5px; padding-left: 5px; }

.gutters-20 { margin-left: -10px !important; margin-right: -10px !important; }

.gutters-20 > .col, .gutters-20 > [class*=col-] { padding-right: 10px; padding-left: 10px; }

a:hover { color: var(--theme-color); }

.mt-20 { margin-top: 20px; }

.mb-20 { margin-bottom: 20px; }

@-webkit-keyframes returntonormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes returntonormal { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
a { color: #333; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

a:hover { text-decoration: none; }

.w-next, .w-prev { cursor: pointer; position: absolute; z-index: 2; width: 40px; height: 40px; margin: auto; top: 0; bottom: 0; background-color: rgba(0, 104, 183, 0.5); border-radius: 50%; }
.w-next svg, .w-prev svg { width: 50%; height: 50%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
.w-next svg path, .w-prev svg path { fill: #ffffff; }
.w-next.swiper-button-disabled, .w-prev.swiper-button-disabled { opacity: .5; cursor: not-allowed; }

.w-next { right: 0; }

.w-prev { left: 0; }

.footer { /*background:  bottom center no-repeat var(--footer-bg);*/ background:  bottom center no-repeat; color: #043f7b; }
@media (min-width: 1400px) { .footer { padding-top: 5% !important; } }
.footer select { display: block; background: rgba(11, 95, 188, 0.6); height: 42px; line-height: 42px; border: none; color: #ffffff; padding: 0 10px; font-size: 14px; }
.footer p, .footer a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.footer .footer-mid .item { padding-left: 1vw; border-left: 1px dashed rgba(255, 255, 255, 0.5); }
.footer .footer-mid .contact p { opacity: .5; }
.footer .footer-mid .contact p:hover { opacity: .8; }
.footer .footer-mid .biaoshi a { color: #ffffff; }
.footer .footer-mid .biaoshi a:hover { opacity: .8; }
.footer .footer-mid .biaoshi span { opacity: .3; }
.footer .footer-mid .biaoshi span:hover { opacity: .8; }
.footer .footer-logo { max-width: 50vw; }
.footer .contact { line-height: 1.5; padding-left: 1rem; margin-left: 1rem; border-left: 1px solid #1b639c; color: #043f7b; }
.footer .copyright { font-size: 14px; background-color: rgba(11, 95, 188, 0.6); color: #ffffff; }
.footer .copyright span { display: inline-block; }
.footer .copyright a { color: #ffffff; }

@media (max-width: 575.98px) { .footer { text-align: center; }
  .footer .footer-logo { padding: 10px; max-width: unset; }
  .footer .footer-logo img { width: 60%; }
  .footer .footer-mid { margin: 0 auto; }
  .footer .footer-mid .item { border-left: none; } }
.page { margin-top: 1%; }

table { width: 100%; border-collapse: collapse; }
table tr td { width: auto; line-height: 26px; border: 1px solid #797979; padding: 5px !important; }

.normal-layout { background:  top center no-repeat #f5f5f5; }
.normal-layout .main-container { background:  bottom center no-repeat; padding-bottom: 20px; }

body { background:  top center no-repeat #f6f6f6; }

.header .header-top { padding-top: 5%; padding-bottom: 4%; font-size: 1rem; line-height: 3.25rem; color: #ffffff; }
@media (max-width: 991.98px) { .header .header-top .logo img { height: 80px; } }
@media (max-width: 575.98px) { .header .header-top .logo img { height: 70px; } }
.header .header-top .header-search .search-wrapper { background-color: rgba(11, 95, 188, 0.1); border-radius: 5px; padding-left: 5px; padding-right: 5px; }
.header .header-top .header-search .search-wrapper .s-input { display: block; height: 42px; line-height: 32px; padding: 5px 10px; border: none; outline: none; width: 280px; background-color: transparent; color: #333333; }
.header .header-top .header-search .search-wrapper .s-btn { display: block; border: none; width: 90px; height: 42px; line-height: 42px; text-align: center; color: #ffffff; background-color: var(--theme-color); border-radius: 5px; }
.header .header-top .header-search .search-wrapper .s-btn-2 { background: transparent; border: none; height: 36px; width: 36px; position: relative; }
.header .header-top .header-search .search-wrapper .s-btn-2 svg { display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: 28px; width: 28px; }

.header-nav { background-color: var(--theme-color); }
.header-nav li { padding: 1rem .5rem; flex: 1; text-align: center; }
@media (max-width: 991.98px) { .header-nav li { flex: 0 0 auto; width: 25%; padding: .5rem; } }
@media (max-width: 767.98px) { .header-nav li { padding: 0.5rem 0.125rem; } }
@media (max-width: 575.98px) { .header-nav li { padding: 0.5rem 0; } }
.header-nav li:hover { background-color: #0b3e8d; }
.header-nav li a { color: #ffffff; font-size: 14px; }
@media (min-width: 1400px) { .header-nav li a { font-size: 18px; } }

.menu-icon { width: 25px; height: 18px; position: relative; z-index: 4444; }
.menu-icon span { position: relative; width: 100%; height: 2px; color: #c51b1e; background-color: currentcolor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.menu-icon span::before { top: 8px; }
.menu-icon span::after { bottom: 8px; }
.menu-icon.open span { background-color: unset; }
.menu-icon.open span::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); top: 0; }
.menu-icon.open span::after { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); bottom: 0; }

.menu-icon span::before, .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: currentcolor; }

.mobile-nav { z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.mobile-nav .nav-wrap { padding: 2.2rem 2rem; }
.mobile-nav dl { margin-bottom: 0; }
.mobile-nav dl.active dt::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dl.active dt::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dt { border-bottom: 1px dashed #4e4e4e; position: relative; padding: .3rem .5rem; }
.mobile-nav dt a { line-height: 2; display: block; width: 80%; margin-right: 2rem; font-weight: normal; }
.mobile-nav dt.has-child::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-nav dd { display: none; padding-left: 1rem; }
.mobile-nav dd ul { margin-bottom: 0; line-height: 2; margin-top: 5px; list-style: inside circle; color: #fff; }
.mobile-nav dd ul a { font-size: 14px; }
.mobile-nav a { color: #f8f8f8; }

.mobile-nav dt.has-child::before, .mobile-nav dt.has-child::after { content: ''; position: absolute; width: 1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 1px solid #d3d3d3; right: .5rem; margin: auto; top: 0; bottom: 0; }

.open-menu { position: fixed; width: 100%; background-color: #fff; top: 0; z-index: 3; }
.open-menu ~ .banner { margin-top: 33vw; }
.open-menu .mobile-nav { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.open-menu .menu-icon span { color: var(--white); }

.nav-menu { background-color: var(--nav-blue); line-height: 3.5rem; position: relative; z-index: 999; }
.nav-menu li { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; flex: 1; text-align: center; position: relative; }
.nav-menu li img, .nav-menu li span { display: inline-block; vertical-align: middle; }
.nav-menu li:not(:last-child)::after { content: ''; position: absolute; right: 0; height: 30%; margin: auto; top: 0; bottom: 0; border-right: 1px dashed rgba(255, 255, 255, 0.5); }
.nav-menu li .sub-menu { display: none; background-color: #c51b1e; position: absolute; margin-top: 0; left: 0; right: 0; }
.nav-menu li .sub-menu dl { padding: 1rem .625rem; margin-bottom: 0; line-height: 40px; }
.nav-menu li .sub-menu dd { position: relative; margin-bottom: 0; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returntonormal; animation-name: returntonormal; }
.nav-menu li .sub-menu dd::before { content: ''; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; z-index: 0; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; -webkit-transform: scalex(0); -moz-transform: scalex(0); -ms-transform: scalex(0); -o-transform: scalex(0); transform: scalex(0); }
.nav-menu li .sub-menu dd a { display: block; position: relative; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: .875rem; }
.nav-menu li .sub-menu dd:hover::before { -webkit-transform: scalex(1); -moz-transform: scalex(1); -ms-transform: scalex(1); -o-transform: scalex(1); transform: scalex(1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.nav-menu li:not(:first-child):hover::after { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.nav-menu a { color: #ffffff; font-size: 1.125rem; }

.nav-menu li:hover::before, .nav-menu li.on::before { -webkit-transform: scaley(1); -moz-transform: scaley(1); -ms-transform: scaley(1); -o-transform: scaley(1); transform: scaley(1); -webkit-transform-origin: bottom center; -moz-transform-origin: bottom center; -ms-transform-origin: bottom center; -o-transform-origin: bottom center; transform-origin: bottom center; opacity: 1; }

.min-nav { background-color: var(--nav-blue); line-height: 42px; }
.min-nav a { color: #ffffff; }

.page span, .page a { display: inline-block; }

.main-container { background-color: #ffffff; padding: 10px; }
@media (min-width: 1400px) { .main-container { padding: 30px; padding-top: 0; } }

.toutiao .toutiao-first { font-weight: bold; color: var(--theme-red); }
@media (min-width: 1400px) { .toutiao .toutiao-first { font-size: 42px; } }
.toutiao .toutiao-list a { display: inline-block; margin: 0 10px; }

.top-news-bar { background: #ffffff; padding: 1.25rem; }
.top-news-bar .topnews-swiper { flex: 1; max-width: 90%; width: 900px; }
.top-news-bar .news-item { padding-right: 20px; }
.top-news-bar .news-item .news-title { font-size: 1rem; line-height: 2; }
@media (min-width: 768px) { .top-news-bar .news-item .news-title { max-width: 80%; } }
.top-news-bar .news-item .news-title::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #999999; vertical-align: middle; margin-right: 5px; }
.top-news-bar .news-item .news-desc { font-size: .875rem; color: #808080; }
.top-news-bar .news-item .news-time { color: #c4c4c4; font-size: .875rem; width: 110px; text-align: right; }
@media (max-width: 991.98px) { .top-news-bar { padding: 10px; }
  .top-news-bar .news-item { padding-left: 10px; } }
@media (min-width: 992px) { .top-news-bar .swiper-slide.swiper-slide-active .news-item { border-right: 1px solid #e6e6e6; } }

.top-news .top-primary a { font-weight: bold; font-size: 30px; color: var(--theme-red); }
@media (max-width: 767.98px) { .top-news .top-primary a { font-size: 26px; } }
@media (max-width: 575.98px) { .top-news .top-primary a { font-size: 20px; } }
.top-news .topnews-swiper .news-item { text-align: center; }
.top-news .topnews-swiper .news-item a { font-size: 16px; color: #666666; line-height: 2; }
.top-news .topnews-swiper .news-item a:hover { color: var(--theme-blue); }

.primary-news { background: #fff; }
.primary-news .primary-box .box-head { border-bottom: 1px solid #ececec; }
.primary-news .primary-box .head-name li { cursor: pointer; font-size: 22px; color: #7e7e7e; text-align: center; position: relative; }
.primary-news .primary-box .head-name li a { display: block; }
.primary-news .primary-box .head-name li:not(:last-child)::after { content: ''; height: 1.2rem; width: 2px; background-color: currentcolor; margin: auto; top: 0; bottom: 0; position: absolute; right: 0; }
.primary-news .primary-box .head-name li.on { color: var(--theme-blue); }
@media (max-width: 1199.98px) { .primary-news .primary-box .head-name li { font-size: 20px; } }
@media (max-width: 575.98px) { .primary-news .primary-box .head-name { padding: 0 .5rem; } }
.primary-news .primary-box .head-more { font-size: 12px; color: #666666; margin-right: 8px; }
.primary-news .primary-box .news-list li { line-height: 2.5; }
.primary-news .primary-box .news-list li a .news-title::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: currentcolor; }
.primary-news .primary-box .more-link { display: inline-block; background: #e8eaf4; font-size: 14px; padding: 5px 10px; color: var(--theme-color); }
.primary-news .primary-box .more-link:hover { background-color: var(--theme-color); color: #ffffff; }
.primary-news .primary-news-box .box-head { border-bottom: 1px solid #d9d9d9; }
.primary-news .primary-news-box .head-name { width: 160px; height: 44px; line-height: 44px; text-align: center; color: #ffffff; background-color: var(--theme-blue); font-size: 1.25rem; }
.primary-news .primary-news-box .head-name img { display: inline-block; vertical-align: middle; }
@media (max-width: 575.98px) { .primary-news .primary-news-box .head-name { width: auto; line-height: 38px; height: 38px; font-size: 1.125rem; padding: 0 .5rem; }
  .primary-news .primary-news-box .head-name img { width: 20%; } }
.primary-news .primary-news-box .news-list li { line-height: 39px; }
.primary-news .primary-news-box .news-list li .news-title::before { border-radius: 50%; }

.focus-news .news-item .item-img::before { padding-top: 63.79%; }
.focus-news .news-item .item-txt { color: #ffffff; bottom: 0; width: 100%; margin: auto; left: 0; right: 0; line-height: 3.5; background: rgba(11, 62, 141, 0.8); font-size: 1rem; }
.focus-news .news-item .item-txt a { color: #ffffff; padding-left: .5rem; }
.focus-news .focus-news-pagination { position: absolute; z-index: 3; right: 3%; width: 25%; left: auto; text-align: right; bottom: 5%; }
.focus-news .focus-news-pagination span { width: 20px; height: 6px; border-radius: 8px; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.focus-news .focus-news-pagination .swiper-pagination-bullet-active { opacity: 1; }
@media (max-width: 575.98px) { .focus-news .focus-news-pagination { width: 100%; bottom: 4%; } }

.box { padding: .875rem; }
.box .box-head { border-bottom: 1px solid #d9d9d9; }
.box .box-head .head-name { color: #333333; font-size: 1.25rem; padding-bottom: 9px; position: relative; }
.box .box-head .head-name::after { content: ''; position: absolute; display: block; width: 100%; height: 3px; left: 0; bottom: -1px; background-color: var(--theme-color); }
.box .box-head .head-more { margin-right: 8px; }

.special-box { padding: 10px; }
@media (min-width: 1400px) { .special-box { border: 6px solid #f4f4f4; } }

.special-swiper .w-prev, .special-swiper .w-next, .favlink-swiper .w-prev, .favlink-swiper .w-next { width: 30px; height: 50px; background: rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.special-swiper .w-prev svg, .special-swiper .w-next svg, .favlink-swiper .w-prev svg, .favlink-swiper .w-next svg { width: 70%; height: 70%; }
.special-swiper .w-prev.swiper-button-disabled, .special-swiper .w-next.swiper-button-disabled, .favlink-swiper .w-prev.swiper-button-disabled, .favlink-swiper .w-next.swiper-button-disabled { opacity: 0; visibility: hidden; }

.news-list li { line-height: 42px; font-size: 1rem; }

.news-list li a { color: #666666; }

.news-list li .news-title::before { width: 6px; height: 6px; background-color: #c6c6c6; content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; }

.news-list .news-title { max-width: calc( 100% - 100px); }

.news-list .news-title.w-100 { width: 100%; max-width: 100%; }

.news-list .news-time { display: block; width: 100px; font-size: 14px; text-align: right; color: #b4b4b4; }

.news-list .thumb-news { margin-bottom: .625rem; }

.news-list .thumb-news .thumb-info { line-height: 1.8; font-size: .875rem; }

.news-list .thumb-news .thumb-title { font-weight: bold; font-size: 1.25rem; }

.news-list .thumb-news .thumb-info .thumb-desc { margin: .5rem 0; }

.news-list .thumb-news .thumb-info .thumb-meta { color: #999999; }

.news-list .thumb-news .thumb-info .thumb-meta span { margin-right: .875rem; }

.news-list .thumb-news .thumb-info .thumb-meta span i { font-size: 1rem; color: #666666; }

.news-thumb-list .thumb-item { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 1.5%; padding: 1% 0 2%; background-color: #f9f9f9; }

.news-thumb-list .thumb-item .news-title { font-size: 150%; line-height: 2.2; }

.news-thumb-list .thumb-item .item-thumb { margin-left: 1.2%; }

.news-thumb-list .thumb-item .news-desc { line-height: 2; }

.news-thumb-list .thumb-item .news-time { line-height: 1; margin-top: 1.5%; }

.news-thumb-list .thumb-item:hover { -webkit-transform: translatey(-1px); -moz-transform: translatey(-1px); -ms-transform: translatey(-1px); -o-transform: translatey(-1px); transform: translatey(-1px); -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); }

.news-thumb-list .thumb-item:hover .news-title { color: var(--theme-red); }

.zwgk-list { padding-top: 1rem; }
.zwgk-list .item { margin-bottom: .625rem; }
.zwgk-list .item .item-icon { width: 40px; height: 40px; border: 1px solid #eeeeee; border-radius: 50%; position: relative; text-align: center; line-height: 40px; margin-right: 5%; }
.zwgk-list .item .item-icon .iconfont { font-size: 1.5rem; color: var(--theme-blue); }
.zwgk-list .item .item-name { font-size: 17px; }

.quick-links { border-top: 1px dashed #e6e6e6; padding: 10px; }
.quick-links .link-item a { display: block; border: 1px solid #e6e6e6; background-color: #eb793d; color: #ffffff; border-radius: 5px; line-height: 38px; text-align: center; font-size: 1.125rem; margin-top: 8px; }
.quick-links .link-item:nth-child(2) a { background-color: #66bb6a; }
.quick-links .link-item:nth-child(3) a { background-color: #0069c5; }

.section-box .section:nth-child(2n) { background-color: #f8f8f8; }

.section-box .section { padding-top: 1.5rem; padding-bottom: 1rem; }

.qk-nav .qk-nav-head { padding: .8rem 1.25rem; background-color: #d53630; color: #ffffff; font-size: 1.5rem; }

.qk-nav .nav-bd { margin-top: .625rem; }

.qk-nav .nav-bd a { display: block; background-color: #cc9254; line-height: 80px; text-align: center; flex: 0 0 49%; max-width: 49%; color: #ffffff; font-size: 1rem; }

.qk-nav .nav-bd a img { margin-right: .325rem; }

.qk-nav .nav-bd a.c2 { background-color: #e06f5a; }

.qk-nav .nav-bd a.c3 { background-color: #cf6352; }

.qk-nav .nav-bd a.c4 { background-color: #cb6f46; }

.qk-nav .nav-bd a.c1:hover { background-color: #cb6f46; }

.qk-nav .nav-bd a.c2:hover { background-color: #cf6352; }

.qk-nav .nav-bd a.c3:hover { background-color: #e06f5a; }

.qk-nav .nav-bd a.c4:hover { background-color: #cc9254; }

.page-location { line-height: 42px; padding: .5rem 0; font-size: .875rem; }

.flex-container .sidebar { flex: 0 0 auto; width: 100%; }
@media (min-width: 1199px) { .flex-container .sidebar { width: 270px; } }
.flex-container .sidebar .side-menu .menu-head { height: 60px; line-height: 60px; background:  center/cover no-repeat; color: #ffffff; text-align: center; font-size: 18px; }
.flex-container .sidebar .side-menu ul { border: 1px solid #f1f1f1; border-bottom: none; border-top: none; }
.flex-container .sidebar .side-menu ul li { background-color: #ffffff; border-bottom: 1px solid #e6e6e6; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.flex-container .sidebar .side-menu ul li > a { height: 60px; line-height: 60px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.flex-container .sidebar .side-menu ul li svg { width: 1.25rem; height: 1.25rem; fill: #909090; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
@media (max-width: 767.98px) { .flex-container .sidebar .side-menu ul li > a { height: 52px; line-height: 52px; font-size: 14px; }
  .flex-container .sidebar .side-menu ul li svg { display: none; } }
.flex-container .sidebar .side-menu ul li dl { padding: 10px 30px; line-height: 28px; border-top: 1px solid #e6e6e6; }
.flex-container .sidebar .side-menu ul li:hover { background: #f8f8f8; }
.flex-container .sidebar .side-menu ul li:hover > a { color: var(--theme-color); }
.flex-container .sidebar .side-menu ul li:hover svg { fill: var(--theme-color); }

.contentbar { margin-bottom: 1rem; flex: 0 0 auto; width: 100%; }
@media (min-width: 1200px) { .contentbar { width: calc(100% - 300px); } }
.contentbar .head { border-bottom: 1px solid #e5e5e5; }
.contentbar .head .head-name { position: relative; line-height: 60px; height: 60px; display: inline-block; padding: .5rem 1.5rem; text-align: center; font-size: 1.125rem; color: var(--theme-blue); font-weight: bold; }
.contentbar .head .head-name::after { content: ''; position: absolute; height: 3px; width: 100%; left: 0; bottom: -1px; background-color: var(--theme-blue); }
.contentbar .head .head-name img, .contentbar .head .head-name span { display: inline-block; vertical-align: middle; }

.news-mormal-list .news-item { line-height: 48px; padding: 0 10px; }
@media (max-width: 575.98px) { .news-mormal-list .news-item { line-height: 36px; } }

.news-mormal-list .news-item .news-title { position: relative; flex: 1; }

.news-mormal-list .news-item .news-title::before { width: 4px; height: 4px; background-color: #c6c6c6; content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; }

.news-mormal-list .news-item .news-time { color: #999999; }

.news-details .news-title { font-size: 1.25rem; line-height: 1.8; color: #333333; text-align: center; padding: .75rem 0; }

@media (min-width: 992px) { .news-details { padding: 0 1rem; }
  .news-details .news-title { font-size: 1.5rem; } }
.news-details .news-meta { margin-top: .5rem; }

.news-details .news-meta span { margin: 0 .5rem; }

.news-details .news-meta i { font-size: 110%; }

.news-details .news-content { overflow: hidden; position: relative; padding-top: 1rem; line-height: 2; font-size: 1rem; color: #333; }
.news-details .news-content::after { content: ''; display: block; clear: both; width: 100%; height: 0; }
.news-details .news-content table { width: 100%; }
.news-details .news-content img { max-width: 80% !important; }
.news-details .news-content > p { margin-bottom: 1rem; }
@media (max-width: 575.98px) { .news-details .news-content { line-height: 1.8; }
  .news-details .news-content img { max-width: 100% !important; }
  .news-details .news-content > p { margin-bottom: .5rem; } }

.news-details .news-content h3 > strong { display: block; position: relative; line-height: 2; background: #efefef; padding: 0 10px; font-size: 1.25rem; margin-bottom: 1rem; color: #bb1e17; }

.news-details .news-content h3 > strong::after { content: ''; width: 0; height: 0; border: 7px solid transparent; border-top-color: #efefef; position: absolute; left: 35px; bottom: -14px; }

.news-details .news-content h3 ~ p { padding-left: 10px; }

.prev-next li { line-height: 2; flex: 0 0 100%; max-width: 98%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.page { text-align: center; }

.teacher-list .teacher-item { padding-left: .5% !important; padding-right: .5% !important; }

@media (min-width: 1680px) { .teacher-list:not(.all-list) .teacher-item:nth-child(n 5) { display: none; } }
.teacher-list .teacher-item .item-avatar img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.teacher-list .teacher-item .item-con { border: 1px solid #eeeeee; padding: 2% 4% 4%; }

.teacher-list .teacher-item .item-name { line-height: 2; color: #333333; }

.teacher-list .teacher-item .item-name strong { font-size: 1.25rem; }

.teacher-list .teacher-item .item-name .post-name { margin-left: 1.5%; font-size: 1.125rem; }

.teacher-list .teacher-item .item-desc { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #999999; line-height: 1.8; height: 75px; }

.teacher-list .teacher-item .item-desc span { font-weight: bold; color: #af3838; }

.teacher-list .teacher-item:hover .item-desc { color: #666666; }

.teacher-list .teacher-item:hover .item-avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.image-swiper { position: relative; }

.image-swiper .image-item { position: relative; }

.image-swiper .image-item .item-name { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 3%; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; }

.image-swiper .swiper-prev, .image-swiper .swiper-next { position: absolute; margin: auto; top: 0; bottom: 0; width: 40px; height: 110px; background-color: #e5e5e5; text-align: center; line-height: 110px; z-index: 9; outline: none; cursor: pointer; visibility: visible; opacity: 1; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.image-swiper .swiper-prev { right: -4%; }

.image-swiper .swiper-next { left: -4%; }

.image-swiper .swiper-prev:hover path, .image-swiper .swiper-next:hover path { fill: #cc3333; }

.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled { visibility: hidden; opacity: 0; display: none; }

.image-list { margin-top: 2%; }

.image-list .image-item { margin-bottom: 1%; padding-left: 1%; padding-right: 1%; }

.image-list .image-item .item-wrap { background-color: #eeeeee; }

.image-list .item-name { border-top: 1px solid #e4e4e4; padding: 3%; background: #eeeeee; text-align: center; }

.msg-form { margin-left: -.5%; margin-right: -.5%; margin-top: 1%; }

.msg-form .form-item { margin-bottom: 1%; padding-left: .5%; padding-right: .5%; }

.msg-form .form-item textarea { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; width: 100%; padding: 10px; }

.msg-form .form-item input[type='text'] { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 8px; display: inline-block; width: 100%; }

.msg-form .form-item input[type='text'].captcha { width: 70%; }

.msg-form .form-item .form-btn { display: inline-block; border: none; line-height: 40px; width: 50%; text-align: center; background-color: var(--theme-red); color: #ffffff; }

.contact-detail { padding-top: 1.5%; padding-bottom: 1.5%; margin-left: -.75%; margin-right: -.75%; }

.contact-detail .item { margin-bottom: 1.5%; padding-left: .75%; padding-right: .75%; }

.contact-detail .item .item-wrap { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 5% 3%; background-color: #f7f7f7; }

.contact-detail .item .item-icon { width: 16%; position: relative; }

.contact-detail .item .item-icon::before { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; content: ''; display: block; height: 0; padding-bottom: 100%; background-color: var(--white); border-radius: 50%; }

.contact-detail .item .item-icon svg { width: 40%; height: 40%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.contact-detail .item .item-icon svg path { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; fill: var(--theme-red); }

.contact-detail .item .contact-inf { margin-left: 5%; }

.contact-detail .item .contact-inf p { margin-bottom: 1%; line-height: 1.5; }

.contact-detail .item .contact-inf .item-name { line-height: 2; font-size: 16px; }

.contact-detail .item .contact-inf strong { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 1.125rem; color: #333; }

.contact-detail .item:hover .item-wrap { -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transform: translatey(-1px); -moz-transform: translatey(-1px); -ms-transform: translatey(-1px); -o-transform: translatey(-1px); transform: translatey(-1px); }

.contact-detail .item:hover .item-icon::before { background-color: var(--theme-red); }

.contact-detail .item:hover .item-icon svg path { fill: var(--white); }

.contact-detail .item:hover .contact-inf .item-name { color: var(--theme-red); }

.special-list .special-item .item-img::before { padding-top: 51.97%; }

.btn-primary { background-color: var(--theme-blue); border-color: var(--theme-blue); }

.btn-danger { background-color: #fa0228; border-color: #fa0228; }

.message_list .message-item:not(:last-child) { border-bottom: 1px solid #dee2e6; }
.message_list .message-item .item-time { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.message_list .message-item .reply-btn:hover { color: var(--theme-blue); }
.message_list .message-item:hover .item-time { -webkit-transform: translatex(3px); -moz-transform: translatex(3px); -ms-transform: translatex(3px); -o-transform: translatex(3px); transform: translatex(3px); }

.message-list .message-item .item-content { color: #333333; }
.message-list .message-item .item-time { font-size: 14px; color: #666666; }

.message-details { padding: .5rem; line-height: 1.8; }
.message-details .detail-box .box-head { font-size: 18px; color: #333333; line-height: 46px; padding-left: 20px; }
.message-details .detail-head { line-height: 2; color: #333; }
.message-details .content { margin: .5rem 0; }

.msg-box .msg-icon { margin-top: 2rem; }
.msg-box .msg-icon svg { width: 3rem; height: 3rem; fill: var(--theme-blue); }
.msg-box .msg-tips { font-size: 1rem; }
.msg-box .msg-code { font-size: 1.125rem; line-height: 2; }
.msg-box p { line-height: 2; margin-top: .5rem; }
.msg-box .tips { color: #999999; }

.service-quick-box .link-item .link-item-wrap { width: 230px; height: 100px; background-color: #eb793d; border-radius: 5px; color: #ffffff; padding: 16px 25px; }
.service-quick-box .link-item .link-item-wrap .item-icon { width: 70px; height: 70px; position: relative; text-align: center; border-radius: 50%; background-color: #ffffff; margin-right: 10%; display: flex; justify-content: center; align-items: center; }
.service-quick-box .link-item .link-item-wrap .item-icon svg { width: 60%; height: 60%; fill: #eb793d; }
.service-quick-box .link-item .link-item-wrap .item-name { font-size: 22px; }
.service-quick-box .link-item:nth-child(2) .link-item-wrap { background-color: #66bb6a; }
.service-quick-box .link-item:nth-child(2) .link-item-wrap .item-icon svg { fill: #66bb6a; }
.service-quick-box .link-item:nth-child(3) .link-item-wrap { background-color: #0069c5; }
.service-quick-box .link-item:nth-child(3) .link-item-wrap .item-icon svg { fill: #0069c5; }
@media (max-width: 991.98px) { .service-quick-box .link-item .link-item-wrap { width: 200px; height: 90px; }
  .service-quick-box .link-item .link-item-wrap .item-icon { width: 50px; height: 50px; } }
@media (max-width: 767.98px) { .service-quick-box .link-item { margin-bottom: .5rem; width: 100%; }
  .service-quick-box .link-item .link-item-wrap { width: 100%; height: 60px; }
  .service-quick-box .link-item .link-item-wrap .item-icon { width: 40px; height: 40px; } }
@media (max-width: 575.98px) { .service-quick-box .link-item { width: 100%; margin-bottom: .5rem; }
  .service-quick-box .link-item .link-item-wrap { width: 100%; height: 60px; }
  .service-quick-box .link-item .link-item-wrap .item-icon { width: 40px; height: 40px; } }





.primary-box1 .box-head { border-bottom: 1px solid #ececec; }
.primary-box1 .head-name li { cursor: pointer; font-size: 22px; color: #7e7e7e; text-align: center; position: relative; }
.primary-box1 .head-name li a { display: block; }
.primary-box1 .head-name li:not(:last-child)::after { content: ''; height: 1.2rem; width: 2px; background-color: currentcolor; margin: auto; top: 0; bottom: 0; position: absolute; right: 0; }
.primary-box1 .head-name li.on { color: var(--theme-blue); }

.primary-box1 .more-link { display: inline-block; background: #e8eaf4; font-size: 14px; padding: 5px 10px; color: var(--theme-color); }
.primary-box1 .more-link:hover { background-color: var(--theme-color); color: #ffffff; }