﻿@media (min-width:768px) {
    .lyj-product-container {
        padding-top: 60px;
    }

    .lds-product_mu_1 {
        display: none;
    }

    .lyj-product-title {
        text-align: center;
        margin-top: 100px;
        margin-bottom: 60px;
    }

    .lyj-product-title p {
        margin: 0;
        font-size: 40px;
        font-weight: bold;
        font-family: 'Source Han Sans CN';
        color: #323F4A;
    }

    /* 小点点 */
    .lyj-lunbotu .swiper-pagination {
        position: static;
        margin-bottom: 60px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
    }

    .swiper-pagination-bullet-active {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        background: #323F4A;
    }

    .swiper-pagination-bullet-active {
        background: #323F4A;
    }

    /* 轮播图 */
    .lyj-lunbotu .swiper-wrapper {
        margin-bottom: 180px;
        display: flex;
        align-items: center;
    }

    .lyj-lunbotu .swiper-slide {
        width: 57.134% !important;
        height: 690px;
        /* margin-right: 130px; */
        margin: 0 40px !important;
        opacity: 0.4;
        transition: all 0.5s;
        border-radius: 10px;
        box-shadow: 0px 19px 51px rgba(87, 100, 107, 0.39);
    }

    /* 当前选中的 */
    .lyj-lunbotu .swiper-slide-active {
        opacity: 1;
    }

    .lyj-lunbotu .swiper-slide img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }

    /* 轮播以下 */
    .lds-product_mu {
        line-height: 40px;
        text-align: center;
        font-size: 20px;
        color: #323F4A;
    }


    .lds-product_mu-details {
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .lds-product_mu-details>div {
        margin-left: 3.65%;
    }

    .lds-product_mu-details-item:nth-child(1),
    .lds-product_mu-details-item:nth-child(4),
    .lds-product_mu-details-item:nth-child(7) {
        margin-left: 7.29%;
    }

    .lds-product_mu-details-item {
        display: inline-block;
        width: 26.4%;
        margin-top: 80px;
        position: relative;
    }

    .lds-product_mu-details-item_img {
        border-radius: 10px;
        position: relative;
    }

    .lds-product_mu-details-item_img img {
        border-radius: 10px;
        display: block;
        width: 100%;
        height: 100%;
    }

    .lds-product_img {
        display: block;
    }

    .lds-product_mu-details-item_p {
        font-size: 30px;
        margin-top: 10px;
        width: 100%;
        height: auto;
        color: #323F4A;
        font-weight: 550;
    }

    .lds-product_mu-details-item_p p {
        font-weight: 600;
        color: #323F4A;
    }

    /* 模态框 */
    .modal-frame {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1000;
    }

    .modal-frame img {
        position: absolute;
        width: 36%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}

/* 开始做手机端 */
@media(max-width: 767px) {
    .lyj-product-container {
        width: 100%;
        margin-top: 60px;
    }

    .lyj-product-title p {
        font-size: 20px;
        color: #323F4A;
        text-align: center;
        font-weight: 600;
        padding-top: 30px;
    }

    /*  */
    .lds-product-width {
        width: 40px;
        display: inline-block;
    }

    .lds-product-width:nth-child(2),
    .lds-product-width:nth-child(3) {
        margin-left: 50px;
    }

    .swiper-container,
    .lyj-lunbotu {
        height: auto;
    }

    /* 小点点 */
    .lyj-lunbotu .swiper-pagination {
        position: static;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }

    .swiper-pagination-bullet-active {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #323F4A;
    }

    .swiper-pagination-bullet-active {
        background: #323F4A;
    }

    /* 轮播图 */
    .lyj-lunbotu .swiper-wrapper {
        margin-bottom: 70px;
        display: flex;
        align-items: center;
    }

    .lyj-lunbotu .swiper-slide {
        width: 60% !important;
        height: auto;
        /* margin-right: 130px; */
        margin: 0 20px !important;
        opacity: 0.4;
        transition: all 0.5s;
        border-radius: 4px;
        box-shadow: 0px 3px 10px rgba(87, 100, 107, 0.39);
    }

    /* 当前选中的 */
    .lyj-lunbotu .swiper-slide-active {
        opacity: 1;
    }

    .lyj-lunbotu .swiper-slide img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        display: block;
    }

    .swiper-pagination-bullet-active {
        background-color: #323F4A;
    }

    /* 轮播以下 */
    .lds-product_mu {
        display: none;
    }

    .lds-product_mu_1 {
        line-height: 20px;
        text-align: center;
        font-size: 10px;
        color: #323F4A;
    }

    .lds-product_mu-details {
        font-size: 0;
        margin-top: 50px;
        width: 100%;
    }

    .lds-product_mu-details-item {
        margin-left: 4.27%;
        display: inline-block;
        width: 43.47%;
        margin-bottom: 20px;
    }

    .lds-product_mu-details-item_img,
    .lds-product_mu-details-item_img img {
        display: block;
        width: 100%;
        border-radius: 4px;
    }

    .lds-product_mu-details-item_p {
        margin-top: 8px;
        color: #323F4A;
        font-size: 12px;
        ;
    }

    /* 模态框 */
    .modal-frame {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 1000;
    }

    .modal-frame img {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

    /* 清col边距 */
    .clerpd {
        padding: 0 !important;
    }

}