@charset "UTF-8";
@import url(//at.alicdn.com/t/c/font_5136324_oe0ii559ff.css);
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

ul, ol { list-style: none; }

a { text-decoration: none; }

a, span { vertical-align: top; }

img { border: 0; vertical-align: middle; max-width: 100%; }

input, button, text { vertical-align: top; outline: none; border: none; }

button { padding: 0; background: none; cursor: pointer; }

button::-moz-focus-inner { padding: 0; }

textarea { outline: none; border: none; resize: none; }

input, textarea { box-sizing: content-box; outline: none; background: 0 0; font-family: "Microsoft YaHei"; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #acacac; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #acacac; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #acacac; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #acacac; }

table tr td, table { border-collapse: collapse; }

::-webkit-scrollbar { width: 5px; height: 6px; border-radius: 6px; }

::-webkit-scrollbar-thumb { border-radius: 6px; background: #1369c0; }

::-webkit-scrollbar-track { border-radius: 6px; background: #eaeff3; }

body .layui-input:focus, body .layui-textarea:focus { border-color: #1F78C4 !important; box-shadow: 0 0 0 3px rgba(122, 172, 234, 0.2) !important; }

:root { --bs-nav-link-font-size:1.25rem; --primary-light:#F0F6FE; --primary-light2:#F3F8FE; }

body { --bs-body-font-size: 1.125rem; }

:root { --bs-link-color: #333; --bs-link-color-rgb: 51, 51, 51; --custom-line-height: 2.4; }

body { background: #F6FAFF url(../images/bg.png) no-repeat center 0; }

.tin2 { text-indent: 2em; }

.fz12 { font-size: 0.75rem; }

.fz14 { font-size: 0.875rem; }

.fz18 { font-size: 1.125rem; }

.fz30 { font-size: 1.875rem; }

.fz32 { font-size: 2rem; }

.fz36 { font-size: 2.25rem; }

.fz40 { font-size: 2.5rem; }

.text-overflow-1 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.text-overflow-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.text-overflow-3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.text-overflow-4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.text-overflow-5 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

/*header*/
.header.esdHBG { height: calc(100vh - 98px); }
.header-search-input { padding: .75rem; }
.header-search .icon-search:hover { color: #FF9800 !important; }
.header-nav-primary .nav-item:hover, .header-nav-primary .nav-item.active { box-shadow: 0px 8px 20px rgba(122, 172, 234, 0.2); }
.header-nav-primary .nav-item:hover .nav-link, .header-nav-primary .nav-item.active .nav-link { background: #1A65A6; color: #fff; }
.header-nav-primary .nav-link { --bs-nav-link-padding-y: 1rem; display: flex; align-items: center; }
.header-nav { font-size: 1.25rem; }
.header-nav .nav-item.active, .header-nav .nav-item:hover { background: #2A7DC4; }
.header-nav .nav-item:hover .header-nav-lv2 { display: block; }
.header-nav .nav-link { display: flex; align-items: center; --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:1.5rem; color: #fff; }
.header-nav-lv2 { display: none; position: absolute; font-size: 1.125rem; width: 100%; left: 0; top: 4.25rem; border: 0; padding: 1.5rem 0; background: #1A65A6; box-shadow: 0 1px 5px #1a65a6; }
.header-nav-sub { display: flex; justify-content: center; flex-wrap: wrap; gap: 4rem; }
.header-nav-sub a { color: #ffffff; }

.shadow-primary { box-shadow: 0px 8px 20px rgba(122, 172, 234, 0.2); }

/*header end*/
.picnews { /*   &-pic{ height: 376px;}*/ }
.picnews .swiper-slide img { height: 100%; object-fit: cover; width: 100%; }
.picnews .swiper-button-prev, .picnews .swiper-button-next { display: none; }
.picnews:hover .swiper-button-prev, .picnews:hover .swiper-button-next { display: block; }
.picnews:hover .swiper-slide { overflow: hidden; }
.picnews .swiper-pagination-bullet-active { width: 60px; border-radius: 2rem; }

.tab-active-bottom .tab-hd, .tab-active-bottom .tab-hd-click { line-height: 1; border-bottom: 1px solid #DCE9FA; }
.tab-active-bottom .tab-hd .nav-item .nav-link, .tab-active-bottom .tab-hd-click .nav-item .nav-link { position: relative; display: inline-block; width: auto; padding: 0; padding-bottom: .5rem; color: #9DB8CE; }
.tab-active-bottom .tab-hd .nav-item .nav-link:after, .tab-active-bottom .tab-hd-click .nav-item .nav-link:after { display: none; content: ''; position: absolute; width: 100%; height: 2px; border-radius: 2px; bottom: -1px; left: -2px; background-image: linear-gradient(to right, #e74c3c 1.2rem, transparent 1.4rem, #5d7a89 1.5rem, #5d7a89 100%); /* --- 关键步骤：倾斜变换 --- */ transform: skewX(-20deg); /* 倾斜角度，负值让顶部向左歪，形成向右的动感 */ transform-origin: left bottom; /* 以左下角为轴心进行倾斜 */ }
.tab-active-bottom .tab-hd .nav-item .more, .tab-active-bottom .tab-hd-click .nav-item .more { display: none; }
.tab-active-bottom .tab-hd .nav-item.active, .tab-active-bottom .tab-hd-click .nav-item.active { position: relative; font-weight: bold; }
.tab-active-bottom .tab-hd .nav-item.active .nav-link, .tab-active-bottom .tab-hd-click .nav-item.active .nav-link { color: #3E6484; }
.tab-active-bottom .tab-hd .nav-item.active .nav-link:after, .tab-active-bottom .tab-hd-click .nav-item.active .nav-link:after { display: block; }
.tab-active-bottom .tab-hd .nav-item.active .more, .tab-active-bottom .tab-hd-click .nav-item.active .more { display: block; }
.tab-active-hoverbg > .tab-hd > .active > * { background: #1A65A6; color: #fff; }
.tab-active-sjfb .nav-item:hover > .nav-link, .tab-active-sjfb .nav-item.active > .nav-link { color: #1A65A6; }
.tab-active-sjfb .nav-item:hover > .nav-link:after, .tab-active-sjfb .nav-item.active > .nav-link:after { transform: translateX(-50%) scaleX(1); }
.tab-active-sjfb .nav-link { --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:.8rem; width: auto !important; display: inline-block; position: relative; }
.tab-active-sjfb .nav-link:after { content: ''; position: absolute; width: 2.5em; height: 4px; border-radius: 4px; bottom: 0px; left: 50%; background: #1A65A6; transition: .3s; transform: translateX(-50%) scaleX(0); }

.news-list { --bs-border-style: solid; }
.news-list li { overflow: hidden; line-height: var(--custom-line-height); display: flex; justify-content: space-between; align-items: center; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); /*&:before{ content:'◆';  color:$primary; margin-right: .5rem;
}*/ }
.news-list li a { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li > a:before { content: '●'; color: #FB8600; margin-right: .5rem; font-size: .75rem; }
.news-list li span { margin-left: 1.5rem; flex-shrink: 0; }
.news-list-nodisc li > a:before { content: ''; }
.news-list-jigou li { padding: 0 .5rem; background: #F6FAFF; color: #3E6484; border-bottom: 0; border-radius: var(--bs-border-radius); }
.news-list-jigou li a { color: #3E6484; }
.news-list-jigou li:hover { background: #1A65A6; color: #fff; }
.news-list-jigou li:hover a { color: #fff; }
.news-list-noborder li { border-bottom: 0; }
.news-list-more { text-align: center; display: block; background: #F2F3F4; color: #8A8888; padding: .35rem; margin-bottom: 1rem; border-radius: 5px; }
.news-list-more:active { background: #1A65A6; color: #fff; }

/*footer*/
.frd-link { color: initial; }
.frd-link-bg { position: relative; background: #F1F7FF; }
.frd-link dl { display: inline-block; }
.frd-link dl:hover dt { color: var(--bs-primary); }
.frd-link dl:hover dt .iconfont { color: var(--bs-primary); transform: rotate(-180deg); transition: .2s; }
.frd-link dl:hover dd { display: block; transition: .3s; }
.frd-link dt { display: flex; align-items: center; gap: .3rem; cursor: pointer; font-weight: normal;         /* &:after { position: relative; top: -1px; font-size:1.4rem; content: '◢'; transform:rotate(45deg); transition: .3s; }
 &.noafter:after { content: ''; }*/ }
.frd-link dd { display: none; position: absolute; left: 0; /*bottom: var(--dt-height);*/ bottom: 100%; z-index: 999; width: 100%; background: rgba(0, 0, 0, 0.75); }
.frd-link dd a { color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.frd-link dd a:hover { font-weight: bold; }

footer a { color: #fff; }

.title-1 { text-align: center; }
.title-1 * { font-style: normal; }
.title-1 div:before, .title-1 div:after { content: '◆'; display: inline-block; color: #FF8127; font-size: 1.2rem; }
.title-1:before, .title-1:after { content: ''; display: inline-block; flex: 1; height: 1px; background: linear-gradient(to right, rgba(68, 161, 243, 0), 20%, #44a1f3); position: relative; left: 2px; top: -1px; z-index: -1; }
.title-1:after { transform: scaleX(-1); left: -2px; }
.title-leader-bg { background: linear-gradient(to right, #DDEAF9 0%, rgba(221, 234, 249, 0) 100%); }

.msg-content img, .msg-content video { display: block; }
.msg-content img, .msg-content video, .msg-content table { margin: 1rem auto; }
.msg-content table { width: 100% !important; }
.msg-content table table tr td, .msg-content table table { border-collapse: collapse; }
.msg-content table th, .msg-content table tr, .msg-content table td { border: 1px solid var(--bs-border-color); padding: 5px 1rem; }

.dianzhan > * { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #E9F1FB; color: #1A65A6; }
.dianzhan > * > * { cursor: pointer; }
.dianzhan > *:hover, .dianzhan > *.active { background: #1A65A6; color: #fff; }

@keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
  to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }
@keyframes bounce { 0%,
    20%,
    53%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); }
  40%,
    43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); }
  90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } }
@keyframes flash { 0%,
    50%,
    to { opacity: 1; }
  25%,
    75% { opacity: 0; } }
@keyframes bounceIn { 0%,
    20%,
    40%,
    60%,
    80%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
.animation-flip a:hover .iconfont, .animation-flip a:hover img { animation: flip 1s; }

.animation-bounce a:hover .iconfont, .animation-bounce a:hover img { animation: bounce 1s; }

.animation-flash a:hover .iconfont, .animation-flash a:hover img { animation: flash 1s; }

.animation-bounceIn a:hover .iconfont, .animation-bounceIn a:hover img { animation: bounceIn 1s; }

.animation-bounceIn-lv1 a:hover > * { animation: bounceIn 1s; }

@media (max-width: 991.98px) { html, body { overflow-x: hidden; }
  .header { height: auto; /*   &-search { margin-bottom: 1.5rem; }*/ }
  .header-top .nav *, .header-top .nav-link { font-size: 1rem; }
  .header-top-login { display: none; }
  .header-nav { font-size: 1rem; }
  .header-nav .nav-item:hover .header-nav-lv2 { display: none; }
  .header-nav .nav-item .nav-link { --bs-nav-link-padding-y: .3rem; }
  #dept-popup-trigger { display: block; }
  .header-search-input { padding: .5rem; }
  .banner-swiper { height: 100%; }
  .banner-swiper .swiper-slide .index-banner-logo { top: 3rem; height: 50px; }
  .banner-swiper .swiper-slide-active .index-banner-logo { left: 1rem; }
  /*   .tab-hd { font-size: 1rem; }*/
  .title-1 div:before, .title-1 div:after { transform: scale(0.7); } }
@media (max-width: 767.98px) { .news-list-tags { --custom-line-height: 2.5 !important; }
  .news-list-tags li { flex-wrap: wrap; justify-content: flex-start; }
  .news-list-tags li > a { flex: auto; }
  .hide-date .news-list li span { display: none; }
  .header-top { position: static !important; }
  .header-nav-bg { position: static !important; } }
@media (min-width: 768px) and (max-width: 991.98px) { .header-top { position: static !important; }
  .header-nav-bg { position: static !important; } }
@media (max-width: 575.98px) { .tab-active-sjfb .nav-link { --bs-nav-link-padding-y:.5rem; font-size: 1rem; }
  .banner-swiper { height: 150px; }
  .list-title { padding-top: 3rem; }
  .news-list li span { display: none; } }
/*footer end*/


/*附件下载样式*/
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#0066b1;line-height:1em; font-size:16px; font-weight:bold; }
.slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #0066b1; }
.attach-list{ color:#757575;margin:30px; }
.attach-list ul li{ margin-top:5px; padding:3px; border-bottom:1px solid #ebebeb; }
.attach-list ul li .link-btn{ display:block; float:right; margin-top:-1px; padding:5px 12px; border:0px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
.attach-list ul li .link-btn i{ font-size:14px; }
.attach-list ul li .icon-box{ display:inline-block; margin-right:0px; line-height:0px; color:#ccc; }
.attach-list ul li .icon-box i{ font-size:20px; }
.attach-list ul li .info{ display:inline-block; }
.attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
.attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }