@charset "UTF-8";
/*my*/
.header { height: calc(100vh - 64px); background: var(--bs-primary);     /*&-nav{ font-size: px2rem(24); border-bottom: 1px solid #4DA7FB; //border-bottom: 2px solid var(--bs-primary);
 &-bg{ //background: url(nav-bg.png) no-repeat center 0 / auto 70px; background: //url(index-main-bg-shan.png) no-repeat center 60px / contain, url(nav-bg.png) no-repeat center 0 / cover, !*linear-gradient( transparent 50px, #0464CA 50px, #0464CA 500px, )*! ; //padding-bottom: 64px;
 }
 .nav-item{ //&.active, &:hover { &:hover { .header-nav-lv2{display: block;} .nav-link{ &:after{ background: #fff; transform:scaleX(1); } } } } .nav-link{ --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:1rem; color: #fff;
 width: auto !important; display: inline-block; position: relative; img{display: none;} &:after{ content: ''; position: absolute; width: 100%; height: 4px; border-radius: 2px; bottom:1px; left: 0; background:$primary; transition: .3s; transform:scaleX(0); } !*&.active,&:hover{ &:after{ background: #fff; } }*! } &-lv2{ display: none; position: absolute; font-size: px2rem(18); width: 100%; left: 0; top: 3.5rem; border: 0; padding: 2rem 0; } &-sub{ display:flex; justify-content: center; flex-wrap: wrap; gap: 4rem; a{ color: #ffffff; } } }*/ }
.header.esdHBG { height: calc(100vh - 98px); }
.header-nav-lv2 { background: 0; box-shadow: none; }

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

.index { /*    .header{ height: calc(100vh - 64px); }*/ }
.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); }
.index-banshi-bg { background: url(index-zwfw-banshi-bg.png) no-repeat center 0/100%; }

.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; > .container{max-width: 100%;} }*/
  .index { /* &-banner-logo{ top: 3rem; }*/ }
  .index-main-bg { background: url(index-main-bg-shan.png) no-repeat center 10px/contain, linear-gradient(#0464CA, #fff 500px); }
  /*.banner-swiper { .swiper-slide { .index-banner-logo { top: 5rem; height: 70px; } } .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;         /*&-nav { font-size: 1rem;
 .nav-item { &:hover { .header-nav-lv2 {display: none;} }
 .nav-link { --bs-nav-link-padding-y: .3rem; } } }*/ }
  .header .logo { margin-top: 1rem; }
  .header-search { margin-bottom: 1.5rem; }
    /*.banner-swiper { height: 100%;
 .swiper-slide { .index-banner-logo { top: 3rem; height: 50px; } }
 .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; } }