/* 公共样式 */



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



* {

    margin: 0;

    padding: 0;

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

}



@font-face {

    font-family: 'Montserrat-Regular';

    src: url("/lib/fonts/Montserrat/Montserrat-Regular.ttf");

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat-Bold';

    src: url("/lib/fonts/Montserrat/Montserrat-Bold.ttf");

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat-Medium';

    src: url("/lib/fonts/Montserrat/Montserrat-Medium.ttf");

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat-ExtraBold';

    src: url("/lib/fonts/Montserrat/Montserrat-ExtraBold.ttf");

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat-Light';

    src: url("/lib/fonts/Montserrat/Montserrat-Light.ttf");

    font-display: swap;

}



body {

    max-width: 1920px;

    font-family: 'Montserrat-Regular';

    font-size: 1.6rem !important;

}





/* banner start */



.banner .banner-swiper-pagination {
    left: 50% !important;
    bottom: 5% !important;
    width: auto !important;
    padding: 15px 20px;
    transform: translateX(-50%);
    background: rgb(0 0 0/.5);
    border-radius: 20px;
}

@media (max-width: 767.98px) {
    .banner .banner-swiper-pagination {
        padding: 10px 15px;
    }
}


.banner .banner-swiper-container {

    width: 100%;

    max-height: 650px;

    min-height: 240px;

}



.banner .banner-swiper-container img {

    width: 100%;

    height: 100%;

    min-height: 240px;

}



.banner .banner-swiper-pagination .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background-color: rgb(255 255 255);

}



.banner .banner-swiper-pagination .swiper-pagination-bullet-active {

    background-color: #AB2328;

    border: 2px solid #fff;

}





/* banner end */





/* catagroies start */



.catagroies .catagroies-container {

    width: 100%;

    height: 150px;

    background-color: #AB2328;

}



.catagroies .catagroies-content {

    max-width: 1219px;

    margin: auto;

}



.catagroies-item {

    width: 100%;

}



.catagroies-item a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    justify-items: center;

    width: 100%;

    height: 150px;

    margin: 0;

    padding: 0;

    text-align: center;

}



.catagroies-item a img {

    width: 56px;

    height: 56px;

    margin: 0 auto;

}



.catagroies-item a p {

    margin-top: 10px;

    height: 36px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 18px;

    font-family: 'Montserrat-Medium';

    color: rgb(255 255 255/.5);

}



.catagroies-item a:hover p {

    color: #fff;
    
    transition: transform 0.3s ease-out;

    transform: scale(1.1);
}



.catagroies-swiper-container .swiper-button-prev {

    /* background: url(/lib/images/index/left_arrow.svg) no-repeat center center/cover; */

    /* background-size: 100% 100%; */

    left: 0;

}



.catagroies-swiper-container {

    --swiper-navigation-color: #fff;

    --swiper-navigation-size: 20px;

}





.catagroies-swiper-pagination {

    bottom: 0 !important;

}



.catagroies-swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

}



.catagroies-swiper-container .swiper-button-next {

    /* background: url(/lib/images/index/right_arrow.svg) no-repeat center center/cover; */

    /* background-size: 100% 100%; */

    right: 0;

}





/* catagroies end */





/* products start */



.products {

    padding: 40px 0;

    background-color: #f8f8f8;

}



.products-tabs {

    position: relative;

    margin-bottom: 30px;

}



.products .products-title {

    margin-bottom: 20px;

}



.products-lists {

    display: flex;

    position: absolute;

    top: 7%;

    left: 0;

    z-index: 10;

}



.products-list-item {

    width: 72px;

    height: 28px;

    line-height: 28px;

    padding: 0 20px;

    color: #fff;

}



.products-list-item a:hover,

.products-list-item a:active,

.products-list-item a:focus {

    color: #fff;

}



.new-products {

    margin-right: 354px;

    background-color: #4bc093;

}



.hot-products {

    background-color: #AB2328;

}



.swiper-slide-item {

    /* max-width: 370px; */

    display: flex;

    flex-wrap: wrap;

    position: relative;

    padding-top: 20px;

    text-align: center;

    /* background-color: #fff; */

}



.swiper-slide-item li {

    position: relative;

    flex: 1;

    max-width: 370px;

    margin-right: 30px;

    margin-bottom: 30px;

    padding: 20px 20px 30px;

    background-color: #fff;

}



.swiper-slide-item li:hover {

    box-shadow: 4px 4px 10px rgba(8, 4, 0, .05);

}



.swiper-slide-item:nth-child(1) li:nth-child(1)::before {

    /* position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: 'New';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #4bc093;*/

}



.swiper-slide-item:nth-child(1) li:nth-child(2)::before {

    /* position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: 'Hot';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #AB2328; */

}

.products-contents .swiper-slide-item li .products-news {
    position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: 'New';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #4bc093;
}

.products-contents .swiper-slide-item li .products-lastes {
    position: absolute;

    z-index: 10;

    top: -14px;

    right: 20px;

    content: 'Hot';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #AB2328;
}



.swiper-slide-item li:last-child {

    margin-right: 0;

}



.products-swiper-img {

    position: relative;

}



.products-swiper-img .mask {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background-color: rgb(255 255 255/.15);

    opacity: 0;

}



.products-swiper-img:hover .mask {

    opacity: 1;

}



.products-swiper-title {

    margin: 10px auto 20px;

    color: #AB2328;

    font-size: 16px;

    font-family: 'Montserrat-Medium';

}



.products-swiper-desc {

    max-width: 310px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    color: #1d1d1d;

    line-height: 24px;

    font-family: 'Montserrat-Bold';

}



.products-swiper-pagination {

    position: static !important;

    margin-bottom: 30px !important;

}



.products-swiper-pagination .swiper-pagination-bullet,

.mobile-pagination .swiper-pagination-bullet {

    background-color: #ccc;

    opacity: 1;

}



.products-swiper-pagination .swiper-pagination-bullet-active,

.mobile-pagination .swiper-pagination-bullet-active {

    background-color: #8a8a8a;

}





/* 手机端products swiper */



.mobile-product-swiper {

    margin-bottom: 30px;

    background: #fff;

    text-align: center;

}



.mobile-swiper-slide-item {

    display: flex;

    justify-content: center;

    justify-items: center;

}



.mobile-swiper-slide-item img {

    height: 100%;

    width: 100%;

}





/* .mobile-product-swiper .products-swiper-desc {

  margin-bottom: 20px;

} */



.mobile-pagination {

    position: static !important;

    margin: 30px 0 !important;

}





/* 手机端products swiper end */



.more-a {

    display: block;

    width: 240px;

    height: 56px;

    margin: auto;

    line-height: 56px;

    color: #fff;

    background-color: #1d1d1d;

    text-align: center;

}



.more-a:hover {

    color: #fff !important;

    background-color: #AB2328;

}



/* products end */





/* abouts start */



.abouts {

    background-color: #f8f8f8;

}



.abouts-content-show {

    display: flex;

    justify-content: flex-end;

    height: 540px;

    /* padding-left: 15px; */

    /* margin: 0 15px; */

    background: url(/lib/images/index/img_about_bg.jpg);

}



.abouts-left {

    flex-grow: 1;

    /* max-width: 570px; */

    /* margin-right: 30px; */

    padding: 90px 60px 0 60px;

    /* padding-left: 20px; */

}



.abouts-title .title {

    color: #fff;

    line-height: 48px;

}



.abouts-text {

    margin: 50px 0;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    font-size: 16px;

    line-height: 28px;

    font-family: 'Montserrat-Light';

    color: #fff;

}



.abouts-content-show .more {

    margin-bottom: 60px;

}



.abouts-content-show .more-a {

    margin: auto 0;

    /* font-family: 'Montserrat-Bold'; */

    background-color: #fff;

    color: #AB2328;

}



.abouts-content-show .more-a:hover {

    color: #AB2328 !important;

}



.abouts-right {

    flex-shrink: 0;

    max-width: 50%;

    max-height: 540px;

}



.abouts-right img {

    width: 100%;

    height: 100%;

}





/* abouts catagory start */



.scroll-number-content {

    padding: 0 15px;

}



.abouts-content-catagory-container {

    position: relative;

    max-width: 1219px;

    margin: auto;

}



.w.abouts-catagory {

    margin-top: -40px;

}



.abouts-catagory-content {

    padding-bottom: 40px;

}



.abouts-catagory-item {

    display: flex;

    padding: 36px 20px;

    margin-bottom: 12px;

    border-radius: 2px;

    box-shadow: 4px 4px 10px rgba(8, 4, 0, .05);

    background-color: #fff;

}



.abouts-catagory-item-icon {

    width: 64px;

    height: 64px;

    margin: auto 30px auto 0;

}



.abouts-catagory-item-title {

    font-size: 20px;

    font-family: 'Montserrat-Bold';

    color: #1d1d1d;

    margin-bottom: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

}



@media (max-width: 767px) {

    .abouts-catagory-item-title {

        font-size: 16px;

    }

}



.abouts-catagory-item-description p {

    line-height: 20px;

    font-size: 12.5px;

    color: #666;

    max-width: 230px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





/* abouts catagory end */





/* 数字滚动 start */



.scroll-number-content {

    max-width: 1219px;

    margin: auto;

    padding: 0 0 20px;

}



.scroll-number-item {

    text-align: center;

    margin-bottom: 30px;

}



.scroll-num-div {

    justify-content: center;

}



@media (min-width: 1024px) {

    .scroll-number-first-item {

        text-align: start;

    }



    .scroll-number-last-item {

        text-align: end;

    }



    .scroll-num-first-div {

        justify-content: flex-start;

    }



    .scroll-num-last-div {

        justify-content: flex-end;

    }

}



.scroll-num {

    margin-bottom: 16px;

    font-size: 48px;

    color: #1d1d1d;

    font-family: 'Montserrat-Bold';

}



.scroll-desc {

    font-size: 16px;

    color: rgb(29 29 29/.5);

}



.scroll-num-div {

    display: flex;

}



.add {

    font-size: 36px;

    color: #1d1d1d;

    vertical-align: bottom;

    font-family: 'Montserrat-Bold';

}





/* 数字滚动 end */





/* abouts end */





/* news start */



.news {

    padding: 40px 0;

}



.news-content {

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

}



.news-left {
    max-width: 570px;
    width: 100%;

    margin-right: 30px;

    position: relative;

}



.news-bg {

    max-width: 570px;

    height: 300px;

}



.news-bg img {

    height: 100%;

    width: 100%;

}



.news-strong-item {

    position: absolute;

    max-width: 510px;

    margin: -50px 30px 0;

    padding: 30px;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 4px 4px 10px rgba(8, 4, 0, .05);

}



.news-strong-item .news-strong-a {

    display: block;

}



.news-strong-title {

    max-width: 450px;

    font-size: 16px;

    font-family: 'Montserrat-Bold';

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news-item-desc {

    margin-top: 20px;

    font-size: 14px;

    line-height: 20px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

}



.publish {

    margin-top: 20px;

    color: #1d1d1d;

    text-align: end;

    font-size: 14px;

    font-family: 'Montserrat-Light';

}



.publish span:hover {

    color: #1d1d1d;

}



.publish .admin {

    color: #AB2328;

}



.news-right {

    width: 570px;

}



.news-item-title {

    position: relative;

    /* max-width: 420px; */

    padding-left: 20px;

    font-size: 16px;

    font-family: 'Montserrat-Bold';

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    overflow: hidden;

}



.news-item-title::before {

    position: absolute;

    top: 35%;

    left: 0;

    width: 6px;

    height: 6px;

    content: '';

    border-radius: 50%;

    background-color: #1d1d1d;

}



.news-item:hover {

    background-color: #fff;

    box-shadow: 0 0 10px rgba(8, 4, 0, .1);

}



.news-item:hover .news-item-title::before {

    background-color: #AB2328;

}



.news-link svg {

    max-width: 24px;

    max-height: 24px;

}



.news-item:hover .news-link svg {

    fill: #AB2328;

}





/* .news-item:hover .news-link::after {

  border-color: #AB2328;

} */



.news-item-left {

    margin-right: 30px;

}



.news-item-left .news-item-desc {

    max-width: 420px;

}



.news-item .news-model {

    display: flex;

    justify-content: space-between;

    padding: 30px 20px;

    margin-bottom: 1px;

    border-bottom: 1px solid #eef0f2;

    border-top: 1px solid #eef0f2;

}



.news .publish-time {

    font-size: 16px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}



.news-link {

    position: relative;

    margin-top: 30px;

    padding-left: 20px;

}



.news-link::before {

    position: absolute;

    top: 0;

    left: 0;

    height: 24px;

    width: 1px;

    content: '';

    background-color: #dcdcdc;

}





/* news end */





/* contacts start */
.contacts {
    background: url(/lib/images/contact/contact_bg.jpg) no-repeat;
}

.contacts-container {

    /* padding-bottom: 60px; */

}

.contacts-content {

    /* position: absolute; */

}



.contacts-content-item {

    max-width: 570px;

}



.contacts-first-content-item {

    /* margin-right: 80px; */

}



.contacts-title {

    max-width: 480px;

    margin-top: 20px;

    margin-bottom: 36px;

}



.contacts-title .title {

    line-height: 48px;

}



.contacts-desc {

    margin-bottom: 70px;

}



.contacts-desc p {

    line-height: 24px;

    font-size: 16px;

    font-family: 'Montserrat-Light';

}



.sponser-text {

    margin-bottom: 30px;

    font-size: 16px;

    font-family: 'Montserrat-Medium';

}



.contacts-sponser-content {

    display: flex;

    flex-wrap: wrap;

}



.contacts-sponser-item {

    height: 64px;

    width: 142px;

    margin-right: 30px;

    margin-bottom: 30px;

    box-shadow: 0 0 10px rgba(8, 4, 0, .1);

}





/* 联系表单 start */



.contacts-form {

    padding: 40px 40px 20px;

    background-color: #fff;

    border: 1px solid #eef0f2;

    box-shadow: 0 4px 10px rgba(8, 4, 0, .05);

}



.contacts-form h3 {

    margin-bottom: 20px;

    font-size: 20px;

    font-family: 'Montserrat-Bold';

    color: #AB2328;

}



.contacts-form p {

    margin-bottom: 20px;

    padding: 0;

}



.contacts-form .mar {

    margin-right: 20px;

}



.contacts-form .dis {

    display: flex;
    margin-top: 10px;

}



.contacts-form .code {

    height: 52px;

    margin-left: 20px;

    display: flex;

}

.contacts-form .code img {
    margin: auto;
}



.contacts-form textarea {

    height: 188px;

    margin-bottom: 10px;

}

.contacts-form .row .wpcf7 {
    margin-right: 0;
}

.contacts-form .dis>span {
    width: 100%;
}

.contacts-form .dis .code {
    max-width: 120px;
}

@media (max-width: 1023px) {
    .contacts-form .code {
        max-width: 100%;
    }
}



.send-btn {

    height: 56px;

    width: 200px;

    margin: auto;

    font-size: 20px;

    font-family: 'Montserrat-Bold';

    background-color: #AB2328 !important;

}



.send-btn:hover {

    color: #fff !important;

}



.replay {

    margin: auto auto 0 !important;

    font-size: 16px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}





/* input::placeholder,

textarea::placeholder {

  font-size: 16px;

  font-family: 'Montserrat-Light';

  color: #8c8c8c;

} */





/* 联系表单 end */



.contacts-bg {

    display: none;
    position: relative;

    z-index: -1;

    border-bottom: 46vh solid #ffffff00;

    border-left: 98vw solid #f8f8f8;

    transform: rotate(-180deg);

    border-top: 25vh solid #f8f8f8;

}





/* sponser start */



.mobile-contacts-sponser {

    margin-top: 30px;

}



.mobile-contacts-sponser .contacts-sponser-item {

    height: 100%;

    width: 100%;

}



.mobile-contacts-sponser img {

    height: 100%;

    width: 100%;

}





/* sponser end */





/* contacts end */





/* Pruducts 内页 start */



.products-page {

    background-color: #f8f8f8;

}



.products-page .products-main {

    padding: 40px 0;

}



.products-title {

    font-size: 20px;

    font-family: 'Montserrat-Medium';

}



.products-page .products-tabs-list {

    height: 56px;

    /* line-height: 56px; */

    display: flex;

    justify-content: space-between;

}



.products-page .menu-item {

    margin-left: 30px;

    font-size: 14px;

    color: #666;

}



.products-page .current-menu-item {

    color: #AB2328;

}



.products-page .products-tabs-catagory {

    display: flex;

    /* line-height: 56px; */

    overflow-x: auto;

}



.products-page .products-content-item {

    margin-top: 10px;

}

.products-contents .swiper-slide-item {
    width: 100%;
}

.products-page .products-contents .swiper-slide-item li {

    margin-bottom: 30px;
    margin-right: 30px;
    max-width: 270px;
    flex: 0 0 calc(100%/3 - 20px);
    flex-shrink: 0;

}

.products-contents .swiper-slide-item li:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1279px) {

    .products-page .products-contents .swiper-slide-item li {
        max-width: initial;
    }

    .products-page .products-contents .swiper-slide-item {
        justify-content: flex-start;
    }

    .products-page .products-contents .swiper-slide-item li:nth-child(3n) {
        margin-right: 30px;
    }

    .products-page.products-contents .swiper-slide-item li {
        max-width: 330px;
    }
}

@media (max-width: 1130px) {
    .products-page .products-contents .swiper-slide-item li {
        max-width: 285px;
    }
}



@media (max-width: 999px) {
    .products-page .products-contents .swiper-slide-item li:nth-child(3n) {
        margin-right: 30px;
    }

    .products-page .products-contents .swiper-slide-item li:nth-child(2n) {
        margin-right: 0;
    }

    .products-page .products-contents .swiper-slide-item li {
        flex: 0 0 calc(100%/2 - 20px);
        max-width: 350px;
    }

    .products-page .products-contents .swiper-slide-item {
        justify-content: flex-start;
    }
}


.products-contents .products-swiper-desc {

    margin: 0 10px;

}



.products-page .swiper-slide-item:nth-child(1) li:nth-child(2)::before {

    /* position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: '';

    width: 0;

    height: 0;

    line-height: 28px;

    text-align: center;

    color: #fff; */

    /* background-color: #AB2328; */

}



.products-page .swiper-slide-item:nth-child(2) li:nth-child(2)::before {

    /* position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: 'Hot';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #AB2328; */

}



.products-page .swiper-slide-item:nth-child(2) li:nth-child(3)::before {

    /* position: absolute;

    z-index: 10;

    top: -14px;

    left: 20px;

    content: 'New';

    width: 72px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    background-color: #4bc093; */

}



.products-page .mobile-product-swiper {

    margin-top: 30px;

}



/* Pruducts 内页 end */


.products-page .products-contents .swiper-slide-item.search-product li {
    max-width: inherit;
}






/* products 详情页 start */

.products-detail-content {

    display: flex;

}



.products-detail-potho {

    position: relative;

    display: flex;

    width: 610px;
    height: 520px;

    padding: 10px;

    border: 1px solid #eef0f2;

}

.thumbs-photo-list-wrapper {

    position: absolute;

    top: 30px;

    height: 440px;

    width: 80px;

    overflow: hidden;

}



.thumbs-potho-div .up {

    position: absolute;

    top: 0px;

    left: 30px;

}

.thumbs-potho-div .down {

    position: absolute;

    bottom: -40px;

    left: 30px;

}



.thumbs-potho-list {

    /* overflow: scroll; */

    height: 440px;

    width: 80px;



    position: absolute;

}



.thumbs-potho-list::-webkit-scrollbar {

    display: none;

}



.thumbs-potho-list li {

    height: 80px;

    width: 80px;

    margin-bottom: 10px;

    border: 1px solid #e5e5e5;

    cursor: pointer;

}



.thumbs-potho-list li:hover,

.thumbs-potho-list li.current {

    border-color: #AB2328;

}



.thumbs-potho-div {

    display: flex;

    flex-direction: column;

    margin-right: 10px;

    position: relative;

    width: 80px;

    height: 460px;

}



.thumbs-potho-div p {

    display: flex;

    justify-content: center;

    cursor: pointer;

}



.thumbs-potho-div .up {

    margin-bottom: 10px;

}



/* 缩略图end */



/* 右侧图片start */

.medium-potho-div {

    position: relative;

}



.small-box {

    position: absolute;

    /* top: 0; */

    width: 500px;

    height: 500px;

}



.mouse-mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 250px;

    height: 250px;

    background-color: rgb(243 135 29 /.4);

    cursor: move;

    display: none;

}



.big-box {

    position: absolute;

    display: none;

    top: -10px;

    left: 530px;

    width: 500px;

    height: 520px;

    overflow: hidden;

}



.big-box img {

    position: absolute;

    max-width: initial !important;

}

/* 右侧图片end */





/* 手机缩略图start */

.mobile-thumbs {

    max-width: 767px;

    width: 100%;

}



.main-swiper-container {

    border: 1px solid #eef0f2;



}



.mobile-thumbs-swiper .swiper-container {

    --swiper-navigation-color: #AB2328;
    /* 单独设置按钮颜色 */

    --swiper-navigation-size: 25px;
    /* 设置按钮大小 */

}



.mobile-thumbs-swiper .swiper-button-prev:after {

    content: 'prev' !important;

}

.mobile-thumbs-swiper .swiper-button-next:after {

    content: 'next' !important;

}





.thumbs-swiper {

    margin-top: 20px;

    padding: 10px !important;

    border: 1px solid #eef0f2;

}



.thumbs-swiper .swiper-slide {

    border: 1px solid #eef0f2;

}



.thumbs-swiper .swiper-slide:last-child {

    margin-right: 0 !important;

}



.thumbs-swiper .swiper-slide-thumb-active {

    border: 1px solid #AB2328;

}



.thumbs-swiper .swiper-slide img {

    height: 100%;

    width: 100%;

}

/* 手机缩略图end、 */





/* 产品详情介绍start */

.products-potho-desc {

    margin-left: 60px;

    max-width: 500px;

}



.products-potho-desc h3 {

    line-height: 44px;

    font-size: 32px;

    font-family: 'Montserrat-Bold';

}



.products-desc-lists {

    height: 315px;

    margin: 30px 0;

    padding: 30px 0;

    overflow: auto;

    border-top: 1px dashed #eef0f2;

    border-bottom: 1px dashed #eef0f2;

}



.products-desc-lists li {

    line-height: 36px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

}



.products-desc-lists li span {

    font-family: 'Montserrat-Medium';

}



.products-btn {

    display: flex;

    justify-content: space-between;

}



.products-btn .inquery-btn a {

    width: 240px;

    /* margin-left: 10px; */

}



.products-strong-content p {

    display: flex;

    justify-content: center;

    width: 240px;

    height: 56px;

    line-height: 56px;

    margin: auto;

    color: #AB2328;

    border: 1px solid #eef0f2;

    background-color: #fbfbfb;

}



.products-strong-content p img {

    margin-right: 10px;
    width: 20px;

}

/* 产品详情介绍end */



/* 产品功能介绍start */

.products-function-desc {

    padding: 60px 0 10px;

}



.products-function-tabs {

    position: relative;

    display: flex;

    margin-bottom: 40px;

    overflow: auto;

    border-bottom: 1px solid #f7f7f7;

}



/* 隐藏滚动条 */

.products-function-tabs::-webkit-scrollbar {

    display: none;

}





.products-function-tabs p {

    padding-right: 50px;

    font-size: 18px;

    font-family: 'Montserrat-Medium';

    color: #1d1d1d;

    cursor: pointer;

}



.products-function-tabs p:last-child {

    margin-right: 0;

}



.products-function-tabs p.current {

    color: #AB2328;

    padding-bottom: 20px;

    border-bottom: 2px solid #AB2328;

}

.products-function-desc .tabs-items.active {
    display: block !important;
}

@media (max-width: 1234px) {
    .gallery-list {
        justify-content: center;
    }
}





/* 表格start */

.products-table-lists li {

    display: flex;

    width: 100%;

    border: 1px solid #eef0f2;

}



.products-table-title {

    width: 17%;

    display: flex;

    justify-content: center;

    background-color: #fbfbfb;

}



.products-table-lists li h4 {

    margin: auto;

    text-align: center;

    font-size: 16px;

    font-family: 'Montserrat-Medium';

}



.products-table-content {

    width: 83%;

}



.products-table-item {

    width: 100%;

    display: flex;

    border-right: 1px solid #eef0f2;

    border-left: 1px solid #eef0f2;

}



.products-table-item:last-child span {

    border-bottom: none;

}



.products-table-item:first-child span {

    border-top: none;

}





.products-table-item span:first-child {

    width: 30%;

    font-family: 'Montserrat-Medium';

    border-right: 1px solid #eef0f2;

    border-top: none;

    background-color: #fbfbfb;



    /* flex: 1; */

}



.products-table-item span:last-child {

    /* flex: 2; */

    width: 70%;

    border-bottom: none;



}



.products-table-item span {

    min-height: 60px;

    padding: 20px 30px;

    border-top: 1px solid #eef0f2;

    border-bottom: 1px solid #eef0f2;

    word-break: break-word;

}



/* 表格end */

/* 产品功能介绍end */



