@media (min-width: 1530px) {
    html {
        font-size: 62.5% !important;
        /* color: #ff550085; */
    }


}

@media (max-width: 1904px) {
    .page-news .newsbox {
        width: 90% !important;
    }

    .header-nav ul li {
        margin-left: 1rem !important;
    }

    .ui_txt {
        width: 17rem !important;
        left: 18rem !important;
    }

}

@media (max-width: 1780px) {
    .header-nav ul li a {
        font-size: 1.6rem;
    }

}



@media (max-width: 1674px) {
    .page-news .newsbox .item {
        width: 39rem !important;
        margin: 0 6rem 5rem 0 !important;
    }

    .header-nav ul li {
        margin-left: 0.6rem !important;
    }

    .download .list {
        width: 90% !important;

    }
}

@media (max-width: 1750px) {
    html {
        font-size: 57.5% !important;
    }

    .header-nav ul li a {
        font-size: 1.7rem;
    }

    .mySwiper2 {
        width: 90% !important;
    }

    .productsShow .title {
        width: 90% !important;
    }

    .productsShow .xgcp {
        width: 80% !important;
    }

    .productsShow .main .de-content {
        width: 90%;
        margin: 0 auto;
    }

    .index-tab-show {
        width: 90% !important;
    }

    .case .imglist {
        width: 93% !important;
    }

    .products .pinfocst-list .item {
        width: 32rem !important;
    }

    .products .pinfocst-list .item.active .itemlist {
        width: 32rem !important;
    }

    .abouts .introduction p {
        width: 90% !important;
    }

    .footer-top {
        width: 88% !important;
    }

    .header-win .win-tab {
        width: 90% !important;
    }

    .products .show .imglist {
        width: 100% !important;
    }

    .header-content {
        width: 90% !important;
        padding: 2rem 0;
    }

    .index-tab {
        width: 88% !important;
    }

    .footer-top .left ul {
        margin-right: 7rem !important;
        font-size: 1.2rem !important;
    }

    .contact .typelist {
        width: 95% !important;
    }

    .Company-profile {
        width: 90% !important;
    }

    .ui_txt {
        /* width: 15rem!important; */
        left: 18rem !important;
    }

    #abouts-swp {
        width: 90% !important;
    }

    .products .pinfocst-list {
        width: 90% !important;
    }

    .footer-bottom {
        width: 87% !important;
    }

    #main .wrp1 {
        width: 90%;
    }
}

@media (max-width: 1480px) {
    .det-box {
        right: 37rem !important;
    }
}

@media (max-width: 1450px) {
    .case .imglist .imgbox {
        width: 40rem !important;
    }

    .page-news .newsbox .item {
        width: 34rem !important;
        margin: 0 8rem 5rem 0 !important;
    }

    .products .pinfocst-list .item {
        width: 32rem !important;
    }

    .products .pinfocst-list .item.active .itemlist {
        width: 32rem !important;
    }

    .productsShow .main .de-content .right .table {
        width: 67rem;
    }

    .productsShow .pinfocst-list {
        /* width: 68rem; */
    }
}

@media (max-width: 1407px) {
    .products .pinfocst-list {
        justify-content: space-between !important;
    }

    .swiper-c .swiper-slide .swc-r {
        margin-left: 0 !important;
        width: 44rem;
    }

    .swc-l {
        width: 56rem;
    }

    .index-tab-show .img-box {
        width: 32rem;
    }
}

@media (max-width: 1286px) {
    .productsShow .main .de-content .right .table {
        width: 74rem !important;
        overflow-x: scroll;
    }

    .productsShow .pinfocst-list {
        width: 83rem !important;
        margin: 0 auto;
    }

    .productsShow .pinfocst-list .item {
        width: 16rem;
    }

    .productsShow .pinfocst-list .item {
        width: 19rem !important;
    }

    .header-nav ul li a {
        font-size: 1.6rem;
    }

    .header-logo {
        width: 26rem;
    }
}

@media (max-width: 1246px) {
    html {
        font-size: 54% !important;
    }

    .productsShow .main .de-content .right .table {
        width: 72rem;
    }

    .download .list .filebox {
        width: 35rem !important;
        margin: 4rem 4rem !important;
    }

    /* .footer-top {
        width: 95% !important;

    } */
    .products .pinfocst-list .item {
        width: 34rem !important;
    }

    .products .pinfocst-list .item.active .itemlist {
        width: 34rem !important;
    }

    .index-tab-show {
        width: 80% !important;
    }

    .swiper-c #newsleft {
        right: 50% !important;
    }

    .swiper-c #newsright {
        right: 43% !important;
    }

    .swiper-c .swiper-slide .swc-r {
        margin-left: 0 !important;

    }


    #abouts-swp {
        width: 100% !important;
    }

    .footer-bottom {
        width: 80% !important;
        margin: 0 auto;
    }

    .ui_txt {
        width: 20rem !important;
        left: 19rem !important;
    }

    .register .left {
        width: 50rem;
        display: none;
    }

    .login .left {
        width: 50rem;
        display: none;
    }

    .wxlogin .left {
        display: none;
    }

    .index-tab-show .img-box {
        width: 28rem;
    }

}

