@charset "UTF-8";

@media (max-width: 1680px) {
    .sus-c .t2 {
        width: 20rem;
    }

    .sus-b .txt .t2 {
        margin-top: 1rem;
        font-size: 1.2rem;
    }

    .massage {
        font-size: 15px;
    }

    .w50 {
        max-width: 35%;
    }

    .pd-b .li .lis .tit-24 {
        /* font-size: 14px; */
    }



}

@media (max-width: 1680px) {
    .case .list a .tip .li {
        margin: 0 0.1rem 0 0;
    }

    .case .list a .tip .li .tit-13 {
        font-size: 12px;
    }

    .kls-form .li5 .cbox .tit-16 {
        font-size: 12px;
    }

    .por-b .box .list .li .tit-16 {
        white-space: normal;
    }

    .home-c .content .numlist .li .tit-16 {
        font-size: 14px;
    }

    .home-c .content .numlist .li .icon {
        width: .75rem;
    }

    .home-c .content .txt .t1 {
        font-size: 15px;
        line-height: 1.8;
    }
}

@media (max-width: 1440px) {

    .home-a .content .left-box .prev .tit-16 {
        font-size: 12px;
    }

    .home-a .content .left-box .next .tit-16 {
        font-size: 12px;
    }

    .pc-header .left_btn .header-nva .li .tit {
        font-size: 15px;
    }

    .case {
        padding: 0 4.25rem;
        padding-top: 3.7rem;
        padding-bottom: 3.175rem;
    }

    footer .footer .top .li .tit {
        font-size: 16px;
    }

    .pd-c .list .li .t1 {
        font-size: 22px;
    }

    footer .footer .top .li .f-nav a {
        font-size: 14px;
    }



    .massage {
        font-size: 14px;
    }

    .download .video .list a .txt .down .tit-16 {
        display: none;
    }

    .download .list a:hover .txt .down {
        background-color: transparent;
        justify-content: left;
    }

    .contact .content .right .list .li .tit-17 {
        font-size: 14px;
    }

    .sus-c {
        height: 28rem;
    }

    .pd-b .li .lis.lis3 {
        height: 13rem;
    }

    .pd-b .li .lis {
        height: 6.25rem;
    }

    .pd-b .li .lis.lis1 {
        height: 13rem;
    }

    .case .list a:hover .txt {
        height: 6.8rem;
        margin-top: -2.05rem;
    }

}

@media (max-width: 1200px) {
    .home-c .content .txt .t1 {
        font-size: 14px;
    }

    .case .list a .tip .li .tit-13 {
        font-size: 10px;
    }

    .home-c .content .numlist .li .tit-16 {
        font-size: 13px;
        white-space: nowrap;
    }
    .case .list a .tip{
        margin-top: .3rem;
      }
      .case .list a .txt{
        height: 5rem;
      }
      .case .list a:hover .txt{
        height: 7rem;
      }
}

