.pcblock {
    display: block!important;
}
.mblock {
    display: none!important;
}
.mflex {
    display: none!important;
}
.pcflex {
    display: flex!important;
}
.nav-f__img {
    display: none;
}
@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 997px) {}

@media screen and (max-width: 768px) {
    .pcblock {
        display: none!important;
    }
    .mblock {
        display: block!important;
    }
    .mflex {
        display: flex!important;
    }
    .pcflex {
        display: none!important;
    }
    html {
        font-size: calc(100vw/7.5)!important;
    }
    .m_header {
        display: flex!important;
    }
    .loading .first .logo {
        width: 90%;
    }
    .loading .first p {
        width: 90%;
    }
    .index .index-swiper .swiper-slide .pos-cont .tit {
        font-size: .4rem;
        color: #FFF;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: .46rem;
    }
    .index .index-swiper .swiper-slide .pos-cont {
        width: 6.7rem;
        top: 1.8rem;
        left: .4rem;
        transform: translateX(0);
    }
    .main-more {
        width: 2.04rem;
        height: .68rem;
        line-height: .68rem;
        padding-left: .3rem;
        padding-right: 0;
        border-radius: .34rem;
        font-size: .24rem;
    }
    .main-more span {
        width: .48rem;
        height: .48rem;
        right: .1rem;
        padding: .17rem .11rem;
    }
    .index .index-swiper .page {
        font-size: .24rem;
        left: .4rem;
        bottom: 1.2rem;
    }
    .index .index-swiper .page .current {
        font-size: .48rem;
        margin-right: .12rem;
    }
    .scrolldown {
        display: none;
    }
    .index .index-swiper .swiper-pagination {
        right: .4rem;
        bottom: 1.2rem;
        height: .4rem;
        display: flex;
        align-items: center;
        column-gap: 0.16rem;
    }
    .index .index-swiper .swiper-pagination .swiper-pagination-bullet {
        width: .08rem;
        height: .08rem;
    }
    .index .index-swiper .swiper-pagination .swiper-pagination-bullet {
        margin: 0 .08rem;
    }
    .index .index-swiper .swiper-pagination circle {
        r: .16rem;
    }
    .footer .top .lt {
        width: 1.6rem;
    }
    .footer .top .lt .logo {
        width: 1.6rem;
    }
    .footer .top .rt {
        flex-direction: column;
        width: 3.18rem;
        gap: .24rem;
    }
    .footer .top .rt .share {
        column-gap: .2rem;
    }
    .footer .top .rt .share a {
        width: .64rem;
        height: .64rem;
    }
    .footer .top .rt .link p {
        width: 3.18rem;
        height: .56rem;
        line-height: .56rem;
        padding: 0 .2rem;
        font-size: .18rem;
        border-radius: .08rem;
    }
    .footer .top .rt .link p::after {
        right: .2rem;
    }
    .footer .top .wrap {
        padding: 1.6rem 0 .4rem;
    }
    .footer .mid .lt {
        /*display: none;*/
        width: 100%;
        padding: .36rem .6rem;
    }
    .footer .mid .wrap {
        /*width: 6.3rem;*/
        padding: .36rem 0 0;
        flex-direction: column-reverse;
        width: 100%;
        max-width: 100%;
    }
    .nav-f {
        display: flex;
        justify-content: space-between;
        /*margin-bottom: .36rem;*/
    }
    .nav-f__img {
        display: block;
        width: .24rem;
        height: .24rem;
    }
    .footer .mid .rt {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: .36rem;
        padding: 0 .6rem .36rem;
        border-bottom: 1px solid #F1F2F4;
        /*gap: 0;*/
    }
    .footer .mid .rt .li p {
        margin-bottom: 0;
        color: #333;
        font-size: .26rem;
        font-weight: 400;
        line-height: 1.61;
    }
    .footer .mid .rt .li {
        width: 100%;
    }
    .footer .mid .rt .li a {
        margin-bottom: .36rem;
    }
    .nav-a {
        display: none;
        margin-top: .36rem;
    }
    .mobile-showli {
        display: flex;
        align-content: center;
        justify-content: space-between;
    }
    .mobile-showli p {
        color: #333;
        font-size: .26rem;
        font-weight: 400;
        line-height: 1.61;
    }
    .mobile-showli img {
        width: .24rem;
        height: .24rem;
    }
    .footer .mid .lt .li {
        margin-bottom: .36rem;
    }
    .contact-ul {
        display: none;
        margin-top: .36rem;
    }
    .footer .mid .wrap::after {
        content: none;
    }
    .footer .btm .wrap {
        flex-direction: column;
    }
    .footer .btm {
        padding: .24rem 0;
    }
    .footer .btm .wrap {
        width: 6.7rem;
    }
    .footer .btm .lt {
        margin-bottom: .08rem;
    }
    .footer .btm .lt a {
        color: #FFF;
        font-size: .18rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.55;
    }
    .footer .btm .rt,.footer .btm .rt a {
        color: #FFF;
        font-size: .18rem;
        font-weight: 400;
        line-height: 1.55;
    }
    .footer .btm .rt a {
        margin-left: .1rem;
    }
    .index .box1 .lt {
        width: 100%;
    }
    .main-tit {
        color: #333;
        font-size: .42rem;
        font-weight: 500;
        line-height: 1.61;
        text-align: center;
        margin-bottom: .6rem;
    }
    .index .box1 {
        opacity: 1;
        visibility: unset;
        padding-top: 1.2rem;
        position: static;
        height: auto;
    }
    .index .box1 .wrap {
        flex-direction: column;
        width: 6.7rem;
        max-width: 6.7rem;
    }
    .index .box1 .wrap {
        transform: scale(1);
    }
    .index .box1 .lt {
        transform: translateX(0);
        opacity: 1;
    }
    .index .box1 .lt .txt {
        margin-top: .24rem;
        color: #333;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.58;
    }
    .index .box1 .lt div {
        color: #333;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.58;
    }
    .index .box1 .lt .txt-desc {
        margin-top: 2.1rem;
        color: #666;
        font-size: .24rem;
        font-weight: 300;
        line-height: 1.58;
    }
    .index .box1 .lt .main-tit {
        font-size: .42rem;
        font-weight: 500;
        line-height: 1.61;
    }
    .index .box1 .rt .pos-point {
        transform: translateX(0);
        opacity: 1;
        left: 3.79rem;
    }
    .index .box1 .rt .pos-point::before {
        width: 4.6rem;
        height: 4.6rem;
    }
    .index .box1 .rt .pos-point .point::after {
        width: 3.06rem;
        height: 3.06rem;
    }
    .index .box1 .rt .pos-point .point::before {
        width: 1.62rem;
        height: 1.62rem;
    }
    .index .box1 .rt .pos-point .point {
        width: .62rem;
        height: .62rem;
    }
    .index .box1 .rt {
        width: 6.7rem;
        height: 6.7rem;
        transform: translateY(0);
        position: relative;
        right: 0;
    }
    .index .box1 .rt .pos-point .intro {
        width: 5.5rem;
        /*height: 321px;*/
        padding: .32rem .46rem;
        left: -3.19rem;
        top: 1rem;
        border-radius: .2rem;
        /*transform: translateX(-50%);*/
    }
    .index .box1 .rt .pos-point .intro .h {
        color: #3377E6;
        font-size: .28rem;
        font-weight: 500;
        line-height: 1.57;
    }
    .index .box1 .rt .pos-point .intro .cont {
        margin-top: .24rem;
        padding-top: .24rem;
    }
    .index .box1 .rt .pos-point .intro .cont .li {
        margin-bottom: .12rem;
        gap: .12rem;
    }
    .index .box1 .rt .pos-point .intro .cont .li p {
        color: #666;
        font-size: .2rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .index .box1 .rt .pos-point .intro .cont .li span img {
        width: .24rem;
    }
    .index .box1 .rt .pos-point {
        top: 3.77rem;
    }
    .index .box1 .lt .more {
        margin-top: .62rem;
    }
    .index .box2 {
        position: static;
        opacity: 1;
        visibility: unset;
        height: auto;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .index .box2 .top .tit {
        display: none;
    }
    .index .box2 .top .tab {
        max-width: 100%;
        width: 100%;
        gap: .4rem;
    }
    .index .box2 .top .tab span {
        flex-shrink: 0;
        padding-bottom: .12rem;
    }
    .index .box2 .top .tab {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .index .box2 .top .tab::-webkit-scrollbar {
        height: 0;
    }
    .index .box2 .container {
        margin-top: .6rem;
        flex-direction: column;
    }
    .index .box2 .wrap {
        width: 6.7rem;
        max-width: 6.7rem;
    }
    .index .box2 .container .pic-box {
        position: static;
        width: 100%;
        height: auto;
        border-radius: .2rem;
        transform: translateY(0);
    }
    .index .box2 .container .pic-box .pic {
        position: static;
        display: none;
    }
    .index .box2 .container .pic-box .pic.show {
        display: block;
    }
    .index .box2 .container .pic-box .pic img {
        border-radius: .2rem;
    }
    .index .box2 .pos-bg {
        position: static;
        width: 100%;
        display: none;
    }
    .index .box2 .wrap {
        transform: scale(1);
        opacity: 1;
    }
    .index .box2 .top {
        opacity: 1;
        transform: translateY(0);
    }
    .index .box2 .container .intro {
        position: static;
        display: none;
    }
    .index .box2 .container .intro.show {
        display: block;
    }
    .index .box2 .container .intro-box {
        width: 100%;
        transform: translateX(0);
        margin-top: .8rem;
        background: url('../img/18.png') no-repeat;
    }
    .index .box2 .container .intro .h {
        color: #333;
        font-size: .42rem;
        font-weight: 500;
        line-height: 1.61;
    }
    .index .box2 .container .intro .txt {
        margin-top: .24rem;
        color: #666;
        font-size: .24rem;
        font-weight: 300;
        line-height: 1.58;
    }
    .index .box2 .container .intro .li-box .li {
        width: 2.76rem;
    }
    .index .box2 .container .intro .li-box .li span {
        width: .56rem;
        height: .56rem;
    }
    .index .box2 .container .intro .li-box .li p {
        width: 2.2rem;
        color: #333;
        font-size: .22rem;
        font-weight: 400;
        line-height: 1.63;
    }
    .index .box2 .container .intro .li-box {
        gap: .36rem .86rem;
        margin-top: .32rem;
    }
    .index .box2 .container .intro .more {
        margin-top: .62rem;
    }
    .index .box3 {
        position: static;
        height: auto;
        opacity: 1;
        transform: translateY(0);
        padding-top: 1.2rem;
    }
    .w1720 {
        width: 6.7rem;
        max-width: 6.7rem;
    }
    .index .box3 .wrap .tit {
        color: #333;
        font-size: .42rem;
        font-weight: 500;
        line-height: 1.61;
    }
    .index .box3 .sub {
        margin-top: 0;
        display: none;
    }
    .index .box3 .container {
        margin-top: .24rem;
    }
    .index .box3 .container .box {
        display: none;
    }
    .swiper-companynews-box {
        overflow: hidden;
        width: 6.7rem;
        margin: 0 auto;
        position: relative;
        padding-bottom: 1.8rem;
    }
    .index .box3 .container .li .pic img {
        border-radius: .1rem .1rem 0 0;
    }
    .index .box3 .container .li .intro {
        padding: .4rem .4rem .32rem;
    }
    .index .box3 .container .li .intro .time {
        color: #3377E6;
        font-size: .2rem;
        font-weight: 300;
        line-height: 1.6;
    }
    .index .box3 .container .li .intro .h {
        margin-top: .11rem;
        color: #333;
        font-size: .24rem;
        height: .76rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.58;
        display: -webkit-box; /* 弹性盒子模型 */
        -webkit-box-orient: vertical; /* 垂直排列 */
        -webkit-line-clamp: 2; /* 限制显示2行 */
        overflow: hidden;
    }
    .index .box3 .container .li .intro .txt {
        color: #666;
        font-size: .22rem;
        font-style: normal;
        font-weight: 300;
        line-height: 1.54;
        margin-top: .24rem;
    }
    .index .box3 .container .li .intro .more {
        margin-top: .16rem;
        color: #3377E6;
        font-size: .24rem;
        font-weight: 400;
        line-height: 1.58;
    }
    .swiper-pagination-companynews {
        left: 50%;
        transform: translateX(-50%);
    }
    .swiper-companynews-bar {
        position: absolute;
        bottom: 1.2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 2.4rem;
        height: 2px;
        background: #EEE;
    }
    .swiper-companynews-bar-thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 2px;
        background: #3377E6;
        border-radius: .1rem;
    }
    .about .box1 .top-con {
        flex-direction: column;
    }
    .about .box1 {
        padding-top: 1.2rem;
    }
    .about .box1 .top-con .tit .scr-el {
        font-size: .42rem;
    }
    .about .box1 .top-con .tit {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: .2rem;
    }
    .about .box1 .top-con .intro {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .about .box1 .top-con .intro .h {
        font-size: .42rem;
    }
    .about .box1 .top-con .intro .txt {
        font-size: .28rem;
        margin-top: .5rem;
    }
    .about .box2 {
        margin-top: 1.2rem;
    }
    .about .box2 .side-tit {
        font-size: .42rem;
        margin-top: 1.2rem;
    }
    .side-sub {
        font-size: .24rem;
        margin-top: .12rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide {
        flex-direction: column;
    }
    .about .box2 .swiper-box {
        padding: .4rem;
        margin-top: .6rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .pic {
        width: 100%;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro {
        width: 100%;
        padding: 0.4rem 0rem 0rem 0rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .h {
        font-size: .42rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .sub {
        margin-top: .12rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .sub {
        font-size: .22rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con {
        margin-top: .24rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con .h1 span {
        width: .56rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con .h1 {
        gap: .16rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con .h1 p {
        font-size: .22rem;
        color: #333;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con .tag {
        gap: .2rem;
    }
    .about .box2 .swiper-box .box2-swiper .swiper-slide .intro .con .tag p {
        height: .6rem;
        line-height: .6rem;
        padding: 0 0.2rem;
        box-shadow: none;
        border: 1px solid var(--vi);
    }
    .about .box2 .swiper-box .swiper-button-prev, .about .box2 .swiper-box .swiper-button-next {
        display: inline-flex;
        /*justify-content: flex-end;*/
        width: .56rem;
        height: .56rem;
        margin-top: 0.24rem;
        position: static;
    }
    .about .box3 {
        margin-top: 1.2rem;
        padding: 1.2rem 0;
    }
    .about .box3 .side-tit {
        font-size: .42rem;
    }
    .about .box3 .li-box {
        margin-top: .75rem;
    }
    .about .box3 .wrap .tit {
        font-size: .42rem;
    }
    .about .box3 .li-box .li {
        height: 4.3rem;
        padding: 0.6rem 0.5rem 0.5rem;
    }
    .about .box3 .li-box .li .h {
        font-size: .42rem;
    }
    .about .box3 .li-box .li .txt {
        font-size: .24rem;
    }
    .about .box4 {
        margin-top: 1.2rem;
    }
    .about .box4 .wrap .tit {
        font-size: .42rem;
    }
    .about .box4 .box4-top-swiper {
        margin-top: .6rem;
    }
    .about .box4 .box4-top-swiper .swiper-slide {
        width: 6rem;
        height: 6.8rem;
        padding: 0 0.2rem;
    }
    .about .box4 .box4-top-swiper .swiper-slide .pos-year {
        font-size: 1rem;
        right: 0.2rem;
    }
    .about .box4 .box4-top-swiper .swiper-slide .year {
        margin-top: .6rem;
        font-size: .28rem;
    }
    .about .box4 .box4-top-swiper .swiper-slide-active .year {
        font-size: .32rem;
    }
    .about .box4 .box4-top-swiper .swiper-slide .txt {
        font-size: .24rem;
    }
    .about .box5 .wrap .tit {
        font-size: .42rem;
    }
    .about .box5 {
        margin-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .about .box5 .swiper-box {
        margin-top: .6rem;
    }
    .about .box5 .box5-swiper .swiper-slide {
        width: 6rem;
    }
    .about .box5 .box5-swiper .swiper-slide .pic {
        height: 5rem;
    }
    .about .box5 .box5-swiper .swiper-slide .txt {
        height: 1rem;
    }
    .about .box5 .box5-swiper .swiper-pagination {
        margin-top: 1.2rem;
    }
    .about .box5 .swiper-box .swiper-button-prev, .about .box5 .swiper-box .swiper-button-next {
        width: .6rem;
        height: .6rem;
        bottom: -0.3rem;
    }
    .about .box5 .swiper-box .swiper-button-prev {
        right: .8rem;
    }
    .about .box5 .swiper-box .swiper-button-prev img {
        width: 60%;
    }
    .about .box5 .swiper-box .swiper-button-next img {
        width: 60%;
    }
    .about .box5 .box5-swiper .swiper-pagination {
        width: 5rem;
    }
    .news-block1 .news-ul .news-li .news-li-title {
        height: auto;
    }
    .news-block1 .news-ul .news-li {
        height: auto;
        aspect-ratio: 1;
        padding: 0.16rem 0.16rem 0.16rem 0.16rem;
    }
    .about-block7 .about-block7-swiper .swiper-slide {
        height: 6rem!important;
    }
    .about-block7 .about-block7-swiper {
        height: auto!important;
    }
    .about-block7 .about-block7-swiper .swiper-slide .about-block7-box {
        height: 5.7rem!important;
    }
    .about .box4 .box4-btm-swiper::after {
        content: none;
    }
    .about .box4 .box4-btm-swiper .swiper-slide .txt {
        margin-top: .4rem;
        font-size: .28rem;
    }
    .about .box4 .box4-btm-swiper .swiper-slide .slide_box .lind_d {
        display: none;
    }
    .about .box5 .pos-bg {
        top: 0;
    }
    .about .box5 .pos-bg img {
        height: 100%;
    }
    #newBan .swiper-pagination {
        right: 0.4rem;
        bottom: 1.2rem;
        height: 0.4rem;
        display: flex;
        align-items: center;
        column-gap: 0.16rem;
    }
    #newBan .swiper-pagination circle {
        r: .16rem;
    }
    #newBan .swiper-pagination .swiper-pagination-bullet {
        width: 0.08rem;
        height: 0.08rem;
        margin: 0 0.08rem;
    }
    #newBan .swiper-slide .pos-cont {
        padding: 2.5rem 0.4rem 1.2rem;
    }
    #newBan .swiper-slide .pos-cont .sub {
        line-height: 1;
    }
    .news .top-box {
        flex-direction: column;
    }
    .news {
        padding: 1.2rem 0;
    }
    .news .top-box .tit {
        margin-bottom: .6rem;
    }
    .news .top-box .tab {
        width: 100%;
        justify-content: space-between;
        gap: 0;
    }
    .news .top-box .tab a {
        padding-bottom: .2rem;
    }
    .news .li-box {
        justify-content: space-between;
        margin-top: .6rem;
    }
    .news .li-box .li {
        width: 49%;
    }
    .news .li-box .li .pic {
        height: 2.5rem;
    }
    .news .li-box .li .intro {
        padding: .4rem .2rem;
    }
    .news .li-box .li .intro .time {
        font-size: .24rem;
    }
    .news .li-box .li .intro .tit {
        margin-top: .2rem;
        font-size: .28rem;
    }
    .news .li-box .li .intro .txt {
        margin-top: .2rem;
    }
    .news .li-box .li .intro .more {
        margin-top: .3rem;
    }
    .news .li-box {
        gap: 0;
        row-gap: .3rem;
    }
    .news .li-box .li .pic .tag {
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
    }
    .news .page-box {
        margin-top: .6rem;
    }
    .page-box a {
        width: .6rem;
        height: .6rem;
        line-height: .6rem;
    }
    #newBan .swiper-slide .pos-cont .tit {
        font-size: .28rem;
    }
    #newBan .swiper-slide .pos-cont {
        padding: 2.5rem 0.4rem 1.2rem;
    }
    #newBan .swiper-slide .pos-cont .sub {
        line-height: 1;
        font-size: .42rem;
    }
    .culture {
            padding: 1.2rem 0;
    }
    .culture .li-box .li {
        flex-direction: column;
        padding: 0.4rem 0;
        gap: .3rem;
    }
    .culture .li-box .li .pic {
        width: 100%;
    }
    .culture .li-box .li .intro {
        width: 100%;
    }
    .culture .li-box .li .intro .txt {
        margin-top: .2rem;
    }
    .culture .li-box .li .intro .more {
        margin-top: .3rem;
    }
    .culture .li-box .li .intro .h {
        line-height: 1.3;
    }
    .culture .li-box .li .intro .more span {
        width: .35rem;
    }
    .culture .li-box .li .intro .more p {
        font-size: .28rem;
    }
    .culture .page-box {
        margin-top: .6rem;
    }
    .recruit .box1 {
        padding-top: 1.2rem;
    }
    .recruit .box1 .wrap .tit {
        font-size: .42rem;
    }
    .recruit .box1 .side-sub {
        font-size: .24rem;
    }
    .recruit .box1 .container {
        margin-top: .6rem;
        flex-direction: column;
    }
    .recruit .box1 .container .lt {
        width: 100%;
        height: 4rem;
        border-radius: 0.2rem;
    }
    .recruit .box1 .container .rt {
        width: 100%;
        padding: .4rem;
        border-radius: 0.15rem;
        margin-top: .2rem;
    }
    .recruit .box1 .container .rt .li .top-bots .tit {
        font-size: .42rem;
    }
    .recruit .box1 .container .rt .li .btn-bots {
        font-size: .28rem;
    }
    .recruit .box1 .container .rt .li {
        padding-bottom: 0.4rem;
        margin-bottom: 0.4rem;
    }
    .recruit .box1 .container .rt .li .top-bots .tit {
        font-size: .28rem;
    }
    .recruit .box2 {
        margin-top: 1.2rem;
    }
    .recruit .box2 .wrap .side-tit {
        font-size: .42rem;
    }
    .recruit .box2 .wrap .side-sub {
        font-size: .24rem;
    }
    .recruit .box2 .li-box {
        margin-top: .6rem;
        gap: .25rem;
    }
    .recruit .box2 .li-box .li {
        width: 100%;
        height: auto;
        padding: .4rem;
    }
    .recruit .box2 .li-box .li .icon {
        width: .6rem;
        height: .6rem;
    }
    .recruit .box2 .li-box .li .h {
        margin-top: .4rem;
    }
    .recruit .box2 .li-box .li .h {
        font-size: .28rem;
    }
    .recruit .box2 .li-box .li .txt {
        font-size: .28rem;
        margin-top: .3rem;
    }
    .recruit .box3 {
        padding: 1.2rem 0;
    }
    .recruit .box3 .wrap .side-tit {
        font-size: .42rem;
    }
    .recruit .box3 .side-sub .wrap {
        font-size: .24rem;
    }
    .recruit .box3 .li-tit {
        margin-top: .6rem;
        height: 1.2rem;
    }
    .recruit .box3 .li-box {
        margin-top: .25rem;
    }
    .recruit .box3 .li-box .li {
        margin-bottom: .25rem;
    }
    .recruit .box3 .li-tit p {
        font-size: .24rem;
    }
    .recruit .box3 .li-box .li .top-bots p {
        font-size: .2rem;
    }
    .recruit .box3 .li-box .li .top-bots {
        height: 1.2rem;
    }
    .recruit .box3 .li-box .li .top-bots a {
        display: flex;
        align-items: center;
    }
    .recruit .box3 .li-box .li .top-bots span {
        margin-right: 0;
        display: block;
        width: .2rem;
    }
    .banner .ban-intro {
        width: 6.7rem;
        top: 1.8rem;
        left: 0.4rem;
        transform: translateX(0);
    }
    .banner .ban-intro .txt {
        font-size: .4rem;
    }
    .banner .ban-intro .more {
        margin-top: .4rem;
    }
    .company .box1 {
        padding: 1.2rem 0;
    }
    .company .box1 .wrap {
        flex-direction: column;
    }
    .company .box1 .pic {
        width: 100%;
        border-radius: 0.25rem;
    }
    .company .box1 .intro {
        width: 100%;
    }
    .company .box1 .intro .sub {
        font-size: .28rem;
    }
    .company .box1 .intro .h {
        font-size: .42rem;
    }
    .company .box1 .intro .txt {
        font-size: .28rem;
    }
    .company .box1 .intro .li-box {
        gap: 0;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .company .box1 .intro .li-box .li {
        width: 3.1rem;
    }
    .company .box1 .intro .li-box .li {
        gap: .1rem;
    }
    .company .box1 .intro .li-box .li .icon {
        width: .6rem;
        height: .6rem;
    }
    .company .box1 .intro .more {
        margin-top: .4rem;
    }
    .company .box2 .sub {
        font-size: .24rem;
    }
    .company .box2 .tit {
        font-size: .42rem;
    }
    .company .box2 .box2-swiper .swiper-slide {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .company .box2 .box2-swiper {
        margin-top: .6rem;
    }
    .company .box2 .box2-swiper .swiper-slide .intro {
        width: 100%;
        padding: .4rem;
        position: static;
    }
    .company .box2 .box2-swiper .swiper-slide .intro .txt {
        margin-top: 0;
    }
    .company .box2 .box2-swiper .swiper-slide .pic {
        height: auto;
    }
    .company .box2 .box2-swiper .swiper-slide .pic img {
        max-width: 80%;
    }
    .company .box2 .box2-swiper .swiper-button-prev, .company .box2 .box2-swiper .swiper-button-next {
        width: .6rem;
        height: .6rem;
    }
    .company .box2 .box2-swiper .swiper-button-prev {
        left: .2rem;
    }
    .company .box2 .box2-swiper .swiper-button-prev img {
        width: .3rem;
    }
    .company .box2 .box2-swiper .swiper-button-next {
        right: .2rem;
    }
    .company .box2 .box2-swiper .swiper-button-next img {
        width: .3rem;
    }
    .company .box2 {
        padding-bottom: 1.2rem;
    }
    .company .box4 .sub {
        font-size: .24rem;
        text-align: center;
    }
    .company .box4 .tit {
        font-size: .42rem;
        text-align: center;
    }
    .company .box4 .box4-swiper .swiper-slide {
        flex-direction: column;
    }
    .company .box4 .box4-swiper .swiper-slide .pic {
        width: 100%;
        height: 3.5rem;
    }
    .company .box4 .box4-swiper .swiper-slide .intro {
        width: 100%;
        padding: .4rem;
    }
    .company .box4 .box4-swiper .swiper-slide .intro .h {
        font-size: .32rem;
        margin-bottom: .2rem;
    }
    .company .box4 .box4-swiper .swiper-slide .intro .txt {
        font-size: .28rem;
    }
    .company .box4 .box4-swiper .swiper-button-prev, .company .box4 .box4-swiper .swiper-button-next {
        width: .6rem;
        height: .6rem;
        bottom: 1.6rem;
    }
    .company .box4 .box4-swiper .swiper-pagination {
        bottom: 1.7rem;
    }
    .company .box4 {
        padding-bottom: 1.2rem;
    }
    .company .box5 .wrap {
        flex-direction: column;
    }
    .company .box5 .lt {
        width: 100%;
        padding-top: .6rem;
    }
    .company .box5 .lt .sub {
        font-size: .24rem;
    }
    .company .box5 .lt .tit {
        font-size: .42rem;
    }
    .company .box5 .lt .more {
        margin-top: .4rem;
    }
    .company .box5 .rt {
        width: 100%;
        padding-right: 0;
        margin-top: .4rem;
    }
    .company .box5 .rt form {
        padding: .4rem;
    }
    .company .box5 .rt form .h {
        font-size: .32rem;
    }
    .company .box5 .rt form .box {
        margin-top: .4rem;
    }
    .company .box5 .rt form .box .li .h1 {
        font-size: .24rem;
    }
    .company .box5 .rt form .box .li {
        width: 100%;
    }
    .company .box5 .rt form .box .li textarea {
        height: 2rem;
    }
    .company .box5 .rt form .box .li.textarea {
        margin-top: .25rem;
        margin-bottom: 0;
    }
    .company .box5 .rt form .box .li input {
        height: .9rem;
    }
    .company .box5 .rt form .submit {
        margin-top: .25rem;
        height: 1rem;
    }
    .company .box5 {
        padding: 0 0 1.2rem;
    }
    .company .box4 .box4-swiper {
        margin-top: .6rem;
    }
    .company-info .box1 {
        padding: 1.2rem 0;
    }
    .company-info .box1 .top-box {
        flex-direction: column;
    }
    .company-info .box1 .top-box .lt {
        width: 100%;
    }
    .company-info .box1 .top-box .lt .sub {
        font-size: .24rem;
    }
    .company-info .box1 .top-box .lt .tit {
        font-size: .42rem;
    }
    .company-info .box1 .top-box .rt {
        width: 100%;
        margin-top: .4rem;
    }
    .company-info .box1 .pic {
        margin-top: .2rem;
    }
    .company-info .box1 .li-box .li {
        height: 3.2rem;
        padding: .4rem;
    }
    .company-info .box1 .li-box .li .icon {
        width: .6rem;
        height: .6rem;
    }
    .company-info .box1 .li-box .li .txt {
        margin-top: .4rem;
        font-size: .28rem;
    }
    .company-info .box2 {
        padding: 1.2rem 0;
    }
    .company-info .box2 .top-box {
        flex-direction: column;
    }
    .company-info .box2 .top-box .lt {
        width: 100%;
    }
    .company-info .box2 .top-box .lt .sub {
        font-size: .24rem;
    }
    .company-info .box2 .top-box .lt .tit {
        font-size: .42rem;
    }
    .company-info .box2 .top-box .rt {
        width: 100%;
        gap: 0.3rem;
    }
    .company-info .box2 .top-box .rt a {
        padding-bottom: .2rem;
    }
    .company-info .box2 .li-box {
        gap: 0;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: .6rem;
    }
    .company-info .box2 .li-box .li {
        width: 49%;
        padding: .4rem;
    }
    .company-info .box2 .li-box .li .h {
        margin-top: .25rem;
    }
    .company-info .box2 .li-box .li .h {
        font-size: .28rem;
    }
    .company-info .box2 .li-box .li .pic {
        margin-top: .25rem;
    }
    .company-info .box2 .li-box .li {
        height: auto;
    }
    .company-info .box2 .li-box .li .pic {
        height: auto;
    }
    .company-info .box2 .page-box {
        margin-top: .6rem;
    }
    .company-info .box3 {
        padding: 1.2rem 0;
    }
    .company-info .box3 .sub {
        font-size: .24rem;
    }
    .company-info .box3 .tit {
        font-size: .42rem;
    }
    .company-info .box3 .box3-swiper {
        margin-top: .6rem;
        padding-top: .6rem;
    }
    .company-info .box3 .box3-swiper .swiper-slide {
        width: 100%;
    }
    .company-info .box3 .box3-swiper .swiper-slide .intro {
        padding: .4rem;
    }
    .company-info .box3 .box3-swiper .swiper-slide .intro .year {
        font-size: .24rem;
    }
    .company-info .box3 .box3-swiper .swiper-slide .intro .h {
        font-size: .28rem;
    }
    .company-info .box3 .box3-swiper .swiper-slide .intro .txt {
        margin-top: .2rem;
        font-size: .24rem;
    }
    .company-info .box3 .box3-swiper .swiper-slide .intro .more {
        margin-top: .2rem;
    }
    .product {
        padding: 1.2rem 0;
    }
    .product .li-box {
        gap: 0;
        justify-content: space-between;
    }
    .product .li-box .li {
        width: 49%;
        padding: 0.4rem .2rem;
        height: auto;
        border-radius: .15rem;
        margin-bottom: .2rem;
    }
    .product .li-box .li .tit {
        font-size: .28rem;
    }
    .product .li-box .li .pic {
        margin: .3rem auto 0;
        height: auto;
        width: 80%;
    }
    .product .page-box {
        margin-top: .6rem;
    }
    .sales-form {
        width: 6.7rem;
        padding: .4rem 0;
        margin: 0 auto;
    }
    .sales-form {
        position: static;
    }
    .sales-form .tit {
        font-size: .28rem;
    }
    .sales-form form {
        margin-top: .4rem;
    }
    .sales-form form .li .h1 {
        font-size: .24rem;
    }
    .sales-form form .li.textarea {
        width: 100%;
    }
    .sales-form form .li textarea {
        height: 2rem;
    }
    .sales-form form .li input {
        height: 1rem;
    }
    .sales-form form .submit {
        height: 1rem;
    }
    .cooperate .box1 {
        padding: 1.2rem 0;
    }
    .cooperate .box1 .wrap {
        width: 6.7rem;
        margin: 0 auto;
    }
    .cooperate .box1 .sub {
        font-size: .24rem;
    }
    .cooperate .box1 .tit {
        font-size: .42rem;
    }
    .cooperate .box1 .box1-swiper {
        margin-top: .6rem;
        overflow: hidden;
    }
    .cooperate .box1 .box1-swiper .swiper-slide {
        width: 100%;
        margin: 0;
    }
    .cooperate .box1 .box1-swiper .swiper-button-prev, .cooperate .box1 .box1-swiper .swiper-button-next {
        width: .6rem;
        height: .6rem;
    }
    .cooperate .box1 .box1-swiper .swiper-button-prev::after, .cooperate .box1 .box1-swiper .swiper-button-next::after {
        font-size: .2rem;
    }
    .cooperate .box1 .box1-swiper .swiper-button-prev {
        left: .1rem;
    }
    .cooperate .box1 .box1-swiper .swiper-button-next {
        right: .1rem;
    }
    .cooperate .box1 .box1-swiper .swiper-slide .pos-cont {
        padding: 0 0.1rem;
        bottom: 0.2rem;
    }
    .cooperate .box2 .sub {
        font-size: .24rem;
    }
    .cooperate .box2 .tit {
        font-size: .42rem;
    }
    .cooperate .box2 .box2-swiper .swiper-slide {
        flex-direction: column;
    }
    .cooperate .box2 .box2-swiper .swiper-slide .pic {
        width: 100%;
        border-radius: .1rem;
    }
    .cooperate .box2 .box2-swiper {
        width: 6.7rem;
        margin: .6rem auto 0;
    }
    .cooperate .box2 .box2-swiper .swiper-slide .intro {
        width: 100%;
        padding: .4rem .2rem 1rem;
        line-height: 1.6;
        font-size: .28rem;
    }
    .cooperate .box2 .box2-swiper .swiper-button-prev, .cooperate .box2 .box2-swiper .swiper-button-next {
        width: .6rem;
        height: .6rem;
        bottom: 1rem;
    }
    .cooperate .box2 .box2-swiper .swiper-pagination {
        bottom: 1.15rem;
    }
    .cooperate .box2 .box2-swiper .swiper-button-next {
        left: 5.5rem;
    }
    .cooperate .box2 .box2-swiper .swiper-pagination {
        left: 4.5rem;
    }
    .cooperate .box2 .box2-swiper .swiper-button-prev {
        left: 3.5rem;
    }
    .cooperate .box3 {
        padding: 1.2rem 0;
    }
    .cooperate .box3 .sub {
        font-size: .24rem;
    }
    .cooperate .box3 .tit {
        font-size: .42rem;
    }
    .box2_pagination {
        position: absolute;
        bottom: .05rem;
        right: .2rem;
        display: flex;
        align-items: center;
    }
    .cooperate .box2 .box2-swiper .swiper-button-prev, .cooperate .box2 .box2-swiper .swiper-button-next {
        position: static;
    }
    .cooperate .box2 .box2-swiper .swiper-pagination {
        position: static;
        margin: 0 .2rem;
    }
    .cooperate .box3 .li-box {
        gap: 0;
    }
    .cooperate .box3 .li-box .li {
        width: 100%;
        height: auto;
        padding: 0.4rem;
    }
    .cooperate .box3 .li-box .li .icon {
        width: 0.6rem;
        height: 0.6rem;
    }
    .cooperate .box3 .li-box .li .h {
        margin-top: .4rem;
    }
    .cooperate .box3 .li-box .li .h {
        font-size: .28rem;
    }
    .cooperate .box3 .li-box .li .info {
        margin-top: .2rem;
        font-size: .32rem;
    }
    .cooperate .box3 .li-box {
        margin-top: .6rem;
    }
    .news-info .wrap {
        flex-direction: column;
    }
    .news-info .lf {
        width: 100%;
        border-radius: 0.2rem;
        padding: .4rem;
    }
    .news-info {
        padding: 1.6rem 0;
    }
    .news-info .lf .tit {
        font-size: .42rem;
    }
    .news-info .lf .intro {
        gap: 0;
    }
    .social-share .social-share-icon {
        width: 0.56rem;
        height: 0.56rem;
    }
    .news-info .lf .intro .share-box {
        gap: 0.15rem;
    }
    .news-info .lf .intro {
        justify-content: space-between;
    }
    .news-info .lf .intro .time {
        font-size: .24rem;
    }
    .news-info .lf .intro .share {
        gap: .05rem;
    }
    .news-info .lf .intro .share p {
        font-size: .24rem;
    }
    .news-info .lf .cont {
        padding-top: .4rem;
    }
    .news-info .lf .cont img {
        margin: 0.3rem 0;
    }
    .news-info .lf .cont img {
        height: auto;
    }
    .news-info .lf .cont video {
        width: 100%;
    }
    .news-info .rg {
        width: 100%;
        position: static;
        margin-top: .2rem;
    }
    .news-info .rg .recommend {
        padding: .4rem;
    }
    .news-info .rg .recommend .li-box {
        margin-top: .4rem;
    }
    .news-info .rg .recommend .li {
        margin-bottom: .4rem;
    }
    .news-info .rg .recommend .li .h {
        font-size: .28rem;
    }
    .news-info .rg .recommend .li .time {
        font-size: .24rem;
    }
    .news-info .rg .box {
        padding: .4rem 0 1.6rem;
    }
    .news-info .rg .box .tit {
        font-size: .28rem;
        padding-left: .4rem;
    }
    .news-info .rg .box .next {
        padding: 0 0.4rem;
    }
    .news-info .rg .box .tit {
        font-size: .32rem;
    }
    .news-info .rg .box .back {
        height: 1rem;
    }
    .detail-container .block1 {
        width: 6.7rem;
        flex-direction: column;
        margin: 0 auto;
    }
    .detail-container .block1 .swiper-detail {
        width: 100%;
        height: 5.675rem;
    }
    .detail-container .block1 .swiper-detail .swiper-button-mynext {
        width: .56rem;
        height: .56rem;
    }
    .detail-container .block1 .swiper-detail .swiper-button-myprev {
        width: .56rem;
        height: .56rem;
    }
    .detail-container .block1 .swiper-detail .swiper-button-myprev:after {
        width: .1125rem;
        height: .2rem;
    }
    .detail-container .block1 .swiper-detail .swiper-button-mynext:after {
        width: .1125rem;
        height: .2rem;
    }
    .detail-container .block1 .block1-right .block1-right-en {
        font-size: .28rem;
        padding-top: .4rem;
    }
    .detail-container .block1 .block1-right .block1-right-title {
        font-size: .42rem;
    }
    .detail-container .block1 .block1-right .block1-right-title {
        margin-bottom: .3rem;
    }
    .detail-container .block1 .block1-right .block1-right-desc {
        margin-bottom: .5rem;
    }
    .detail-container .block1 .block1-right .block1-info .block1-right-tag {
        padding-bottom: .25rem;
        width: 100%;
    }
    .detail-container .block1 .block1-right .block1-info .block1-right-item {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .detail-container .block1 .block1-right .block1-info .block1-infobox {
        height: 6rem;
    }
    .detail-container .block1 {
        padding-bottom: .3rem;
    }
    .detail-container .block2 .block2-con .block2-tag {
        font-size: .28rem;
    }
    .detail-container .block2 .block2-con .block2-title {
        font-size: .42rem;
    }
    .swiper-block2 {
        width: 6.7rem;
        margin: 0 auto;
    }
    .detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide {
        width: 100%;
        height: 3.9rem;
        margin-right: 0;
    }
    .detail-container .block1 .block1-right {
        width: 100%;
    }
    .detail-container .block1 .block1-right .block1-info .block1-right-item {
        width: 100%;
    }
    .detail-container .block2 .block2-con {
        width: 100%;
    }
    .detail-container .block2 {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    .detail-container .block2 .block2-con .block2-swiper {
        margin-top: .4rem;
    }
    .detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2 {
        width: 0.56rem;
        height: 0.56rem;
        right: 0.5rem;
    }
    .detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2:after {
        width: .1125rem;
        height: .2rem;
    }
    .detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2 {
        width: 0.56rem;
        height: 0.56rem;
        left: 0.5rem;
    }
    .detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2:after {
        width: .1125rem;
        height: .2rem;
    }
    .detail-container .block3 .block3-core {
        width: 6.7rem;
    }
    .detail-container .block3 {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    .detail-container .block3 .block3-con .block3-tag {
        font-size: .28rem;
    }
    .detail-container .block3 .block3-con .block3-title {
        font-size: .42rem;
    }
    .detail-container .block3 .block3-con .block3-desc {
        width: 6.7rem;
        margin: 0.3rem auto;
    }
    .detail-container .block3 .block3-core {
        padding: .4rem;
    }
    .detail-container .block3 .block3-core {
        flex-direction: column;
    }
    .detail-container .block3 .block3-core .core-left {
        width: 100%;
    }
    .detail-container .block3 .block3-core .core-img {
        width: 100%;
        height: 3rem;
    }
    .detail-container .block3 .block3-core .core-left .core-ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .detail-container .block3 .block3-core .core-left .core-ul .core-li {
        width: 2.8rem;
        height: 3rem;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .detail-container .block3 .block3-core .core-left .core-ul .core-li img {
        /*width: 1rem;*/
        /*height: 1rem;*/
    }
    .detail-container .block3 .block3-core .core-left .core-ul {
        margin-bottom: .3rem;
    }
    .detail-container .block3 .block3-core .core-left .core__p {
        font-size: .28rem;
        line-height: 1.5;
        margin-bottom: .3rem;
    }
    .detail-container .block3 .block3-con {
        margin-bottom: .3rem;
    }
    .detail-container .block3 {
        background-size: cover;
    }
    .detail-container .block4 {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    .detail-container .block4 .block4-con {
        width: 6.7rem;
        flex-direction: column;
    }
    .detail-container .block4 .block4-con .block4-left .block4-tag {
        font-size: .28rem;
        text-align: center;
    }
    .detail-container .block4 .block4-con .block4-left .block4-title {
        text-align: center;
        font-size: .42rem;
    }
    .detail-container .block4 .block4-con .block4-left {
        width: 100%;
    }
    .detail-container .block4 .block4-con .block4-right {
        width: 100%;
        margin-top: .4rem;
        font-size: .24rem;
    }
    .detail-container .block4 {
        background-size: 100% auto;
        background-position: top center;
    }
    .detail-container {
        padding: 2.3rem 0 0;
    }
    .block1-progress {
        display: none;
    }
    /*.swiper-pagination-bullet {*/
        
    /*}*/
}