/* 轮播图 */

.products-detail-show .swiper-slide-item:nth-child(1) li:nth-child(1)::before,

.products-detail-show .swiper-slide-item:nth-child(1) li:nth-child(2)::before {

    content: none;

}



.products-detail-show .products-swiper-pagination {

    margin-bottom: 0 !important;

}



.products-detail-show .swiper-slide-item li:last-child {

    margin-right: 0;

}



@media (max-width: 1024px) {

    .products-detail-show .swiper-slide-item li {

        margin-bottom: 0;

        margin-right: 10px;

        padding: 0 10px 20px;

    }

}



@media (min-width: 1024px) and (max-width: 1279px) {

    .small-box {

        width: 450px;

        height: 500px;

    }



    .big-box {

        left: 480px;

    }



    .products-potho-desc {

        margin-left: 30px;

        /* max-width: 500px; */

    }



    .products-btn .inquery-btn a,

    .products-strong-content p {

        width: 230px;

    }

}



@media (min-width: 1024px) and (max-width: 1130px) {

    .products-potho-desc {

        max-width: 397px;

    }



    .products-btn .inquery-btn a,

    .products-strong-content p {

        width: 195px;

    }

}



@media (max-width: 1023px) {

    .products-detail-content {

        flex-direction: column;

    }



    .products-detail-potho {

        width: 100%;

        margin-bottom: 30px;

    }



    .products-potho-desc {

        max-width: 100%;

        margin-left: 0;

    }



    .products-strong-content,

    .products-btn .inquery-btn {

        flex: 1;

    }



    .products-btn .inquery-btn a,

    .products-strong-content p {

        width: 100%;

    }



    .products-strong-content {

        margin-right: 20px;

    }

}



@media (max-width: 767px) {

    .products-btn {

        flex-direction: column;

    }



    .products-detail-page.padding-container {

        padding: 30px 0 0;

    }



    .products-detail-page .mobile-product-swiper {

        margin-bottom: 0;

    }



    .products-function-tabs {

        margin-bottom: 30px;

    }



    .products-strong-content {

        margin-right: 0;

        margin-bottom: 20px;

    }



    .products-detail-potho {

        border: none;

        padding: 0;

    }



    .products-function-desc {

        padding: 30px 0 10px;

    }



    .products-potho-desc h3 {

        line-height: 32px;

        font-size: 28px;

    }



    .products-desc-lists {

        padding: 20px 0 0;

        margin: 20px 0;

    }



    .products-table-lists li {

        flex-direction: column;

    }



    .products-table-title {

        width: 100%;

        padding: 10px 0;

        border-bottom: 1px solid #eef0f2;

    }



    .products-table-content {

        width: 100%;

    }



    .products-table-item span {

        padding: 20px;

    }



    .products-table-item span:first-child {

        width: 40%;

        background: none;

    }



    .products-table-item span:last-child {

        width: 60%;

    }

}



/* products 详情页 end */



/* solutions 内页 start */



.solutions-swiper {

    width: 100%;

    /* padding-bottom: 60px; */

    /* background: url(/lib/images/solutions/bg_sol.jpg) no-repeat;

  background-position-y: 434px;  */

}



.solutions-title {

    text-align: center;

}



.ss {

    padding-bottom: 60px;

    background: url(/lib/images/solutions/bg_sol.jpg) no-repeat;

    background-position-y: 288px;

    background-size: 100% 100%;

}



@media (max-width: 1024px) {

    .ss {

        background-position-y: 365px;

    }

}



@media (max-width: 768px) {

    .ss {

        background-position-y: 268px;

    }

}



@media (max-width: 414px) {

    .ss {

        background-position-y: 290px;

    }

}



@media (max-width: 375px) {

    .ss {

        background-position-y: 260px;

    }

}



@media (max-width: 360px) {

    .ss {

        background-position-y: 250px;

    }

}



@media (max-width: 320px) {

    .ss {

        background-position-y: 220px;

    }

}



.solutions-swiper-content {

    position: relative;

    max-width: 1219px;

    margin: 30px auto 0;

    padding: 0 15px;

}



.solutions-swiper-container {

    margin-bottom: 70px;

}



.solutions-swiper-text {

    position: relative;

    padding: 40px 30px;

    text-align: center;

    background-color: #fff;

}



.solutions-swiper-title {

    display: flex;

    justify-content: center;

    position: relative;

    margin-bottom: 50px;
    font-size: 20px;
    font-family: 'Montserrat-Bold';
    height: 60px;
    /* padding-bottom: 10px; */
    text-align: center;

}



.solutions-swiper-title::after {

    position: absolute;

    content: '';

    top: 140%;

    /* left: 0%; */

    display: block;

    width: 40px;

    height: 3px;

    background-color: #AB2328;

}



.solutions-swiper-desc {

    height: 170px;

    margin: 30px 0;

    font-size: 16px;

    font-family: 'Montserrat-Light';

    line-height: 24px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    text-overflow: ellipsis;

}



.solutions-swiper-container li {

    max-width: 386px;

    /* margin-right: 30px; */

}



.solutions-swiper-container li:last-child {

    margin-right: 0;

}



.solutions-swiper-item {

    display: block;

}



.solutions-swiper-item img {

    height: 100%;

    width: 100%;

}



.solutions-more-btn {

    height: 48px;

    line-height: 48px;

    width: 180px;

    margin: 0 auto;

    background-color: #AB2328;

}



.solutions-more-btn a {

    font-size: 16px;

    color: #fff;

}



.solutions-more-btn a:hover,

.inquery-btn a:hover {

    color: #fff;

}



.solutions-inquery {

    text-align: center;

    /* margin: auto; */

}



.solutions-inquery-title p {

    max-width: 700px;

    margin: auto auto 30px;

    line-height: 36px;

    font-size: 24px;

    font-family: 'Montserrat-Bold';

    color: #fff;

}



.inquery-btn a {

    display: flex;

    justify-content: center;

    width: 270px;

    height: 56px;

    line-height: 56px;

    margin: auto;

    color: #fff;

    background-color: #AB2328;

}



.inquery-btn a img {

    margin-right: 10px;

}





/* 轮播按钮 */



.solutions-prev {

    left: -92px !important;

}



.solutions-next {

    right: -1157px !important;

}



.solutions-prev,

.solutions-next {

    /* position: static !important; */

    width: 100% !important;

    height: 100% !important;

}



.solutions-navigation .swiper-button-next:after,

.solutions-navigation .swiper-button-prev:after {

    content: "" !important;

}



.solutions-navigation .swiper-button-next.swiper-button-disabled,

.solutions-navigation .swiper-button-prev.swiper-button-disabled {

    opacity: .7;

    pointer-events: auto;

}



.solutions-navigation {

    position: absolute;

    height: 100px;

    /* background: black; */

    width: 10%;

    top: 23%;

    z-index: 10;

}



@media (min-width: 1400px) and (max-width: 1600px) {

    .solutions-prev {

        left: -70px !important;

    }



    .solutions-next {

        right: -1138px !important;

    }

}



@media (max-width: 1365px) {

    .solutions-navigation {

        display: none;

    }



    .solutions-prev {

        left: 1px !important;

        top: 100% !important;

    }



    .solutions-solutions.swiper-pagination {

        display: block !important;

    }

}



@media (max-width: 1280px) {

    .solutions-swiper-container li {

        max-width: 100%;

    }

}



/* 轮播按钮结束 */





@media (max-width: 1280px) {

    .solutions-solutions.swiper-pagination {

        top: 74% !important;

    }

}



.solutions-solutions.swiper-pagination {

    top: 77%;

    width: 95%;

    display: none;

}



.solutions-solutions.swiper-pagination .swiper-pagination-bullet {

    background-color: #fff;

}



.solutions-solutions.swiper-pagination .swiper-pagination-bullet-active {

    background-color: #AB2328;

}





/* customers start */



.customers {

    padding: 60px 0;

}



.customers-content {

    display: flex;

    margin-top: 50px;

    margin-bottom: 30px;

}



.customers-content-item {

    display: flex;

    flex: 1;

    max-width: 570px;

    min-height: 220px;

    padding: 40px 30px;

    background-color: #fffbf8;

}



.customers-first-content-item {

    margin-right: 30px;

}



.customers-desc {

    max-width: 400px;

    margin-left: 30px;

}



.customers-desc p {

    font-size: 16px;

    line-height: 24px;

    font-family: 'Montserrat-Light';

    color: #1d1d1d;

}



.customers-desc a {

    display: block;

    margin-top: 30px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}