@media (max-width: 996px) {
    .fodc footer .footer .top .li:last-child {
        display: none;
    }
    .case .list a .tip{
        margin-top: .7rem;
    }
    .fodc footer .footer .bot {
        margin-top: 0;
        border-top: 0;
    }
    .sd-container .swiper-slide .txt {
        height: auto;
    }
    .fodc footer .footer {
        padding-top: 0;
    }

    .fodc footer .footer .top .li .emlis {
        justify-content: flex-end;
    }

    header .warp-nav .nav .sec-list a br {
        display: none;
    }

    .ind-info-a .img {
        width: 100%;
        min-height: none;
        height: 10rem;
        margin-top: 1rem;
    }

    .about-c .txt {
        width: 100%;
    }

    .news-a {
        display: none;
    }

    .pc {
        display: none;
    }

    .mb {
        display: block;
    }

    .pc-header .left_btn .header-nva {
        display: none;
    }

    .view {
        padding: 0 5%
    }

    .pc-header {
        height: 2rem;
    }

    .pc-header .left_btn .logo {
        width: 3.5rem
    }

    .pc_seachbox {
        width: 100%;
        top: 2rem;
        background-size: contain;
        height: auto;
    }

    .zk_search_wrap {
        width: 100%;
        padding: 1rem;
    }

    .head_seachbox .seach_input {
        padding: 0 .5rem;
        padding-left: 1rem;
        background-size: 0.5rem;
        background-position: 0.25rem;
    }

    .head_seachbox .seach_submit {
        width: 2rem;
    }

    .head_seachbox {
        height: 1.2rem;
        line-height: 1.2rem;
    }

    .header-fix {
        height: 2rem;
    }

    .pc-header .right_btn .lan .tit .icon {
        display: none;
    }

    header .warp-nav {
        height: calc(100vh - 60px);
        padding: 0 0 45px;
        position: fixed;
        background: #f9f9f9;
        width: 100%;
        left: 0;
        top: 60px;
        z-index: 9;
        display: none;
    }

    .pc-header .right_btn .lan .tit .icon2 {
        display: none;
    }

    header .warp-nav .nav {
        font-size: 16px;
        color: #333;
        position: relative;
        overflow-y: auto;
        height: calc(100vh - 60px);
    }

    header .warp-nav .search {
        width: 90%;
        margin: 0 auto;
        padding: .5rem 0;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
    }

    header .warp-nav .search .input1 {
        padding: 0 0.5rem;
        height: 40px;
        color: #000;
        width: 100%;
        background: transparent;
        border-radius: 3px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    }

    header .warp-nav .search .input2 {
        width: 30px;
        height: 30px;
        background: url(../img/search.png) no-repeat center center;
        background-size: 15px 16px;
        position: absolute;
        right: 3%;
        top: 50%;
        margin-top: -15px;
    }

    header.right_btn .icon.search {
        display: none;
    }

    header .warp-nav .nav .warp-btn {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        text-transform: uppercase;
        display: block;
        padding: 15px 0;
        line-height: 1.5;
        position: relative;
        font-size: 16px;
        transition: all .3s ease;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .warp-nav .nav .li {
        position: relative;
        width: 100%;
        padding: 0 5%;
    }

    .pc-header .right_btn .seach {
        display: none;
    }

    header .warp-nav .nav .tit {
        width: 100%;
        padding: 15px 0;
        line-height: 60px;
        position: relative;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .warp-nav .nav .sub-tit {
        display: block;
    }

    header .warp-nav .nav .tit {
        line-height: 1.5;
    }

    header .warp-nav .nav .tit:after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        text-align: center;
        position: absolute;
        right: 5%;
        top: 20px;
        background: url(../img/img1.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 15px auto;
        transform: rotate(0);
        transform-origin: center center;
        transition: all .3s ease-in-out;
        filter: grayscale(100%) brightness(0%) !important;
    }

    header .warp-nav .nav .sec-list {
        line-height: 40px;
        padding: 0.35rem 0 0.35rem 6%;
        display: none;
        font-size: 14px;
    }

    header .warp-nav .nav .sec-tit {
        font-size: 15px;
        color: #8ebfea;
        position: relative;
        transition: all .4s;
        display: block;
    }

    header .warp-nav .nav .sec-list-nav {
        font-size: 13px;
        padding-left: 8px;
        line-height: 30px;
        display: none;
    }

    header .warp-nav .nav .sec-list a {
        color: #000;
    }

    header .warp-nav .nav .sec-list-nav a {
        color: #8ebfea;
    }

    .js-m-2-1 {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
    }

    .js-m-2-1.animate {
        opacity: 1;
        transform: translate(0, 0);
    }

    header .right_btn .hamburger {
        padding: 0;
        height: 20px;
        margin-left: 0rem;
    }

    .pc-header .right_btn .lan {
        margin-right: .5rem;
    }

    .pc-header .right_btn .lan .lan-box {
        font-size: 18px;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    header .right_btn .hamburger-box {
        width: 20px;
        height: 20px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 20px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    header .right_btn .hamburger--3dx-r .hamburger-inner {
        transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    header .right_btn .hamburger-inner,
    header .right_btn .hamburger-inner::before,
    header .right_btn .hamburger-inner::after {
        width: 20px;
        height: 3px;
        background: #333
    }

    header .right_btn .hamburger-inner,
    header .right_btn .hamburger-inner::before,
    header .right_btn .hamburger-inner::after {
        width: 24px;
        height: 2px;
    }

    header .right_btn .hamburger-inner::before {
        top: -8px;
    }

    header .right_btn .hamburger-inner::after {
        bottom: -8px;
    }

    .banner-container .swiper-slide {
        height: 16rem;
    }

    .banner-container .swiper-slide .txt .t2 {
        font-size: 22px;
    }

    .more {
        padding: 10px 0;
        width: 100px
    }

    .more .tit-16 {
        font-size: 12px;
    }

    .more svg {
        opacity: 1;
        fill: #000;

        right: 0;
    }

    .more .tit-16 {
        padding-right: 15px;
    }

    .banner-pagination {
        display: none;
    }

    .main-tit {
        font-size: 28px;
 
    }

    .home-a .content .left-box {
        display: none;
    }

    .home-a .content .right-box {
        display: none;
    }

    .home-a .content .swiper-slide .img-box {
        width: 100%;
    }

    .home-a .content .table-list {
        display: none;
    }

    .home-a .content .swiper-slide .img-box {
        padding: 0 1rem;
    }

    .home-a .content .swiper-slide {
        padding: 2rem 1rem;
    }

    #roll {
        overflow: hidden;
    }

    .home-a .content .swiper-slide .img-box .t1 {
        font-size: 24px;
    }

    .home-a .content {
        height: 19.25rem;
    }

    .news-page {
        margin-top: .5rem;
    }

    .news-page .swiper-pagination-bullet {
        width: 20px;
        margin: 0 5px;
    }

    .news-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 25px;
    }

    .home-b {
        padding-top: 1.5rem;
    }

    .home-b .content .swiper-slide {
        width: 100% !important;
        margin: 0;
    }

    .home-b .content .swiper-slide .txt .t2 {
        transition: all 0.5s;
        transition-delay: 0.5s;
        opacity: 1;
        transform: translateY(0);
    }

    .home-b .content .swiper-slide .txt .more {
        transition: all 0.5s;
        transition-delay: 0.6s;
        opacity: 1;
        transform: translateY(0);
    }

    .home-b .content .swiper-slide .txt .top .icon {
        display: none;
    }

    .home-b .content .swiper-slide .txt .top::after {
        width: 100%;
    }

    .home-c {
        padding-top: 1.5rem;
    }

    .home-c .content .txt {
        width: 100%;
        padding: 0;
        background-color: #fff;
    }

    .home-c .content .txt {
        width: 100%;
        padding: 0;
        background-color: #fff;
        height: auto;
        margin-bottom: 1rem;
    }

    .home-c .content .txt .t1 {
        min-height: auto;
        margin-bottom: 1rem;
    }

    .home-c .content .img {
        width: 100%;
        height: 9.25rem;
        overflow: hidden;
        float: left;
    }

    .hd-container {
        padding: 0;
    }

    .home-c .content .numlist {
        position: relative;
        bottom: auto;
        left: auto;
        display: flex;
        float: left;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: .5rem;
        width: 100%;
    }

    .hd-container .swiper-slide:hover {
        box-shadow: none;
        z-index: 3;
    }

    .home-c .content .numlist .li {
        padding: .5rem;
        width: 25%;
    }

    .hd-container .swiper-slide:hover .t2 {
        color: #000;
    }

    .hd-container .swiper-slide:hover .img img {
        transform: scale(1);
    }

    .home-c .content .numlist .li:nth-child(2n) {
        border-right: 0;
    }

    .home-c .content .numlist .li .top .num {
        font-size: 28px;

    }

    .home-d {
        margin-top: 1.5rem;
    }

    .hd-container .swiper-slide {
        width: 100%;
    }

    .hd-container .swiper-slide {
        border-right: 1px solid rgba(68, 68, 68, .1);
    }

    footer .view {
        padding: 0;
    }

    footer .footer .top .li {
        display: none;
    }

    footer .footer .top .li:last-child {
        display: block;
        width: 100%;
    }

    footer .footer {
        padding: 1.5rem 5%;
        padding-bottom: 0;
    }

    footer .footer .bot {
        margin-top: 1.475rem;
        padding: 0.7rem 0;
    }

    .sub-banner {
        height: 11rem;
    }

    .sol-a a {
        width: 100%;

        margin-top: 1rem;
    }

    .sol-a a .txt .tit-38 {
        font-size: 24px;
    }

    .sol-a a .txt .more {
        margin-top: 0.5rem;
        transform: scale(1);
        opacity: 1;
        transition: all 0.5s;
    }

    .sol-a a .txt {
        padding-bottom: 1rem;
    }

    .sol-a a .txt .more svg {
        fill: #fff
    }

    .nav-list {
        /* display: none; */
    }

    .sup-a {
        padding: 1.5rem 0;
    }

    .tit-64 {
        font-size: 28px;
    }

    .sup-a .t2 {
        width: 100%;
        margin-top: .75rem;
        padding: 0 5%;
    }

    .nav-list a .tit-18 {
        font-size: 14px;
    }

    .sd-b {
        padding-bottom: 1.5rem;
    }

    .sd-b .top {
        display: flex;
        padding: 0 0;
        flex-direction: column;
    }

    .sd-b .top .left {
        width: 100%;
        padding-right: 0;
    }

    .sd-b .main-tit {
        font-size: 24px;
    }

    .sd-b .top .left .t2 {
        margin-top: .5rem;
    }

    .sd-b .top .list {
        width: 100%;
        padding: 0;
    }

    .sd-b .img {
        margin-top: 0rem;
        margin-bottom: 1rem;
        height: 6rem;
    }

    .sd-container .swiper-slide {
        width: 100%;
    }

    .sd-container .swiper-slide .t1 {
        font-size: 18px;
    }

    .sd-container {
        margin-top: 1rem;
    }

    .sd-d {
        padding-bottom: 1.5rem;
    }

    .cont-box {
        padding: 0 5%;
    }

    .cont-box .box {
        padding: 1.5rem 1rem;
    }

    .cont-box .box .tit-48 {
        font-size: 28px;
    }

    .cont-box .box .t {
        margin-top: 1rem;
        margin-bottom: 1rem;
        line-height: 1.5;
    }

    .sinfo .sup-a {
        padding: 1.5rem 0;
    }

    .sinfo .sup-a .t2 {
        width: 100%;
    }

    .sinfo-a .content .left {
        width: 100%;
        padding: 1.5rem 5%;
        height: auto;

    }

    .sinfo-a .content {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinfo-a .content .right {
        width: 100%;
        height: auto;
        padding: 0rem 5%;
        padding-bottom: 2rem;
    }

    .sifo-container .news-page {
        position: relative;
        bottom: auto !important;
        text-align: center;
        z-index: 3;
    }

    .sinfo-a {
        padding-bottom: 0;
    }

    .sinfo-b {
        padding: 1.5rem 5%;
    }

    .main-tit br {
        display: none;
    }

    .sinfo-b .content {
        /* display: none; */
        height: auto;
        display: block;
        box-shadow: none;
    }

    .sinfo-b .content .left {
        width: 100%;
    }

    .sinfo-b .content .right {
        width: 100%;
        padding: 1rem 0;
    }

    .sinfo-b .content .right .t1 {
        font-size: 24px;
    }

    .sinfo-b .content .right .list {
        margin-top: 1rem;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinfo-b .content .right .list .li {
        width: 100%;
    }

    .sinfo-b .content .right .list .li:nth-child(2n) {
        padding-left: 0;
    }

    .sinfo-b .content .left {
        height: 2rem;
        white-space: nowrap;
        background-color: #fff;

        overflow: auto;
    }

    .sinfo-b .content .left .li .tit-24 {
        font-size: 13px;
        line-height: 1.5rem;

    }

    .sinfo-b .content .left .li {
        height: 1.5rem;
        background: #F5F5F5;
        margin-right: 1px;
        padding: 0 1rem;
        width: auto;
        display: inline-block;
    }

    .sinfo-b .content .left .li.on {
        background: #F5F5F5;
    }

    .sinfo .sd-d {
        padding-top: 0;
    }

    .por-a .t1,
    .por-b .box .t1 {
        font-size: 28px;
    }

    .por-a .t1 br {
        display: none;
    }

    .por-a {
        padding: 1.5rem 5%;
    }

    .por-b {
        padding: 0;
    }

    .por-b .box {
        padding: 1.5rem 5%;
        width: 100%;
    }

    .por-b .box .img {
        position: relative;
    }

    .por-b .box .t2 {
        width: 100%;
        font-size: 16px;
    }

    .por-b .box .list {
        width: 100%;
    }

    .por-b .box .list .li {
        width: 100%;

    }

    .por-b .box .list .li:nth-child(2n) {
        padding-left: 0;
    }

    .por-b .box .more {
        margin-top: 1rem;
    }

    .por-b .box .img {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 1rem;
        filter: grayscale(0%);
        opacity: 0.8;
        text-align: left;
        transition: all 0.5s;
    }

    .por-b .box .img img {
        max-width: 100%;
        max-height: none;
        display: inline-block;
    }

    .por-b .box {
        margin-bottom: 1.5rem;
    }

    .por-b .box:nth-child(2n) {
        margin-left: 0;

    }

    .pd-b {
        overflow: hidden;
    }

    .por-b .box:nth-child(2n) .img {
        right: auto;
        left: auto;
        text-align: right;
    }

    .pd-a {
        padding: 1.5rem 0;
    }

    .pd-a .view {
        display: block;
    }

    .pd-a .left {
        width: 100%;
        padding-right: 0;
    }

    .pd-a .left .tit-48 {
        font-size: 28px;
    }

    .pd-a .left .t2 {
        margin-top: 1rem;
    }

    .pd-a .right {
        width: 100%;
        margin-top: 1rem;
        height: 7rem;
    }

    .pd-c {
        margin-top: 0;
        padding: 1.5rem 0;
        margin-bottom: 1.5rem;
    }

    .pd-c .list {
        display: block;
        margin-top: 1rem;

    }

    .pd-c .list .li {
        margin-top: 0rem;
        width: 100%;
        padding: 1rem;
        transition: all 0.5s;

    }

    .pd-b .list {
        overflow: hidden;

        margin-top: 1.5rem;
        overflow: hidden;
    }

    .pd-b .list .swiper-wrapper {
        display: flex;
    }

    .pd-b {
        padding-bottom: 1.5rem;
    }

    .pd-b .li {
        width: 100%;
        padding-left: 0;
        display: block;
        text-align: center;
        margin-top: 0;
    }

    .pd-b .li .pimg img {
        display: inline-block;
    }

    .pd-b .li .pimg {
        padding: 1rem;

        background: #F5F5F5;
        border-radius: 10px;
    }

    .pd-b .li .pimg .t {
        font-size: 24px;
    }

    .pd-b .li .lis.lis1 {
        width: calc(100% - 6px);
        margin: 0;
        margin-top: .5rem;
        height: 10rem;
        margin-left: 3px;
        box-shadow: 0px 0px 3px 0px rgba(28, 22, 23, 0.13);
    }

    .pd-b .li .lis img {
        max-width: 50%;
    }

    .pd-b .li .lis {
        width: calc(100% - 6px);
        margin: 0;
        margin-left: 3px;
        margin-top: .5rem;
        height: 5rem;
        padding: .7rem;
        box-shadow: 0px 0px 3px 0px rgba(28, 22, 23, 0.13);
    }

    .indu,
    .case,
    .case-info,
    .case-info-b,
    .download {
        padding: 1.5rem 5%;
    }

    .indu .ts,
    .case .ts {
        font-size: 16px;
    }

    .tit-60 {
        font-size: 28px;
    }

    .indu .list {
        margin-top: 1rem;
    }

    .indu .list a {
        width: 100%;
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .indu .list a:last-child {
        margin-bottom: 0;
    }

    .case-info .tip .li .tit-16 {
        font-size: 12px;
    }



    .ind-info-a .txt .t1 {
        margin-top: 1rem;
    }

    .case-info .t2 {
        margin-top: 1rem;
    }

    .ind-info-a {
        display: block;
        padding: 1rem 0;
        padding-bottom: 0;
        background-color: #fff;
    }

    .ind-info-a .txt {
        width: 100%;
        padding: 0;
    }

    .ind-info-b {
        padding-top: 1.5rem;
    }

    .ind-info-b .content {
        margin-top: 1rem;
    }

    .ind-info-b .content .list .cont {
        padding: 1rem;
    }

    .ind-info-b .content .list .t1 {
        font-size: 20px;
    }

    .ind-info-b .content .list .t2 {
        width: 100%;
        font-size: 16px;
    }

    .ind-info-b .content .list .numlist {
        display: block;
    }

    .ind-info-b .content .list .numlist .li {
        margin: 0;
        margin-bottom: 1rem;
        width: 100%;
    }

    .ind-info-b .content .list .numlist .li .nums .num {
        font-size: 24px;
    }

    .ind-info-b .content .list .numlist .li .nums .dw {
        font-size: 14px;
    }

    .ind-info-b .content .list .numlist .li .nums {
        justify-content: center;
    }

    .case .table {
        white-space: nowrap;
        overflow: auto;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .case .table .li {
        padding: .5rem 0;
    }

    .case .list a {
        width: calc((100% - 1rem) /2);
        margin-bottom: .5rem;
        margin-right: 1rem;
    }

    .case .list a:nth-child(3n) {
        margin-right: 1rem;
    }

    .case .list a:nth-child(2n) {
        margin-right: 0;
    }

    .case .list a .txt {
        height: auto;
    }

    .case .list a:hover .txt {
        height: auto;
        margin-top: 0;
    }

    .mbx .view a .tit-16 {
        font-size: 12px;
    }

    .case-info .numlist .li {
        width: 50%;
        margin-bottom: .7rem;
    }

    .case-info .numlist .li .numbox div {
        font-size: 30px;
    }

    .case-info .numlist .li .tit-18 {
        font-size: 12px;
    }

    .case-info .numlist {
        display: flex;
        margin-top: 1rem;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .c-video-cont {
        height: 7rem;
    }

    .case-info-b {
        padding-top: 0rem;
    }

    .case-info-b .content {
        margin-top: 1rem;
    }

    .case-info-b .content .cinfo-container .swiper-slide {
        width: 100%;
        padding: 1.5rem 1;
    }

    .case-info-b .content .cinfo-container .swiper-slide .t1 {
        line-height: 1.5;
    }

    .download .table {
        white-space: nowrap;
        overflow: auto;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .download .table .li {
        padding: .5rem 0;
    }

    .download .list a {
        width: calc((100% - 1rem) /2);
        margin-bottom: .5rem;
        margin-right: 1rem;
    }

    .download .list a:nth-child(3n) {
        margin-right: 1rem;
    }

    .download .list a:nth-child(2n) {
        margin-right: 0;
    }

    .download .list a .txt .t1 {
        font-size: 18px;
    }

    .download .list a .img {
        width: 100%;
    }

    .download .list a .img img {
        width: 100%;
    }

    .download .list a .txt {}

    .download .list {
        margin-bottom: 2rem;
    }

    .news {
        padding: 1.5rem 5%;
        margin-top: 0;
    }

    .news-container .swiper-slide {
        display: block;
    }

    .news-container .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .news-container .swiper-slide .txt {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .events .et1 {
        font-size: 24px;
    }

    .news-container .swiper-slide .txt .t1 {
        font-size: 18px;
    }

    .events .news-container .swiper-slide .t2 {
        margin-top: .75rem;
    }

    .events .news-container .swiper-slide .txt .more {
        margin-top: 1rem;
    }

    .news-list {
        margin-top: .75rem;
    }

    .news-list .table {
        white-space: nowrap;
        overflow: auto;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .news-list .table .li {
        padding: .5rem 0;
    }

    .events .news-list .list a {
        width: calc((100% - 1rem) /2);
        margin-bottom: .5rem;
        margin-right: 1rem;
    }

    .events .news-list .list a:nth-child(3n) {
        margin-right: 1rem;
    }

    .events .news-list .list a:nth-child(2n) {
        margin-right: 0;
    }


    .page a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .e-det {
        height: 17rem;
    }

    .e-det .txt {
        padding: 0 5%;
        justify-content: flex-end;
        padding-bottom: 1rem;
    }

    .e-det .txt .et1 {
        font-size: 24px;
    }

    .e-det .txt .t1 {
        font-size: 20px;
    }

    .e-det .txt .t2 {
        margin-top: .75rem;
    }

    .e-det .txt .t2 .li .tit-16 {
        font-size: 12px;
    }

    .e-det .txt .more {
        margin-top: 1rem;
    }

    .e-det-a,
    .e-det-c {
        padding: 1.5rem 5%;
    }

    .e-det-b .content {
        display: block;
        margin-bottom: 0rem;
    }

    .e-det-b .content .left {
        width: 100%;
        padding: 1.5rem 5%;
    }

    .e-det-b .content .left .t2 {
        margin-top: 1rem;
    }

    .e-det-b .content .left .more {
        margin-top: 1rem;
    }

    .e-det-b .content .left .list {
        margin-top: 1rem;
    }

    .e-det-b .content .img {
        width: 100%;
        height: auto;
    }

    .kls-form .li1 {
        width: 100%;
        padding-top: .7rem;
        font-size: 14px;
    }

    .checklist {
        margin-left: .5rem;
        flex-wrap: wrap;
    }

    .checklist .checkbox {
        margin-right: .5rem;
        margin-bottom: .5rem;
    }

    .e-det-c {
        padding-top: .7rem;
    }

    .kls-form .submit input {
        width: 4.3rem;
        height: 1.2rem;


        font-size: 15px;

    }

    .news-container .swiper-slide .txt .more {
        margin-top: 1rem;
    }

    .news-list {
        margin-top: 1rem;
    }

    .news-list .list {
        display: flex;
        flex-wrap: wrap;
    }

    .news-list .list a {
        width: 50%;
        border: 1px solid rgba(68, 68, 68, .1);
        padding: 1rem .5rem;

    }

    .news-list .list a .t2 {
        font-size: 16px;
        height: auto;
    }

    .page {
        margin-top: 1rem;
    }

    .sup-b {
        padding: 1.5rem 5%;
    }

    .sup-b .t2 {
        margin-top: .75rem;
        font-size: 18px;
    }

    .sup-b .list {
        margin-top: 1rem;
    }

    .sup-b .list .li .tit-16 {
        position: relative;
        width: auto;
    }

    .sup-b .img {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 1rem;
        width: 100%;
    }

    .sup-b .img img {
        max-width: none;
        width: 100%;
    }

    .sup-b .list {
        flex-wrap: wrap;
    }

    .sup-b .list .li {
        width: 33%;
        margin-bottom: .75rem;
    }

    .sup-b .list .li .icon img {
        display: inline;
    }

    .supc-container .swiper-slide {
        width: 100%;
    }

    .supc-container .swiper-slide .txt {
        opacity: 1;
    }

    .supc-container .swiper-slide .txt .tit-36 {
        font-size: 20px;
    }

    .supc-container .swiper-slide .txt .ani {
        transition-delay: 0.1s;
        transform: translateY(0px);
        opacity: 1;
    }

    .supc-container .swiper-slide .t1 {
        display: none;
    }

    .sup-d {
        padding: 1.5rem 5%;
    }

    .sup-d .list {
        margin-top: 1rem;
        padding: 0;
    }

    .sup-d .list .li .top .tit-42 {
        font-size: 18px;
    }

    .sup-d .list .li {
        padding: .5rem 0;
    }

    .sup-d .list .li .top .right-btn {
        width: 1rem;
        height: 1rem;
    }

    .sup-d .list .li .content .t3 {
        width: 100%;
    }

    .sup-d .list .li .content .box-list .box {
        width: calc((100% - 1rem) /2);
        margin-bottom: .5rem;
        margin-right: 1rem;
        padding: .5rem
    }

    .sup-d .list .li .content .box-list .box:nth-child(3n) {
        margin-right: 1rem;
    }

    .sup-d .list .li .content .box-list .box:nth-child(2n) {
        margin-right: 0;
    }

    .sup-d .list {
        margin-bottom: 1rem;
    }

    .sus-a,
    .sus-b .txt {
        padding: 1.5rem 5%
    }

    .sus-a {
        padding: 2rem 5%
    }

    .sus-a .txt {
        font-size: 26px;
    }

    .sus-a .txt {
        font-size: 28px;
        line-height: 1.5;
    }

    .sus-b .txt .t1 {
        font-size: 24px;
    }

    .sus-a .txt br,
    .sus-b .txt .t2 br {
        display: none;
    }

    .sus-b .txt .t2 {
        font-size: 28px;
        margin-top: 1rem;
    }

    .sus-b {
        height: 18.275rem;
    }

    .sus-b .txt .t3 {
        width: 100%;
        margin-left: 0;
    }

    .sus-c {
        height: auto;
        padding: 1.5rem 5%;
    }

    .sus-c .t1 {
        text-align: left;
        line-height: 1.1;
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0%);
        text-transform: uppercase;
        z-index: 2;
    }

    .sus-c .img {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 1rem;
    }

    .sus-c .t2 {
        color: #333333;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 1rem;
        width: 100%;
    }

    .sus-d {
        padding: 1rem 5%;
        display: block;
    }

    .sus-d .txt {
        padding-top: 0;
    }

    .sus-d .txt {
        padding: 0;
    }

    .sus-d .txt .t2 {
        width: 100%;
        margin-top: 1rem;
    }

    .sus-d .list {
        margin-top: 1rem;
    }

    .sus-d .list {
        width: 100%;
    }

    .sus-d .list .li {

        /* width: calc((100% - 1rem) /2); */
        /* margin-bottom: 1rem;
        margin-right: 1rem; */
        display: block;
    }

    .sus-d .list .li .icon {
        width: 3.25rem;
        height: 3.25rem;
    }

    .sus-d .list .li .icon img {
        max-width: 50%;
    }

    .sus-d .list .li .newsyy {
        width: 100%;
        margin-top: 1rem;
        padding-left: 0;
    }

    .about-a {
        padding: 1.5rem 0;
    }

    .about-a .view {
        display: block;
    }

    .about-a .img {
        width: 100%;
        margin-top: 1rem;
    }

    .about-a .img .txt {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: translateX(0);
        background: #fff;
        height: auto;
        padding: 1rem 0;
    }

    .about-a .img .txt .c {
        padding: 0;
    }

    .about-a .list {
        margin-top: 1rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .about-a .list .li {
        width: 50%;
        margin-bottom: .75rem;
    }

    .about-a .list .li .icon {
        width: 1rem;
        margin-bottom: .5rem;
    }

    .about-a .list .li .t {
        font-size: 24px;
    }

    .about-b {
        height: auto;
        padding: 1.5rem 5%;
    }

    .about-b .box {
        display: flex;
        width: 100%;
        padding-bottom: .75rem;
        padding-top: .75rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .about-b .box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .about-b .t {
        font-size: 24px;
    }

    .about-b .t2 {
        margin-top: .25rem;
        font-size: 12px;
        text-align: center;
        line-height: 1.5;
        padding: 0 1rem;
    }

    .about-c {
        padding: 1.5rem 5%;
        height: 21rem;
    }

    .about-c .txt {
        top: 20%;
    }

    .about-c .txt .tit-90 {
        font-size: 30px;
    }

    .about-c .txt .tit-20 {
        font-size: 15px;
    }

    .about-c .histry {
        padding: 0 10%;
    }

    .about-c .histry .prev {
        left: 0.5rem;
    }

    .about-c .histry .next {
        right: .5rem;
    }

    .about-e {
        padding: 1.5rem 0;
    }

    .about-e .abe-container {
        margin-top: 1rem;
    }

    .about-e .abe-container .swiper-slide {
        width: 100%;
    }

    .about-d .ac-box {
        padding: 1.5rem 0;
    }

    .about-d .map {
        margin-top: 0.675rem;
        width: 100%;
        animation-name: none;
    }

    .about-d .map .mian-box {
        display: none;
    }

    .big {
        opacity: 1;
        transform: scale(.4);
    }

    .area,
    .branch {
        opacity: 1;
        transform: scale(.4);
    }

    .big .dian .txt {
        font-size: .85rem;
        width: 6rem;
        left: -2.95rem;
    }

    .about-d .mb-list {
        width: 100%;
        margin-top: 1rem;
    }

    .about-d .mb-list .li {
        background-color: #fff;
        border-radius: 10px;
        margin-bottom: .5rem;
    }

    .about-d .mb-list .li .tit {
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .about-d .mb-list .li .tit .tit-30 {
        font-size: 18px;
        line-height: 1;
    }

    .about-d .mb-list .li .content {
        display: none;
        padding: .5rem;
    }

    .about-d .mb-list .li .content P {
        padding-left: 20px;
        position: relative;
        display: inline-block;
        width: 49%;
    }

    .about-d .mb-list .li .content P::after {
        content: "";
        position: absolute;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #000000;
        border-radius: 50%;
        top: 50%;
        margin-top: -2px;
    }

    .about-d .mb-list .li.on .tit img {
        transform: rotate(90deg);
    }

    .contact {
        padding: 1.5rem 0;
    }

    .contact .content {
        margin-top: 1rem;
        display: block;
    }

    .contact .content .left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .contact .content .right {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .contact .content .right .tit-48 {
        font-size: 24px;
    }

    .contact .content .right .list .li .tit-17 {
        font-size: 14px;
    }

    .news-info .cont {
        width: 100%;
    }

    .news-info {
        padding: 1.5rem 5%;
    }

    .news-info .cont .tit {
        font-size: 28px;
    }

    .news-info .cont .sub-t {
        display: flex;
        margin-top: 1rem;
        flex-direction: column;
    }



    footer .footer .top .li .phone {
        display: flex;
        margin-top: 0.85rem;
        align-items: center;
        float: left;
        width: 50%;
        margin-top: 0;
    }

    footer .footer .top .li .emlis {
        width: 50%;
        float: left;
        margin-top: 0;
    }

    footer .footer .top .li .more {
        width: 100%;
        float: left;
        margin-top: 1rem;
        padding: 20px 0;
    }

    footer .footer .top .li .more .tit-16 {
        font-size: 18px;
    }

    footer .footer .top .li .more svg {
        right: 32%;
    }

    .hd-container .swiper-slide .img {
        height: auto;
    }

    footer .footer .top .li .more.mb {
        display: block;
    }

    footer .footer .top .li .more svg {
        right: 41%;
    }

    footer .footer .top .li .lh1 {
        font-size: 20px;
    }

    .por-a .t2 {
        font-size: 16px;
    }

    .tit-16 {
        font-size: 16px;
    }

    .sd-container .swiper-slide .img {
        height: 14rem;
    }

    .indu .list a .img {
        height: 14.5rem;
    }

    .m-mian-box .txt {
        text-align: center;
        margin-top: 1rem;
    }

    .news-info .cont .content img {
        max-width: 100%;
    }

    .kls-fix {
        display: none;
        bottom: 3rem;
    }

    .mkls-fix {
        position: fixed;
        bottom: 1rem;
        z-index: 999;
        right: 0.425rem;
    }

    .mkls-fix .li {
        display: block;
        margin-bottom: 0.5rem;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #F4C520;
        position: relative;
        transition: all 0.5s;
    }

    .mkls-fix.on .li {
        background-color: #888888;
    }

    .mkls-fix .li .op1 {
        opacity: 1;
    }

    .mkls-fix .li .op2 {
        opacity: 0;
    }

    .mkls-fix.on .li .op2 {
        opacity: 1;
    }

    .mkls-fix.on .li .op1 {
        opacity: 0;
    }

    .kls-fix a {
        background-color: #F4C520;
    }

    .kls-fix a:first-child svg {
        fill: #F4C520;
    }

    .kls-fix a .tel {
        display: none !important;
    }

    .pd-b .li .lis:hover {
        box-shadow: none;
    }

    .pd-b .li .lis.lis3 {
        display: none;
    }

    .don-doilg .do-box {
        width: 80%;
    }

    .sinfo-b .content .left {
        min-height: auto;
    }

    .ind-info-b .content .list .cont {
        padding: 1.5rem 1rem;
    }

    .indu .list a {
        width: calc(50% - .5rem);
        margin-right: 1rem;
    }

    .indu .list a:nth-child(3n) {
        margin-right: 1rem;
    }

    .indu .list a:nth-child(2n) {
        margin-right: 0;
    }

    .indu .list a .img {
        height: 7.5rem;
    }

    .sub-banner.aboutsb {
        height: auto;
    }

    .e-det .txt {
        position: relative;
        color: #000;
        padding-top: 1rem;
        background-color: #eee;
    }

    .e-det {
        height: auto;
    }

    .e-det-b .content {
        margin-bottom: 1rem;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        background-color: #F4C520 !important;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 1 !important;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        height: 2px !important;
        background-color: rgba(0, 0, 0, .2);
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        margin: 0 !important;
        margin-top: -1px !important;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        display: none;
    }

    .case .table .li.on {
        color: #F4C520;
    }

    .case .table .li.on::after {
        width: 0;
    }

    .case .table .li:hover::after {
        width: 0;
    }

    .download .table .li.on {
        color: #F4C520;
    }

    .download .table .li.on::after {
        width: 0;
    }

    .download .table .li:hover::after {
        width: 0;
    }
}

@media (max-width: 500px) {
    .pc_seachbox {
        background: none;
        background-color: #fff;
    }

    .hd-container .swiper-slide .img {
        height: 7.2rem;
    }

    footer .footer .top .li .more svg {
        right: 0;
    }

    footer .footer .top .li .lh1 {
        font-size: 15px;
        width: calc(100% - 30px);
    }

    .por-b .box .t2 {
        width: 100%;
        font-size: 14px;
    }

    .por-a .t2 {
        font-size: 14px;
    }

    .tit-16 {
        font-size: 14px;
    }

    .sd-container .swiper-slide .img {
        height: 9.25rem;
    }

    .indu .list a .img {
        height: 7.5rem;
    }

    .news-list .list {
        display: block;
    }
}

@media (max-width: 500px) {
    .pc {
        display: none !important;
    }

    .mb {
        display: block;
    }

    .pc-header .left_btn .header-nva {
        display: none;
    }

    .view {
        padding: 0 5%
    }

    .pc-header {
        height: 2rem;
    }

    .pc-header .left_btn .logo {
        width: 3.5rem
    }

    .pc_seachbox {
        width: 100%;
        top: 2rem;
        background-size: contain;
        height: auto;
    }

    .zk_search_wrap {
        width: 100%;
        padding: 1rem;
    }

    .head_seachbox .seach_input {
        padding: 0 .5rem;
        padding-left: 1rem;
        background-size: 0.5rem;
        background-position: 0.25rem;
    }

    .head_seachbox .seach_submit {
        width: 2rem;
    }

    .head_seachbox {
        height: 1.2rem;
        line-height: 1.2rem;
    }

    .header-fix {
        height: 2rem;
    }

    .pc-header .right_btn .lan .tit .icon {
        display: none;
    }

    header .warp-nav {
        height: calc(100vh - 60px);
        padding: 0 0 45px;
        position: fixed;
        background: #f9f9f9;
        width: 100%;
        left: 0;
        top: 60px;
        z-index: 9;
        display: none;
    }

    .pc-header .right_btn .lan .tit .icon2 {
        display: none;
    }

    header .warp-nav .nav {
        font-size: 16px;
        color: #333;
        position: relative;
        overflow-y: auto;
        height: calc(100vh - 60px);
    }

    header .warp-nav .search {
        width: 90%;
        margin: 0 auto;
        padding: .5rem 0;
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.3); */
    }

    header .warp-nav .search .input1 {
        padding: 0 0.5rem;
        height: 40px;
        color: #000;
        width: 100%;
        background: transparent;
        border-radius: 3px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    }

    header .warp-nav .search .input2 {
        width: 30px;
        height: 30px;
        background: url(../img/search.png) no-repeat center center;
        background-size: 15px 16px;
        position: absolute;
        right: 3%;
        top: 50%;
        margin-top: -15px;
    }

    header.right_btn .icon.search {
        display: none;
    }

    header .warp-nav .nav .warp-btn {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        text-transform: uppercase;
        display: block;
        padding: 15px 0;
        line-height: 1.5;
        position: relative;
        font-size: 16px;
        transition: all .3s ease;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .warp-nav .nav .li {
        position: relative;
        width: 100%;
        padding: 0 5%;
    }

    .pc-header .right_btn .seach {
        display: none;
    }

    header .warp-nav .nav .tit {
        width: 100%;
        padding: 15px 0;
        line-height: 60px;
        position: relative;
        text-transform: uppercase;
        font-size: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    header .warp-nav .nav .sub-tit {
        display: block;
    }

    header .warp-nav .nav .tit {
        line-height: 1.5;
    }

    header .warp-nav .nav .tit:after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        text-align: center;
        position: absolute;
        right: 5%;
        top: 20px;
        background: url(../img/img1.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 15px auto;
        transform: rotate(0);
        transform-origin: center center;
        transition: all .3s ease-in-out;
        filter: grayscale(100%) brightness(0%) !important;
    }

    header .warp-nav .nav .sec-list {
        line-height: 40px;
        padding: 0.35rem 0 0.35rem 6%;
        display: none;
        font-size: 14px;
    }

    header .warp-nav .nav .sec-tit {
        font-size: 15px;
        color: #8ebfea;
        position: relative;
        transition: all .4s;
        display: block;
    }



    header .warp-nav .nav .sec-list-nav {
        font-size: 13px;
        padding-left: 8px;
        line-height: 30px;
        display: none;
    }

    header .warp-nav .nav .sec-list a {
        color: #000;
    }

    header .warp-nav .nav .sec-list-nav a {
        color: #8ebfea;
    }

    .js-m-2-1 {
        opacity: 0;
        transform: translate(0, 30px);
        transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
    }

    .js-m-2-1.animate {
        opacity: 1;
        transform: translate(0, 0);
    }

    header .right_btn .hamburger {
        padding: 0;
        height: 20px;
        margin-left: 0rem;
    }

    .pc-header .right_btn .lan {
        margin-right: .5rem;
    }

    .pc-header .right_btn .lan .lan-box {
        font-size: 18px;
    }

    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }

    header .right_btn .hamburger-box {
        width: 20px;
        height: 20px;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 20px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

    header .right_btn .hamburger--3dx-r .hamburger-inner {
        transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    }

    header .right_btn .hamburger-inner,
    header .right_btn .hamburger-inner::before,
    header .right_btn .hamburger-inner::after {
        width: 20px;
        height: 3px;
        background: #333
    }

    header .right_btn .hamburger-inner,
    header .right_btn .hamburger-inner::before,
    header .right_btn .hamburger-inner::after {
        width: 24px;
        height: 2px;
    }

    header .right_btn .hamburger-inner::before {
        top: -8px;
    }

    header .right_btn .hamburger-inner::after {
        bottom: -8px;
    }

    .banner-container .swiper-slide {
        height: 16rem;
    }

    .banner-container .swiper-slide .txt .t2 {
        font-size: 22px;
    }

    .more {
        padding: 10px 0;
        width: 100px
    }

    .more .tit-16 {
        font-size: 12px;
    }

    .more svg {
        opacity: 1;
        fill: #000;

        right: 0;
    }

    .more .tit-16 {
        padding-right: 15px;
    }

    .banner-pagination {
        display: none;
    }

    .main-tit {
        font-size: 28px;
    }

    .home-a .content .left-box {
        display: none;
    }

    .home-a .content .right-box {
        display: none;
    }

    .home-a .content .swiper-slide .img-box {
        width: 120%;
    }

    .home-a .content .table-list {
        display: none;
    }

    .home-a .content .swiper-slide .img-box {
        padding: 0 1rem;
    }

    .home-a .content .swiper-slide {
        padding: 2rem 1rem;
    }

    #roll {
        overflow: hidden;
    }

    .home-a .content .swiper-slide .img-box .t1 {
        font-size: 24px;
    }

    .home-a .content {
        height: 15.25rem;
    }

    .news-page {
        margin-top: .5rem;
    }

    .news-page .swiper-pagination-bullet {
        width: 20px;
        margin: 0 5px;
    }

    .news-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 25px;
    }

    .home-b {
        padding-top: 1.5rem;
    }

    .home-b .content .swiper-slide {
        width: 100% !important;
        margin: 0;
    }

    .home-b .content .swiper-slide .txt .t2 {
        transition: all 0.5s;
        transition-delay: 0.5s;
        opacity: 1;
        transform: translateY(0);
    }

    .home-b .content .swiper-slide .txt .more {
        transition: all 0.5s;
        transition-delay: 0.6s;
        opacity: 1;
        transform: translateY(0);
        margin-top: 1rem;
    }

    .home-b .content .swiper-slide .txt .top .icon {
        display: none;
    }

    .home-b .content .swiper-slide .txt .top::after {
        width: 100%;
    }

    .home-c {
        padding-top: 1.5rem;
    }

    .home-c .content .txt {
        width: 100%;
        padding: 0;
        background-color: #fff;
    }

    .home-c .content .txt {
        width: 100%;
        padding: 0;
        background-color: #fff;
        height: auto;
        margin-bottom: 1rem;
    }

    .home-c .content .txt .t1 {
        min-height: auto;
        margin-bottom: 1rem;
    }

    .home-c .content .img {
        width: 100%;
        height: 9.25rem;
        overflow: hidden;
        float: left;
    }

    .home-c .content .numlist {
        position: relative;
        bottom: auto;
        left: auto;
        display: flex;
        float: left;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: .5rem;
    }

    .home-c .content .numlist .li {
        padding: .5rem;
        width: 50%;
    }

    .home-c .content .numlist .li:nth-child(2n) {
        border-right: 0;
    }

    .home-c .content .numlist .li .top .num {
        font-size: 28px;

    }

    .home-d {
        margin-top: 1.5rem;
    }

    .hd-container .swiper-slide {
        width: 100%;
    }

    .hd-container .swiper-slide {
        border-right: 1px solid rgba(68, 68, 68, .1);
    }

    footer .view {
        padding: 0;
    }

    footer .footer .top .li {
        display: none;
    }

    footer .footer .top .li:last-child {
        display: block;
        width: 100%;
    }

    footer .footer {
        padding: 1.5rem 5%;
        padding-bottom: 0;
    }

    footer .footer .bot {
        margin-top: 1.475rem;
        padding: 0.7rem 0;
    }

    .sub-banner {
        height: 11rem;
    }

    .sol-a a {
        width: 100%;
        height: 8rem;
        margin-top: 1rem;
    }

    .sol-a a .txt .tit-38 {
        font-size: 24px;
    }

    .sol-a a .txt .more {
        margin-top: 0.5rem;
        transform: scale(1);
        opacity: 1;
        transition: all 0.5s;
    }

    .sol-a a .txt {
        padding-bottom: 1rem;
    }

    .sol-a a .txt .more svg {
        fill: #fff
    }

    .nav-list {
        display: none;
    }

    .sup-a {
        padding: 1.5rem 0;
    }

    .tit-64 {
        font-size: 28px;
    }

    .sup-a .t2 {
        width: 100%;
        margin-top: .75rem;
    }

    .sd-b {
        padding-bottom: 1.5rem;
    }

    .sd-b .top {
        display: flex;
        padding: 0 0;
        flex-direction: column;
    }

    .sd-b .top .left {
        width: 100%;
        padding-right: 0;
    }

    .sd-b .main-tit {
        font-size: 24px;
    }

    .sd-b .top .left .t2 {
        margin-top: .5rem;
    }

    .sd-b .top .list {
        width: 100%;
        padding: 0;
    }

    .sd-b .img {
        margin-top: 0rem;
        margin-bottom: 1rem;
        height: 6rem;
    }

    .sd-container .swiper-slide {
        width: 100%;
    }

    .sd-container .swiper-slide .t1 {
        font-size: 18px;
    }

    .sd-container {
        margin-top: 1rem;
    }

    .sd-d {
        padding-bottom: 1.5rem;
    }

    .cont-box {
        padding: 0 5%;
    }

    .cont-box .box {
        padding: 1.5rem 1rem;
    }

    .cont-box .box .tit-48 {
        font-size: 28px;
    }

    .cont-box .box .t {
        margin-top: 1rem;
        margin-bottom: 1rem;
        line-height: 1.5;
    }

    .sinfo .sup-a {
        padding: 1.5rem 0;
    }

    .sinfo .sup-a .t2 {
        width: 100%;
    }

    .sinfo-a .content .left {
        width: 100%;
        padding: 1.5rem 5%;
        height: auto;

    }

    .sinfo-a .content {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinfo-a .content .right {
        width: 100%;
        height: auto;
        padding: 0rem 5%;
        padding-bottom: 2rem;
    }

    .sifo-container .news-page {
        position: relative;
        bottom: auto !important;
        text-align: center;
        z-index: 3;
    }

    .sinfo-a {
        padding-bottom: 0;
    }

    .sinfo-b {
        padding: 1.5rem 5%;
    }

    .main-tit br {
        display: none;
    }

    .sinfo-b .content {
        /* display: none; */
        height: auto;
        display: block;
        box-shadow: none;
    }

    .sinfo-b .content .left {
        width: 100%;
    }

    .sinfo-b .content .right {
        width: 100%;
        padding: 1rem 0;
    }

    .sinfo-b .content .right .t1 {
        font-size: 24px;
    }

    .sinfo-b .content .right .list {
        margin-top: 1rem;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .sinfo-b .content .right .list .li {
        width: 100%;
    }

    .sinfo-b .content .right .list .li:nth-child(2n) {
        padding-left: 0;
    }

    .sinfo-b .content .left {
        height: 2rem;
        white-space: nowrap;
        background-color: #fff;

        overflow: auto;
    }

    .sinfo-b .content .left .li .tit-24 {
        font-size: 13px;
        line-height: 1.5rem;

    }

    .sinfo-b .content .left .li {
        height: 1.5rem;
        background: #F5F5F5;
        margin-right: 1px;
        padding: 0 1rem;
        width: auto;
        display: inline-block;
    }

    .sinfo-b .content .left .li.on {
        background: #F5F5F5;
    }

    .sinfo .sd-d {
        padding-top: 0;
    }

    .por-a .t1,
    .por-b .box .t1 {
        font-size: 28px;
    }

    .por-a .t1 br {
        display: none;
    }

    .por-a {
        padding: 1.5rem 5%;
    }

    .por-b {
        padding: 0;
    }

    .por-b .box {
        padding: 1.5rem 5%;
        width: 100%;
    }

    .por-b .box .img {
        position: relative;
    }

    .por-b .box .t2 {
        width: 100%;
    }

    .por-b .box .list {
        width: 100%;
    }

    .por-b .box .list .li {
        width: 100%;

    }

    .por-b .box .list .li:nth-child(2n) {
        padding-left: 0;
    }

    .por-b .box .more {
        margin-top: 1rem;
    }

    .por-b .box .img {
        width: 100%;
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 1rem;
        filter: grayscale(0%);
        opacity: 0.8;
        text-align: left;
        transition: all 0.5s;
    }

    .por-b .box .img img {
        max-width: 100%;
        max-height: none;
        display: inline-block;
    }

    .por-b .box {
        margin-bottom: 1.5rem;
    }

    .por-b .box:nth-child(2n) {
        margin-left: 0;

    }

    .pd-b {
        overflow: hidden;
    }

    .por-b .box:nth-child(2n) .img {
        right: auto;
        left: auto;
        text-align: right;
    }

    .pd-a {
        padding: 1.5rem 0;
    }

    .pd-a .view {
        display: block;
    }

    .pd-a .left {
        width: 100%;
        padding-right: 0;
    }

    .pd-a .left .tit-48 {
        font-size: 28px;
    }

    .pd-a .left .t2 {
        margin-top: 1rem;
    }

    .pd-a .right {
        width: 100%;
        margin-top: 1rem;
        height: 7rem;
    }

    .pd-c {
        margin-top: 0;
        padding: 1.5rem 0;
        margin-bottom: 1.5rem;
    }

    .pd-c .list {
        display: block;
        margin-top: 1rem;

    }

    .pd-c .list .li {
        margin-top: 0rem;
        width: 100%;
        padding: 1rem;
        transition: all 0.5s;

    }

    .pd-b .list {
        overflow: hidden;

        margin-top: 1.5rem;
        overflow: hidden;
    }

    .pd-b .list .swiper-wrapper {
        display: flex;
    }

    .pd-b {
        padding-bottom: 1.5rem;
    }

    .pd-b .li {
        width: 100%;
        padding-left: 0;
        display: block;
        text-align: center;
        margin-top: 0;
    }

    .pd-b .li .pimg img {
        display: inline-block;
    }

    .pd-b .li .pimg {
        padding: 1rem;

        background: #F5F5F5;
        border-radius: 10px;
    }

    .pd-b .li .pimg .t {
        font-size: 24px;
    }

    .pd-b .li .lis.lis1 {
        width: calc(100% - 6px);
        margin: 0;
        margin-top: .5rem;
        height: 10rem;
        margin-left: 3px;
        box-shadow: 0px 0px 3px 0px rgba(28, 22, 23, 0.13);
    }

    .pd-b .li .lis img {
        max-width: 50%;
    }

    .pd-b .li .lis {
        width: calc(100% - 6px);
        margin: 0;
        margin-left: 3px;
        margin-top: .5rem;
        height: 5rem;
        padding: .7rem;
        box-shadow: 0px 0px 3px 0px rgba(28, 22, 23, 0.13);
    }

    .indu,
    .case,
    .case-info,
    .case-info-b,
    .download {
        padding: 1.5rem 5%;
    }

    .indu .ts,
    .case .ts {
        font-size: 16px;
    }

    .tit-60 {
        font-size: 28px;
    }

    .indu .list {
        margin-top: 1rem;
    }

    .indu .list a {
        width: 100%;
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .indu .list a:last-child {
        margin-bottom: 0;
    }

    .case-info .tip .li .tit-16 {
        font-size: 12px;
    }

    .indu .list a .t {
        font-size: 16px;
    }

    .ind-info-a .txt .t1 {
        margin-top: 1rem;
    }

    .case-info .t2 {
        margin-top: 1rem;
    }

    .ind-info-a {
        display: block;
        padding: 1rem 0;
        padding-bottom: 0;
        background-color: #fff;
    }

    .ind-info-a .txt {
        width: 100%;
        padding: 0;
    }

    .ind-info-b {
        padding-top: 1.5rem;
    }

    .ind-info-b .content {
        margin-top: 1rem;
    }

    .ind-info-b .content .list .bg {
        padding: 1rem;
    }

    .ind-info-b .content .list .t1 {
        font-size: 20px;
    }

    .ind-info-b .content .list .t2 {
        width: 100%;
        font-size: 16px;
    }

    .ind-info-b .content .list .numlist {
        display: block;
    }

    .ind-info-b .content .list .numlist .li {
        /* margin: 0 0.5rem; */
        margin-bottom: 1rem;
    }

    .ind-info-b .content .list .numlist .li .nums .num {
        font-size: 24px;
    }

    .ind-info-b .content .list .numlist .li .nums .dw {
        font-size: 14px;
    }

    .about-d {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ind-info-b .content .list .numlist .li .nums {
        justify-content: center;
    }

    .case .table {
        white-space: nowrap;
        overflow: auto;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .case .table .li {
        padding: .5rem 0;
    }

    .case .list a {
        width: 100%;
        margin-right: 0;
    }

    .case .list a .txt {
        height: auto;
    }

    .case .list a:hover .txt {
        height: auto;
        margin-top: 0;
    }

    .mbx .view a .tit-16 {
        font-size: 12px;
    }

    .case-info .numlist .li {
        width: 100%;
        margin-bottom: .7rem;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .c-video-cont {
        margin-top: 1rem;
    }

    .case-info .numlist .li .numbox div {
        font-size: 30px;
    }

    .case-info .numlist .li .numbox div.dw {
        font-size: 18px;
    }

    .case-info .numlist .li .tit-18 {
        font-size: 12px;
    }

    .case-info .tit-60 {
        line-height: 1.2;
        font-size: 24px;
    }

    .case-info .numlist {
        display: flex;
        margin-top: 1rem;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .c-video-cont {
        height: 7rem;
    }

    .case-info-b {
        padding-top: 0rem;
    }

    .case-info-b .content {
        margin-top: 1rem;
    }

    .case-info-b .content .cinfo-container .swiper-slide {
        width: 100%;
    }

    .case-info-b .content .cinfo-container .swiper-slide .t1 {
        line-height: 1.5;
    }

    .download .table {
        white-space: nowrap;
        overflow: hidden;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .download .table .li:last-child {
        margin-right: 0;
    }

    .download .table .li {
        padding: .5rem 0;
    }

    .download .list a {
        width: 100%;
        display: block;
        margin-bottom: .5rem;
    }

    .download .list a .txt .t1 {
        font-size: 18px;
    }

    .download .list a .img {
        width: 100%;
    }

    .download .list a .img img {
        width: 100%;
    }

    .download .list a .txt {
        width: 100%;
        padding: .5rem 0
    }

    .news {
        padding: 1.5rem 5%;
        margin-top: 0;
    }

    .news-container .swiper-slide {
        display: block;
    }

    .news-container .swiper-slide .img {
        width: 100%;
        height: auto;
    }

    .news-container .swiper-slide .txt {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .events .et1 {
        font-size: 24px;
    }

    .news-container .swiper-slide .txt .t1 {
        font-size: 18px;
    }

    .events .news-container .swiper-slide .t2 {
        margin-top: .75rem;
    }

    .events .news-container .swiper-slide .txt .more {
        margin-top: 1rem;
    }

    .news-list {
        margin-top: .75rem;
    }

    .news-list .table {
        white-space: nowrap;
        overflow: auto;
        margin: 1rem 0;
        padding-bottom: .2rem;
    }

    .news-list .table .li {
        padding: .5rem 0;
    }

    .events .news-list .list a {
        width: 100%;
        margin-bottom: .5rem;
        margin-right: 0;
    }

    .page a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .e-det {
        height: 17rem;
    }

    .e-det .txt {
        padding: 0 5%;
        justify-content: flex-end;
        padding-bottom: 1rem;
    }

    .e-det .txt .et1 {
        font-size: 24px;
    }

    .e-det .txt .t1 {
        font-size: 20px;
    }

    .e-det .txt .t2 {
        margin-top: .75rem;
    }

    .e-det .txt .t2 .li .tit-16 {
        font-size: 12px;
    }

    .e-det .txt .more {
        margin-top: 1rem;
    }

    .e-det-a,
    .e-det-c {
        padding: 1.5rem 5%;
    }

    .e-det-b .content {
        display: block;
        margin-bottom: 0rem;
    }

    .e-det-b .content .left {
        width: 100%;
        padding: 1.5rem 5%;
    }

    .e-det-b .content .left .t2 {
        margin-top: 1rem;
    }

    .e-det-b .content .left .more {
        margin-top: 1rem;
    }

    .e-det-b .content .left .list {
        margin-top: 1rem;
    }

    .e-det-b .content .img {
        width: 100%;
        height: auto;
    }

    .e-det-b .content .img img {
        width: 100%;
        max-width: none;
    }

    .kls-form .li1 {
        width: 100%;
        padding-top: .7rem;
        font-size: 14px;
    }

    .checklist {
        margin-left: .5rem;
        flex-wrap: wrap;
    }

    .checklist .checkbox {
        margin-right: .5rem;
        margin-bottom: .5rem;
    }

    .e-det-c {
        padding-top: .7rem;
    }

    .kls-form .submit input {
        width: 4.3rem;
        height: 1.2rem;


        font-size: 15px;

    }

    .news-container .swiper-slide .txt .more {
        margin-top: 1rem;
    }

    .news-list {
        margin-top: 1rem;
    }

    .news-list .list a {
        width: 100%;
        border: 1px solid rgba(68, 68, 68, .1);
        padding: 1rem .5rem;
        margin-bottom: .5rem;
    }

    .news-list .list a .t2 {
        font-size: 16px;
        height: auto;
    }

    .page {
        margin-top: 1rem;
    }

    .sup-b {
        padding: 1.5rem 5%;
    }

    .sup-b .t2 {
        margin-top: .75rem;
        font-size: 18px;
    }

    .sup-b .list {
        margin-top: 1rem;
    }

    .sup-b .img {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 1rem;
        width: 100%;
    }

    .sup-b .list {
        flex-wrap: wrap;
    }

    .sup-b .list .li {
        width: 33%;
        margin-bottom: .75rem;
    }

    .sup-b .list .li .icon img {
        display: inline;
    }

    .supc-container .swiper-slide {
        width: 100%;
    }

    .supc-container .swiper-slide .txt {
        opacity: 1;
        padding: 0 1rem;
    }

    .supc-container .swiper-slide .txt .tit-36 {
        font-size: 26px;
    }

    .supc-container .swiper-slide .txt .ani {
        transition-delay: 0.1s;
        transform: translateY(0px);
        opacity: 1;
    }

    .supc-container .swiper-slide .t1 {
        display: none;
    }

    .sup-d {
        padding: 1.5rem 5%;
    }

    .sup-d .list {
        margin-top: 1rem;
        padding: 0;
    }

    .sup-d .list .li .top .tit-42 {
        font-size: 18px;
    }

    .supc-container .swiper-slide .t2 {
        line-height: 1.7;
    }

    .sup-d .list .li {
        padding: .5rem 0;
    }

    .sup-d .list .li .top .right-btn {
        width: 1rem;
        height: 1rem;
    }

    .sup-d .list .li .content .t3 {
        width: 100%;
    }

    .sup-d .list .li .content .box-list .box {
        width: 100%;
        padding: .5rem
    }

    .sup-d .list {
        margin-bottom: 1rem;
    }

    .sus-a,
    .sus-b .txt {
        padding: 1rem 5%
    }

    .sus-a .txt {
        font-size: 28px;
        line-height: 1.5;
    }

    .sus-a .txt br,
    .sus-b .txt .t2 br {
        display: none;
    }

    .sus-b .txt .t2 {
        font-size: 24px;
        margin-top: 1rem;
    }

    .sus-b .txt .t3 {
        width: 100%;
        margin-left: 0;
    }

    .sus-c {
        height: auto;
        padding: 1.5rem 5%;
    }

    .sus-c .t1 {
        text-align: left;
        line-height: 1.1;
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0%);
        text-transform: uppercase;
        z-index: 2;
    }

    .sus-c .img {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 1rem;
    }

    .sus-c .t2 {
        color: #333333;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 1rem;
        width: 100%;
    }

    .sus-d {
        padding: 1rem 5%;
        display: block;
    }

    .sus-d .txt {
        padding-top: 0;
    }

    .sus-d .txt {
        padding: 0;
    }

    .sus-d .txt .t2 {
        width: 100%;
        margin-top: 1rem;
    }

    .sus-d .list {
        margin-top: 1rem;
    }

    .sus-d .list {
        width: 100%;
    }

    .sus-d .list .li {
        width: 100%;
    }

    .about-a {
        padding: 1.5rem 0;
    }

    .about-a .view {
        display: block;
    }

    .about-a .img {
        width: 100%;
        margin-top: 1rem;
    }

    .about-a .img .txt {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: translateX(0);
        background: #fff;
        height: auto;
        padding: 1rem 0;
    }

    .about-a .img .txt .c {
        padding: 0;
    }

    .about-a .list {
        margin-top: 1rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
    }

    .about-a .list .li {
        width: 50%;
        margin-bottom: .75rem;
    }

    .about-a .list .li .icon {
        width: 1rem;
        margin-bottom: .5rem;
    }

    .about-a .list .li .t {
        font-size: 24px;
    }

    .about-b {
        height: auto;
        padding: 1.5rem 5%;
    }

    .about-b .box {
        display: flex;
        width: 100%;
        padding-bottom: .75rem;
        padding-top: .75rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .about-b .box {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .about-b .t {
        font-size: 24px;
    }

    .about-b .t2 {
        margin-top: .25rem;
        font-size: 12px;
        text-align: center;
        line-height: 1.5;
        padding: 0 1rem;
    }

    .about-c {
        padding: 1.5rem 5%;
        height: 21rem;
    }

    .about-c .txt {
        top: 20%;
        padding-top: 1rem;
        visibility: visible;
    }

    .about-c .txt .tit-90 {
        font-size: 30px;
    }

    .about-c .txt .tit-20 {
        font-size: 15px;
    }

    .about-c .histry {
        padding: 0 10%;
    }

    .about-c .histry .prev {
        left: 0.5rem;
    }

    .about-c .histry .next {
        right: .5rem;
    }

    .about-e {
        padding: 1.5rem 0;
    }

    .about-e .abe-container {
        margin-top: 1rem;
    }

    .about-e .abe-container .swiper-slide {
        width: 100%;
    }

    .about-d .ac-box {
        padding: 1.5rem 0;
    }

    .about-d .map {
        margin-top: 0.675rem;
        width: 100%;
        animation-name: none;
    }

    .about-d .map .mian-box {
        display: none;
    }

    .big {
        opacity: 1;
        transform: scale(.4);
    }

    .area,
    .branch {
        opacity: 1;
        transform: scale(.4);
    }

    .big .dian .txt {
        font-size: .85rem;
        width: 6rem;
        left: -2.95rem;
    }

    .about-d .mb-list {
        width: 100%;
        margin-top: 1rem;
    }

    .about-d .mb-list .li {
        background-color: #fff;
        border-radius: 10px;
        margin-bottom: .5rem;
    }

    .about-d .mb-list .li .tit {
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .about-d .mb-list .li .tit .tit-30 {
        font-size: 18px;
        line-height: 1;
    }

    .about-d .mb-list .li .content {
        display: none;
        padding: .5rem;
    }

    .about-d .mb-list .li .content P {
        padding-left: 20px;
        position: relative;
        display: inline-block;
        width: 49%;
    }

    .about-d .mb-list .li .content P::after {
        content: "";
        position: absolute;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #000000;
        border-radius: 50%;
        top: 50%;
        margin-top: -2px;
    }

    .about-d .mb-list .li.on .tit img {
        transform: rotate(90deg);
    }

    .contact {
        padding: 1.5rem 0;
    }

    .contact .content {
        margin-top: 1rem;
        display: block;
    }

    .contact .content .left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .contact .content .right {
        width: 100%;
        padding-left: 0;
        margin-top: 1rem;
    }

    .contact .content .right .tit-48 {
        font-size: 24px;
    }

    .contact .content .right .list .li .tit-17 {
        font-size: 14px;
    }

    .news-info .cont {
        width: 100%;
    }

    .news-info {
        padding: 1.5rem 5%;
    }

    .news-info .cont .tit {
        font-size: 28px;
    }

    .news-info .cont .sub-t {
        display: flex;
        margin-top: 1rem;
        flex-direction: column;
    }

    footer .footer .top .li .phone .lh1 {
        font-size: 15px;
    }

    footer .footer .top .li .phone {
        display: flex;
        margin-top: 0.85rem;
        align-items: center;
        float: left;
        width: 50%;
        margin-top: 0;
    }

    footer .footer .top .li .emlis {
        width: 50%;
        float: left;
        margin-top: 0;
    }

    footer .footer .top .li .more {
        width: 100%;
        float: left;
        margin-top: 1rem;
        padding: 20px 0;
    }

    footer .footer .top .li .more .tit-16 {
        font-size: 18px;
    }

    footer .footer .top .li .more svg {
        right: 32%;
    }

    .sus-d .list .li {
        margin-right: 0;
    }

    .home-b .content .swiper-slide {
        height: 16rem;
    }

    footer .footer .top .li .more .tit-16 {
        font-size: 15px;
    }

    footer .footer .top .li .more {
        margin-top: 0.5rem;
    }

    footer .footer .top .li .share-list {
        display: flex;
        margin-top: 4rem;
        width: 100%;
        justify-content: center;
    }

    .home-b .content .swiper-slide .txt .top::after {
        height: 2px;
    }

    .home-c .content .numlist .li .top .num {
        letter-spacing: -2px;
    }

    .home-c .content .txt .t1 {
        line-height: 1.6;
    }

    .pd-b {
        padding-top: 0;
    }

    .pd-b .li .pimg .t {
        font-size: 26px;
    }

    .pd-b .li .lis.lis3 {
        height: 10rem;
    }

    .sinfo-a .bg {
        width: 100%;
        height: 11rem;
        background-attachment: initial;
    }

    .sinfo-a .content {
        margin-top: 0rem;
    }

    .sinfo-a .bg {
        height: 8rem;
    }

    .sinfo-a .content .left .t2 {
        font-size: 28px;
    }

    .kls-fix {
        display: none;
        bottom: 3rem;
    }

    .mkls-fix {
        position: fixed;
        bottom: 1rem;
        z-index: 999;
        right: 0.425rem;
    }

    .mkls-fix .li {
        display: block;
        margin-bottom: 0.5rem;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #F4C520;
        position: relative;
        transition: all 0.5s;
    }

    .mkls-fix.on .li {
        background-color: #888888;
    }

    .mkls-fix .li .op1 {
        opacity: 1;
    }

    .mkls-fix .li .op2 {
        opacity: 0;
    }

    .mkls-fix.on .li .op2 {
        opacity: 1;
    }

    .mkls-fix.on .li .op1 {
        opacity: 0;
    }

    .kls-fix a {
        background-color: #F4C520;
    }

    .kls-fix a:first-child svg {
        fill: #F4C520;
    }

    .home-c .content .numlist .li {

        flex-direction: column;
        align-items: center;
    }

    .home-c .content .numlist .li .icon {
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .home-c .content .numlist .li .top {
        justify-content: center;
    }

    .home-c .content .numlist .li {
        margin: 0.5rem 0;
        padding: 0;
    }

    .home-c .content .numlist {
        width: 100%;
    }

    .hd-container {
        overflow: hidden;
        padding: 0;
    }

    .hd-container .swiper-slide:hover {
        box-shadow: none;
    }

    .pc-header .right_btn .lan .libox {
        transition: none;
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
        display: none;
        top: 140%;
    }

    .kls-form .li1.cli {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .checklist {
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

    .checklist .checkbox {
        margin-bottom: 0;
    }

    .contact .content .left .checklist .checkbox {
        margin-right: 0.5rem;
    }

    .kls-form .li1.cli {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

    }

    .download .list a .img img {
        max-width: none;
    }

    .download .list a {
        margin-right: 0;
    }

    .download .list a .txt {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .download .list a .txt .down {
        width: auto;
    }

    .don-doilg .do-box {
        width: 90%;
        background-color: #fff;
        padding: 1rem 0.5rem;
    }

    .don-doilg .do-box .tit-24 {
        line-height: 1.2;
        font-size: 18px;
    }

    .kls-form .li7 {
        margin-top: 0.25rem;
    }

    .kls-form .li5 {
        margin-top: 1rem;
    }

    .kls-form .li5 .tit-16 {
        font-size: 12px;
    }

    .kls-form .li7 {
        font-size: 12px;
    }

    .don-doilg .kls-form .submit {
        display: block;
    }

    .don-doilg .massage {
        width: 100%;
        font-size: 12px;
        margin-top: 0.5rem;
    }

    .sup-b .list .li .tit-16 {
        position: relative;
        width: auto;
    }

    .about-c .txt {
        width: 95%;
    }

    header .warp-nav .nav .sec-list br {
        display: none;
    }

    .play-btn {
        width: auto;
    }



    .pd-b .li .lis:hover {
        box-shadow: 0px 0px 13px 0px rgb(28 22 23 / 13%);
    }

    .pd-b .more svg {
        right: 0.5rem;
    }

    .sd-container .swiper-slide .tip .li .tit-18 {
        font-size: 13px;
    }

    .news-info .cont .tit {
        font-size: 24px;
    }

    .sinfo-b .content .left {
        min-height: auto;
    }

    .download .list a .txt .t2 {
        margin-top: 0.25rem;
    }


    .case .list a .tip .li .tit-13 {
        font-size: 13px;
    }

    .sus-a .txt {
        font-size: 16px;
    }

    .sus-a,
    .sus-b .txt .tit-36 {
        font-size: 16px;
    }

    .home-d {
        padding-bottom: 1rem;
    }

    .home-b .content .swiper-slide .txt .t2 {
        display: none;
    }

    .download .table .li {
        margin-right: .75rem;
    }

    .ind-info-b .content .list .more {
        margin-top: 1rem;
    }

    .ind-info-b .content .list .t2 {
        font-size: 14px;
    }

    .ind-info-b .content .list .numlist .li .nums {
        margin-bottom: 0.25rem;
    }

    .ind-info-b .content .list .cont {
        padding: 1.5rem 1rem;
    }

    .case .list a:nth-child(3n) {
        margin-right: 0;
    }

    .sup-d .list .li .content .box-list .box {
        margin-right: 0;
    }

    .sup-d .list .li .content .box-list .box:nth-child(3n) {
        margin-right: 0;
    }

    .download .list a:nth-child(3n) {
        margin-right: 0;
    }



    .sup-b .t3 {
        width: 100%;
    }

    .download .list {
        margin-bottom: 0;
    }

    .sinfo-b .content .left {
        height: auto;
    }

    .sd-container .swiper-slide .tip .li {
        margin: 0 0.2rem;
    }

    .sd-container .swiper-slide .tip {
        justify-content: space-between;
    }

    .idt .tit-30 {
        font-size: 18px;
    }

    .idt svg {
        bottom: 0.25rem;
    }

    .case .table .li.on {
        color: #F4C520;
    }

    .case .table .li.on::after {
        width: 0;
    }

    .case .table .li:hover::after {
        width: 0;
    }

    .pad0 {
        padding: 0 5% 1rem;
    }

    .case-info-b {
        padding-bottom: 1rem;
    }

    .news-info .cont .bot .blaock {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .about-c .histry .his-container .swiper-slide {
        font-size: .5rem;
    }

    .about-c .histry .his-container .swiper-slide.on {
        font-size: .7rem;
    }

    .sub-banner.aboutsb {
        height: auto;
    }

    .e-det .txt {
        position: relative;
        color: #000;
        padding-top: 0.5rem;
        background-color: #eee;
    }

    .e-det {
        height: auto;
    }

    .e-det-b .content {
        margin-bottom: 1rem;
    }

    .supc-container .swiper-slide {
        background: rgba(0, 0, 0, .7);
    }

    .download .table .li.on {
        color: #F4C520;
    }

    .download .table .li.on::after {
        width: 0;
    }

    .download .table .li:hover::after {
        width: 0;
    }

    .bg.sut {
        background-position-x: 23%;
    }

    .kls-fix a .tel {
        display: none !important;
    }

    .about-d .mb-list {
        display: none !important;
    }

    .pd-b .li .lis.lis3 {
        display: block;
    }

    .indu .list a:nth-child(3n) {
        margin-right: 0rem;
    }

    .sus-b {
        height: 26rem;
    }

    .ot-sdk-row {
        width: 100%;
        right: 0;
        bottom: 0;
        max-width: none;
    }

    .prdl {
        height: auto;
    }

    .news-list .list a .img {
        height: auto;
    }

    .case-info .tip .li {
        margin: 0 0.3rem;
    }

    .pd-b .li .lis:hover {
        box-shadow: 0px 0px 3px 0px rgb(28 22 23 / 13%)
    }

    .pd-c .list .li:hover {
        background-color: transparent;
    }

    .pd-c .list .li:hover .icon {
        filter: grayscale(0%) brightness(100%) !important;
    }

    .pd-a .right .play:hover .icon {
        transform: scale(1);
    }

    .pd-a .right:hover .bg {
        transform: scale(1);
    }

    .more:hover svg {
        opacity: 1;
        right: 0;
        fill: #fff;
    }

}