@media (max-width: 1167px) {
.productsShow .pinfocst-list {
    width: 77rem !important;
    margin: 0 auto;
}
}
@media (max-width: 1097px) {
    .productsShow .main .de-content .right .table {
        width: 92rem !important;
    }

    .det-box {
        right: 29rem !important;
    }
    .productsShow .pinfocst-list {
        width:86rem !important;
        margin: 0 auto;
    }
}

@media (min-width: 1020px) {

    .header-nav,
    .header-logo {
        display: flex;
    }

    .nav-button-warp {
        display: none;
    }

    .newsleft img {
        width: 80% !important;
    }

    .newsright img {
        width: 80% !important;
    }


}

@media (min-width: 1098px) {
    .footer-top .right .footer-msg {
        width: 35rem;
    }
    .header-nav ul li {
        margin-left: 0.5rem !important;
    }
}

@media (max-width: 1097px) {
    .mainp p img {
        width: 78rem !important;
    }

    .header-win .win-tab {
        width: 90% !important;
    }

    .header-win .win-tab .item span {
        font-size: 1.2rem !important;
        top: -2rem !important;
    }

    html {
        font-size: 47% !important;
    }

    .footer-top {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .footer-top .right {
        margin-top: 10rem !important;
    }

    .ydlogo {
        width: 30rem;
        display: block !important;
    }

    .header-nav,
    .header-logo {
        display: none;
    }

    .nav-button-warp {
        display: block;
    }

    .abouts .introduction p {
        width: 90% !important;
    }

    .contact .typelist .type {
        width: 30rem !important;

    }

    /* .productsShow .sizedetail div span {
        width: 11.3rem !important;
    } */
    .productsShow .main .de-content {
        display: block !important;
    }

    .productsShow .main .de-content .right .table {
        width: 90rem;
        margin: 0 auto;
    }

    .productsShow .main .de-content .right {
        margin-left: 0;
    }

    .productsShow .main .de-content .left .item {
        margin-bottom: 8rem;
        margin-left: 4rem;
        width: 44rem;
    }

    .productsShow .main .de-content .left {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 922px) {
    .ui_txt {
        width: 16rem !important;
        left: 19rem !important;
    }

    .footer-top {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .footer-top .right {
        margin-top: 10rem !important;
    }

    .debot-box {
        bottom: -6rem;
    }

}

@media (max-width: 878px) {
    html {
        font-size: 46% !important;
    }



    .Timeline .date::before {
        width: 13rem !important;
        transform: scale(.8);
    }

    .ui_txt .ui_font14 {
        height: 10rem !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        word-break: break-all !important;
        text-overflow: ellipsis !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;

    }

    .page-news .newsbox .item {
        width: 65% !important;
        margin: 0 auto !important;
        display: block !important;
        margin-bottom: 6rem !important;
    }

    .index-tab-show .m0-auto {
        justify-content: center !important;

    }

    .productsShow .sizedetail {
        overflow-x: scroll;
    }

}

@media (max-width: 768px) {
    html {
        font-size: 43% !important;
    }
    .join .tit .item {
        width: 39%;
    }
    .header-win .win-tab .item p {
        /* transform: scale(0.9); */
    }

    .header-win .win-tab p span {
        display: none;
    }

    .abitem .p2 {
        font-size: 2.5rem !important;
        margin-top: 10px;
    }

    .dateborder {
        /* border-bottom: .2rem solid rgb(252, 89, 0); */
        transform: scaleX(1) !important;
    }

    .contact .typelist {
        width: 95%;
        margin: 0 auto;
        display: block !important;
        margin-bottom: 6.25rem;
    }

    .contact .typelist .type {
        width: 70% !important;
        margin: 0 auto !important;
        margin-top: 6rem !important;
    }

}

@media (min-width: 760px) {
    .header-icon .header-nav-search:hover .search-box {
        display: flex;
    }

    .header-icon .header-nav-ewm:hover .ewm-box {
        display: block;
    }

}

@media (max-width: 750px) {
    .header-win .win-tab .item span {
        top: -1rem !important;
    }

    .productsShow .main .de-content .left .item {
        margin: 0;
    }

    .productsShow .main .de-content .right .table {
        width: 100%;
    }

    .contact .typelist .type {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 6rem !important;
    }
}

@media (max-width: 680px) {
    html {
        font-size: 38% !important;
    }

    .det-box {
        right: 23rem !important;
    }

    .ui_txt .p2 {
        height: 19rem !important;
    }

    /* .productsShow .sizedetail div span {
        display: inline-block;
        text-align: center;
        font-size: 1rem !important;
        line-height: 5rem;
    } */

    /* .productsShow .sizedetail {} */
    .productsShow .sizedetail div span {
        width: 17rem !important;
    }

    .productsShow .sizedetail div {
        width: 17rem !important;
    }

    .products .show .imglist .imgbox p {
        font-size: 14px;
    }

    .productsShow .main .de-content .left .item {
        width: 100%;
    }
}

@media (max-width: 630px) {
    html {
        font-size: 34% !important;
    }

    .introduction .data {
        width: 90% !important;

    }

    .Timeline .date::before {
        width: 14rem !important;
        transform: scale(.6);
    }
}

@media (max-width: 580px) {
    html {
        font-size: 30% !important;
    }

    .download .list .filebox {
        width: 40rem !important;
        margin: 4rem 4rem !important;
    }

    .productsShow .main .de-content .right .table {
        width: 100% !important;
    }

    .ui_txt {
        width: 18rem !important;
        left: 19rem !important;
    }

    .ui_txt .p2 {
        height: 13.5rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        line-clamp: 6;
    }

    .Timeline .date::before {
        width: 16rem !important;
    }

    .productsShow .title {
        margin-left: 0 !important;
        width: 100% !important;
        margin-left: 2rem !important;
    }

    .productsShow .main .left .item1 .detail {
        width: 100% !important;
        font-size: 3rem !important;
        line-height: 6rem !important;
    }

    .productsShow .main .left .item2 p {
        width: 100% !important;
        font-size: 3rem !important;
        line-height: 6rem !important;
    }

    .productsShow .main .left .item2 .tit {
        font-size: 4rem !important;
    }

    .productsShow .main .right {
        width: 100%;
    }

    .productsShow .main .right .sizebox {
        width: 100%;
        /* overflow: scroll; */
    }

    .productsShow .main .right .tit {
        /* margin-left: 2rem; */
    }

    /* .productsShow .sizedetail{
        width: 100%;
    } */
    /* .productsShow .sizedetail div span {
        width: 16rem !important;
    } */

    /* .productsShow .sizedetail div {
        width: 150rem !important;
      
    } */

    /* .productsShow .sizedetail div span {
        line-height: 8rem !important;
    } */

    .productsShow .xgcp {
        width: 95% !important;
    }


    .index-tab {
        width: 95% !important;
    }

    .index-tab-show {
        width: 100% !important;
    }

    .index-tab-show .img-box {
        width: 35rem !important;
    }

    .Company-profile .data .bottom {
        font-size: 3rem !important;
    }

    .Company-profile .data .top {
        font-size: 1rem !important;
    }

    .header-win .win-tab .item p {
        transform: scale(1);
        font-size: 1.6rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .page-news .newsbox {
        width: 100% !important;
    }

    .page-news .newsbox .item {
        width: 48% !important;
    }

    .case .imglist {
        width: 100% !important;
    }

    .caseShow .tit {
        font-size: 4rem !important;
    }

    .caseShow .main {
        width: 80% !important;
        font-size: 3rem !important;
        line-height: 5rem !important;
    }

    .banner .swiper-slide img {
        width: 200%;

    }

    .Company-profile .data {
        width: 100% !important;
        /* margin-left: -10rem !important; */
    }

    .productsShow .xgcp .imglist .imgbox {
        width: 35rem !important;
    }

    .footer-bottom {
        width: 90% !important;
    }

    /* .footer-top .left{
        flex-wrap: wrap;

     } */
    .footer-top .left ul {
        margin-right: 5rem !important;
    }

    .productsShow .pinfocst-list .item {
        width: 34rem !important;
        height: 6rem !important;
        line-height: 5rem !important;
    }

    .productsShow .pinfocst-list .item.active .itemlist {
        width: 34rem !important;
        top: 5.9rem !important;
    }

    .productsShow .pinfocst-list {
        width: 72rem !important;
    }

    .case .imglist .imgbox {
        width: 35.5rem !important;
    }

    .products .show .imglist .imgbox {
        /* width: 26rem !important; */
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .footer-top .left ul li {
        line-height: 5rem !important;
    }
}

#imaa {
    height: 90vh
}

/* body{
width: 100vw;
overflow-x: hidden;
} */
.mainp p img {
    width: 100rem;
}

@media (max-width: 500px) {
    #imaa {
        height: 27vh
    }

    .det-box {
        right: 12rem !important;
    }

    #abouts-swp {
        height: 436px !important;
    }

    .ui_txt {
        width: 70% !important;

    }

    .ui_txt .p2 {
        line-height: 4rem;
    }

    .abouts p {
        width: 100%;
    }

    .Timeline .date {
        line-height: 0px;
    }

    .listMore {
        width: 200px !important;
    }

    .mainp p img {
        width: 62rem !important;
    }

    /* .productsShow .main .de-content .left .item p{
        font-size: 3rem !important;
    
    }
    .productsShow .main .de-content .left .item .tit {
        font-size: 4.4rem !important;
    }
    .productsShow .main .de-content .left .item .img1 {
        width: 7rem;
        height: 7rem;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .productsShow .main .de-content .left .item {
        margin-bottom: 6.5rem;
        position: relative;
    }
    .productsShow .main .de-content .left .item:nth-child(3) {
        height: 31rem;
        overflow: hidden;
    }
    .productsShow .main .de-content .left .image {
        width: 40rem;
    }
  
    .debot-box {
       
        font-size: 2.4rem;
       
    }
    .productsShow .pinfocst-list .item {
        font-size: 2.6rem;
      
    }
    .productsShow .main .de-content .right .tit {
        font-size: 4.4rem;
    } */
}