/* .customers-avatar {

  height: 80px;

  width: 80px;

} */



.avatar {

    height: 80px;

    width: 80px;

    max-width: 80px;

    border-radius: 50%;

}



.sponsers-swiper-container img {

    /* width: 170px; */
    width: auto;
    margin: auto;
    border: 1px solid #eee;

}



@media (max-width: 767px) {

    .solutions-swiper-container {

        margin-bottom: 30px;

    }



    .solutions-swiper-content {

        margin-top: 20px !important;

    }



    .solutions-swiper-desc {

        height: 140px;

        margin-bottom: 20px !important;

    }



    .solutions-swiper-text {

        padding: 30px 20px 50px;

    }



    .ss {

        padding-bottom: 40px;

    }



    .solutions-solutions.swiper-pagination {

        top: 69% !important;

    }



    .solutions-solutions.swiper-pagination .swiper-pagination-bullet {

        background-color: #000;

    }



    .solutions-solutions.swiper-pagination .swiper-pagination-bullet-active {

        background-color: #AB2328;

    }

}



@media (max-width: 768px) {

    .customers-content {

        flex-direction: column;

    }



    .customers-content-item,

    .customers-desc {

        max-width: 100%;

    }



    .customers-content-item {

        min-height: 100%;

        padding: 30px 20px;

    }



    .customers-desc a {

        margin-top: 20px;

    }



    .customers-first-content-item {

        margin-right: 0;

        margin-bottom: 30px;

    }

}



/* customers end */

/* solutions 内页 end */





/* news内页 start */

.news-page .news-main {

    padding-bottom: 60px;

}



.news-page .news-div {

    margin-bottom: 40px;

}



.news-page-content {

    display: flex;

    flex-wrap: wrap;

    margin-top: 30px;

}



.news-content-items {

    /* flex: 1; */

    max-width: 376px;

    margin-right: 30px;
    margin-bottom: 30px;
    padding: 0 !important;
    box-shadow: 0 0 10px rgba(8, 4, 0, .1);

}


.news-content-items:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1234px) {

    .news-content-items:nth-child(3n) {
        margin-right: 30px;
    }

    .news-content-items:nth-child(2n) {
        margin-right: 0;
    }

    .news-page .inside-title {
        text-align: center;
    }

    .news-page-content {
        justify-content: center;
    }

    .news-content-items,
    .news-items-img {
        max-width: 100% !important;
    }

}

@media (max-width: 767px) {
    .news-content-items {
        margin-right: 0 !important;
    }

    .news-page .news-div {
        margin-bottom: 0;
    }
}

.mobile-news-div .news-content-items {
    box-shadow: none;
    border: 1px solid #eee;
}

.news-content-items:last-child {
    /* margin-right: 0; */
    box-shadow: none;
}



.news-content-items-a {

    display: block;

}



.news-items-img {

    position: relative;

    max-width: 376px;

    /* max-height: 192px; */

}



.news-items-img img {

    height: 100%;

    width: 100%;

}



.news-items-img .mask {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    background-color: rgb(0 0 0 /.5);

}



.news-content-items:hover .mask {

    opacity: 1;

}



.news-content-items:hover .news-items-title {

    color: #AB2328;

}



.news-items-title {

    max-width: 310px;

    height: 72px;

    font-size: 16px;

    font-family: 'Montserrat-Bold';

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    text-overflow: ellipsis;

}



.news-items-desc {

    margin: 30px 0;

    height: 140px;

    font-size: 14px;

    line-height: 20px;

    font-family: 'Montserrat-Light';

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden;

    text-overflow: ellipsis;

}



.news-main .publish-time {

    display: flex;

    justify-content: flex-end;

}



.news-main .publish-time a {

    color: #AB2328;

}



.news-main .publish-time span {

    margin-left: 10px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #1d1d1d;

}



.news-items-text {

    padding: 40px 30px;

}



@media (max-width: 767px) {

    .news-page .news-main {

        padding-bottom: 30px;

    }



    .news-items-text {

        padding: 30px 20px;

    }



    .news-items-desc {

        margin: 20px 0;

    }

}



/* news内页 end */





/* news 详情页 start */

.news-detail-contents {

    padding: 60px 0;

}



.news-detail-left {

    width: 270px;

}



.recent-news {

    /* width: 270px; */

    padding: 40px 24px;

    border: 1px solid #eef0f2;

}



.news-recent-title {

    margin-bottom: 20px;

    font-size: 18px;

    font-family: 'Montserrat-Medium';

}



.recent-list-item {

    margin-bottom: 24px;

}



.recent-list-item:last-child {

    margin-bottom: 0;

}



.recent-list-item:hover p {

    color: #AB2328;

}



.recent-list-item p {

    width: 220px;

    padding: 24px 0 10px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #1d1d1d;

    border-top: 1px solid #eef0f2;

}



.recent-list-item span {

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}





/* news 详情页 start */

.news-detail-title {

    font-size: 24px;

    font-family: 'Montserrat-Bold';

    line-height: 36px;

}



.news-detail-content .publish-time {

    margin: 30px 0 10px;

}



.news-detail-content .publish-time span {

    margin-right: 20px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #1d1d1d;

}



.news-detail-content .publish-time a {

    color: #AB2328;

}



.news-detail-text {

    margin: 30px 0;

    line-height: 24px;

}



.news-detail-img {

    margin-bottom: 30px;

}



.news-detail-img img {

    height: 100%;

    width: 100%;

}



.news-detail-subtitle {

    font-size: 16px;

    font-family: 'Montserrat-Medium';

}





/* 详情页分享链接 start */

.share-link {

    display: flex;

    justify-content: space-between;

    height: 48px;

    line-height: 48px;

    padding: 0 10px;

    margin-top: 30px;

    border-top: 1px solid #eef0f2;

    border-bottom: 1px solid #eef0f2;

}



.share-link-left,

.share-link-right {

    display: flex;

}



.share-link-left li {

    margin: auto 10px auto 0;

}



.share-link-right .shu {

    margin: 0 20px;

}



.share-link-left li span,

.share-link-right span {

    color: #666;

    font-size: 14px;

    font-family: 'Montserrat-Light';

}



.share-link-right li a span:hover {

    color: #AB2328;

}



@media (max-width: 767px) {

    .share-link {

        flex-direction: column;

        height: 100%;

        margin-bottom: 30px;

        padding: 0;

    }



    .share-link-left,

    .share-link-right {

        padding: 0 10px;

    }



    .share-link-right {

        justify-content: space-between;

        border-top: 1px solid #eef0f2;

    }



    .share-link-right .shu {

        display: none;

    }

}



/* 详情页分享链接 end */



.news-detail-video {

    margin-bottom: 30px;

}





/* <!-- 重点块内容显示 -->  start*/



.news-detail-strong {

    position: relative;

    /* min-height: 76px; */

    padding-left: 30px;

    margin-bottom: 30px;

}

.news-detail-strong p {
    margin: 10px 0 !important;
}



.news-detail-strong::before {

    position: absolute;

    content: '';

    height: 100%;

    width: 3px;

    background-color: #AB2328;

    left: 0;

    top: 0;

}





.news-detail-strong p {

    line-height: 25px;

}



.news-detail-strong p b {

    font-size: 16px;

}



.news-detail-strong p a {

    color: #AB2328;

}



/* <!-- 重点块内容显示 -->  end*/



/* 侧边栏资讯 start */

.aside-inquery-div {

    /* display: flex;

    flex-direction: column;

    justify-content: center; */

    position: relative;

    max-width: 270px;

    text-align: center;

    padding: 40px 24px;

    background-color: #f8f8f8;

    border: 1px solid #eef0f2;

}



.aside-inquery-div .aside-desc {

    margin: 20px 0 30px;

    font-size: 14px;

    line-height: 26px;

    font-family: 'Montserrat-Light';

    line-height: 20px;

    color: #666;

}





.aside-inquery-div .aside-heng {

    display: flex;

    width: 40px;

    height: 3px;

    background-color: #AB2328;

    position: absolute;

    left: 45%;

    top: 6%;

}



.aside-inquery-div .aside-title {

    margin-top: 30px;

}



.aside-inquery-div .inquery-btn a {

    width: 180px;

    height: 40px;

    line-height: 40px;

}



@media (max-width: 1279px) {

    .aside-inquery-div {

        max-width: 100%;

    }



    .share-link {

        margin: 30px 0;

    }

}



/* 侧边栏资讯 end */



