/**组件样式*/
.tc_search .header_r_link{text-align:center;margin:10px 0;color:#fff;}
.tc_search .header_r_link a{color:#fff;}
    .banner-z {
        position: relative
    ;}
.banner-z:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, rgb(0 72 179 / 50%), rgba(0, 0, 0, 0));
    z-index: 99;}
    .banner-z .con {padding-top: 50%;
        width: 100%;
        position: relative;
       overflow: hidden;}
.slick-active img{ animation: zoomOut 4s ease forwards;}
    .banner-z .con img {
       
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;}

    .banner-z .con video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;}

    .banner-z .slick-dots {
        overflow: hidden;
        position: absolute;
        bottom: 46px;
        right: 260px;
        font-weight: 400;
        z-index: 9999;}

    .banner-z .slick-dots li {
        vertical-align: baseline;
        display: inline-block;
        margin-right: 6px
    ;}

    .banner-z .slick-dots li:last-child span {
        display: none
    ;}

    .banner-z .slick-dots button {
        display: block;
        font-size: 16px;
        color: #fff;
        border: none;
        outline: 0;
        background-color: transparent;
        cursor: pointer;

        font-weight: 700
    ;}

    .banner-z .slick-dots .slick-active button {
        font-size: 26px;
        padding-bottom: 20px
    ;}

    .banner-z .xie {
        margin-left: -10px;
        width: 27px;
        height: 1px;
        display: inline-block;
        background-color: #fff;
        opacity: 0;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
        -o-transform: rotate(-60deg)
    ;}

    .banner-z .slick-active .xie {
        opacity: 1
    ;}

    .banner-z .line {
        margin-left: -7px;
        width: 19px;
        height: 1px;
        display: inline-block;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        background-color: #fff;
        margin-bottom: 2px
    ;}

    .banner-z .slick-active .line {
        width: 58px
    ;}

    .banner-z .dot {
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #fff;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        opacity: 0
    ;}

    .banner-z .slick-active .dot {
        opacity: 1
    ;}

  @keyframes zoomOut {
    0% {
      transform: scale(1.05);}
    100% {
      transform: scale(1);}
  }

  @media (max-width: 1200px) {
        .banner-z .con {
             padding-top: 36%;}

        .banner-z .slick-dots {
            right: 120px
        ;}


    }

   @media (max-width: 800px) {
        .banner-z .slick-dots li span {
            display: none;}

        .banner-z .slick-dots {
            bottom: 20px;
            right: 15px
        ;}

        .banner-z .slick-dots .slick-active button {
            padding: 0
        ;}

        .banner-z .slick-dots li {
            margin-right: 10px
        ;}
    }

.bd_list ul li.zbggli{width:30.33%;float:left;background:#d7e7ff;height:auto;padding:0;margin:2% 1.5%;}
.bd_list ul li.zbggli a{color:#0048b3;display:block;text-align:center;font-size: 24px; font-weight: bold;padding: 50px 11%;line-height: 180%;min-height: 188px;}
.bd_list ul li.zbggli.one a{line-height: 360%;}
.bd_list ul li.zbggli::before{display:none;}

@media (max-width: 1024px){

.bd_list ul li.zbggli{width:100%;float:none;margin:20px 0;}
.bd_list ul li.zbggli a{font-size: 18px;padding: 20px 0;line-height: 180%;min-height: auto;}
.bd_list ul li.zbggli.one a{line-height: 180%;}

}
@media (max-width:580px) {
    .safety {
        display:flex;}
}
.closestyle1069152{ font-size:12px;color:#333333;text-decoration: none ;}