/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header{position: sticky;top: 0;left: 0;width: 100%;background-color: transparent;padding:10px 15px;
/*z-index: 98;*/
z-index: 1000;
height: 1.2rem;
/*display:flex!important;*/
justify-content:space-between;transition:all 0.5s;}
.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header .logo{
    /*width: 62px;*/
    width: 2.5rem;
}
.m_header .logo img{width: 100%;display:block;}
.m_header .right{display: flex;align-items: center;}
.m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto;}
/*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
/*.m_header .right .tel img{width: 100%;}*/
.m_header .right .ser{width: 20px;margin-right: 18px;}
.m_header .right .ser img{width: 100%;}
.m_header .btn{display: block;
    position: relative;
    width: 22px;
}
.m_header .btn{margin-right: 0;cursor: pointer;
/*height: 37px;*/
height: auto;
/*padding-top: 16px;*/
padding-top: 0px;  
}
.m_header .btn.hide{opacity: 0;}
.m_header .btn div{
    display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
}
.m_header .btn div:nth-child(1){
    transform: translate(0,-8px);
    
}
.m_header .btn div:nth-child(2){
    /*transform: translate(12px,0);width: 12px;*/
    transform: translate(0px,0);width: 22px;
}
.m_header .btn div:nth-child(3){
    transform: translate(0px,8px);
    
}

/*.m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}*/
/*.m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}*/
/*.m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}*/
.m_header.show .btn div:nth-child(1) {
    transform: rotate(45deg);
}
.m_header.show .btn div:nth-child(3) {
    transform: rotate(-45deg);
}
.m_header.show {
    box-shadow: 0 2px 15px #dfdfdf;
}
.m_header{
    /*display: flex!important;*/
    display: flex;justify-content: space-between;align-items: center}
.m_header.show .btn div:nth-child(2) {
    display: none;
}
.mh_nav{display: block!important;}
.mh_nav{position: fixed;top: 0;
/*left: 10%;*/
/*width: 90%;*/
left: 0;
width: 100%;
transform: translateX(120%);z-index: 999;background-color: #fff;
height: 100vh;
height: 100%;
overflow: auto;
/*padding: 50px 15px;*/
padding: 1.2rem 15px;
transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{
    position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;
    display: none;
}
.mh_nav .nav>li{
    /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
    position: relative;
    /*padding-right: 40px;*/
    padding-right: 0;
}
.mh_nav .nav>li>a{
    line-height: 60px;
    font-size: 16px;
    display: block;font-family:hm;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.mh_nav .nav>li:after{content: "";position: absolute;right: 0;
top:20px;transition: all 0.5s; 
width: 24px;height: 24px;
background: url(../images/svg/hx_add.svg)no-repeat center;
/*background-size:auto 100%;*/
background-size:12px 12px;
transform: rotate(-90deg);}
.mh_nav .nav>li.on:after{transform: rotate(0deg);}
.mh_nav .nav>li:first-child:after{display: none;}
.mh_nav .nav>li .nav1{
    /*padding: 15px;*/
    line-height: 24px; 
    display: none;
    font-size: 14px;
    font-family:hm;
    padding-right: 0;
    padding-top: 0;
}
.navfa.noicon::after {
    display: none!important;
}
.mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
.mh_nav .nav>li .nav1 a{padding:6px 0;}
.mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
.mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;border-bottom: 1px solid #E8E8E8;width: 100%}
.mh_nav .nav>li .nav3 {
    /*display: none;*/
}
.nav2 a {
    margin-top: .1rem;
    margin-bottom: .1rem;
}
.haschild {
    position: relative;
}
.haschild__add {
    display: none;
    position: absolute;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
}
.haschild__add__img {
    width: 12px;
    height: 12px;
}
.haschild .haschild__add {
    display: flex;
    justify-content: center;
    align-items: center;
}
.m_header .right .search {
    margin-right: .25rem;
}
.loginbox {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .3rem;
    margin-top: .5rem;
}
.loginbox-lang {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-primary);
}
.loginbox-lang img {
    display: block;
    width: 50%;
}
.loginbox-tel {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-primary);
}
.loginbox-tel img {
    display: block;
    width: 35%;
}
.mh_nav .tel {
    margin-left: 0.29rem;
    width: 5.5rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
    background: var(--color-primary);
    color: #fff;
    font-size: .28rem;
}
.mh_nav .tel img {
    width: 0.2rem;
    margin-right: 0.13rem;
    transform: translateY(-1px);
}
.loginbox-login img {
    width: 40%;
}
.loginbox-logout img {
    width: 52%;
}

.pcblock {
    display: block!important;
}
.mblock {
    display: none!important;
}
.pcflex {
    display: flex!important;
}
.mflex {
    display: none!important;
}