@media (max-width: 767px) {

    .news-detail-contents {

        padding: 30px 0;

    }



    .news-detail-content .publish-time {

        margin-top: 20px;

    }



    .news-detail-text,

    .aside-inquery-div .aside-desc {

        margin: 20px 0;

    }



    .news-detail-img,

    .news-detail-video {

        margin-bottom: 20px;

    }



    .share-link {

        margin: 20px 0;

    }



    .aside-inquery-div {

        padding: 30px 20px;

    }

}



@media (min-width: 768px) and (max-width: 1279px) {

    .aside-heng {

        left: 48% !important;

    }

}



/* .news详情页 end */





/* support 内页 start */

.support-page {

    background-color: #f8f8f8;

}



.support-content {

    display: flex;

    padding: 50px 0 80px;

}



.support-content-item {

    display: flex;

}



.support-content-item:first-child {

    margin-bottom: 30px;

}



.support-item-content {

    display: flex;

    justify-content: center;

    width: 270px;

    height: 270px;

    padding: 60px 0;

    text-align: center;

    background-color: #fff;



}



.support-item-content:first-child {

    margin-right: 30px;

}



.support-item-content:hover {

    box-shadow: 10px 10px 40px rgb(9 24 47 /.15);

}



.support-item-content img {

    margin: auto;

    max-width: 72px;

    max-height: 72px;

    height: 100%;

    width: 100%;

}



.support-item-content p {

    position: relative;

    display: flex;

    justify-content: center;

    margin-top: 30px;

    font-size: 20px;

    color: #1d1d1d;

    font-family: 'Montserrat-Medium';

}



.support-item-content p::after {

    position: absolute;

    content: '';

    top: 50px;

    height: 3px;

    width: 40px;

    background-color: #AB2328;

}



.support-content-right {

    margin-left: 60px;

}



.support-text {

    max-width: 510px;

    padding-top: 60px;

}



.support-text p {

    font-size: 16px;

    font-family: 'Montserrat-Light';

    line-height: 24px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

    overflow: hidden;

    text-overflow: ellipsis;

}



.support-list {

    margin: 40px 0 10px;

}



.support-list li {

    position: relative;

    margin-bottom: 30px;

    padding-left: 10px;

}



.support-list li::before {

    position: absolute;

    content: '';

    top: 9px;

    left: 0;

    height: 6px;

    width: 6px;

    border-radius: 50%;

    background-color: #1d1d1d;

}



.support-list li:hover::before {

    background-color: #AB2328;

}



.support-more a {

    display: flex;

    justify-content: center;

    width: 200px;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    color: #fff;

    background-color: #1d1d1d;

}



.support-more a:hover {

    background-color: #AB2328;

    color: #fff;

}





@media (max-width: 1023px) {

    .support-content {

        flex-direction: column;

    }



    .support-item-content {

        width: 100%;

        height: 100%;

    }



    .support-text {

        max-width: 100%;

        padding-top: 0;

    }



    .support-content-right {

        margin-left: 0 !important;

        margin-top: 20px;

    }



    .support-list {

        margin: 20px;

    }



    .support-list li {

        margin-bottom: 10px;

    }



    .support-content {

        padding: 30px 0;

    }

}



@media (max-width: 767px) {

    .support-item-content p {

        font-size: 14px;

        margin-top: 20px;

        margin-bottom: 20px;

    }



    .support-item-content {

        padding: 30px 0;

    }



    .support-item-content:first-child {

        margin-right: 15px;

    }



    .support-content-item,

    .support-content-item:first-child {

        margin-bottom: 20px;

    }

}



/* support 内页 end */





/* abouts us 内页start */

.abouts-page .inside-title {

    margin-bottom: 0;

}



.company-profile-desc {

    display: flex;

    padding: 0 60px 0;

}



.profile-desc-item:first-child {

    margin-right: 50px;

}



.company-profile-desc p {
    margin-bottom: 20px;

    font-size: 16px;

    line-height: 30px;

    font-family: 'Montserrat-Light';

}



.potho-text-content {

    display: flex;

}



.text-container {

    background-color: #1d1d1d;

}



.text-content {

    width: 500px;

    padding: 42px 60px 0;

}



.text-content h3 {

    font-size: 20px;

    line-height: 30px;

    font-family: 'Montserrat-Medium';

    color: #fff;

}



.text-content p {

    margin: 35px 0;

    font-size: 13px;

    line-height: 24px;

    font-family: 'Montserrat-Light';

    color: #fff;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    text-overflow: ellipsis;

    overflow: hidden;

}



.jump a {

    display: flex;

    width: fit-content;

    font-size: 16px;

    color: #fff;

    border-bottom: 1px solid #fff;

}



.jump a:hover {

    color: #fff;

}



.jump a img {

    margin-left: 10px;

}



.text-bg {

    margin-top: 13px;

    height: 64px;

    width: 500px;

}



.potho-content-img,

.potho-content-img img,

.text-bg img {

    height: 100%;

    width: 100%;

}



/* 图片去色 */

.potho-content-img .image {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}



.advantage-contents .potho-content {

    width: 570px;

    margin-right: 50px;

}



.advantage-contents .potho-content-img {

    width: 570px;

    height: 400px;

}



.potho-swiper .swiper-slide {

    width: 100% !important;

    position: relative;

}



.potho-swiper .swiper-slide p {

    position: absolute;

    bottom: 0;

    left: 30px;

    line-height: 60px;

    color: #fff;

}



.potho-swiper-pagination {

    max-width: 570px;

    bottom: 0 !important;

    justify-content: flex-end !important;

    padding-right: 20px;

    height: 60px;

    background-color: rgb(0 0 0 /.5);

}



.potho-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: #fff !important;

}



.potho-swiper .swiper-pagination-bullet {

    background-color: rgb(255 255 255 /.4);

    opacity: 1 !important;

}



/* 优势列表 start */

.advantage-lists-content li {

    display: flex;

    position: relative;

    padding-left: 10px;

    margin-bottom: 20px;

}



.advantage-lists-content li:last-child {

    margin-bottom: 0;

}



.advantage-lists-content li img {

    position: absolute;

    left: 0;

    top: 5px;

}



.advantage-lists-content li p {

    margin-left: 10px;

    line-height: 30px;

    font-size: 16px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

}



/* 优势列表 end */





/* 分类 start */

.abouts-page .abouts-content-catagory-container {

    margin-top: 60px;

}



.abouts-page .abouts-catagory-content {

    padding-bottom: 60px;

}



.abouts-page .w.abouts-catagory {

    padding: 0;

}



/* 分类 end */





@media (max-width: 767px) {

    .company-profile-desc {

        flex-direction: column;

    }



    .profile-desc-item:first-child {

        margin-right: 0 !important;

        margin-bottom: 30px;

    }



    .text-content {

        padding: 30px 15px 0;

    }



    .abouts-potho-text {

        margin: 0 -15px;

    }

}



@media (max-width: 1023px) {

    .company-profile-desc {

        padding: 0 0 30px;

    }



    .profile-desc-item:first-child {

        margin-right: 30px;

    }



    .potho-text-content {

        flex-direction: column;

    }



    .text-container {

        margin-bottom: 30px;

    }



    .text-content,

    .text-bg {

        width: 100%;

    }



    .advantage-contents .potho-content {

        width: 100%;

        margin-right: 0;

        margin-bottom: 30px;

    }



    .advantage-contents .potho-content-img {

        width: 100%;

    }



    .potho-swiper-pagination {

        max-width: 100%;

    }



    .abouts-page .abouts-content-catagory-container {

        margin-top: 30px !important;

    }



    .abouts-page .abouts-catagory-content {

        padding-bottom: 30px !important;

    }



}



@media (max-width: 767px) {

    .advantage-contents .potho-content-img {

        height: 200px;

    }

}



/* abouts us 内页end */





/* contact内页 start */

.contact-page .strong-content {

    margin-bottom: 70px;

}



#map {

    width: 670px;

    height: 412px;

}



#map iframe {

    height: 100%;

    width: 100%;

}



/* 表单 start */

.form-content {

    display: flex;

    padding: 40px 0 60px;

}



.form-content form {

    flex: 1;

    margin-right: 30px;

}



.form-content form input {

    height: 56px;

    margin-bottom: 30px;

    padding: 0 30px;

}



.form-content form textarea {

    height: 224px;

    margin-bottom: 30px;

    padding: 15px 30px;

}



.form-content form p {

    display: flex;
    justify-content: space-between;

}



.form-content form p input {

    margin-right: 30px;

    max-width: 361px;

}


.form-content form p .code {
    max-width: 150px;
}

