@charset "utf-8";
.ban_box {
    position: relative;
}

.ban_pic {
    width: 100%;
}

.ban_box::after {
    background-image: -moz-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.471;
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    height: 2rem;
    z-index: 6;
}

.ban_pic img {
    width: 100%;
    display: block !important;
    animation: opacity 5s linear infinite;
}

.ban_box .ban-dot {
    position: absolute;
    bottom: 0.28rem;
    z-index: 8;
    left: 0;
    width: 100%;
    text-align: center;
}

.ban_box .ban-dot span {
    margin: 0 0.1rem 0.05rem;
    width: 0.17rem;
    height: 0.18rem;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    opacity: 1;
    outline: none;
    background: url(../images/ban-dot.png) no-repeat;
    background-size: auto 0.18rem;
}

.ban_box .ban-dot span.swiper-pagination-bullet-active {
    margin-bottom: 0;
    width: 0.26rem;
    height: 0.28rem;
    background: url(../images/ban-dot2.png) no-repeat;
    background-size: auto 0.28rem;
}


/* 
.ban_box .ban-prev,
.ban_box .ban-next {
    width: 0.56rem;
    height: 0.38rem;
    position: absolute;
    z-index: 10;
    bottom: 0.45rem;
    outline: none;
    cursor: pointer;
}

.ban_box .ban-prev {
    left: 50%;
    margin-left: -1.9rem;
    background: url(../images/ban-prev.png) no-repeat center;
}

.ban_box .ban-next {
    right: 50%;
    margin-right: -1.9rem;
    background: url(../images/ban-next.png) no-repeat center;
}

.ban_box .ban-prev:hover,
.ban_box .ban-next:hover {
    transform: scale(1.05);
} */

.tit {
    position: relative;
}

.tit h3 {
    color: #fff;
    font-size: .36rem;
    padding: 0.2rem 0 0 0.24rem;
    line-height: 0.48rem;
    display: inline-block;
    background: url(../images/dh_titbg.png) no-repeat left center;
    background-size: auto 0.68rem;
    font-family: 'pf-zc';
}

.tit h3 b {
    color: #1a6bcb;
    font-weight: normal;
}

.more {
    transition: all 0.4s ease-out 0s;
    float: right;
    background: url(../images/icon-more.png) no-repeat right center;
    background-size: auto 0.16rem;
    margin-top: 0.2rem;
    font-size: .16rem;
}

.more a {
    color: #1c70cf;
    line-height: 0.48rem;
    padding-right: 0.24rem;
}

.more:hover {
    transform: translateY(5px);
}


/* s1 */

.s1 {
    padding: 0.8rem 0 0.73rem;
    background: url(../images/s1-bg.jpg) no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
   margin-top:-5px;
}

.s1 .tit h3 b {
    color: #fff;
}