@media screen and (max-width: 1000px) {
    html {
        font-size: calc(100vw / 10)!important;
    }
    .ovh {
        height: 100vh;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    .ovh::-webkit-scrollbar {
        width: 0;
        display: none;
    }
    .ovh::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent;
    }

    .pcblock {
        display: none!important;
    }
    .mblock {
        display: block!important;
    }
    .pcflex {
        display: none!important;
    }
    .mflex {
        display: flex!important;
    }
    .w1680 {
        padding: 0 .4rem;
    }
    .in1 {
        margin-top: 1rem;
    }
    .main_title .t1 {
        font-size: .42rem;
    }
    .in1 .list {
        margin-top: .4rem;
    }
    .in1 .list .top {
        flex-direction: column;
    }
    .in1 .list .top .item:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: .2rem;
    }
    .in1 .list .top .item:nth-child(2) {
        width: 100%;
    }
    .in1 .list .item .txt {
        bottom: 0;
        padding-bottom: 0.43rem;
    }
    .in1 .list .item .txt .t1 {
        font-size: .24rem;
    }
    .in1 .list .item .txt .t2 {
        font-size: .28rem;
    }
    .in1 .list .item .txt .t3 {
        font-size: .22rem;
    }
    .web_btn {
        padding: 0.06rem 0.1rem 0.06rem 0.3rem;
    }
    .web_btn_white_bg .bxt {
        font-size: .2rem;
    }
    .web_btn .arr {
        width: .4rem;
        height: .4rem;
    }
    .in1 .list .bot {
        flex-direction: column;
    }
    .in1 .list .bot .left {
        width: 100%;
        margin-right: 0;
    }
    .in1 .list .bot {
        margin-top: .2rem;
    }
    .in1 .list .bot .left .item:nth-child(2) {
        margin-top: .2rem;
    }
    .in1 .list .bot .right {
        width: 100%;
        margin-top: .2rem;
    }
    .in1 .list .bot .right .rbot .lf {
        margin-right: .2rem;
    }
    .in1 .list .bot .right .rbot .rf {
        width: calc(464 / 1020 * 100% - 0.05rem);
    }
    .in1 .list .item .txt {
        padding: 0 0.2rem 0.2rem 0.2rem;
    }
    .in1 .list .bot .right .rbot .rf .txt {
        padding-bottom: .2rem;
    }
    .in1 .list .item .txt .web_btn {
        margin-top: .2rem;
    }
    .in1 .list .item:hover .txt .web_btn {
        margin-top: .2rem;
    }
    .in2 {
        margin-top: .6rem;
        /*padding-top: 1rem;*/
        /*padding-bottom: 3rem;*/
        padding-top: 3.5rem;
        padding-bottom: .5rem;
        background-size: auto 150% !important;
    }
    .main_title .t2 {
        font-size: .24rem;
        margin-top: .4rem;
    }
    .in2 .mbtn .web_btn {
        padding: 0.06rem 0.1rem 0.06rem 0.3rem;
    }
    .in2 .mbtn {
        margin-top: .6rem;
    }
    .web_btn_vi .bxt {
        font-size: .2rem;
    }
    .in1 .list .item:hover .txt {
        bottom: 0;
        padding-bottom: 0.2rem;
    }
    .in3 {
        margin-top: 1rem;
    }
    .in3 .list {
        margin-top: .4rem;
        aspect-ratio: 1;
    }
    .in3 .list .item {
        width: 100%;
        margin-right: 0;
        box-shadow: none;
    }
    .in3 .list .item:hover .imgbox img {
        transform: scale(1);
    }
    .in3 .list .item .status {
        font-size: .2rem;
    }
    .in3 .list .item .txtbox .t1 {
        font-size: .24rem;
    }
    .in3 .list .item:hover .txtbox .t2 {
        font-size: .28rem;
    }
    .in3 .list .item .txtbox .t2 {
        font-size: .28rem;
        color: var(--color-primary);
    }
    .in3 .list .item .txtbox .t3 {
        font-size: .24rem;
    }
    .in4 {
        padding: 1rem 0;
    }
    .in4 .ul .li {
        width: 50%;
        margin: 0;
    }
    .in4 .ul .li:nth-child(2) .ss {
        background: var(--color-primary);
    }
    .in4 .ul .li:nth-child(3n) .ss: {
        background: var(--color-primary);
    }
    .in4 .ul .li .ss:hover {
        background: #F9F9F9;
    }
    .in4 .ul .li .ss:hover .ico img {
        filter: unset;
    }
    .in4 .ul .li .ss:hover .txt .t1, .in4 .ul .li .ss:hover .txt .t2 {
        color: #000000;
    }
    .in4 .ul .li:nth-child(2) .ss:hover {
        background: var(--color-primary);
    }
    .in4 .ul .li:nth-child(2) a {
        color: #ffffff;
    }
    .in4 .ul .li:nth-child(2) .ss:hover .txt .t1 {
        color: #ffffff;
    }
    .in4 .ul .li:nth-child(3n) .ss:hover {
        background: var(--color-primary);
    }
    .in4 .ul .li:nth-child(3n) .ss {
        background: var(--color-primary);
    }
    .in4 .ul .li:nth-child(2) .ss .ico img {
        filter: var(--imgwhite);
    }
    .in4 .ul .li:nth-child(3n) .ss .ico img {
        filter: var(--imgwhite);
    }
    .in4 .ul .li:nth-child(2) .ss .txt .t2 {
        color: #ffffff;
    }
    .in4 .ul .li:nth-child(3n) .ss .txt .t2 {
        color: #ffffff;
    }
    .in4 .ul .li:nth-child(3n) .ss .txt .t1 {
        color: #ffffff;
    }
    .inban .txtbox .mbtn .web_btn {
        border-color: #fff;
        background: #fff;
    }
    .inban .web_btn_white .bxt{
        color: var(--color-primary);
    }
    .inban .web_btn_white .arr {
        background: var(--color-primary);
    }
    .inban .web_btn_white .arr img {
        filter: var(--imgwhite);
    }
    .inban .web_btn_white .bxt {
        font-size: .2rem;
    }
    .inban .txtbox .txt .t1 {
        font-size: .48rem;
    }
    
    /*产品*/
    .product-swiper .slide-box1 {
        background-size: cover;
    }
    .product-swiper .slide-box1 .txt .tit-24 {
        font-size: .28rem;
    }
    .product-swiper .slide-box1 .txt .tit-44 {
        font-size: .48rem;
    }
    .product-swiper .slide-box1 .txt {
        width: 100%;
    }
    .product-swiper .slide-box1 .desc {
        font-size: .24rem;
        padding-left: .4rem;
        padding-right: .4rem;
        top: 45%;
    }
    .product-swiper .slide-box1 .tags {
        column-gap: 0;
        row-gap: .2rem;
        flex-wrap: wrap;
    }
    .product-swiper .slide-box1 .tags .tag {
        width: 33.333%;
    }
    .product-swiper .slide-box1 .tags .tag p {
        font-size: .2rem;
    }
    .text-center {
        /*font-size: .48rem;*/
        font-size: .46rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .product-swiper .slide-box2 .scene-swiper {
        aspect-ratio: 750 / 250;
    }
    .product-swiper .slide-box2 .scene-swiper .swiper-slide img {
        /*height: 100%;*/
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .product-swiper .slide-box2 .box {
        width: 5.2rem;
    }
    .product-swiper .slide-box2 .box .item {
        font-size: .2rem;
    }
    .product-swiper .slide-box2 .box .item {
        margin: 0 .4rem;
    }
    .product-swiper .slide-box3 .pic {
        padding: .2rem;
        aspect-ratio: 750 / 550;
        margin-top: .4rem;
    }
    .slide-box3 .text-center {
        margin-top: 2rem;
    }
    .product-swiper .swiper-sys .swiper-slide {
        min-height: auto;
    }
    .product-swiper .slide-box4 .w1680 {
        justify-content: center;
        height: 100vh;
    }
    .product-swiper .slide-box4 .box .item .txt h6 {
        font-size: .28rem;
    }
    .footer .fce .ul {
        flex-direction: column;
    }
    .footer .fce .ul .li {
        margin-right: 0;
    }
    .footer .fce .ul .li .lv1 a {
        font-size: .28rem;
    }
    .footer .fce .ul .li .line {
        margin: .2rem 0;
    }
    .footer .fce .ul .li .lv2list {
        font-size: .22rem;
        display: none;
    }
    .footer .fce .ul .li .lv2list {
        height: auto;
        row-gap: .08rem;
    }
    .footer .fce .ul .li {
        margin-bottom: .25rem;
    }
    .footer .fce .ul .li .lv1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer .fce .ul .li .lv1 img {
        width: .3rem;
    }
    .footer .fce .ul .li .lv2 {
        height: auto;
    }
    .footer .fbt .w1680 {
        flex-direction: column;
    }
    .footer .fbt .lf {
        margin-bottom: .1rem;
    }
    .footer .fbt .lf a,.footer .fbt .lf .txt,.footer .fbt .rf a {
        font-size: .2rem;
    }
    .footer .fbt .lf .link {
        margin-right: 1em;
    }
    .proban {
        flex-direction: column-reverse;
        width: 6.7rem;
        margin: 0 auto;
        padding-top: .6rem;
        padding-bottom: 1.2rem;
    }
    .proban .pic {
        width: 100%;
    }
    .proban .pic .big-img {
        width: 100%;
    }
    .proban .pic .pic-sm {
        bottom: -0.75rem;
        width: 100%;
        justify-content: center;
    }
    .proban .pic .pic-sm .item {
        width: 1rem;
    }
    .proban .txt {
        width: 100%;
        padding: 0rem 0rem .4rem 0rem;
    }
    .proban .txt .tit-40 {
        font-size: .42rem;
    }
    .proban .txt .tip {
        font-size: .24rem;
        margin: 0.1rem 0 0.2rem;
    }
    .proban .txt .tit-16 {
        font-size: .22rem;
    }
    .pro3 {
        /*padding: 1rem 0 1rem;*/
        padding: 1rem 0 0rem;
    }
    .pro3 img {
        width: 6.7rem;
    }
    .pro2 {
        padding: 1rem .4rem .5rem;
    }
    .pro2 .pro2-swiper .swiper-slide .def .icon img {
        width: .5rem;
    }
    .pro2 .pro2-swiper .swiper-slide .def {
        padding: 0.4rem 0.38rem 0;
    }
    .pro2 .pro2-swiper .swiper-slide .act .tit-16 {
        font-size: .22rem;
    }
    .pro1 {
        padding: 0 .4rem 1rem;
    }
    .pro1 .pro1-swiper .swiper-slide .tit-16 {
        font-size: .22rem;
    }
    .pro1 .pro1-swiper .swiper-slide {
        aspect-ratio: auto;
        /*min-height: 7rem;*/
        /*min-height: 6rem;*/
    }
    .pro1 .pro1-swiper .swiper-slide .pic {
        aspect-ratio: auto;
    }
    .pro1 .btn img {
        width: .25rem;
    }
    .pro2 .tit-50 {
        line-height: 1;
    }
    .pro2 .pro2-swiper {
        margin-top: .4rem;
    }
    .sol5 {
        padding: 1rem 0 1rem;
        margin-bottom: 0;
        background: #ffffff;
    }
    .sol5 .box .item {
        width: 100%;
        background: #f9f9f9;
        height: 4.3rem;
    }
    .sol5 .box .item .icon img {
        width: 50%;
    }
    .sol5 .box .item:hover .text h6 {
        font-size: .28rem;
    }
    .sol5 .box .item:hover .text p {
        font-size: .24rem;
    }
    .sol5 .box .item .text h6 {
        font-size: .28rem;
    }
    .sol5 .box .item .text p {
        font-size: .24rem;
    }
    .pro9 {
        padding: 1rem 0;
    }
    .pro9 .pro9-swiper .swiper-slide {
        width: 5.4rem;
    }
    .pro9 .w1680 .tit-50 {
        line-height: 1;
    }
    .pro9 .pro9-swiper {
        margin-top: .4rem;
    }
    .pro9 .pro9-swiper .swiper-slide {
        height: 5.8rem;
    }
    .pro9 .pro9-swiper .swiper-slide .pic {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    .pro4 {
        padding: 1rem 0;
    }
    .pro5 {
        padding: 1rem 0;
    }
    .pro5 .w1680 .tit-50 {
        line-height: 1;
    }
    .sol2 .item {
        flex-direction: column;
        width: 100%;
    }
    .sol2 .item .img {
        width: 100%;
    }
    .sol2 .item .txt {
        /*padding: .4rem 0;*/
        padding: 0 0 .4rem 0;
    }
    .sol2 .item .txt {
        width: 100%;
    }
    .sol2 .item .txt .tit-50 {
        line-height: 1;
        font-size: .48rem;
    }
    .sol2 .item .txt p {
        /*padding-top: .3rem;*/
        padding-top: 0;
    }
    .sol2 .item .txt p {
        font-size: .22rem;
    }
    .sol2 .item:nth-child(2n) {
        flex-direction: column;
    }
    .sol2 .item:nth-child(2n) .txt {
        padding: .4rem 0;
    }
    .sol2 {
        padding-bottom: 1rem;
    }
    .pro12 .box {
        flex-direction: column;
        padding: .4rem;
    }
    .pro12 .box .pic {
        margin-right: 0;
        margin-bottom: .4rem;
    }
    .pro12 .box {
        height: 9rem;
    }
    .pro12 .box .txt .item h6 {
        font-size: .28rem;
    }
    .pro12 .box .txt .item p {
        font-size: .24rem;
    }
    .pro12 .box .txt .item {
        width: 100%;
    }
    .pro12 .box .txt {
        row-gap: 0.4rem;
    }
    .pro11 {
        padding: 1rem 0;
    }
    .pro11 .box .item {
        width: 100%;
    }
    .pro11 .box .item .txt {
        height: 2.4rem;
    }
    .pro11 .box .item .txt h3 {
        font-size: .28rem;
    }
    .pro11 .box .item .txt p {
        font-size: .24rem;
    }
    .pro11 .box {
        margin-bottom: 0;
    }
    .pro12 {
        padding: 1rem 0 .6rem;
    }
    .pro12 h3 {
        line-height: 1;
        margin-bottom: .4rem;
    }
    .pro13 {
        padding: 1rem 0;
    }
    .pro13 .text-center {
        line-height: 1;
        margin-bottom: .2rem;
    }
    .pro13 .pro13-swiper .swiper-slide {
        width: 5.4rem;
        flex-direction: column;
        padding: .4rem;
        margin-right: .1rem;
    }
    .pro13 .pro13-swiper .swiper-slide .txt {
        margin-right: 0;
        flex: none;
    }
    .pro13 .nav .nav-item {
        font-size: .24rem;
    }
    .pro13 .pro13-swiper .swiper-slide .txt .tit-30 {
        margin-bottom: .2rem;
    }
    .pro13 .pro13-swiper .swiper-slide .tit-16 {
        font-size: .22rem;
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
    .pro13 .nav .swiper-wrapper {
        justify-content: flex-start;
    }
    .pro13 .pro13-swiper .swiper-slide .pic {
        width: 100%;
    }
    
    .workbox1 {
        padding-top: .5rem;
    }
    .workbox1 .box {
        padding-top: .1rem;
    }
    .workbox1 .nav {
        margin-bottom: .3rem;
    }
    .workbox1 .box .item .top .pic {
        margin-top: 0;
    }
    .workbox1 .box .item .top {
        flex-direction: column;
    }
    .workbox1 .box .item {
        padding: .4rem;
        margin-bottom: .6rem;
    }
    .workbox1 .box .item .top .pic {
        box-shadow: none;
        padding: .4rem 0;
    }
    .workbox1 .box .item .top .tit {
        width: 100%;
        margin-top: .4rem;
    }
    .workbox1 .box .item .top .tit .tit-16 {
        font-size: .24rem;
    }
    .workbox1 .box .item .bot {
        flex-wrap: wrap;
        margin-top: .4rem;
    }
    .workbox1 .box .item .bot .it {
        width: 100%;
        margin-bottom: .2rem;
    }
    .workbox1 .box .item .bot .it h3 {
        font-size: .28rem;
    }
    .workbox1 .box .item .bot .it .tit-14 {
        font-size: .24rem;
    }
    .workbox1 .box .item:nth-child(even) .top {
        flex-direction: column;
    }
    
    /*下载中心*/
    .res-header {
        margin: .4rem 0 0.3rem;
    }
    .res-header .tit-50 {
        font-size: .46rem;
    }
    .res-header .input-box .input {
        font-size: .2rem;
    }
    .res-nav {
        padding: 0;
    }
    .res-nav .type1 .items .item span {
        font-size: .22rem;
    }
    .res-nav .type1 .items .item .icon {
        width: .15rem;
    }
    .res-nav .type1 .title,.res-nav .type2 .title {
        font-size: .22rem;
        margin-right: .2rem;
    }
    .res-nav .type2 .items .item span {
        font-size: .22rem;
    }
    .res-nav .type2 .items,.res-nav .type1 .items {
        /*column-gap: 0.2rem;*/
        column-gap: 0;
    }
    .res-content .item {
        width: calc((100% - 0.2rem) / 2);
    }
    .res-content .item .txt .time {
        font-size: .2rem;
    }
    .res-content .item:hover .txt .tit {
        font-size: .24rem;
    }
    .res-content .item .txt .tit {
        font-size: .24rem;
    }
    .res-content .item:hover .btns .btn span {
        font-size: .2rem;
    }
    .res-content .item .btns .btn .icon {
        width: .28rem;
    }
    .res-content .item .btns .tit-16 {
        font-size: .2rem;
    }
    .video-modal .video-content {
        width: 80%;
    }
    
    .trainbox1 {
        padding: .4rem 0 .6rem;
    }
    .trainbox1 .tit-50 {
        line-height: 1;
        font-size: .46rem;
        margin-bottom: .2rem;
    }
    .trainbox1 .tit-26 {
        font-size: .28rem;
    }
    .trainbox1 .box .pic {
        margin-right: 0;
    }
    .trainbox1 .box .items .tit-18 {
        font-size: .22rem;
    }
    .trainbox1 .box {
        flex-direction: column;
        aspect-ratio: unset;
    }
    .trainbox1 .box .pic {
        width: 100%;
    }
    .trainbox1 .box .items {
        margin-top: .4rem;
    }
    .trainbox1 .box .items {
        row-gap: .3rem;
    }
    .trainbox2 .tit-40 {
        font-size: .42rem;
    }
    .box2 .nav a.act::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: var(--color-primary);
    }
    .box2 .nav a {
        font-size: .24rem;
    }
    .box2 .videos {
        column-gap: 0.2rem;
        row-gap: 0.2rem;
    }
    .box2 .video {
        width: calc((100% - 0.2rem) / 2);
        min-height: 3.5rem;
    }
    .trainbox3 .box {
        flex-direction: column;
        align-items: flex-start;
    }
    .trainbox3 .box .item {
        margin-bottom: .2rem;
    }
    .trainbox3 .box .top {
        margin-bottom: .1rem;
    }
    .trainbox3 .box .item .tit-40 {
        font-size: .32rem;
    }
    .trainbox3 .box .top .pic img {
        width: .3rem;
    }
    
    /*生态合作*/
    .coobox1{
        padding: .4rem 0 .6rem;
    }
    .coobox1 .tit-50 {
        line-height: 1;
        font-size: 0.46rem;
        margin-bottom: .2rem;
    }
    .coobox1 .tit-36 {
        font-size: .28rem;
    }
    .coobox1 .box {
        overflow-x: auto;
    }
    .coobox1 .box .item {
        flex-shrink: 0;
    }
    .coobox1 .box .act {
        width: 68%;
    }
    .coobox1 .box .item .tit-18 {
        font-size: .24rem;
    }
    .coobox1 .box {
        margin-top: .25rem;
    }
    .coobox2 {
        padding: .6rem 0;
    }
    .coobox2 .swiper-coobox2 .swiper-slide {
        width: 5.4rem;
        height: 5.5rem;
    }
    .coobox2 .swiper-coobox2 .swiper-slide .pic img {
        width: 40%;
    }
    .coobox2 .swiper-coobox2 .swiper-slide .txt h4 {
        font-size: .28rem;
    }
    .coobox2 .swiper-coobox2 .swiper-slide .txt p {
        font-size: .24rem;
    }
    .coobox4 {
        margin-top: 0;
    }
    .coobox4 .tit-50 {
        line-height: 1;
        font-size: .46rem;
    }
    .coobox4 .steps {
        margin-top: .4rem;
    }
    .coobox4 .steps .step .tit-26 {
        font-size: .28rem;
    }
    .coobox5>div {
        flex-direction: column;
    }
    .coobox5 .left .tit {
        margin-top: 0;
    }
    .coobox5 .left {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: .4rem;
    }
    .coobox5 .left .tit-50 {
        line-height: 1;
        font-size: .46rem;
    }
    .coobox5 .left .tit-22 {
        font-size: .24rem;
    }
    .coobox5 .left .tit-40 {
        font-size: .28rem;
        text-align: right;
    }
    .coobox5 .right {
        width: 100%;
    }
    .coobox5 .right .form-items {
        flex-direction: row;
        font-size: .22rem;
    }
    .coobox5 .right .form-items .item {
        width: calc((100% - .36rem) / 2);
    }
    .coobox5 .right .form-items {
        flex-wrap: wrap;
    }
    .coobox5 .right .form-items .item .tit-16 {
        font-size: .22rem;
    }
    .coobox5 .right .form-items {
        margin-bottom: .2rem;
    }
    .coobox5 .right .form-items .item {
        margin-bottom: .2rem;
    }
    .coobox5 .right .form-items .item:last-child {
        margin-bottom: 0;
    }
    .coobox5 .right .form-addr .select-box {
        flex-wrap: wrap;
    }
    .coobox5 .right .form-addr .select-box .select-item {
        width: calc((100% - .36rem) / 2);
        margin-bottom: .2rem;
    }
    .coobox5 .right .form-addr .select-box .select-item:last-child {
        margin-bottom: 0;
    }
    .coobox5 .right .form-items .tit-16 {
        font-size: .22rem;
    }
    .coobox5 .right .form-addr .input-text {
        width: 100%;
        margin-top: 0;
    }
    .coobox5 .right .form-area {
        flex-direction: column;
    }
    .coobox5 .right .form-area .tit-16 {
        font-size: .22rem;
    }
    .coobox5 .right .form-items .item .input-text {
        font-size: .22rem;
    }
    .coobox5 .right .form-addr .select-box .industry-select select {
        font-size: .22rem;
    }
    .coobox5 .right .form-addr .select-box .select-item select {
        font-size: .22rem;
    }
    .coobox5 .right .form-addr .input-text {
        font-size: .22rem;
    }
    .coobox5 .right .form-area .input-textarea {
        font-size: .22rem;
    }
    
    /*关于*/
    .about-ban .ban-box {
        flex-direction: column;
    }
    .about-ban .ban-box {
        top: .5rem;
    }
    .about-ban .ban-box .pic {
        margin-bottom: .2rem;
    }
    .about-ban .ban-box .txt h3 {
        font-size: .28rem;
    }
    .about-ban .ban-box .txt .tit-18 {
        font-size: .24rem;
    }
    .about-ban .ban-box .txt>p {
        margin: 0.2rem 0;
    }
    .about-ban .ban-box .txt .icons .item .tit-16 {
        font-size: .2rem;
    }
    .about-ban img {
        opacity: .7;
    }
    .abox1 .swiper {
        height: 3.62rem;
    }
    .abox2 .abox2-bot-swiper .swiper-slide {
        width: 3.2rem;
    }
    .abox2 .abox2-bot-swiper .swiper-slide-active .icon {
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
    }
    .abox2 .abox2-top-swiper .swiper-slide p {
        font-size: .2rem;
    }

    .about-ban .ban-box .txt {
        width: 100%;
    }
    .abox3 {
        padding: 1rem 0;
    }
    .abox3 .content {
        flex-direction: column-reverse;
    }
    .abox3 .content .txt {
        width: 100%;
    }
    .abox3 .content .pic {
        width: 100%;
    }
    .abox3 .content {
        aspect-ratio: auto;
    }
    .abox3 .content .txt {
        padding: .4rem;
    }
    .abox3 .content .txt .item {
        padding: .2rem 0;
    }
    .abox3 .content .txt .item .top h6 {
        font-size: .28rem;
    }
    .abox3 .content .txt .item p {
        font-size: .24rem;
    }
    .abox4 {
        padding: 0.5rem 0;
    }
    .abox4 .tit-20 {
        font-size: .28rem;
    }
    .abox4 .news .swiper-slide {
        width: calc((100% - 0.2rem) / 2);
    }
    .abox5 .tit-20 {
        font-size: .28rem;
    }
    .abox6 {
        margin-bottom: 1rem;
    }
    .abox6 .tit-20 {
        font-size: .28rem;
    }
    .abox6 .web_btn {
        padding: 0.06rem 0.1rem 0.06rem 0.3rem;
    }
    .abox6 .web_btn .arr {
        width: .4rem;
        height: .4rem;
    }
    
    .techbox1 {
        padding-top: .5rem;
    }
    .techbox1 .top {
        flex-direction: column;
    }
    .box1 .top h3 {
        line-height: 1;
        font-size: .46rem;
        margin-bottom: .3rem;
    }
    .box1 .top p {
        font-size: .28rem;
    }
    .box1 .bot {
        position: relative;
    }
    .box1 .bot .right {
        width: 100%;
        padding-top: .2rem;
    }
    .box1 .bot .left {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        width: 100%;
    }
    .box1 .bot .right .item {
        padding: 0.2rem;
    }
    .box1 .bot .right .item .tit-16 {
        font-size: .2rem;
    }
    .techbox2 .tit-16 {
        font-size: .28rem;
    }
    .techbox2 .swiper-box2 {
        height: 4rem;
    }
    .techbox3 {
        padding: 1rem 0;
    }
    .techbox3 .swiper-box3 .swiper-slide {
        width: calc((100% - .2rem) / 1.5);
    }
    .techbox3 .tit-16 {
        font-size: .28rem;
    }
    .techbox4 {
        padding: 1rem 0;
    }
    .techbox4 .tit-16 {
        font-size: .28rem;
    }
    .techbox4 .rates {
        flex-wrap: wrap;
    }
    .techbox4 .rates .item .tit-18 {
        font-size: .22rem;
    }
    .techbox4 .rates {
        column-gap: 0rem;
    }
    .techbox4 .rates .item {
        width: 33.333%;
    }
    
    .newsb1 .newsb1c {
        flex-direction: column;
    }
    .newsb1 {
        padding: .5rem 0 1rem;
    }
    .newsb1 h1 {
        font-size: .46rem;
        line-height: 1;
    }
    .newsb1 .newsb1c .news-box {
        width: 100%;
        margin-left: 0;
        margin-top: .3rem;
    }
    .newsb1 .newsb1c .news-box .news-items {
        column-gap: 0.2rem;
        row-gap: 0.2rem;
    }
    .newsb1 .newsb1c .news-box .news-items .item {
        width: calc((100% - 0.2rem) / 2);
    }
    .newsb1 .newsb1c .news-box .news-items .item .txt {
        padding: 0.2rem;
    }
    .newsb1 .newsb1c .news-box .news-items .item .txt .time {
        font-size: .24rem;
    }
    .newsb1 .newsb1c .news-box .news-items .item .txt h3 {
        font-size: .28rem;
        margin-top: .1rem 0;
    }
    .multi-2-line {
        font-size: .24rem;
    }
    .pagination {
        flex-wrap: wrap;
    }
    .newsb1 .newsb1c .news-aside .keywords a {
        font-size: .24rem;
        height: 0.42rem;
    }
    .newsb1 .newsb1c .news-aside .keywords {
        margin: .2rem 0;
    }
    .newsb1 .newsb1c .news-aside .input {
        font-size: .24rem;
        line-height: .24rem;
    }
    .newsb1 .newsb1c .news-aside .select {
        font-size: .24rem;
        line-height: .24rem;
    }
    .newsdetail {
        flex-direction: column;
        padding: .5rem 0;
    }
    .content .aside {
        width: 100%;
        margin-left: 0;
        margin-top: .4rem;
    }
    .content .aside .top h3 span {
        font-size: .28rem;
    }
    .content .aside .top .box .item p.tit {
        font-size: .24rem;
    }
    .content .aside .top .box .item p.time {
        font-size: .22rem;
    }
    .content .aside .bottom .next h3 {
        font-size: .28rem;
    }
    .content .aside .bottom .next .box .item p.tit {
        font-size: .24rem;
    }
    .content .aside .bottom .next .box .item p.time {
        font-size: .22rem;
    }
    .content .aside .bottom .rollback span {
        font-size: .24rem;
    }
    .content .aside .bottom .rollback img {
        width: .24rem;
    }
    .content .main .article .top .tit-32 {
        font-size: .36rem;
    }
    .content .main .article .top .info .time {
        font-size: .22rem;
    }
    .content .main .article .top .info .share {
        column-gap: 0rem;
    }
    .content .main .article .top .info .share .social-share {
        column-gap: 0rem;
    }
    .content .main .article .top .info .share .tit-16 {
        font-size: .2rem;
    }
    .content .main .article .top .info .share .social-share .social-share-icon {
        width: 0.45rem;
        height: 0.45rem;
    }
    .content .main .article {
        padding: .4rem;
    }
    .content .main .article .bot {
        font-size: .24rem;
    }
    .content .main .article .top {
        padding-bottom: .3rem;
    }
    .conbox1 {
        padding: .5rem 0;
    }
    .conbox1 h1 {
        font-size: .46rem;
    }
    .conbox1 .tit-24 {
        font-size: .28rem;
    }
    .conbox1 .content {
        column-gap: 0.2rem;
        row-gap: .2rem;
    }
    .conbox1 .content .item {
        width: calc((100% - 0.2rem) / 2);
    }
    .content .tit-18 {
        font-size: .22rem;
    }
    .conbox1 .content .item {
        height: 2.6rem;
    }
    .conbox2 {
        padding-top: 1rem;
    }
    .conbox2 .box {
        padding: .6rem .4rem;
    }
    .conbox2 .box .center {
        margin: .3rem 0 0.15rem;
    }
    .conbox2 .box .center .tit-22 {
        font-size: .28rem;
    }
    .conbox3 {
        flex-direction: column;
        padding: 0 .4rem .4rem .4rem;
    }
    .conbox3 h3 {
        width: 100%;
        font-size: .46rem;
        margin-top: .2rem;
        margin-bottom: .2rem;
    }
    .conbox3 .contact-form .list {
        flex-direction: column;
    }
    .conbox3 .contact-form .list {
        margin-bottom: 0;
    }
    .conbox3 .contact-form .list .win30 {
        width: 100%;
    }
    .conbox3 .contact-form .list .item {
        margin-bottom: .2rem;
    }
    .conbox3 .contact-form .list .item label {
        font-size: .24rem;
    }
    .conbox3 .contact-form .list .item input {
        font-size: .24rem;
    }
    .conbox3 .contact-form .list .item input::placeholder {
        font-size: .24rem;
    }
    .conbox3 .contact-form .list .item textarea {
        font-size: .24rem;
    }
    .conbox3 .contact-form .list .item textarea::placeholder {
        font-size: .24rem;
    }
    .conbox3 .contact-form .list .item select {
        font-size: .24rem;
    }
    .conbox3 .contact-form p {
        font-size: .2rem;
    }
    
    /*搜索*/
    .top_seach {
        padding: 1rem 0 1rem;
    }
    .top_seach .formbox .search-container {
        width: 100%;
    }
    .top_seach .formbox .search-container .clear-btn {
        right: 15%;
    }
    
    /*解决方案*/
    .solban .ban-t {
        padding-top: .5rem;
        flex-direction: column;
    }
    .solban .ban-t .tr p {
        font-size: .22rem;
    }
    .solban .ban-b {
        margin-top: .2rem;
    }
    .solban {
        margin-bottom: .6rem;
    }
    .sol1 img {
        margin: 0 auto 1rem;
    }
    .sol2 {
        width: 6.7rem;
        margin: 0 auto;
    }
    .sol2 .item:last-child .txt {
        /*padding-bottom: 0;*/
    }
    .sol3 {
        padding: 1rem 0 0;
    }
    .sol3 .box {
        margin-top: 0;
    }
    .sol3 .box .bt {
        padding: 0.2rem .4rem 0 .4rem;
    }
    .sol3 .box .bt a {
        padding: 0.2rem 0;
        font-size: .24rem;
    }
    .sol3 .box .bitem {
        padding: .4rem;
        flex-direction: column-reverse;
    }
    .sol3 .box .bitem .biteml h3 {
        font-size: .28rem;
    }
    .sol3 .box .bitem .biteml .tit-16 {
        font-size: .22rem;
        margin-top: .2rem;
    }
    .sol3 .box .bitem .bitemr {
        width: 100%;
        margin-top: 0;
    }
    .sol4 {
        padding: 1rem 0 0;
    }
    .sol4 .box {
        margin: .5rem 0 .8rem;
    }
    .sol4 .box .item {
        width: 100%;
    }
    .sol4 .box .item p {
        font-size: .24rem;
        height: 1.4rem;
    }
    .sol4 .text-center {
        line-height: 1;
    }
    .sol6 {
        padding: 0 0 1rem;
    }
    .sol6 .box .item {
        width: calc((100% - 0.2rem) / 2);
    }
    .sol6 .box {
        column-gap: 0.2rem;
        row-gap: 0.2rem;
        padding-bottom: 0;
    }
    .sol6 .box .item .txt {
        padding: 0.2rem 0.3rem;
    }
    .sol6 .box .item .txt h6 {
        font-size: .24rem;
    }
    .pro8 .box .item {
        width: calc((100% - 0.2rem) / 2);
    }
    .pro8 .box {
        column-gap: 0.2rem;
        row-gap: 0.2rem;
    }
    .pro8 .box .item .txt p {
        font-size: .22rem;
    }
    .pro8 .box .item .txt h6 {
        font-size: .24rem;
    }
    .pro8 .box {
        padding: 0;
        padding-top: .3rem;
    }
    .serbox1 {
        padding: .4rem;
    }
    .serbox1 .info {
        flex-direction: column;
    }
    .serbox1 .info .tit {
        width: 100%;
        column-gap: .2rem;
    }
    .serbox1 .info .tel {
        padding-right: 0;
        margin-right: 0;
        margin-bottom: .2rem;
        border-right: 0;
    }
    .serbox1 .content {
        margin-bottom: 1rem;
    }
    .serbox1 .content .tit-50 {
        font-size: .46rem;
        line-height: 1;
        margin-bottom: .2rem;
    }
    .serbox1 .content .tit-26 {
        font-size: .28rem;
    }
    .serbox1 .info .tel .top {
        margin-bottom: .1rem;
    }
    .serbox1 {
        margin: .5rem 0;
    }
    .serbox2 {
        padding: .5rem 0;
    }
    .serbox2 .tit {
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .serbox2 .tit .tit-50 {
        font-size: .46rem;
    }
    .serbox2 .circle {
        width: 75%;
    }
    .serbox2 .circle .item .tit {
        padding-left: 0;
        padding-right: 0;
    }
    .serbox3 {
        padding: 1rem .4rem;
        margin: 1rem 0;
    }
    .serbox4 {
        margin: 1rem 0 .5rem;
        padding: 0 .4rem;
    }
    .serbox3 .tit-36 {
        font-size: .28rem;
    }
    .serbox3 .box3 {
        column-gap: 0.2rem;
        row-gap: 0.2rem;
        padding-top: .5rem;
    }
    .serbox3 .box3 .item {
        width: calc((100% - .2rem) / 2);
    }
    .serbox4 .map .item img {
        width: 60%;
    }
    .serbox4 .map .item .main {
        width: 0.4rem!important;
        height: 0.4rem!important;
    }
    .serbox4 .map .item:hover .box, .serbox4 .map .item:hover .box1, .serbox4 .map .item .box:hover, .serbox4 .map .item .box1:hover {
        display: none!important;
    }
    .serbox4 .map .swiper-serbox4 {
        position: static!important;
        padding-bottom: .2rem;
    }
    .serbox4 .map .swiper-serbox4 .box1 {
        display: block!important;
        position: static!important;
        width: 100%;
        height: 3.8rem;
    }
    .serbox4 .map .swiper-serbox4:hover .box1 {
        display: block!important;
    }
    .serbox4 .map .item .box1 .it .con p img {
        width: 0.28rem;
        flex-shrink: 0;
    }
    .serbox4 .map .item .box1 .title p {
        font-size: .28rem;
    }
    .serbox4 .map .item .box1 .it .con .tit-16 {
        font-size: .22rem;
    }
    .serbox4 .map .item .box1 .it .con .tit-20 {
        font-size: .24rem;
    }
    .serbox4 .web_btn_vi .bxt {
        font-size: .2rem;
    }
    .serbox4 .web_btn_vi {
        padding: 0.06rem 0.1rem 0.06rem 0.3rem!important;
    }
    .serbox4 .web_btn .arr {
        width: .4rem!important;
        height: .4rem!important;
    }
    .serbox4 .mbtn {
        margin-top: .3rem!important;
    }
    .serbox5 {
        margin-bottom: .6rem;
    }
    .serbox5 .box .top .tit-22 {
        font-size: .28rem;
    }
    .serbox5 .box .top .pic img {
        width: .3rem;
    }
    .pro8 .web_btn_vi .bxt {
        font-size: .2rem;
    }
    .pro8 .web_btn_vi {
        padding: 0.06rem 0.1rem 0.06rem 0.3rem!important;
    }
    .pro8 .web_btn .arr {
        width: .4rem!important;
        height: .4rem!important;
    }
    .sol7 {
        padding-bottom: 1rem;
    }
    .sol7 .box .item {
        width: calc((100% - 0.6rem) / 4);
    }
    .pageside-block__p {
        font-size: .18rem;
    }
    .pageside-block-link {
        height: 1rem;
    }
    .pageside-block {
        width: .9rem;
    }
    .pageside-robot-box {
        width: .9rem;
    }
    .pageside-block-top__icon {
        width: .2rem;
        height: auto;
    }
    .pageside-block-link__icon {
        width: .22rem;
        height: auto;
    }
    .res-nav .type2 .items .item {
        width: 33.333%;
    }
    .investbox1 {
        padding: .5rem 0 1rem;
    }
    .investbox1 .box {
        flex-direction: column;
        margin-top: .4rem;
    }
    .investbox1 .tit-50 {
        line-height: 1;
        font-size: .46rem;
    }
    .box1 .box .rate .t {
        padding: 0 0.2rem;
    }
    .box1 .box .rate .t .top .name .tit-24 {
        font-size: .28rem;
    }
    .box1 .box .rate .t .top .name .tit-16 {
        font-size: .2rem;
    }
    .box1 .box .rate .t .bot .time {
        font-size: .2rem;
    }
    .box1 .box .content {
        width: 100%;
    }
    .box1 .box .content h3 {
        font-size: .42rem;
    }
    .box1 .box .content .item {
        padding: .2rem;
    }
    .box1 .box .content .item .left {
        margin-right: .2rem;
    }
    .box1 .box .content .item .center .time {
        font-size: .2rem;
    }
    .box1 .box .content .item .center {
        flex: auto;
        width: 3rem;
    }
    .box1 .box .content .item .right img {
        width: .3rem;
    }
    .box1 .box .content .item .right .tit-14 {
        font-size: .2rem;
    }
    .box1 .box .rate .t .bot p,.box1 .box .rate .t .bot span {
        font-size: .28rem;
    }
    .box1 .box .rate .t .time {
        font-size: .2rem;
    }
    .serbox2 .circle .item .append {
        display: none!important;
    }
    .swiper-circle {
        width: 6.7rem;
        margin: 0 auto;
        padding: .4rem;
    }
    .swiper-circle .swiper-slide {
        padding: .4rem;
        box-shadow: 0 0 15px #dfdfdf;
        height: 2.5rem;
    }
    .swiper-circle-title {
        font-size: .28rem;
        margin-bottom: .3rem;
    }
    .swiper-circle-desc {
        font-size: .24rem;
        line-height: 1.3;
    }
    .pro5 .swiper .swiper-slide .table p,.pro5 .swiper .swiper-slide .table span,.pro4 .table td,.pro4 .table span,.pro4 .table p {
        font-size: .18rem!important;
        word-break:break-all!important;
    }
    .result-box .news-lists .news-item {
        padding: 0;
    }
    .result-box .news-lists .con-box {
        font-size: .24rem;
    }
    .search-nav .swiper-slide a {
        font-size: .28rem;
    }
    .search-nav .swiper-slide {
        margin-right: .5rem;
    }
    .pro12 .box .txt .item p::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.15rem;
        width: 0.06rem;
        height: 0.06rem;
        border-radius: 50%;
        background: var(--color-primary);
    }
    .container-login {
        row-gap: .5rem;
    }
    .container .login {
        min-width: 6.7rem;
    }
    .container .logo {
        padding-left: .4rem;
        margin-top: .8rem;
        width: 3.1rem;
    }
    .container .login .find-pwd a {
        font-size: .24rem;
    }
    .container .login .find-pwd p {
        font-size: .24rem;
    }
    .container .login .nav .nav-item {
        font-size: .24rem;
    }
    .container .login .form-login .item p span {
        font-size: .24rem;
    }
    .container .login .btn {
        font-size: .24rem;
    }
    .container .register .form-reg .input-read p {
        font-size: .24rem;
    }
    .container .register .form-reg .input-read a {
        font-size: .24rem;
    }
    .container .register .title a span {
        font-size: .24rem;
    }
    .container .register .title a img {
        width: .2rem;
    }
    .container .pwd .title a span {
        font-size: .24rem;
    }
    .container .pwd .title a img {
        width: .2rem;
    }
    .container .pwd .form-pwd .input-code .btn-code {
        font-size: .24rem;
    }
    .container .pwd .btn {
        font-size: .24rem;
    }
    .pro13 .nav .nav-item:hover::after {
        content: none!important;
    }
    .pro13 .nav .nav-item:hover {
        color: var(--text-color);
    }
    .pro13 .nav .nav-item.act{
        color: var(--color-primary)!important;
    }
    .pro13 .nav .nav-item.act::after {
        content: ''!important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: var(--color-primary);
    }
    .iframedialig {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100vw!important;
        /*height: 100vh!important;*/
        height: 100%!important;
        z-index: 9999;
    }
    .iframedialig-close {
        width: .3rem;
        height: .3rem;
        z-index: 99;
    }
    
}
@media screen and (max-width: 820px) {
    html {
        font-size: calc(100vw / 8.2)!important;
    }
}
@media screen and (max-width: 768px) {
    html {
        font-size: calc(100vw / 7.5)!important;
    }
}
@media screen and (max-width: 500px) {
    .abox2 .abox2-top-swiper .swiper-slide::after {
        left: 76%;
        width: 2.45rem;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    html {
        font-size: calc(100vw / 12)!important;
    }
}