@charset "UTF-8";
/*my*/
.header { height: calc(100vh - 64px); background: var(--bs-primary); }
.header.esdHBG { height: calc(100vh - 98px); }
.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: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: 3.5rem; border: 0; padding: 2rem 0; }
.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; }

@keyframes bannerScale { 0% { transform: scale(1.2); }
  100% { transform: scale(1); } }
.banner-swiper .swiper-slide img:not([class]) { 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; }

.toutiao { background: linear-gradient(#4E98DE, rgba(179, 208, 239, 0)); }
.toutiao-img { background: rgba(208, 233, 255, 0.2); }
.toutiao-swiper { height: 80px; font-size: 1.25rem; }
.toutiao-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; }

[data-aos="left-right"] { left: -20rem; }
[data-aos="left-right"].aos-animate { left: 3rem; }

.importance-news { font-size: 1.25rem; }

.index-main-bg { position: relative; padding-top: 64px; z-index: 1; background: url(index-main-bg-shan.png) no-repeat center 10px/contain, linear-gradient(#0464CA, #fff 500px); }
.index-email { background: linear-gradient(90deg, #F4FAFF, #EBF6FF); border: 1px solid #D7ECFF; }
.index-special-title { position: relative; }
.index-special-title strong:before, .index-special-title strong:after { content: '◆'; font-size: 12px; padding-top: 1px; }
.index-special-title:before, .index-special-title:after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #0064C2); }
.index-special-title:after { transform: rotate(180deg); }

.special-swiper .swiper-button-prev, .special-swiper .swiper-button-next { display: none; }
.special-swiper:hover .swiper-button-prev, .special-swiper:hover .swiper-button-next { display: block; }
.special-swiper .swiper-slide { overflow: hidden; }
.special-swiper .swiper-slide:hover img { transform: scale(1.2); transition: all .3s; }

.tab-active-sy { line-height: 1; }
.tab-active-sy a { cursor: pointer; height: 216px; padding-top: 135px; display: flex; justify-content: center; color: #fff; background: url(doseeask-hd-bg.png) no-repeat center 0; }
.tab-active-sy a p { font-weight: bold; font-size: 1.625rem; }
.tab-active-sy a span { font-size: 0.875rem; padding: .3rem; background: #1A78DB; display: inline-block; margin-top: .3rem; border-radius: 3px; }
.tab-active-sy a:hover { color: #fff; }
.tab-active-sy a.active { color: #835B0C; background: url(doseeask-hd-bg-active.png) no-repeat center 0; }
.tab-active-sy a.active span { background: #FFF5E1; }

.i-jc { height: 120px; position: relative; color: #ffffff; background: #67AFF1 url(index-jiceng-bg.png) no-repeat center bottom; }
.i-jc * { position: absolute; }
.i-jc-title2 { opacity: .8; }
.i-jc:hover .i-jc-title1 { opacity: .5; transition: .5s; transform: scale(0.85); }
.i-jc:hover .i-jc-title2 { opacity: 1; transition: .5s; transform: scale(1.1); }

.doseeask-title { color: white; font-weight: bold; /*font-style: italic;*/ padding: .25rem; background: #0064C2; text-indent: 1rem; border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; }

.do-service-title { font-size: 1.25rem; }
.do-map:hover .link-primary { color: #FF9800 !important; }
.do-map:hover .btn { color: var(--bs-btn-hover-color); background-color: #FF9800; border-color: #FF9800; }

#liuyan { position: fixed; z-index: 9999; width: 200px; height: 117px; right: 15px; bottom: 15%; }

.bsdt-text { font-size: 18px; }

@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 (min-width: 1200px) and (max-width: 1365.98px) { .bsdt-text { font-size: 14px; } }
@media (max-width: 1199.98px) { #liuyan { display: none; }
  .tab-active-sy { display: none; }
  .tab-active-sy-bd > .tab-pane { display: block; }
  #liuyan { display: none; } }
@media (max-width: 991.98px) { .header { height: auto; }
  .header .logo { margin-top: 1rem; }
  .header-search { margin-bottom: 1.5rem; }
  .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; }
  .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; }
  .index-main-bg { padding-top: 0; }
  .index-picnews { height: auto; }
  .toutiao-swiper { height: 45px !important; font-size: 1rem; }
  .hengfu-swiper { height: 70px; }
  .bsdt-text { font-size: 1rem; }
  .do-service-title { font-size: 1rem; } }
@media (max-width: 575.98px) { .banner-swiper { height: 300px; }
  .toutiao-box > div { width: 80px; }
  .toutiao-swiper { font-size: 14px; }
  .picnews-swiper { height: 200px; }
  .picnews-swiper .swiper-slide { font-size: 14px; } }
@media (min-width: 576px) { .index-juece { position: absolute; height: 100%; } }
@media (min-width: 992px) { .index-picnews { height: 356px; } }