.s1-c {
    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.s1-clf {
    width: 7.85rem;
    position: relative;
    margin-right: 0.2rem;
}

.s1-crg {
    min-width: 0px;
    flex: 1 1 0%;
}

.s1-clf .lblt {
    position: relative;
}

.s1-clf .lblt .pic {
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.s1-clf .lblt .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.4s ease-out 0s;
}

.s1-clf .lblt .pic img:hover {
    transform: scale(1.05);
}

.s1-clf .lblt .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.s1-clf .lblt .text::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1.8rem;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.s1-clf .lblt .text h2 {
    padding: 0 0 0 0.4rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.2rem;
    line-height: 0.5rem;
    height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 2;
   width: calc(100% - 1.6rem);
}

.s1-clf .lblt .time {
    position: absolute;
    z-index: 2;
    top: 0.2rem;
    right: 0.25rem;
    width: 0.82rem;
    height: 0.82rem;
    background: url(../images/time-bg.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.s1-clf .lblt .time b {
    font-size: 0.32rem;
    display: inline-block;
    line-height: 0.3rem;
}

.s1-clf .lblt .time span {
    font-size: 0.14rem;
    color: #fff;
    height: 0.24rem;
    line-height: 0.24rem;
    display: block;
}

.s1-clf .s1clf-dot {
    position: absolute;
    bottom: 0.48rem;
    z-index: 9;
    right: 0.1rem;
    width: 100%;
    text-align: right;
}

.s1-clf .s1clf-dot span {
    margin: 0 0.08rem;
    width: 0.1rem;
    height: 0.1rem;
    background: rgba(28, 112, 207, 0.6);
    cursor: pointer;
    border-radius: 50%;
    opacity: 1;
    outline: none;
}

.s1-clf .s1clf-dot span.swiper-pagination-bullet-active {
    background: #fff;
}

.s1-crg ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -0.1rem;
}

.s1-crg li {
    width: 50%;
}

.s1-crg li .mar {
    margin: 0 0.1rem 0.2rem;
    background: #f3f6fc;
    padding: 0.32rem 0.3rem;
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-out 0s;
}

.s1-crg li .mar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0.12rem;
    width: 100%;
    background: url(../images/xyxw_lbbg.jpg) repeat-x;
    background-size: auto 0.12rem;
}

.s1-crg li .mar span {
    background: url(../images/icon-time.png) no-repeat left;
    background-size: auto 0.2rem;
    line-height: 0.32rem;
    height: 0.32rem;
    font-size: 0.14rem;
    color: #0155b4;
    padding-left: 0.3rem;
    display: inline-block;
}

.s1-crg li .mar span b {
    font-size: 0.24rem;
    margin-right: 0.05rem;
}

.s1-crg li .mar h2 {
    margin: 0.1rem 0 0.18rem;
    font-size: 0.18rem;
    color: #333;
    line-height: 0.3rem;
    height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.4s ease-out 0s;
}
.s1-crg li .mar i{
   height:0.16rem;
   transition: all 0.4s ease-out 0s;
}
.s1-crg li:hover .mar {
    background: #fff;
    box-shadow: 0px 0px 27px 0px rgba(171, 195, 252, 0.39);
}

.s1-crg li:hover .mar h2 {
    color: #0155b4;
    font-weight: bold;
}
.s1-crg li:hover .mar i{
  transform: translateX(5px);
}

/* s2 */

.s2 {}

.s2-c {
    display: flex;
    flex-wrap: wrap;
}

.s2-clf {
    width: 8.6rem;
    margin-right: 0.7rem;
    margin-top: 0.4rem;
}

.s2-clf .tit h3 {
    color: #111;
    background: url(../images/dh_titbg2.png) no-repeat left center;
    background-size: auto 0.68rem;
}

.s2-crg {
    flex: 1;
    min-width: 0;
    padding: 0.4rem 0 1.3rem 0.6rem;
    position: relative;
}

.s2-crg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 5.7rem);
    height: 100%;
    background: url(../images/s2-crgbg.jpg) no-repeat bottom;
    background-size: cover;
    z-index: -1;
}

.s2-crg .tit h3 {
    color: #fff;
}

.s2-crg .more {
    background: url(../images/icon-more2.png) no-repeat right center;
    background-size: auto 0.16rem;
}

.s2-crg .more a {
    color: #fff;
}

.s2-clftop {
    margin-top: 0.4rem;
}

.s2-clftop ul {
    margin: 0 -0.18rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.s2-clftop li {
    width: 50%;
}

.s2-clftop li .mar {
    padding: 0 0.13rem;
    position: relative;
    margin: 0 0.18rem;
}

.s2-clftop li .mar::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 0.5rem);
    background: #f9f6f4;
}