@media (max-width: 767px) {
    .form-content form p {
        flex-direction: column;
    }


    .form-content form p input,
    .form-content form p .code {
        max-width: 100% !important;
    }


    .form-content form p .code {
        margin-bottom: 15px;
    }

    .form-content form p br {
        display: none;
    }
}



.form-content .submit {

    width: 300px;

    height: 56px;

    line-height: 56px;

    display: flex;

    position: relative;

    justify-content: center;



}



.form-content .submit:hover span {

    color: #AB2328 !important;

    cursor: pointer;

}





.form-content .submit:hover span:hover {

    color: #fff !important;

}



.form-content .submit span {

    position: absolute;

    color: #fff;

    font-size: 20px;

    font-family: 'Montserrat-Bold';

}



.code {

    display: flex;

    max-width: 100%;

    width: 100%;

    height: 56px;

    border: 1px solid #eef0f2;

}

.code>img {
    margin: auto;
}



.form-content .contact-ways {

    /* flex: 1; */

    max-width: 570px;

    padding: 70px 60px 0;

    border: 1px solid #eef0f2;

}



.form-content .contact-ways-item {

    display: flex;

    margin-bottom: 60px;

}



.form-content .contact-ways-item .contact-icon {

    display: flex;

    justify-content: center;

    max-width: 56px;

    width: 100%;

    height: 56px;

    margin-right: 30px;

    border-radius: 50%;

    background-color: #AB2328;

}

.form-content .contact-ways-item .contact-icon img {
    width: 24px;
}



.contact-desc h4 {

    font-size: 20px;

    font-family: 'Montserrat-Bold';

    color: #AB2328;

}



.contact-desc p {

    margin: 20px 0 30px;

    font-size: 14px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}



.contact-desc a {

    font-size: 16px;

    color: #1d1d1d;

}



.contact-desc span {

    display: block;

    margin: 20px 0 30px;

    max-width: 370px;

    line-height: 24px;

    font-size: 16px;

    font-family: 'Montserrat-Regular';

    color: #1d1d1d;

}



/* 表单 end */



/* 帮助 start */

.help-container .help-contents {

    /* background: url(/lib/images/contact/img_bg_contact.jpg) no-repeat; */

    position: relative;

    height: 300px;

}



.contact-bg {

    width: 100%;

    height: 300px;

    z-index: -1;

}



.help-content {

    position: absolute;

    top: 0;

    padding: 70px 0 0 60px;

    color: #fff;

}



.help-content h3 {

    max-width: 400px;

    margin-bottom: 30px;

    line-height: 36px;

    font-size: 24px;

    font-family: 'Montserrat-Bold';

}



.help-content p a {

    display: flex;

    text-decoration: underline;

}



.help-content p a img {

    width: 20px;

    height: 20px;

    margin-right: 14px;

    margin-bottom: 35px;

}



/* 帮助 end */



/* 分类start */

/* 分类start */

.contact-catagory {

    margin-top: -84px;

    padding-top: 150px;

    padding-bottom: 66px;

    background-color: #f8f8f8;

}



.contact-catagory-content {

    display: flex;

}



.contact-catagory-item {

    flex: 1;

    display: flex;

    padding-right: 30px;

}



.contact-catagory-item:last-child {

    padding-right: 0;

}



.contact-catagory-item img {

    width: 64px;

    height: 64px;

    margin: auto 30px auto 0;

}



.contact-catagory-item p {

    margin-bottom: 14px;

    font-size: 18px;

    font-family: 'Montserrat-Medium';

}



.contact-catagory-item span {

    max-width: 276px;

    font-size: 14px;

    line-height: 20px;

    font-family: 'Montserrat-Light';

    color: #8c8c8c;

}



/* 分类end */











@media (max-width: 1023px) {

    #map {

        width: 100%;

        height: 412px;

    }



    .form-content {

        flex-direction: column;

        padding: 20px 0;

    }



    .form-content form {

        margin-right: 0;

        margin-bottom: 30px;

    }



    .form-content form p input {

        max-width: 100%;

    }



    .form-content .contact-ways {

        max-width: 100%;

        padding-top: 30px;

    }



    .form-content .submit {

        width: 100%;

    }



    .contact-desc span {

        max-width: 100%;

        margin: 10px 0;

    }



    .form-content .contact-ways-item {

        margin-bottom: 30px;

    }



    .contact-desc p {

        margin: 10px 0;

    }



    .contact-catagory {

        padding: 117px 0 13px;

    }



    .contact-catagory-item {

        margin-bottom: 20px;

    }





}



@media (max-width: 767px) {

    .form-content .contact-ways {

        padding: 30px 15px 0;

    }



    .help-content {

        padding: 30px 15px 15px;

    }



    .help-content h3 {

        margin-bottom: 15px;

        line-height: 28px;

    }



    .help-container .help-contents {

        height: fit-content;

    }



    .contact-bg {

        min-height: 190px;

        height: 100%;

    }



    .help-content p a img {

        margin-bottom: 15px;

    }



    .form-content form input,

    .form-content form textarea {

        margin-bottom: 15px;

        padding-left: 15px;

        padding-right: 15px;

    }

}



@media (max-width: 410px) {

    .contact-bg {

        min-height: 215px;

        height: 100%;

    }

}



/* contact内页 end */





























/* faqs 页面 start */

.support-inside-page {

    background-color: #f8f8f8;

}



.faqs-container-content {

    padding: 20px 45px 60px;

    background-color: #fff;

}





.faqs-title {

    margin: 40px 0;

    font-size: 18px;

    color: #AB2328;

}



.faqs-list-text {

    display: none;

    margin-top: 20px;

}



.faqs-lists li {

    position: relative;

    margin-bottom: 30px;

}



.faqs-list-title {

    position: relative;

    padding-left: 20px;

    cursor: pointer;

}



.faqs-list-title.iconss::before {

    position: absolute;

    content: '';

    left: 0;

    top: 6px;

    width: .8rem;

    height: .8rem;

    border-top: 1px solid;

    border-right: 1px solid;

    border-color: #666;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    cursor: pointer;

}



.faqs-list-title.iconss.active::before {

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}



/* .faqs-list-icon {

    position: absolute;

    content: '';

    left: 0;

    top: 6px;

    width: .8rem;

    height: .8rem;

    border-top: 1px solid;

    border-right: 1px solid;

    border-color: #666;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    cursor: pointer;

}



.faqs-list-icon.active {

    transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

} */



@media (min-width: 1024px) {

    .support-inside-page .aside-content {

        max-width: 100%;

    }

}



@media (max-width: 1023px) {

    .faqs-container-content {

        padding: 20px 30px;

    }



    .faqs-title {

        margin: 20px 0;

    }

}



@media (max-width: 767px) {

    .faqs-container-content {

        padding: 15px;

    }

}



/* faqs 页面 end */







/* download页 start */

.downloads-containers {

    padding: 60px 45px;

    background-color: #fff;

}



.download-item {

    display: flex;

}



.download-item a {

    width: 100%;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 20px 15px;

    margin-top: 30px;

    border: 1px solid #e5e5e5
}



.pdf-icon {

    margin: auto 0;

}



.download-item p {

    margin: auto auto auto 15px;

}



.download-icon {

    display: flex;

    justify-content: center;

    justify-items: center;
    flex-direction: column;

    margin-left: 15px;
    height: 40px;

    width: 30px;

}

.download-icon img {
    background-color: #AB2328;
    margin-bottom: 2px;

}

.download-icon span {
    text-align: center;
}


.download-icon img:hover {

    background-color: #1d1d1d;

}

.downloads-containers .nav-links {
    margin-top: 30px;
}


.navigation.pagination .nav-links .page-numbers {
    /* color: #fff !important; */
}




@media (max-width:767px) {

    .download-item a {

        padding: 30px 20px;

    }



    .downloads-containers {

        padding: 30px 15px;

        background-color: #fff;

    }



    .download-item p {

        margin: auto 10px;

    }



    .downloads-contents {

        padding-bottom: 40px;

        padding-top: 0;

    }

}



/* download页 end */







/* 视频页 start */

.video-containers {

    padding: 60px 45px;

    background-color: #fff;

}



.video-container {

    display: flex;

    margin: 30px 0;

    border-bottom: 1px dashed #e5e5e5;

    padding-bottom: 30px;

}



.video-container:hover .video-description h4 {

    color: #AB2328;

}



.video-tab-list {

    display: flex;

    margin-top: 30px;

    margin-bottom: 30px;

    /* overflow-x: scroll; */

}



.video-list-item.active {

    background-color: #AB2328;

    color: #fff !important;

}



