@media (max-width: 1400px) {
    .containers {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .banners .banner .swiper-wrapper .swiper-slide a {
        /*height: 480px;*/
    }
    .section-strength {
        padding: 40px 30px;
    }
}
@media (max-width: 1300px) {
    .banners .banner .swiper-wrapper .swiper-slide a {
        /*height: 440px;*/
    }
}

@media (max-width: 1200px) {
    .banners .banner .swiper-wrapper .swiper-slide a {
        /*height: 400px;*/
    }
}

@media (max-width: 1100px) {
    .banners .banner .swiper-wrapper .swiper-slide a {
        /*height: 360px;*/
    }
}

@media (max-width: 992px) {
    body {
        padding-bottom: 5rem;
    }
    .containers {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .headers {
        padding: 1rem 1rem;
    }
    .headers .header {
        position: relative;
    }
    .headers.is-active {
        position: sticky;
    }
    .headers .header .logo-link {
        height: 2.8rem;
    }
    .m-nav-btn{
        width: 2rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        gap: 0.5rem;
    }
    .m-nav-btn span, .m-nav-btn:after, .m-nav-btn:before {
        display: block;
        height: 2px;
        width: 100%;
        background: #1a0c07;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .m-nav-btn:after, .m-nav-btn:before {
        content: '';
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .m-nav-btn.clicked span {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    .m-nav-btn.clicked:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .m-nav-btn.clicked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .headers .header .header-menu {
        position: absolute;
        z-index: 9999;
        left: -1rem;
        width: calc(100% + 2rem);
        top: 100%;
        right: 0;
        height: 100vh;
        background: rgba(0,0,0,0.9);
        padding: 0 5%;
        display: none;
        align-items: unset;
        justify-content: unset;
        gap: unset;
    }
    .headers .header .header-menu nav {
        display: flex;
        width: 100%;
    }
    .headers .header .header-menu nav .main-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        width: 100%;
        padding: 1rem 1rem;
    }

    .headers .header .header-menu nav .main-nav .nav-item {
        display: flex;
        position: unset;
        height: auto;
        width: 100%;
    }

    .headers .header .header-menu nav .main-nav .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        font-weight: normal;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 1.4rem 0;
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .headers:hover .header .header-menu nav .main-nav .nav-item .nav-link,.headers.active .header .header-menu nav .main-nav .nav-item .nav-link {
        color: #fff;
    }
    .headers .header .header-menu nav .main-nav .nav-item .nav-link.is-active {
        color: #fff;
        /*font-weight: bold;*/
    }
    .headers:hover .header .header-menu nav .main-nav .nav-item .nav-link.is-active,.headers.active .header .header-menu nav .main-nav .nav-item .nav-link.is-active,.headers .header .header-menu nav .main-nav .nav-item .nav-link:hover {
        color: #fff;
    }




    .banners .banner {
        height: 55vh;
    }
    .banners .banner .swiper-wrapper .swiper-slide .image {
        height: 100%;
    }
    .banners .banner .swiper-wrapper .swiper-slide .banner-text {
        top: 50%;
        left: 1rem;
        width: calc(100% - 2rem);
        align-items: center;
        justify-content: center;
    }
    .banners .banner .swiper-wrapper .swiper-slide .banner-text .p-h1 {
        font-size: 2rem;
    }
    .banners .banner .swiper-wrapper .swiper-slide .banner-text .banner-link {
        margin-top: 2rem;
        gap: 1rem;
    }
    .banners .banner .swiper-wrapper .swiper-slide .banner-text .banner-link a {
        border: 1px solid #fff;
        font-size: 1.2rem;
        padding: 0.8rem 1.5rem;
        border-radius: 3rem;
    }

    .banners .banner .swiper-pagination-banner {
        bottom: 2rem;
    }
    .banners .banner .swiper-pagination-banner .swiper-pagination-bullet {
        width: 2rem;
    }

    .section-header {
        gap: 1rem;
    }

    .section-header h2 {
        font-size: 2rem;
        letter-spacing: 0;
    }
    .section-header p {
        font-size: 1.3rem;
        line-height: 2rem;
        margin-top: 0;
    }


    .section-love {
        padding: 3rem 1rem;
    }
    .love {
        gap: 2rem;
    }
    .love .love-card {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .love .love-card .love-item {
        width: calc(50% - 0.5rem);
        border-radius: 0.8rem;
    }
    .love .love-card .love-item .image-link {
        border-radius: 0.8rem;
    }
    .love .love-card .love-item .image-link img {
        border-radius: 0.8rem;
    }
    .love .love-card .love-item .box {
        padding: 1rem 1rem 3rem;
        gap: 0;
        border-radius: 0.8rem;
        background: rgba(0,0,0,0.3);
    }
    .love .love-card .love-item .box i {
        transform: scale(0.7);
    }

    .love .love-card .love-item .box h3 {
        width: 100%;
        font-size: 1.4rem;
    }

    .section-product {
        padding: 3rem 1rem;
    }

    .product {
        gap: 2rem;
    }

    .product .cate-item {
        gap: 1rem;
    }
    .product .cate-item li {
        width: calc((100% - 2rem) / 3);
    }
    .product .cate-item li button  {
        width: 100%;
        padding: 1rem 0;
        font-size: 1.1rem;
        border-radius: 2rem;
    }
    .product .pro-card {
        gap: 1rem;
    }

    .pro-list {
        gap: 1rem;
    }

    .pro-item {
        width: calc(50% - 0.5rem);
    }

    .pro-item h2 a {
        font-size: 1.2rem;
        margin: 1rem 0;
        padding: 0 1rem;
    }
    .pro-item .pro-btn {
        margin:0 1rem 1rem;
        width: calc(100% - 2rem);
        font-size: 1.1rem;
        padding: 0.8rem 0;
    }
    .pro-item h3 a {
        font-size: 1.2rem;
        margin: 1rem 0;
        padding: 0 1rem;
    }
    .product .more-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 0;
    }
    .product .more-btn a {
        border: 1px solid #00a0e9;
        color: #000;
        font-size: 1.2rem;
        border-radius: 2rem;
        padding: 1rem 0;
        width: 70%;
        text-align: center;
    }

    .section-solution {
        padding: 3rem 1rem;
    }

    .solution {
        gap: 2rem;
    }
    .solution .solution-card {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 2rem;
    }
    .solution .solution-card .solution-cate {
        width: 100%;
        max-height: unset;
        overflow-x: unset;
        overflow-y: unset;
    }
    .solution .solution-card .solution-cate ul {
        display: flex;
        gap: 1rem;
        flex-flow: unset;
        border: none;
        width: 100%;
        margin-right: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .solution .solution-card .solution-cate ul li {
        width: calc((100% - 2rem) / 3);
    }
    .solution .solution-card .solution-cate ul li button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        padding: 1rem 0;
        font-size: 1.1rem;
        border-radius: 2rem;
        height: unset;
        border: 1px solid #eee;
    }
    .solution .solution-card .solution-cate ul li button[aria-selected="true"] {
        border: 1px solid #00a0e9;
    }
    .solution .solution-card .solution-cate ul li:last-of-type button {
        border-bottom:1px solid #eee;
    }
    .solution .solution-card .solution-cate ul li:last-of-type button[aria-selected="true"] {
        border: 1px solid #00a0e9;
    }
    .solution .solution-card .solution-cate ul li button i {
        display: none;
    }
    .solution .solution-card .solution-list {
        width: 100%;
        gap: 1rem;
    }
    .solution .solution-card .solution-list .item {
        width: calc(50% - 0.5rem);
    }
    .solution .solution-card .solution-list .item h3 a {
        font-size: 1.2rem;
        margin: 1rem 0;
        padding: 0 0.5rem;
    }

    .section-ad {
        display: flex;
        flex-direction: column;
        background-image:none;
        padding: 3rem 1rem;
        background: #00a0e9;
    }
    .ad {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 1rem;
    }
    .ad .ad-text {
        display: flex;
        flex-flow: column;
        gap: 1rem;
    }
    .ad .ad-text h2 {
        font-size: 1.5rem;
        line-height: 2.4rem;
        width: 100%;
        text-align: center;
    }
    .ad .ad-text p {
        font-size: 1.1rem;
        line-height: 1.8rem;
        text-align: center;
    }
    .ad address {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        width: 100%;
    }
    .ad address .contact-list {
        padding-left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: unset;
    }
    .ad address .contact-list:before {
        display: none;
    }
    .ad address .contact-list dt {
        font-size: 1.6rem;
        margin-top: 0;
    }

    .ad address .contact-list dd a {
        font-size: 1.8rem;
    }


    .section-guide {
        padding: 2rem 1rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
    .guide {
        display: flex;
        flex-flow: column;
        width: 100%;
    }
    .guide-card {
        padding: 2rem 0;
        margin-top: 2rem;
    }
    .guide-card .box {
        display: flex;
        flex-flow: column;
        gap: 2rem;
    }
    .guide-card .box nav .cate-item {
        display: flex;
        gap: 1rem;
        flex-flow: unset;
        border: none;
        width: 100%;
        margin-right: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .guide-card .box nav .cate-item li {
        width: calc((100% - 2rem) / 3);
    }
    .guide-card .box nav .cate-item li button  {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        padding: 1rem 0;
        font-size: 1.1rem;
        border-radius: 2rem;
        height: unset;
        border: 1px solid #eee;
    }
    .guide-card .box .guide-box {
        display: none;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        gap: 1rem;
    }
    .guide-card .box .guide-box.active {
        display: flex;
    }
    .guide-card .box .guide-box .guide-item {
        width: calc(50% - 0.5rem);
        position: relative;
        display: flex;
        flex-flow: column;
    }

    .guide-card .box .guide-box .guide-item h3 a {
        width: 100%;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 1rem 0.5rem;
        color: #fff;
        font-size:1rem;
        font-weight: normal;
        background: rgba(0,160,233,.8);
    }



    .section-work {
        padding: 2rem 1rem;
    }
    .work {
        gap: 2rem;
    }
    .work .work-card {
        padding-bottom: 3rem;
    }


    .work-card .work-swiper .swiper-wrapper .swiper-slide {
        gap: 0;
        padding: 0;
    }

    .work-card .work-swiper .swiper-wrapper .swiper-slide h3 a {
        font-size: 1.2rem;
        padding: 1rem 0;
    }

    .work-card .swiper-pagination-work .swiper-pagination-bullet {
        width: 0.8rem;
        height: 0.8rem;
    }

    .work-card .swiper-pagination-work .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #00a0e9;
    }

    .section-testimonial {
        padding: 2rem 1rem;
    }
    .testimonial-swiper .swiper-slide {
        width: 100%;
        padding: 1rem 1rem;
        border-radius: 1rem;
        gap: 1rem;
    }
    .testimonial-swiper .swiper-slide .info {
        gap: 1rem;
    }
    .testimonial-swiper .swiper-slide .info h3 {
        width: 5rem;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta {
        width: calc(100% - 6rem);
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta dd strong {
        font-size: 1.4rem;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta dd strong:before {
        top: 4px;
        height: 1rem;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta dd.zw {
        font-size: 1.4rem;
        padding-left: 10px;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta dd.company {
        font-size: 1.4rem;
        width: 100%;
    }
    .testimonial-swiper .swiper-slide .testimonial-meta dd.product-tag {
        position: absolute;
        right: 0;
        top: 15px;
    }
    .testimonial-swiper .swiper-slide .testimonial-quote {
        padding: 0 1rem 1rem;
    }
    .testimonial-swiper .swiper-slide .testimonial-quote:before {
        display: none;
    }
    .testimonial-swiper .swiper-slide .testimonial-quote:after {
        display: none;
    }
    .testimonial-swiper .swiper-slide .testimonial-quote p {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .section-news {
        padding: 2rem 1rem;
    }

    .news {
        gap: 2rem;
    }
    .news-card {
        padding-bottom: 0;
    }


    .news-card .news-swiper .swiper-slide {
        gap: 1rem;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 1.5rem 1rem;
    }

    .news-card .news-swiper .swiper-slide h3 a {
        font-size: 1.4rem;
    }

    .news-card .news-swiper .swiper-slide .item-summary {
        font-size: 1.2rem;
        line-height: 2rem;
        max-height: 6rem;
    }
    .news-card .news-swiper .swiper-slide time {
        margin-top: 1rem;
        color: #000;
        font-size: 1.2rem;
        padding-left: 2rem;
        line-height: 2rem;
    }
    .news-card .news-swiper .swiper-slide time:before {
        transform: scale(0.8);
    }

    .news-card .next-news {
        display: none;
    }
    .news-card .prev-news {
        display: none;
    }

    .news .more-btn a {
        font-size: 1.2rem;
        padding: 1rem 3rem;
    }
    .news .more-btn a:hover {
        background: #00a0e9;
        color: #fff;
    }
    .section-im {
        padding: 2rem 1rem;
    }
    .im {
        display: flex;
    }
    .im .im-box {
        width: 100%;
        margin-left: 0;
        gap: 1rem;
    }
    .im .im-box h2 {
        font-size: 1.6rem;
    }
    .im .im-box .tip {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .im .im-box .tip a {
        font-size: 1.2rem;
    }
    .im .im-box form {
        margin-top: 1rem;
        gap: 1rem;
    }
    .im .im-box form .form-group {
        width: calc(50% - 0.5rem);
        margin-bottom: 0;
    }
    .im .im-box form .form-group input {
        height: 3.2rem;
        line-height: 3.2rem;
    }
    .im .im-box form .form-group textarea {
        line-height: 2rem;
    }
    .im .im-box form .form-group.captcha {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }
    .im .im-box form .form-group.captcha input {
        width: calc(50% - 0.5rem);
    }
    .im .im-box form button {
        width: 100%;
        font-size: 1.4rem;
        padding: 0.8rem 0;
    }


    #toolbar {
        display: none;
    }

    .footer {
        padding: 1rem 1rem;
        display: flex;
        flex-direction: column;
    }
    .footer .footer-hd h2 a img  {
        height: 3.6rem;
    }

    .footer .footer-box {
        padding: 1rem 0;
        gap: 0;
    }
    .footer .footer-box address {
        width: 100%;
    }
    .footer .footer-box address dl {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        border-right:none;
    }
    .footer .footer-box address dl dt {
        width: 8rem;
    }
    .footer .footer-box address dl dt.tel {
        font-size: 1.2rem;
        width: 8rem;
    }
    .footer .footer-box address dl dd {
        width: calc(100% - 9rem);
    }
    .footer .footer-box address dl dd.tel-dd {
        width: calc(100% - 9rem);
        font-size: 1.2rem;
        font-weight: normal;
        color: #fff;
    }
    .footer .footer-box address dl dt.email {
        width: 7rem;
        font-size: 1.2rem;
    }
    .footer .footer-box address dl dd.email-dd {
        width: calc(100% - 8rem);
        font-size: 1.2rem;
    }
    .footer .footer-box address dl dt.address {
        width: 6rem;
        font-size: 1.2rem;
    }

    .footer .footer-box address dl dd.address-dd {
        width: calc(100% - 7rem);
        font-size: 1.2rem;
    }
    .footer .footer-box address dl dd.qrcode-dd {
        width: 120px;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        margin-left: 20px;
        margin-top: 10px;
    }
    .footer .footer-box address dl dd.qrcode-dd.ml30{
        margin-left: 30px;
    }
    .footer .footer-box address dl dd.qrcode-dd img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .footer .footer-copyright {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        padding-top: 1rem;
        gap: 1rem;
    }
    .footer .footer-copyright p {
        font-size: 1.2rem;
        line-height: 2rem;
        text-align: center;
    }
    .footer .footer-copyright .u-link {
        gap: 1rem;
    }

    .m-nav {
        position: fixed;
        bottom: 0;
        min-width: 320px;
        /*max-width: 640px;*/
        width: 100%;
        height: 5rem;
        background: #1A1A1A;
        z-index: 99999;
        border-top: 1px solid #6B6B6B;
    }
    .m-nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .m-nav ul li {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .m-nav ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        gap: 0.5rem;
        height: 5rem;
        color: #fff;
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .m-nav ul li img {
        width: 1.6rem;
    }
    .m-nav ul li:nth-child(3) {
        background: #00a0e9;
    }


    .page-banner .page-banner-nav {
        gap: 1rem;
    }
    .page-banner .page-banner-nav h1,.page-banner .page-banner-nav dt {
        font-size: 1.6rem;
    }

    .page-banner .page-banner-nav p,.page-banner .page-banner-nav dd {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .section-page-nav-list {
        padding: 1rem 1rem 1rem;
        box-shadow: unset;
    }
    .page-nav-list ul {
        gap: 1rem;
    }
    .page-nav-list ul li {
        width: calc((100% - 2rem) / 3);
    }
    .page-nav-list ul li a {
        width: 100%;
        font-size: 1.1rem;
        border-radius: 3rem;
        border: 1px solid #eee;
        padding: 0.8rem 0;
        text-align: center;
    }
    .section-page-search {
        padding: 1rem 1rem;
    }
    .page-search form {
        border-radius: 3rem;
        width: 100%;
    }
    .section-selection-nav {
        padding: 2rem 1rem;
    }
    .selection-nav {
        gap: 1rem;
    }
    .selection-nav dl {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        width: 100%;
        gap: 1rem;
    }
    .selection-nav dl dt {
        font-size: 1.5rem;
        background: none;
        border-radius: 0;
        justify-content: flex-start;
        padding: 0 0 1rem 0;
        flex-shrink: 0;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }
    .selection-nav dl dd ul {
        gap: 1rem;
    }
    .selection-nav dl dd ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        font-size: 1.2rem;
        border:1px solid #ddd;
        border-radius: 2rem;
        padding: 0.6rem 1rem;
        color: #333;
    }
    .selection-nav dl dd ul li a i {
        display: none;
    }
    .selection-nav dl dd ul li:first-of-type a {
        border: 1px solid #ddd;
        color: #333;
    }
    .selection-nav dl dd ul li:first-of-type:hover a {
        border: 1px solid #ddd;
        color: #fff;
        background: #00a0e9;
    }
    .section-selection-guide {
        padding: 0 1rem 2rem;
    }
    .selection-guide {
        gap: 2rem;
    }
    .selection-guide .lists {
        gap: 1rem;
    }
    .selection-guide .lists .item {
        width: 100%;
        padding: 1rem;
        display: flex;
        align-items: flex-start;
        flex-flow: column;
        gap: 1rem;
    }
    .selection-guide .lists .item:hover {
        background-color: #00a0e9;
    }
    .selection-guide .lists .item .image-link {
        width: 100%;
    }
    
    .selection-guide .lists .item .item-box {
        display: flex;
        align-items: flex-start;
        flex-flow: column;
        gap: 1rem;
        width: 100%;
    }
    .selection-guide .lists .item .item-box h2 {
        width: 100%;
        display: flex;
        margin-top: 0;
    }
    .selection-guide .lists .item .item-box h2 a {
        font-size: 1.4rem;
    }
    .selection-guide .lists .item .item-box p {
        font-size: 1.2rem;
        line-height: 1.8rem;
        max-height: 5.4rem;
        margin-top: 0;
    }
    .selection-guide .lists .item .item-box .item-btn {
        border-radius: 2rem;
        padding: 0.8rem 0;
        width: 100%;
        font-size: 1.3rem; 
        text-align: center;
    }
   

    .section-page-pro-list {
        padding: 2rem 1rem;
    }
    .page-pro-list {
        gap: 2rem;
    }
    .app-list {
        gap: 1rem;
    }
    .app-list .item  {
        width: calc(50% - 0.5rem);
        gap: 1rem;
    }
    .app-list .item h2 a {
        font-size: 1.2rem;
        padding: 0;
    }
    .pagebar .pagination {
        margin: 1rem 0;
    }
    .section-page-pro-detail {
        padding: 2rem 0;
        gap: 2rem;
    }
    .page-pro-detail {
        padding: 1rem 1rem;
        gap: 2rem;
    }
    .main-wrap {
        display: flex;
        flex-flow: column;
        gap: 1rem;
    }
    .main-wrap .image-box {
        gap: 1rem;
        width: 100%;
    }

    .main-wrap .info-box {
        width: 100%;
        gap:1rem;
    }
    .main-wrap .info-box h1 {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 1rem;
        padding-bottom: 1rem;
    }
    .main-wrap .info-box .intro {
        padding: 1rem 1rem;
        font-size: 1.2rem;
        border-radius: 0.5rem;
        line-height: 2rem;
    }
    .main-wrap .info-box table {
        font-size: 1.2rem;
    }
    .main-wrap .info-box table caption {
        font-size: 1.4rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .main-wrap .info-box table td,.main-wrap .info-box table th {
        padding: 1rem 1rem;
    }
    .main-wrap .info-box table tbody tr td {
        line-height: 1.6rem;
    }
    .main-wrap .info-box table tbody tr td:first-of-type {
         white-space: nowrap;
    }
    .main-wrap .info-box address {
        border-top:none;
        padding-top: 1rem;
    }
    .main-wrap .info-box address dl {
        gap: 0.5rem;
    }
    .main-wrap .info-box address dl dt {
        font-size: 1.4rem;
        gap: 0.5rem;
    }
    .main-wrap .info-box address dl dt i {
        display: none;
    }
    .main-wrap .info-box address dl dd a {
        font-size: 1.6rem;

    }
    .main-wrap .info-box address dl dd:first-of-type a {
        padding-right: 1rem;
    }
    .main-wrap .info-box address dl dd:first-of-type a:before {
        font-size: 1.3rem;
    }
    .main-wrap .info-box .info-btn {
        gap: 2rem
    }
    .main-wrap .info-box .info-btn li {
        display: flex;
        width: calc(50% - 1rem);
    }
    .main-wrap .info-box .info-btn a {
        font-size: 1.5rem;
        padding: 1.2rem 0;
        width: 100%;
        text-align: center;
    }

    .detail-box {
        gap: 2rem;
    }
    
    .detail-box .detail-box-title h2 {
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
    }
    .detail-box h3 {
        font-size: 1.5rem;
        padding-left: 1rem;
    }
    
    .detail-box .params dt {
        width: 30%;
        font-size: 1.2rem;
        padding: 1rem 1rem;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .detail-box .params dd {
        width: 70%;
        font-size: 1.2rem;
        padding: 1rem 1rem;
        border-bottom: 1px solid #eee;
        border-right: none;
    }

    .detail-box .performance {
        gap: 1rem;
    }
    .detail-box .performance p {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .detail-box .performance p.p {
        font-size: 1.3rem;
    }
    .detail-box .performance .image {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .detail-box .performance .image figure {
        width: 100%;
    }
    .detail-box .performance .image.x2 figure {
        width: calc((100% - 1rem) / 2);
    }
    .detail-box .performance .image.x3 figure {
        width: calc((100% - 2rem) / 3);
    }
    .detail-box .performance .image.x4 figure {
        width: calc((100% - 3rem) / 4);
    }

    .detail-box .performance .dl {
       column-gap: 1rem;
        row-gap: 1rem;
        display: flex;
        flex-flow: column;
    }
   
    .detail-box .performance .dl dt {
        font-size: 1.2rem;
        width: 100%;
    }
    .detail-box .performance .dl dd {
        width: 100%;
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .detail-box .performance .dl dd a {
        padding: 0.3rem 0.5rem;
        border-radius: 0.2rem;
    }
    .detail-box .performance .dl dd a.tel-p {
        padding-right: 1rem;
        position: relative;
    }
    .detail-box .performance .dl dd a.tel-p:before {
        font-size: 1rem;
        right: 0.5rem;
        top: -1px;
    }

    .detail-box .performance h4 {
        font-size: 1.4rem;
    }
    .detail-box .performance .ol {
        gap: 1rem;
    }
    .detail-box .performance .ol li {
        font-size: 1.2rem;
        padding-left: 2rem;
        line-height: 1.8rem;
    }
    .detail-box .performance .ol li:before {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        left: 0.8rem;
        top: 0.6rem;
    }

    .detail-box .performance .ul {
        gap: 1rem;
    }
    .detail-box .performance .ul li {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .performance .apps-list {
        gap: 1rem;
        margin-top: 0;
    }
    .performance .apps-list article {
        padding: 1rem 1rem;
    }
    .performance .apps-list article .image {
        width: 8rem;
    }
    .performance .apps-list article dl {
        padding: 0 1rem;
        gap: 0;
        width: calc(100% - 9rem);
    }
    .performance .apps-list article dl dt a {
        font-size: 1.3rem;
    }
    
    .performance .apps-list article dl dd {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
    .detail-box .f-p {
        font-size: 1.5rem;
        line-height: 2rem;
        color: #00a0e9;
        margin-top: 2rem;
    }
    .detail-box .note {
        border-radius: 0.5rem;
        padding: 1rem 1rem;
        gap: 0.5rem;
    }
    .detail-box .note p {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .detail-box .note .p1 {
        font-size: 1.4rem;
    }

    .section-page-message {
        padding: 2rem 1rem 0;
    }
    .page-message {
        gap: 1rem;
    }
    .page-message h3 {
        font-size: 1.8rem;
    }
    .page-message p {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .page-message form {
        margin-top: 2rem;
        gap: 0.5rem;
    }
    .page-message form .form-group {
        width: 100%;
    }
    .page-message form .form-group input {
        padding: 0 0.5rem;
        height: 3.6rem;
        line-height: 3.6rem;
    }
    .page-message form .form-group textarea {
        border-radius: 0;
        padding: 0.5rem 0.5rem;
        line-height: 2rem;
    }
    .page-message form .form-group.captcha {
        gap: 0.5rem;
    }
    .page-message form .form-group.captcha input {
        width: 50%;
    }
    .page-message form button {
        width: 100%;
        border-radius: 0.5rem;
        font-size: 1.3rem;
        letter-spacing: 5px;
        padding: 0.8rem 0;
    }
    .section-page-related {
        padding: 2rem 1rem 0;
    }
    
    .page-related h3 {
        text-align: center;
        font-size: 1.8rem;
    }
    .page-related p {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    .related-list {
        gap: 1rem;
        margin-top: 2rem;
    }
    .related-list .related-item {
        width: calc(50% - 0.5rem);
    }

    .related-item h4 a {
        font-size: 1.3rem;
        margin: 0;
        padding:1rem 0.5rem;
    }
   .section-page-news-list {
        padding: 2rem 1rem;
    }
    .page-news-list {
        gap: 1rem;
    }
    .news-list {
        gap: 1rem;
    }
    .news-list .news-item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        padding: 1rem 1rem;
    }
    .news-list .news-item .image-link {
        width: 100%;
        aspect-ratio: 5 / 3;
        overflow: hidden;
    }
    .news-list .news-item .info-box {
        display: flex;
        width: 100%;
        flex-flow: column;    
        padding: 1rem 0; 
        gap: 0.5rem;         
    }
    .news-list .news-item .info-box h2 a {
        font-size: 1.4rem;
    }
    .news-list .news-item .info-box p {
        font-size: 1.2rem;
        line-height: 1.8rem;
        max-height: 3.6rem;
    }
    .news-list .news-item .date {
        display: flex;
        flex-direction: unset;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        gap: 10px;
        padding: 0;
        position: relative;
    }
    .news-list .news-item .date .day {
        font-size: 1.2rem;
        font-weight: unset;
        position: absolute;
        right: -1.7rem;
        top: 0;
        padding-left: 0.3rem;
    }
    .news-list .news-item .date .day::before {
        content: '/';
        position: absolute;
        left: 0;
        top: 0;
        font-size: 1.2rem;
        color: #666;
    }
    .news-list .news-item .date .ym {
        font-size: 1.2rem;
    }
    .news-list .news-item:hover .date .day,.news-list .news-item:hover .date .ym {
        color: #00a0e9;
    }
    .news-list .news-item .download {
        padding: 1rem 0;
        background: #00a0e9;
        border-radius: 0.5rem;
        width: 100%;
    }
    .news-list .news-item .download span {
        color: #fff;
        font-size: 1.4rem;
    }
    .news-list .news-item:hover .download span {
        color: #fff;
    }
    .section-page-work-detail {
        padding: 2rem 1rem;
        gap: 2rem;
    }
    .page-work-detail {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 2rem;
    }
    .main-work-wrap {
        padding: 1rem 1rem;
        width: 100%;
    }
    .main-work-wrap header {
        gap: 1rem;
    }
    .main-work-wrap header  h1 {
        font-size: 1.5rem;
        text-align: center;
    }
    .main-work-wrap header .meta {
        gap: 1rem;
        padding: 1rem 0;
    }
    .main-work-wrap header .meta span {
        font-size: 1rem;
    }
    .main-work-wrap header .meta ul {
        gap: 1rem;
    }
    .main-work-wrap section {
        gap: 1rem;
        margin-top: 2rem;
    }
    .main-work-wrap section h2 {
        font-size: 1.5rem;
        padding-left: 0.5rem;
        border-left: 0.3rem solid #00a0e9;
    }
    .main-work-wrap section h2.q-h2 {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }
    .main-work-wrap section h2.q-h2::before {
        content: '';
        position: absolute;
        top: 0.6rem;
        height: 1.6rem;
    }
    .main-work-wrap section .q-dl {
        padding: 1rem 1rem;
    }
    .main-work-wrap section .q-dl dt {
        font-size: 1.3rem;
    }
    .main-work-wrap section .q-dl dd {
        font-size: 1.2rem;
    }
    .main-work-wrap section p {
        font-size: 1.2rem;
    }
    .main-work-wrap section p.p-t {
        font-size: 1.4rem;
        margin-top: 1rem;
    }
    .main-work-wrap section ul {
        gap: 1rem;
    }
    .main-work-wrap section ul li {
        font-size: 1.2rem;
        padding-left: 1.2rem;
    }
    .main-work-wrap section ul li::before {
        top: 0.6rem;
        width: 0.5rem;
        height: 0.5rem;
    }
    .main-work-wrap section .image {
        gap: 1rem;
    }
    .main-work-wrap section .image.x2 figure {
        width: calc((100% - 1rem) / 2);
    }
    .main-work-wrap section .image.x3 figure {
        width: calc((100% - 2rem) / 3);
    }
    .main-work-wrap section .image.x4 figure {
        width: calc((100% - 3rem) / 4);
    }
    .main-work-wrap section table {
        font-size: 1.2rem;
    }
    .main-work-wrap section table caption {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .main-work-wrap section table td,.main-work-wrap section table th {
        padding: 1rem 0.5rem;
    }
    .main-work-wrap .user-comment {
        padding: 1rem 1rem;
        border-radius: 1rem;
        gap: 1rem;
    }
    .main-work-wrap .user-comment .info {
        gap: 0.5rem;
    }
    .main-work-wrap .user-comment .info h3 {
        width: 5rem;
    }
    .main-work-wrap .user-comment .testimonial-meta {
        width: calc(100% - 5.5rem);
        gap: 0.5rem;
    }
    .main-work-wrap .user-comment .testimonial-meta dd strong {
        font-size: 1.4rem;
        padding-right: 0.5rem;
    }
    .main-work-wrap .user-comment .testimonial-meta dd strong:before {
        height: 1rem;
    }
    .main-work-wrap .user-comment .testimonial-meta dd.zw {
        font-size: 1.4rem;
    }
    .main-work-wrap .user-comment .testimonial-meta dd.company {
        font-size: 1.2rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .main-work-wrap .user-comment .testimonial-quote {
        padding: 1rem 2rem;
    }
    .main-work-wrap .user-comment .testimonial-quote:before {
        left: -10px;
        scale: 0.3;
    }
    .main-work-wrap .user-comment .testimonial-quote:after {
        right: 0;
        scale: 0.3;
    }
    .main-work-wrap .user-comment .testimonial-quote p {
        font-size: 1.2rem;
        line-height: 1.6;
    }
    .main-work-wrap .scene {
        gap: 1rem;
        padding: 1rem;
    }
    .main-work-wrap .scene .scene-info {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 1rem;
    }
    .main-work-wrap .scene .scene-info figure {
        width: 100%;
    }
    .main-work-wrap .scene .scene-info .scene-box {
        width: 100%;
        gap: 1rem;
    }
    .main-work-wrap .scene .scene-info .scene-box h3 {
        font-size: 1.5rem;
        padding-bottom: 1rem;
    }
    .main-work-wrap .scene .scene-info .scene-box p.p1 {
        font-size: 1.4rem;
        padding-left: 1.2rem;
    }
    .main-work-wrap .scene-dl {
        gap: 1rem;
    }
    .main-work-wrap .scene-dl dt {
        font-size: 1.4rem;
        padding-left: 1.2rem;
    }
    .main-work-wrap .scene-dl dd {
        font-size: 1.2rem;
        padding-left: 1.2rem;
    }
    .main-work-wrap .scene-dl dd::before {
       display: none;
    }
    .main-work-wrap p.p-s {
        font-size: 1.4rem;
        padding-left: 1.2rem;
    }
    .main-work-wrap .scene-ul {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .main-work-wrap .scene-ul li {
        gap: 0.5rem;
        width: calc(50% - 0.5rem);
        padding: 2rem 0.5rem;
    }
    .main-work-wrap .scene-ul li::before {
        display: none;
    }
    .main-work-wrap .scene-ul li data {
        font-size: 1.6rem;
    }
    .main-work-wrap .scene-ul li span {
        font-size: 1.2rem;
    }
    .main-work-wrap .tips {
        padding: 1rem 1rem;
    }


    .main-work-wrap aside {
        padding: 1rem 1rem;
        border-radius: 1rem;
        margin-top: 2rem;
    }
    .main-work-wrap aside  p {
        font-size: 1.2rem;
        line-height: 1.8;
    }
    
    .main-work-wrap footer {
        margin-top: 2rem;
    }
    .main-work-wrap footer .tags {
        display: flex;
        gap: 0.5rem;
        font-size: 1.2rem;
    }
    .main-work-wrap .footer-page-nav {
        gap: 1rem;
        border-top: none;
        margin-top: 2rem;
        padding-top: 0;
        font-size: 1.3rem;
    }
    .main-work-wrap .footer-page-nav .prev-next {
        width: 100%;
    }
    .recommend-sidebar {
        padding: 1rem 1rem;
        width: 100%; 
        gap: 2rem;
        position: unset;    
        top: 0;
    }
    .recommend-sidebar .recommend-box {
        gap: 1re,;
    }
    .recommend-sidebar .recommend-box h3 {
        font-size:1.5rem;
        padding: 1rem 1rem;
        border-radius: 0.5rem;
    }
    .recommend-sidebar .recommend-box .rec-list {
        gap: 1rem;
    }
    .recommend-sidebar .recommend-box .rec-list li {
        padding-bottom: 1rem;
    }
    .recommend-sidebar .recommend-box .rec-list li a {
        font-size: 1.2rem;
        padding-left: 1rem;
    }
    
    .recommend-sidebar .rec-contact {
        gap: 1rem;
        padding: 1rem 1rem;
        border-radius: 0.5rem;
    }
    .recommend-sidebar .rec-contact p {
        font-size: 1.4rem;
    }
    .recommend-sidebar .rec-contact button {
        border-radius: 0.5rem;
    }
    .recommend-sidebar .rec-contact button a {
        padding: 1rem 2rem;
        font-size: 1.4rem;
        border-radius: 0.5rem;
    }
    .section-technical-support {
        padding: 2rem 1rem;
        gap: 2rem;
    }
    .technical-support {
        gap: 2rem;
    }
    .technical-support h2 {
        font-size: 1.8rem;
    }
    .document-list {
        gap: 1rem;
    }
    .document-list .item {
        gap: 1rem;
        width: 100%;
        padding: 1rem 1rem;
    }
    .document-list .item h3 {
        display: flex;
        width: 100%;
    }
    .document-list .item h3 a {
        font-size: 1.4rem;
    }
    .document-list .item p {
        font-size: 1.2rem;
    }
    .document-list .item .down-btn {
        font-size: 1.2rem;
        border-radius: 0.5rem;
        padding: 1rem 0;
    }
   
    .technical-support .more-btn a {
        font-size: 1.4rem;
        border-radius: 2rem;
        padding: 1rem 2rem;
    }
    .questoon-list {
        gap: 1rem;
    }
    .questoon-list .item {
        padding: 2rem 1rem;
        gap: 1rem;
    }
    .questoon-list .item h3 a {
        font-size: 1.4rem;
    }
    .questoon-list .item:hover h3 a {
        color: #00a0e9;
    }
    .questoon-list .item p {
        font-size: 1.2rem;
    }
    .support-box {
        padding: 2rem 2rem;
        gap: 1rem;
    }
    .support-box h2 {
        font-size: 1.8rem;
    }
    .support-box p {
        font-size: 1.2rem;
        line-height: 1.6;
    }
   























    .section-page-abouts {
        padding: 2rem 1rem;
    }
    .page-abouts {
        gap: 1.5rem;
    }
    .page-abouts .box {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 1rem;
    }
    .page-abouts .box .intro {
        width: 100%;
        height: auto;
        overflow-x: hidden;
        overflow-y: unset;
        color: #111;
        line-height: 1.4;
        font-size: 1rem;
        padding-right: 0;
    }
    .page-abouts .box .image {
        width: 100%;
        height: auto;
    }
    .section-strength {
        padding: 2rem 1rem;
    }

    .strength .item {
        gap: 10px;
    }

    .strength .item .t {
        gap: 3px;
    }

    .strength .item .t .num {
        font-size: 1rem;
    }

    .strength .item .t .num:before {
        font-size: 0.7rem;
    }

    .strength .item .t .u {
        font-size: 0.7rem;
        margin-bottom: 0;
    }

    .strength .item .n {
        font-size: 0.9rem;
    }

    .strength .line {
        height: 2.4rem;
    }
    .section-idea {
        padding: 2rem 1rem;
    }
    .idea {
        gap: 1.5rem;
    }

    .idea .items {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 1rem;
    }

    .idea .items li {
        gap: 1rem;
        width: 100%;
        aspect-ratio: unset;
        padding: 3rem 1rem;
    }

    .idea .items li.active {
        background: none;
    }

    .idea .items li .i {
        margin-bottom: 1rem;
    }

    .idea .items li p {
        font-size: 1.4rem;
    }

    .section-history {
        padding: 2rem 1rem;
        background-image: unset;
        background-color: #F6F8FA;
    }

    .history {
        gap: 1.5rem;
    }

    .history .items {
        display: flex;
        position: relative;
        width: 100%;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide {
        gap: 2rem;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .t {
        font-size: 1.3rem;
        letter-spacing: 0;
        padding-bottom: 1rem;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev .t {
        right: -70%;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .t {
        left: -70%;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        gap: 1rem;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box .image {
        width: 100%;
        height: auto;
        border: none;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box .inro {
        width: 100%;
        gap: 1rem;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box .inro .p1 {
        font-size: 1.2rem;
    }

    .history .items .swiper .swiper-wrapper .swiper-slide .box .inro .p2 {
        font-size: 0.9rem;
        line-height: 1.4;
    }

    .history .swiper-button-next {
        right: -0.5rem;
        top: 2.3rem;
        width: 2.8rem;
        height: 2.8rem;
    }

    .history .swiper-button-prev {
        left: -0.5rem;
        top: 2.3rem;
        width: 2.8rem;
        height: 2.8rem;
    }

    .history .swiper-button-next:after, .history .swiper-button-prev:after {
        font-size: 1.1rem;
    }
    .section-cooperation {
        padding: 2rem 1rem;
    }
    .cooperation {
        gap: 1.5rem;
    }

    .cooperation .items {
        gap: 1rem;
        padding: 1rem 0;
    }

    .cooperation .items .swiper {
        height: 4rem;
    }

    .cooperation .items .swiper .swiper-wrapper .swiper-slide .image {
        height: 4rem;
    }
    .cons {
        margin: 2rem 1rem;
    }
    .cons .con {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        gap: 1rem;
    }
    .cons .con .page-menus {
        width: 100%;
    }
    .cons .con .page-menus .nav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
        border: none;
        background: #fff;
        margin-bottom: 0;
        gap: 1rem;
    }
    .cons .con .page-menus .nav:before {
        display: none;
    }
    .cons .con .page-menus .nav .nav-title {
        /*margin-left: -1rem;*/
    }
    .cons .con .page-menus .nav .list {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        width: auto;
        border: none;
        margin: 0;
    }
    .cons .con .page-menus .nav .list:last-of-type {
        margin-bottom: 0;
    }
    .cons .con .page-menus .nav .list .cate {
        padding: 0.6rem 1rem;
        width: 100%;
        border-radius: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #BD2B15;
        font-size: 1rem;
        font-weight: normal;
        color: #000;
    }
    .cons .con .page-menus .nav .list .children {
        display: none;
    }

    .cons .con .details {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
        width: 100%;
    }
    .smen {
        height: 3rem;
        line-height: 3rem;
        padding: 0 1rem;
        border: none;
    }
    .border {
        border-top: none !important;
    }
    .smen .red_x {
        font-size: 1.1rem;
        letter-spacing: 0;
    }
    .smen a {
        font-size: 0.9rem;
    }
    .cons .con .details .pro-list {
        padding: 1rem 0;
        gap: 1rem;
        border: none;
    }
    .cons .con .details .pro-list li {
        width: calc((100% - 1rem) / 2);
    }
    .cons .con .details .pro-list li .name {
        height: 3rem;
        padding: 0 1rem;
    }
    .cons .con .details .pro-list li .name .text {
        font-size: 1rem;
    }
    .cons .con .details .gl-new-list {
        width: 100%;
        border: none;
        padding: 1rem 0;
        gap: 1rem;
    }
    .cons .con .details .gl-new-list li {
        gap: 1rem;
        width: 100%;
    }
    .cons .con .details .pro-detail {
        border: none;
        padding: 1rem 0;
    }
    .cons .con .details .pro-detail .boxs {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .cons .con .details .pro-detail .boxs .photos {
        width: 100% !important;
    }
    .cons .con .details .pro-detail .boxs .photos .photos-box {
        width: 100% !important;
        aspect-ratio: 1 / 1;
        height: unset !important;
        overflow: hidden;
    }
    .cons .con .details .pro-detail .boxs .photos .photos-box .images-cover {
        object-fit: cover;
    }
    .pro_tinfo_r {
        width: 100%;
    }
    .pro_tinfo_r .tit {
        color: #000;
        padding-bottom: 1rem;
        font-size: 1.1rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .pro_tinfo_r .intro {
        font-size: 0.9rem;
        line-height: 1.5;
        max-height: unset;
    }
    .cpdh {
        margin-top: 1rem;
    }
    .cpdh span,.cpdh a {
        font-size: 1rem;
        padding: 0.6rem 1rem;
    }
    .diysr {
        font-size: 1.1rem;
        padding: 0.8rem 1rem;
        margin-top: 2rem;
    }
    .diysr i {
        display: none;
    }
    .cons .works {
        gap: 1.5rem;
    }
    .cons .works .t {
        font-size: 1.4rem;
    }
    .cons .works .works-cate {
        gap: 0;
    }
    .cons .works .works-cate ul {
        width: 100%;
        gap: 1rem;
        height: auto !important;
    }
    .cons .works .works-cate ul li a {
        border-radius: 30px;
        padding: 0 1rem;
        height: 2rem;
        font-size: 1rem;
    }
    .cons .works .works-cate .shows {
        display: none;
    }
    .cons .works .items {
        gap: 1rem;
    }
    .cons .works .items li {
        width: calc((100% - 1rem) / 2);
    }
    .cons .works .items li .t h3 {
        padding: 0.8rem 1rem;
        font-size: 1rem;
    }
    .cons .con .details .s-content {
        border: none;
    }
    .cons .con .details .s-content .sm-title {
        font-size: 1.1rem;
        padding: 1rem 0;
        border-bottom: 1px solid #eee;
        width: 100%;
    }
    .cons .con .details .s-content .sm-tag {
        font-size: 0.8rem;
        padding: 0.5rem 1rem;
        border-bottom: 1px solid #eee;
    }
    .cons .con .details .s-content .cp-body {
        padding: 0;
    }
    .pgx {
        border-top: 1px solid #eee;
        font-size: 0.9rem;
        gap: 1rem;
        padding: 1rem 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-flow: column;
    }
    .pgx span {
        width: 100%;
    }
    .cons .con .details .contact-box {
        width: 100%;
        border: none;
        padding: 1rem 0;
    }
    .cons .con .details .contact-box .lbox {
        gap: 1rem;
    }
    .cons .con .details .contact-box .lbox .box {
        width: 100%;
    }
    .cons .con .details .contact-box .lbox .box .name {
        font-size: 1.1rem;
        padding: 0.8rem 0;
    }
    .cons .con .details .contact-box .lbox .box .infos {
        padding: 2rem 0;
        gap: 5px;
    }
    .cons .con .details .contact-box .lbox .box .infos p {
        font-size: 1rem;
    }
    .cons .con .details .news-list {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        border: none;
        padding: 1rem 0;
    }
    .cons .con .details .news-list li {
        display: flex;
        gap: 1rem;
        width: 100%;
        padding-bottom: 1rem;
        border-bottom: 1px solid #EEE;
    }
    .cons .con .details .news-list li .image {
        width: 8rem;
    }
    .cons .con .details .news-list li .info {
        width: calc(100% - 9rem);
        gap: 0.5rem;
    }
    .cons .con .details .news-list li .info h3 {
        font-size: 1rem;
    }
    .cons .con .details .news-list li .info .tag {
        font-size: 0.8rem;
        line-height: 1.4rem;
        height: 2.8rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .cons .con .details .news-list li .info .time .t {
        font-size: 0.9rem;
    }
    .cons .con .details .news-list li .info .time .g {
        font-size: 0.9rem;
    }
    .cons .solutions {
        gap: 1.5rem;
    }
    .cons .solutions .t {
        font-size: 1.4rem;
    }
    .cons .solutions .lists {
        gap: 1rem;
    }
    .cons .solutions .lists li {
        width: calc((100% - 1rem) / 2);
        gap: 1rem;
    }
    .cons .solutions .lists li .name h3 {
        padding: 0 0.5rem;
        font-size: 1rem;
    }
    .cons .solutions .lists li .intro {
        padding: 0 0.5rem;
        line-height: 1.4rem;
        height: 2.8rem;
        font-size: 0.9rem;
        -webkit-line-clamp: 2;
    }
    .cons .solutions .lists li .more {
        padding: 0 0.5rem 1rem;
        font-size: 1rem;
        gap: 0.5rem;
    }
}