.s2-clftop li .mar .time {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0.17rem;
    width: 1.04rem;
    height: 0.33rem;
    line-height: 0.33rem;
    padding-left: 0.13rem;
    box-sizing: border-box;
    background: url(../images/time-bg2.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.16rem;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.s2-clftop li .mar .pic {
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
    z-index: 2;
}

.s2-clftop li .mar .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.4s ease-out 0s;
}

.s2-clftop li .mar .pic img:hover {
    transform: scale(1.05);
}

.s2-clftop li .mar .text {
    position: relative;
    z-index: 3;
    padding: 0.2rem 0;
}

.s2-clftop li .mar .text h2 {
    font-size: 0.18rem;
    color: #333;
    height: 0.32rem;
    line-height: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s2-lfbom {
    padding-top: 0.14rem;
    overflow: hidden;
}

.s2-lfbom li {
    border-bottom: #e1e1e1 1px solid;
    position: relative;
    transition: all 0.3s ease-out 0s;
}

.s2-lfbom li a {
    display: flex;
    flex-wrap: wrap;
}

.s2-lfbom li::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #1a6bcb;
    transition: all 0.3s ease-out 0s;
}

.s2-lfbom li:hover {
    border-bottom: #fff 1px solid;
}

.s2-lfbom li:hover::after {
    width: 100%;
}

.s2-lfbom li h2 {
    font-size: 0.18rem;
    color: #333;
    line-height: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease-out 0s;
    flex: 1;
    min-width: 0;
}

.s2-lfbom li span {
    width: 1.1rem;
    flex-shrink: 0;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.16rem;
    color: #888;
    font-family: Arial, Helvetica, sans-serif;
}

.s2-lfbom li:hover h2,
.s2-lfbom li:hover span {
    color: #0155b4;
}

.s2-crglt {
    overflow: hidden;
    padding-top: 0.3rem;
}

.s2-crglt li {
    padding: 0.25rem 0;
    transition: all 0.5s ease-out 0s;
    position: relative;
    border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
}

.s2-crglt li:hover {
    border-bottom: rgba(255, 255, 255, 0) 1px solid;
}

.s2-crglt li::before {
    content: "";
    position: absolute;
    left: 0.2rem;
    bottom: -0.01rem;
    width: 0.22rem;
    height: 0.21rem;
    background: url(../images/icon-lt.png) no-repeat center;
    background-size: auto 100%;
}

.s2-crglt li:hover::before {
    display: none;
}

.s2-crglt li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0.22rem;
    height: 0.21rem;
    transition: all 0.5s ease-out 0s;
    background: url(../images/icon-lt2.png) no-repeat right center;
    background-size: auto 100%;
    z-index: 5;
    opacity: 0;
}

.s2-crglt li:hover::after {
    width: 100%;
    background: url(../images/icon-lt2.png) no-repeat center;
    background-size: 100% 100%;
    opacity: 1;
}

.s2-crglt li .mar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.s2-crglt li .mar .time {
    width: 0.6rem;
    font-family: Arial;
    height: 0.6rem;
    color: #fff;
    margin-right: 0.25rem;
    text-align: center;
}

.s2-crglt li .mar .time b {
    font-size: 0.3rem;
    font-weight: normal;
}

.s2-crglt li .mar .time span {
    font-size: 0.14rem;
}

.s2-crglt li .mar h2 {
    flex: 1;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.3rem;
    max-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease-out 0s;
}

.s2-rglt li:hover h2 {
    color: #1c70cf;
}


/* s3 */