.video-list-item.active a {

    color: #fff !important;

}





.video-list-item {

    padding: 10px 20px;

    margin-right: 20px;

    color: #666;

    background-color: #eef0f2;

}



.video-list-item a:hover {

    color: #666;

}



.video-img {

    max-width: 250px;

    max-height: 250px;

    width: 100%;

    height: 100%;

    margin: auto;

    position: relative;

    cursor: pointer;

    flex: 1 0 250px;

}



.video-img img {

    height: 100%;

    width: 100%;

}



.video-mask {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background-color: rgb(0 0 0/.3);

}



.video-playbtn {

    position: relative;

    display: flex;

    justify-content: center;

    justify-items: center;

    height: 100%;

    width: 100%;

}



.video-playbtn::before {

    position: absolute;

    content: '';

    height: 64px;

    width: 64px;

    background-color: #fff;

    top: 37%;

    left: 37%;

    border-radius: 50%;

    background: url(/lib/images/play.svg) no-repeat center;

    cursor: pointer;

}



.video-description {

    padding: 30px;

}



.video-description h4 {

    max-width: 544px;

    font-size: 20px;

    font-family: 'Montserrat-ExtraBold';

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    color: #000;

}



.video-description .time {

    display: flex;

    margin-top: 10px;

    margin-bottom: 20px;

}



.description-text {

    color: #000;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.video-description .time span {

    color: #8c8c8c;

    font-size: 16px;

    margin-left: 10px;

}



@media (max-width: 767px) {

    .video-containers {

        padding: 30px 15px 1px;

        margin-bottom: 30px;

    }



    .video-container {

        flex-direction: column;

    }



    .video-tab-list {

        overflow-x: auto;

    }



    .video-list-item {

        padding: 10px 10px !important;

        margin-right: 15px !important;

    }



    .video-img {

        max-width: 100%;

        max-height: 100%;

    }



    .videos-page .padding-container {

        padding: 30px 0 0;

    }



    .video-description {

        padding: 20px 15px;

    }



    .video-container {

        margin: 20px 0;

        padding-bottom: 0;

    }



    .video-description .time {

        margin-bottom: 15px;

    }



    .video-playbtn::before {

        top: 42%;

        left: 42%;

    }

}



/* 视频页 end */









































@media (max-width:1279px) {

    .contacts {

        /* padding-bottom: 60px; */
        background: none;

    }



    .contacts-bg {

        display: none;

    }



    .contacts-content {

        position: static;

    }



    .contacts-container {

        padding-bottom: 10px;

    }



    .contacts-first-content-item {

        margin-right: 0px;

    }



    .fenge {

        display: none;

    }

}



@media (max-width: 1023px) {

    .w.abouts-catagory {

        margin-top: 30px;

    }



    .contacts-content-item,

    .contacts-title,

    .contacts-form .w {

        max-width: 100% !important;

    }



    .contacts {

        padding-bottom: 0;

    }



    .abouts-content-show {

        flex-direction: column-reverse;

        height: 100%;

        /* margin: 0 15px; */

        padding-left: 0;

    }



    .abouts-left {

        max-width: 100%;

        margin-right: 0;

        padding: 0 15px;

    }



    .abouts-right {

        margin-bottom: 30px;

        max-width: 100%;

    }



    .contacts-title {

        margin-top: 0;

    }

}



@media (max-width:1108px) {

    .contacts-sponser-item {

        margin-right: 10px;

    }

}



@media (max-width:1184px) {

    .news .publish-time {

        font-size: 14px;

    }

}



@media (max-width: 1171px) and (min-width: 1024px) {

    .abouts-content-show {

        height: 580px;

    }



    .abouts-right {

        max-height: 580px;

    }

}



@media (max-width: 1067px) and (min-width: 768px) {

    .news-item-left {

        max-width: 380px;

        margin-right: 25px;

    }

}



@media (max-width: 767px) {



    .products,

    .news {

        padding: 30px 0;

    }



    .products .products-title {

        margin-bottom: 30px;

    }



    .title {

        font-size: 28px !important;

    }



    .abouts-title .title {

        line-height: 40px;

    }



    .mobile-swiper-slide-item {

        padding: 0 15px;

    }



    .abouts-content-show .more {

        margin: 0 auto 30px;

    }



    .abouts-content-show .more-a {

        margin: auto;

    }



    .abouts-catagory-item {

        margin: 0 15px 12px;

    }



    .catagroies-item a p {

        font-size: 12px;

    }



    .new-products {

        margin-right: 30px;

    }



    .products-lists {

        top: 10.5%;

    }



    .swiper-slide-item {

        display: flex;

        justify-content: center;

    }



    .products-swiper-desc {

        max-width: 100%;

    }



    .abouts-catagory-item-description p {

        max-width: 100%;

    }



    .abouts-catagory-items {

        padding: 0 !important;

    }



    .abouts-text {

        margin: 30px 0;

    }



    .abouts-catagory-content {

        padding-bottom: 10px;

    }



    .news-content {

        flex-direction: column;

        margin-top: 30px;

    }



    .news-bg,

    .news-strong-item {

        max-width: 100%;

    }



    .news-bg {

        height: 100%;

    }



    .news-left {

        margin-right: 0;

    }



    .news-right {

        margin-top: 165px;

        width: 100%;

    }



    .scroll-number-content {

        padding-bottom: 20px;

    }



    .scroll-number-item {

        margin-bottom: 20px;

    }



    .scroll-num {

        font-size: 28px;

        margin-bottom: 0;

    }



    .add {

        font-size: 20px;

    }



    .scroll-desc {

        font-size: 14px;

    }



    .news-item-left .news-item-desc {

        max-width: 100%;

    }



    .news-strong-item {

        position: relative;

        margin: 0 0 30px;

        padding: 20px;

    }



    .contacts-title .title {

        line-height: 40px;

    }



    .contacts-title {

        margin-bottom: 30px;

    }



    .contacts-desc {

        margin-bottom: 30px;

    }



    .contacts-form {

        padding: 30px 20px;

    }



    .contacts-form .w {

        padding: 0;

    }



    .contacts-sponser-content {

        justify-content: space-between;

    }



    .contacts-form p {

        padding: 0 15px;

    }



    .contacts-form .dis {

        flex-direction: column;

    }





    .contacts-form .code {

        margin-top: 20px;

        margin-left: 0;

        max-width: 100%;

    }



    .contacts-form .mar {

        margin-right: 0;

        margin-bottom: 20px;

    }



    .replay {

        font-size: 14px;

    }

}



@media (max-width: 320px) {

    .contacts-sponser-item {

        width: 135px;

    }

}

@media (max-width: 767px) {
    .about-pictures-item:last-child {
        margin-bottom: 30px;
    }
}


.about-pictures-item__img-wrap {
    flex-direction: column;
    position: relative;
}

.about-pictures-item p {
    margin-top: 15px;
    text-align: center;
}

.img-wrap img {
    position: relative;
}

.about-pictures-item__img-wrap .mask {
    position: absolute;
    top: -12px;
    left: -7px;
    width: 105%;
    height: 105%;
    background: url(/lib/images/mask2.png) no-repeat center/cover;
    background-size: 100% 100%;
    /* z-index: 10; */
}


.footercode {
    /* flex-direction: row-reverse; */
}

.footercode.code>img {
    margin: 13px auto auto 10px;
    height: 44px;
}

.footercode.code .footer_code_show_class {
    height: 44px;
    background-color: #eee;
}

/* 面包屑导航 */
.rank-math-breadcrumb p {
    display: flex;
}

/* 面包屑导航 */
.p-breadcrumbs-container .rank-math-breadcrumb p a {
    color: rgb(255 255 255/.5);
}

.rank-math-breadcrumb p a {
    display: flex;
    margin-right: 10px;
    margin-top: -2px;
}

.p-breadcrumbs-container span.last {
    color: #fff;
    margin-left: 10px;
}

@media (max-width: 767px) {

    .products-detail-potho,
    .products-desc-lists {
        height: auto !important;
    }
}

.navigation.pagination .nav-links .page-numbers.current {
    color: #fff !important;
}

.news-detail-content ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 15px;
}

.news-detail-content ul li {
    margin-bottom: 10px;
}

.share-link ul {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
}

.share-link ul li {
    margin-bottom: auto;
}

.news-detail-content p {
    line-height: 28px !important;
}

/* 20210205 */
.products-detail-page .products-detail-show {
    margin-top: 60px;
}

@media (max-width: 767px) {
    .products-detail-page .products-detail-show {
        margin-top: 30px;
    }
}