@charset "UTF-8";
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; }

/*my*/
:root { --bs-link-color:#333; --bs-link-color-rgb:51,51,51; --custom-line-height:2.4; }

a { transition: .2s; }

.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 { height: 70vh; background: var(--bs-primary); }
.header.esdHBG { height: calc(100vh - 98px); }
.header-top { background: #006FC4; /* &-govmedia{ position: relative; &-body{display: none; padding:15px 0;  position: absolute; left: 50%; transform: translate(-50%,0); img{max-width: none;} } &:hover{ .header-top-govmedia-body{display: block; } } }*/ }
.header-top .nav-link { /*padding:0 1rem;*/ color: #ffffff; }
.header-top-login { background: #0F8BEB; }
.header-top-login .nav-link { padding: .2rem 1rem; }
.header-bg { display: none; }
.header-con { top: 8vh; }
.header .logo { margin: 0 auto 0; }
.header-search-input { padding: .75rem; }
.header-search .icon-search:hover { color: #FF9800 !important; }
.header-nav { font-size: 1.5rem; border-bottom: 1px solid #4DA7FB; }
.header-nav-bg { background: url(nav-bg.png) no-repeat center 0/cover; }
.header-nav .nav-item.active > .nav-link:after { background: #fff; transform: scaleX(1); }
.header-nav .nav-item:hover .header-nav-lv2 { display: block; }
.header-nav .nav-item:hover .nav-link:after { background: #fff; transform: scaleX(1); }
.header-nav .nav-link { --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:1rem; color: #fff; width: auto !important; display: inline-block; position: relative; /*&.active,&:hover{ &:after{ background: #fff; }
}*/ }
.header-nav .nav-link img { display: none; }
.header-nav .nav-link:after { content: ''; position: absolute; width: 100%; height: 4px; border-radius: 2px; bottom: 1px; left: 0; background: #0064C2; transition: .3s; transform: scaleX(0); }
.header-nav-lv2 { display: none; position: absolute; font-size: 1.125rem; width: 100%; left: 0; top: 4.75rem; border: 0; padding: 1rem 0; background: #0064C2; box-shadow: 0 1px 5px #0064c2; }
.header-nav-sub { display: flex; justify-content: center; flex-wrap: wrap; gap: 4rem; }
.header-nav-sub a { color: #ffffff; }

.guess-swiper-change { cursor: pointer; }
.guess-swiper .swiper-button-next { width: auto; position: static; }
.guess-swiper .swiper-button-next:after { content: ''; }
.guess-box { display: none; padding-top: 2.5rem; }
.guess-box-shadow { box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6); }
.guess-box:after { content: ''; position: absolute; top: 22px; left: 74.9%; border: 9px solid transparent; border-bottom: 9px solid #fff; }
.guess:hover .guess-btn { background: #FF9800; border-color: #FF9800; }
.guess:hover .guess-box { display: block; }

.dept-popup { position: absolute; left: 0; right: 0; background: linear-gradient(#006fc4, rgba(0, 111, 196, 0.267)); box-shadow: 0 2px 7px rgba(var(--bs-primary-rgb), 0.6); padding: 20px 0; display: none; z-index: 1000; }
.dept-popup-close { position: absolute; right: 15px; top: 0; background: none; border: none; font-size: 28px; color: #fff; cursor: pointer; padding: 0 8px; line-height: 1; transition: all 0.3s ease; opacity: 0.8; }
.dept-popup-close:hover { opacity: 1; color: #fff; transform: rotate(180deg); }
.dept-popup-close:hover { transform: rotate(180deg); color: #333; }
.dept-popup a { color: rgba(255, 255, 255, 0.9); }
.dept-popup a:hover { color: #fff; }
.dept-popup .fw-bold { color: #fff; }

@keyframes bannerScale { 0% { transform: scale(1.2); }
  100% { transform: scale(1); } }
.banner-swiper .swiper-slide img:not([class]) { width: 100%; height: 100%; }
.banner-swiper .swiper-slide .index-banner-logo { position: absolute; z-index: 4; left: -20rem; top: 6rem; transition: 2s; opacity: 0; transition-delay: 1.5s; height: 100px; }
.banner-swiper .swiper-slide-active img:not([class]) { animation: bannerScale 4s linear; }
.banner-swiper .swiper-slide-active .index-banner-logo { opacity: 1; left: 3rem; transition-duration: 1s; }

/*header end*/
.picnews .swiper-slide p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; max-width: 70%; margin-bottom: 0; padding: 10px 0; color: #ffffff; z-index: 999; text-indent: 1em; }
.picnews .swiper-slide:after { content: ''; position: absolute; z-index: 111; left: 0; bottom: 0; width: 100%; height: 44px; background: rgba(0, 0, 0, 0.4); }
.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:hover .swiper-slide:hover img { transform: scale(1.2); transition: all .3s; }
.picnews .swiper-pagination { position: absolute; max-width: 30%; white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; left: auto !important; right: 10px; z-index: 9999; bottom: 16px !important; }
.picnews .swiper-pagination-bullet { /* width: 12px;height: 12px;*/ background: #fff; /* opacity: .85;*/ }
.picnews .swiper-pagination-bullet-active { background: #0064C2; opacity: 1; }

.hengfu-swiper { /*   .swiper-slide{ overflow: hidden; &:hover img{ transform: scale(1.4); transition: all .3s;} }*/ }
.hengfu-swiper .swiper-button-prev, .hengfu-swiper .swiper-button-next { display: none; }
.hengfu-swiper:hover .swiper-button-prev, .hengfu-swiper:hover .swiper-button-next { display: block; }

.hover-warn:hover { color: #FF9800 !important; }
.hover-a-warn a:hover { color: #FF9800 !important; }
.hover-son-warn:hover .link-primary { color: #FF9800 !important; }
.hover-son-warn:hover .text-primary { color: #FF9800 !important; }
.hover-son-warn:hover .btn { color: var(--bs-btn-hover-color); background-color: #FF9800; border-color: #FF9800; }

.btn-hover-warn:hover { color: var(--bs-btn-hover-color); background-color: #FF9800; border-color: #FF9800; }

.tab-hd { font-size: 1.25rem; }

.tab-active-top2px .tab-hd { background: var(--bs-light-rgb); border: 1px solid var(--bs-border-color); }
.tab-active-top2px .tab-hd .nav-link { /*        border-top: 2px solid var(--bs-light-rgb); border-bottom: 1px solid var(--bs-light-rgb); //border-right: 1px solid var(--bs-border-color); border-left: 1px solid var(--bs-light-rgb);*/ border: 1px solid var(--bs-light-rgb); border-top: 2px solid var(--bs-light-rgb); position: relative; }
.tab-active-top2px .tab-hd .active { color: #0064C2; font-weight: bold; }
.tab-active-top2px .tab-hd .active:after { position: absolute; left: 0; top: 0; content: ""; width: 100%; /*border-width: 1px;
border-style: solid;
border-bottom-color: #fff;*/ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); box-sizing: border-box; pointer-events: none; border-top: 2px solid #0064C2; border-bottom: 1px solid #fff; height: calc(100% + 1px); }
.tab-active-top2px .tab-hd .nav-link:first-child:after { border-left: 0; }
.tab-active-bottom .tab-hd { line-height: 1; }
.tab-active-bottom .tab-hd .nav-link { display: inline-block; width: auto; padding: 0; padding-bottom: 1rem; }
.tab-active-bottom .tab-hd .nav-link:hover { color: #333; }
.tab-active-bottom .tab-hd .active { position: relative; font-weight: bold; }
.tab-active-bottom .tab-hd .active:after { /*content: '';
position: absolute; left: 50%;bottom: -3px;
margin-left: -8px;
border:8px solid transparent ;
border-bottom:8px solid $primary ;*/ content: ''; position: absolute; width: 100%; height: 3px; border-radius: 2px; bottom: 0; left: 0; background: #D4B984; }
.tab-active-vr .tab-hd .nav-link { border: 0; padding: initial; border-left: 1px solid var(--bs-border-color); line-height: 1; }
.tab-active-vr .tab-hd .nav-link:first-of-type { border-left: none; }
.tab-active-vr .tab-hd .nav-more { display: none; }
.tab-active-vr .tab-hd > .active { color: rgb(var(--bs-primary-rgb)); }
.tab-active-vr .tab-hd > .active:after { content: normal; }
.tab-active-vr .tab-hd > .active .nav-more { display: block; }
.tab-active-hoverbg .tab-hd .nav-link { border: 0; padding: initial; }
.tab-active-hoverbg .tab-hd .nav-more { display: none; }
.tab-active-hoverbg .tab-hd > .active { color: rgb(var(--bs-primary-rgb)); }
.tab-active-hoverbg .tab-hd > .active:after { content: normal; }
.tab-active-hoverbg .tab-hd > .active .nav-more { display: block; }
.tab-active-hoverbg2 .tab-hd .nav-link { background: #E0F1FF; }
.tab-active-hoverbg2 .tab-hd .nav-link.active { background: #0064C2; color: #E0F1FF; }
.tab-active-leader .tab-hd .nav-link { background: #C5E6FF; transform: skew(-12deg); padding: .75rem; }
.tab-active-leader .tab-hd .nav-link span { display: block; transform: skew(12deg); }
.tab-active-leader .tab-hd .active { background-color: #0064C2 !important; color: #fff !important; }
.tab-active-leader dt { min-width: 7.8125rem; text-align: center; }

.news-list { --bs-border-style:dashed; }
.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: #0064C2; margin-right: .5rem; }
.news-list li span { margin-left: 1.5rem; flex-shrink: 0; }
.news-list-date a { margin-top: .5rem; }
.news-list-date a:hover { /*box-shadow: 0 1px 8px #ccc;*/ }
.news-list-date a:hover .time { background: #0064C2; color: #ffffff; }
.news-list-date .time { display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 10px; margin-right: 20px; background: #E6F4FF; color: #007CE2; }
.news-list-pic a { overflow: hidden; display: flex; }
.news-list-pic a .img { display: flex; align-items: center; justify-content: center; width: 300px; height: 169px; overflow: hidden; }
.news-list-pic a .text { flex: 1; }
.news-list-pic a .text .title { font-weight: bold; }
.news-list-pic a .text .intro { color: #666; line-height: 1.6; text-align: justify !important; }
.news-list-pic a .text .date { color: #666; margin-top: 15px; display: inline-block; }
.news-list-pic a:hover .img img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: .5s; }
.news-list-video { margin-top: 1px; }
.news-list-video li { text-align: center; }
.news-list-video .img { display: flex; align-items: center; justify-content: center; /*width : 390px;*/ height: 310px; overflow: hidden; }
.news-list-video .img img { height: 100%; width: 100%; }
.news-list-video-text { padding: 15px; line-height: 2; }
.news-list-video a { background: #ffffff; display: block; }
.news-list-video a p { font-size: 18px; font-weight: bold; }
.news-list-video a span { display: inline-block; color: #999999; }
.news-list-video a:hover .img img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: .5s; }
.news-list-full li a { margin-right: 0; }
.news-list-pl0 li { padding-left: 0; }
.news-list-lh li { line-height: var(--custom-line-height); }
.news-list-nodisc:before { content: ''; }
.news-list-noborder li { border-bottom: 0; }
.news-list-index { --custom-line-height: 3.85; }
.news-list-more { text-align: center; display: block; background: #F2F3F4; color: #8A8888; padding: .25rem; margin-bottom: 1rem; border-radius: 5px; }
.news-list-more:active { background: #0064C2; color: #fff; }

.swiper-special .swiper-slide img { height: 100%; width: 100%; }

/*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:after { color: var(--bs-primary); transform: rotate(-90deg); }
.frd-link dl:hover dd { display: block; transition: .3s; }
.frd-link dt { display: flex; align-items: center; gap: .3rem; cursor: pointer; font-weight: normal; }
.frd-link dt:after { content: '▷'; transition: .3s; }
.frd-link dt.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; }

#_span_jiucuo { top: 0; }

.title-1 { font-weight: bold; text-align: center; }
.title-1 * { font-style: normal; }
.title-1 div:before, .title-1 div:after { content: ''; display: inline-block; width: 29px; height: 37px; background: url("title-square.png") no-repeat center center/cover; }
.title-1 div:after { transform: scaleX(-1); }
.title-1:before, .title-1:after { content: ''; display: inline-block; flex: 1; height: 2px; background: linear-gradient(to right, rgba(68, 161, 243, 0), #44a1f3); }
.title-1:after { transform: scaleX(-1); }
.title-1-right div:before { display: none; }
.title-1-right:before { display: none; }
.title-2 { font-weight: bold; color: #0064C2; }
.title-2 div:before, .title-2 div:after { content: ''; display: inline-block; width: 4px; height: 4px; background: #0064C2; border-radius: 50%; }
.title-2:before, .title-2:after { content: ''; display: inline-block; flex: 1; height: 2px; background: linear-gradient(to right, rgba(0, 122, 216, 0), #007ad8); }
.title-2:after { transform: scaleX(-1); }

@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; }

@media (max-width: 1300px) { .importance-news { font-size: 1rem; }
  .container { max-width: 1000px; }
  .header-top { font-size: 14px; }
  .header-top > .container { max-width: 100%; }
  .index-main-bg { background: url(index-main-bg-shan.png) no-repeat center 10px/contain, linear-gradient(#0464CA, #fff 500px); }
  .index-banner-logo { top: 3rem; }
  .banner-swiper .swiper-slide .index-banner-logo { top: 5rem; height: 70px; }
  .banner-swiper .swiper-slide-active .index-banner-logo { left: 1.5rem; } }
@media (max-width: 991.98px) { html, body { overflow-x: hidden; }
  .header { height: auto; }
  .header .logo { margin-top: 1rem; }
  .header-search { margin-bottom: 1.5rem; }
  .header-top .nav *, .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; } }
@media (max-width: 575.98px) { .banner-swiper { height: 300px; } }
@media (min-width: 1200px) { .header-nav { /* &-bg{ padding-bottom: 57px; &:after{ height: 74px; } }*/ }
  .header-nav .nav-item:hover span { display: none; }
  .header-nav .nav-item:hover img { display: inline-block; } }
/*footer end*/