.s3 {
    background: url(../images/s3-bg.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    padding: 0.7rem 0 0.55rem;
}

.s3-header {
    margin-bottom: 0.6rem;
    text-align: center;
    position: relative;
}

.more-container {
    position: absolute;
    bottom: 0;
    right: 0;
}

.more-container .more {
    font-size: .16rem;
    color: #1c70cf;
    line-height: 0.48rem;
    padding-right: 0.24rem;
    display: none;
    margin-top: 0;
}

.more-container .more.active {
    display: block;
}

.s3-header .title {
    font-size: .36rem;
    color: #666;
    font-family: 'pf-zc';
}

.s3-header .title .tab {
    cursor: pointer;
    padding: 0.2rem 0 0 0rem;
    line-height: 0.48rem;
    transition: all 0.3s ease;
}

.s3-header .title .tab b {
    font-weight: normal;
}

.s3-header .title .tab:hover {
    color: #1a6bcb;
}

.s3-header .title .tab.active {
    padding-left: 0.24rem;
    color: #1a6bcb;
    color: #333;
    background: url(../images/dh_titbg2.png) no-repeat left center;
    background-size: auto 0.68rem;
}

.s3-header .title .tab.active b {
    color: #1a6bcb;
}

.tab-separator {
    margin: 0 0.1rem;
    color: #a0a0a0;
    font-size: 0.34rem;
}


/* 标签内容样式 */

.tab-content {
    display: none;
}

.tab-content.active {
    display: flex;
    flex-direction: column;
}


/* 轮播样式 */

.tab-content {
    margin: 0 -0.37rem;
}

.tab-content .swiper-container {
    width: 100%;
    height: auto;
    min-height: 300px;
    flex: 1;
    overflow: hidden;
}

.tab-content .swiper-slide .mar {
    margin: 0.16rem 0.37rem 0;
}

.tab-content .swiper-slide.swiper-slide-next .mar {
    margin-top: 0;
}

.slide-lb {
    background: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.slide-lb::after {
    content: "";
    position: absolute;
    right: 0.25rem;
    bottom: 0.3rem;
    width: 0.4rem;
    height: 0.16rem;
    transition: all 0.5s ease-out 0s;
    background: url(../images/icon-jt.png) no-repeat center;
    background-size: auto 0.16rem;
}

.slide-lb .pic {
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.tab-content .swiper-slide.swiper-slide-next .slide-lb .pic {
    padding-bottom: 63%;
}

.slide-lb .pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.4s ease-out 0s;
}

.slide-lb .pic img:hover {
    transform: scale(1.05);
}

.slide-lb .text {
    padding: 0.2rem 0.25rem 0.6rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.slide-lb .text .time {
    width: 0.56rem;
    height: 0.56rem;
    color: #245084;
    margin-right: 0.25rem;
    text-align: center;
    font-family: Arial;
}

.slide-lb .text .time b {
    font-size: 0.3rem;
    font-weight: normal;
}

.slide-lb .text .time span {
    font-size: 0.14rem;
}

.slide-lb .text h2 {
    flex: 1;
    font-size: 0.18rem;
    color: #111;
    line-height: 0.28rem;
    max-height: 0.56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease-out 0s;
}


/* 分页器样式 */

.tab-content .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 0.5rem;
    text-align: center;
    z-index: 10;
}

.tab-content .swiper-pagination-bullet {
    width: 0.26rem;
    height: 0.3rem;
    background: url(../images/tab-btn.png) no-repeat center;
    background-size: auto 0.2rem;
    opacity: 1;
    margin: 0 0.7rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-content .swiper-pagination-bullet:hover,
.tab-content .swiper-pagination-bullet-active {
    background: url(../images/tab-btn2.png) no-repeat center;
    background-size: auto 0.3rem;
}


/* s4 */

.s4 {
    padding: 0.6rem 0 1.1rem;
    background: url(../images/s4-bg.jpg) no-repeat center center;
    background-size: cover;
}

 .tab-head {
    display: flex;
    align-items: center;
  }
  .tab-tit li {
    color: #666;
    font-size: .36rem;
    padding: 0.2rem 0.3rem 0 0;
    line-height: 0.48rem;
    display: inline-block;
    font-family: 'pf-zc';
    cursor: pointer;
    position: relative;
    margin-right: 0.1rem;
  }
  .tab-tit li::after{
      content: "/";
      position: absolute;
      top:0.22rem;
      right: 0;
    color: #a0a0a0;
    font-size: 0.34rem;
  }
  .tab-tit li:nth-last-of-type(1)::after{
      display: none;
  }
  .tab-tit li.active {
    color: #1a6bcb;
    background: url(../images/dh_titbg2.png) no-repeat left center;
    background-size: auto 0.68rem;
    padding-left: 0.24rem;
  }

  .more-wrap {
    margin-left: auto;
  }
  .more-link {
    display: none;
    background: url(../images/icon-more.png) no-repeat right center;
    background-size: auto 0.16rem;
    margin-top: 0.2rem;
    font-size: .16rem;
    color: #1c70cf;
    line-height: 0.48rem;
    padding-right: 0.24rem;
  }
  .more-link.active {
    display: inline-block;
  }
  .more-link:hover {
    transform: translateY(5px);
  }

.tab-con {
    overflow: hidden;
    margin-top: 0.3rem;
}

.tab-con .item {
    display: none;
   
  }
  .tab-con .item.active {
    display: block;
  }
 
.tab-con .item ul {
    margin: 0 -0.32rem;
    display: flex;
    flex-wrap: wrap;
}

.tab-con .item li {
    width: 50%;
}

.tab-con .item li .mar {
    margin: 0 0.32rem;
    border-bottom: #e1e1e1 1px solid;
    position: relative;
}

.tab-con .item li .mar::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #1a6bcb;
    transition: all 0.3s ease-out 0s;
}

.tab-con .item li:hover::after {
    border-bottom: #fff 1px solid;
}

.tab-con .item li:hover .mar::after {
    width: 100%;
}

.tab-con .item li .mar a {
    display: block;
    padding: 0.23rem 0;
    overflow: hidden;
}

.tab-con .item li .mar h2 {
    font-size: 0.2rem;
    color: #333;
    line-height: 0.34rem;
    height: 0.34rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s ease-out 0s;
}

.tab-con .item li .mar span {
    font-family: Arial;
    font-size: 0.16rem;
    color: #888;
    height: 0.34rem;
    line-height: 0.34rem;
}

.tab-con .item li:hover .mar h2,
.tab-con .item li:hover .mar span {
    color: #1c70cf;
} 


@media screen and (max-width: 1024px) {
    .banner .swiper-slide video,
    .banner .swiper-slide img {
        height: auto;
    }
    /* s3 */
    .tab-content {
        margin: 0 -0.25rem;
    }
    .tab-content .swiper-slide.swiper-slide-next .slide-lb .pic {
        padding-bottom: 56%;
    }
    .tab-content .swiper-slide .mar {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }
    .tab-content .swiper-slide.swiper-slide-next .mar {
        margin-top: 0.16rem;
    }
}

@media screen and (max-width: 920px) {
    .s1 {
        background: none;
        padding: 0.6rem 0 0.4rem;
    }
    .s1 .tit h3 {
        color: #333;
        background: url(../images/dh_titbg2.png) no-repeat left center;
        background-size: auto 0.68rem;
    }
    .s1 .tit h3 b {
        color: #1a6bcb;
    }
    .s1-c {
        margin-top: 0.4rem;
    }
    .s1-clf {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.3rem;
    }
    .s1-crg {
        flex: auto;
        width: 100%;
        display: inline;
    }
    /* s2 */
    .s2-clf {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.6rem;
        margin-top: 0;
    }

.s1-clf .lblt .text h2 {
  padding-left:0.2rem;
   width: calc(100% - 1.4rem);
}
.s1-clf .s1clf-dot{
  bottom:0.28rem;
}
    .s2-crg {
        flex: auto;
        width: 100%;
        display: inline;
        background: url(../images/s2-crgbg.jpg) no-repeat;
        background-size: cover;
        padding: 0.6rem 0.2rem 1.1rem;
        position: relative;
    }
    .s2-crg::after {
        display: none;
    }
    .s3 {
        padding-top: 0.8rem;
    }
    .s3-header {
        margin-bottom: 0.25rem;
    }
}

@media (max-width: 768px) {
    .swiper-container {
        height: auto;
        min-height: 2.8rem;
    }
   .ban_box .ban-dot{
    bottom:0.1rem;
  }
}

@media (max-width: 320px) {
    .swiper-container {
        min-height: 2rem;
    }
}