@media screen and (max-width: 1360px) {

    body .voice {

        width: 100%;

        height: unset;

        margin-top: 0;

    }



    body .voice .voice-content {

        width: 100%;

        height: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-bottom: 2rem;

    }



    body .voice .voice-content .voice-icon {

        margin: 2rem auto;

        display: flex;

        flex-direction: column;

    }



    body .voice .voice-content .voice-icon img {

        width: 2rem;

        margin: 0 auto;

        margin-bottom: .4rem;

    }



    body .voice .voice-content .voice-icon .title {

        color: #000000;

        font-size: 2rem;

        text-align: center;

        margin-bottom: .5rem;

    }



    body .voice .voice-content .from {

        display: flex;

        flex-direction: column;

        width: 100%;

    }



    body .voice .voice-content .from .from-first {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        margin-bottom: 1rem;

        padding: 0 1rem;

        box-sizing: border-box;

    }



    body .voice .voice-content .from .from-first .first-info {

        width: 100%;

        height: 4rem;

        background-color: #ffffff;

        border-radius: 4px;

        border: solid 1px #cccccc;

        display: flex;

        align-items: center;

        padding: 0 1rem;

        box-sizing: border-box;

        margin-bottom: 1rem;

    }



    body .voice .voice-content .from .from-first div label {

        color: #000000;

        font-size: 1.2rem;

        margin-right: 10px;

        height: 2rem;

        line-height: 2rem;

    }



    body .voice .voice-content .from .from-first div input {

        font-size: 1rem;

        line-height: 1rem;

        border: none;

        outline: none;

        background-color: transparent;

        flex: 1;

    }



    body .product-left-label div span img {

        width: 60% !important;

        display: block !important;

    }



    body .voice .voice-content .from .from-first .last-info {

        width: 100%;

        height: 4rem;

        background-color: #ffffff;

        border-radius: 4px;

        border: solid 1px #cccccc;

        display: flex;

        align-items: center;

        padding: 0 1rem;

        box-sizing: border-box;

        margin-bottom: 1rem;

    }



    body .voice .voice-content .from .from-text {

        width: unset;

        margin: 0 1rem;

        margin-bottom: 2rem;

        height: 12rem;

        background-color: #ffffff;

        border-radius: 4px;

        border: solid 1px #cccccc;

        padding: 1rem;

        box-sizing: border-box;

        display: flex;

    }



    body .voice .voice-content .from .from-text div {

        color: #000000;

        font-size: 1.2rem;

        margin-right: .4rem;

        height: 1.5rem;

        line-height: 1.5rem;

    }



    body .voice .voice-content .from .from-text textarea {

        flex: 1;

        border: none;

        background-color: transparent;

        outline: none;

        font-size: 1rem;

        resize: none;

        padding: 1px;

        line-height: 1.5rem;

    }



    body .voice .voice-content .submit {

        margin: 0 auto;

        width: 10rem;

        height: 2.8rem;

        background-color: #0084ce;

        border-radius: 28px;

        color: #ffffff;

        font-size: 1.2rem;

        text-align: center;

        line-height: 2.8rem;

        cursor: pointer;

        transition: all .3s;

    }

    body .voice .voice-content .submit span {

        font-size: 1rem;

    }

    body .product-details .product-details-swiper {

        width: 100%;

        height: unset;

        background-image: url('../../images/product-details-1.png');

        background-position-x: center;

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;

    }

    body .product-rota {

        width: 100%;

        flex-shrink: unset;

        padding: 3rem 1rem;

        box-sizing: border-box;

        transition: all .5s;

        display: flex;

        justify-content: center;

        margin-bottom: 3rem;

    }



    body .content .product-rota img {

        width: 368px;

        display: none;

    }



    body .product-indicator {

        position: absolute;

        height: .5rem;

        left: 0;

        right: 0;

        margin: 0 auto;

        bottom: 2rem;

        display: flex;

        justify-content: center;

    }



    body .product-spot {

        width: .5rem;

        height: .5rem;

        border: 2px solid #fff;

        border-radius: 50%;

        margin: 0 .5rem;

        cursor: pointer;

    }



    body .product-left {

        margin-left: 0;

        display: flex;

        flex-direction: column;

    }



    body .product-left-title {

        margin-bottom: 2rem;

        color: #000000;

        font-size: 1.2rem;

        font-weight: bold;

        display: flex;

        align-items: center;

        line-height: 3rem;

        margin-bottom: 2rem;

        margin-top: 1rem;

    }



    body .product-left-title::before {

        content: '-';

        height: 3rem;

        width: 7px;

        color: #0084ce;

        background-color: #0084ce;

        flex-shrink: 0;

        text-align: center;

        font-size: 1rem;

        margin: auto .5rem;

        margin-left: 0;

    }



    body .product-left-text {

        color: #000000;

        font-size: 1rem;

        line-height: 2rem;

    }



    body .product-left-label {

        display: flex;

        margin-top: 2rem;

    }



    body .product-left-label div {

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-right: 1rem;

    }



    body .product-left-label div span {

        display: flex;

        width: 5rem;

        height: 5rem;

        background-color: #fff;

        border-radius: 50%;

        margin-bottom: .5rem;

    }



    body .product-left-label div p {

        color: #000000;

        font-size: 1rem;

        text-align: center;

    }

    html body .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: 2rem;

    }



    body .swiper-container {

        width: 100%;

        height: 100%;

        --swiper-theme-color: #fff;

        --swiper-pagination-color: #0084ce;

    }



    body .swiper-container .swiper-pagination span {

        width: .5rem;

        height: .5rem;

        border: solid 1px #0084ce;

        background-color: #fff;

        opacity: 1;

        margin: 0 .5rem !important;

    }



    html body .swiper-container .swiper-pagination .swiper-pagination-bullet-active {

        width: .5rem;

        height: .5rem;

        background-color: #0084ce;

        border: solid 1px #fff;

        border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

        background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%);

        transform: rotate(-45deg);

    }

    body .product-details .product-principle {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        height: unset;

        display: flex;

        flex-direction: column;

        background-image: url('../../images/product-details-2.png');

        background-position-x: center;

        background-repeat: no-repeat;

        background-size: contain;

        background-color: #fff;

        align-items: center;

    }



    body .product-details .product-principle div:first-child {

        color: #222222;

        font-size: 1.2rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-top: 2rem;

    }



    body .product-details .product-principle div:first-child::after {

        content: ' ';

        width: 3rem;

        height: .2rem;

        font-size: 1rem;

        line-height: 0;

        background-color: #0084ce;

        background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%);

        color: #0084ce;

        margin-top: 2rem;

    }



    body .product-details .product-principle div:nth-child(2) {

        width: 20rem;

        height: 10rem;

        border-radius: 10px;

        border: dashed 2px #0084ce;

        margin: 2rem 0;

        padding: 1rem 2rem;

        box-sizing: border-box;

    }



    body .product-details .product-principle div:nth-child(2) img {

        width: 100%;

    }



    body .product-details .product-principle div:last-child {

        color: #000000;

        font-size: 1rem;

        line-height: 1.5rem;

        width: unset;

        text-align: center;

        margin-bottom: 2rem;

    }

    body .product-details .product-advantage {

        width: 100%;

        height: unset;

        background-image: url('../../images/banner2.jpg');

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .product-details .product-advantage .product-advantage-content {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

        align-items: center;

        height: 100%;

    }



    body .product-details .product-advantage .product-advantage-content .title {

        color: #ffffff;

        font-size: 1.2rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-top: 2rem;

    }



    body .product-details .product-advantage .product-advantage-content .title::after {

        background-color: #fff;

        /* background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%); */

        color: #fff;

        content: ' ';

        width: 3rem;

        height: .2rem;

        font-size: 1rem;

        line-height: 0;

        margin-top: 2rem;

    }



    body .product-details .product-advantage .product-advantage-content .container {

        /* display: flex;

        justify-content: space-around; */

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-template-rows: 1fr 1fr;

        grid-row-gap: 1rem;

        grid-column-gap: 1rem;

        margin-top: 2rem;

        margin-bottom: 2rem;

        width: 100%;

    }



    body .product-details .product-advantage .product-advantage-content .container .container-li {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .product-details .product-advantage .product-advantage-content .container .container-li div {

        width: 12rem;

        height: 12rem;

        border: solid 3px #ffffff;

        border-radius: 50%;

        margin-bottom: 1rem;

        overflow: hidden;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    body .product-details .product-advantage .product-advantage-content .container .container-li div img {

        width: 100%;

    }



    body .product-details .product-advantage .product-advantage-content .container .container-li span:first-child {

        color: #ffffff;

        font-size: 1.2rem;

        margin-bottom: 1rem;

    }



    body .product-details .product-advantage .product-advantage-content .container .container-li span {

        color: #ffffff;

        font-size: 1rem;

        text-align: center;

        margin-bottom: 1rem;

    }

    body .product-details .product-scene {

        height: unset;

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        background-image: url('../../images/productBg.png');

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .product-details .product-scene .product-scene-content {

        height: 100%;

        width: 100%;

        padding: 0;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .product-details .product-scene .product-scene-content .title {

        color: #000000;

        font-size: 1.2rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-top: 2rem;

    }



    body .product-details .product-scene .product-scene-content .title::after {

        content: ' ';

        width: 3rem;

        height: .2rem;

        font-size: 1rem;

        line-height: 0;

        margin-top: 2rem;

        background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%);

        color: #0084ce;

    }



    body .product-details .product-scene .product-scene-content .container {

        width: 100%;

        /* display: flex;

        justify-content: space-between; */

        margin-top: 2rem;

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-template-rows: 1fr 1fr;

        grid-row-gap: 1rem;

        grid-column-gap: 1rem;

    }



    body .product-details .product-scene .product-scene-content .container .container-li {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .product-details .product-scene .product-scene-content .container .container-li div:first-child {

        width: 12rem;

        height: 12rem;

        background-color: #ffffff;

        box-shadow: 1px 10px 40px 0px rgba(97, 95, 84, 0.1);

        border-radius: 10px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    body .product-details .product-scene .product-scene-content .container .container-li div:first-child img {

        /* font-size: 5rem;

        background-image: -webkit-linear-gradient(bottom, #29a0dd, #1dbe65);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent; */

        width: unset;

    }



    body .product-details .product-scene .product-scene-content .container .container-li div:last-child {

        text-align: center;

        color: #000000;

        font-size: 1rem;

        margin: 1rem 0;

    }

    body .product-details .product-case {

        height: unset;

        width: 100%;

        background-image: url('../../images/journalism.png');

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    body .product-details .product-case .product-case-content {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        height: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    body .product-details .product-case .product-case-content .title {

        color: #ffffff;

        font-size: 1.2rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-top: 2rem;

    }

    body .product-details .product-case .product-case-content .title::after {

        content: ' ';

        width: 3rem;

        height: .2rem;

        font-size: 1rem;

        line-height: 0;

        margin-top: 2rem;

        background-color: #fff;

        color: #fff;

    }

    body .product-details .product-case .product-case-content .container {

        width: 100%;

        margin-top: 2rem;

        margin-bottom: 2rem;

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-row-gap: 1rem;

        grid-column-gap: 1rem;

    }

    body .product-details .product-case .product-case-content .container .container-li {

        display: flex;

        flex-direction: column;

    }

    body .product-details .product-case .product-case-content .container .container-li img {

        width: 100%;

        display: block;

    }

    body .product-details .product-case .product-case-content .container .container-li .container-li-info {

        flex: unset;

        width: 100%;

        background-color: #fff;

        /* padding-left: 30px;

        padding-top: 30px;

        padding-right: 54px;

        padding-bottom: 30px; */

        padding: 1rem;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

    }

    body .product-details .product-case .product-case-content .container .container-li .container-li-info .info-title {

        color: #000000;

        font-size: 1.2rem;

        display: flex;

        align-items: center;

        margin-bottom: 1rem;

    }

    body .product-details .product-case .product-case-content .container .container-li .container-li-info .info-title::before {

        content: ' ';

        margin-right: .5rem;

        width: .3rem;

        height: 1rem;

        background-color: #1c96d7;

        line-height: 1rem;

        text-align: center;

        font-size: 1rem;

        color: #1c96d7;

    }

    body .product-details .product-case .product-case-content .container .container-li .container-li-info .info-content {

        flex: 1;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

    }

    body .product-details .product-case .product-case-content .container .container-li .container-li-info .info-content span {

        color: #666666;

        font-size: 1rem;

    }


    body  .product-details .product-advantage .product-advantage-content .container .container-li .span-title {

        color: #ffffff;

        font-size: 1.2rem;
        font-weight: bold;

        margin-bottom: 1rem;

    }

}

.product-details {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.product-details .product-details-swiper {

    width: 100%;

    height: 750px;

    background-image: url('../../images/product-details-1.png');

    background-position-x: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-attachment: fixed;

}



.product-rota {

    width: 1360px;

    flex-shrink: 0;

    transition: all .5s;

    display: flex;

    justify-content: center;



}



.content .product .product-rota img {

    width: 368px;

}



.product-indicator {

    position: absolute;

    height: 10px;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 40px;

    display: flex;

    justify-content: center;

}



.product-spot {

    width: 10px;

    height: 10px;

    border: 2px solid #fff;

    border-radius: 50%;

    margin: 0 10px;

    cursor: pointer;

}



.product-left {
    width: 500px;

    margin-left: 100px;

    display: flex;

    flex-direction: column;

}



.product-left-title {

    margin-bottom: 58px;

    color: #000000;

    font-size: 28px;

    font-weight: bold;

    display: flex;

    align-items: center;

    line-height: 28px;

    margin-bottom: 56px;

    margin-top: 25px;

}



.product-left-title::before {

    content: '-';

    height: 28px;

    width: 7px;

    color: #0084ce;

    background-color: #0084ce;

    flex-shrink: 0;

    text-align: center;

    font-size: 12px;

    margin: auto 10px;

}



.product-left-text {

    color: #000000;

    font-size: 15px;

    line-height: 30px;

}



.product-left-label {

    display: flex;

    margin-top: 58px;

}



.product-left-label div {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 50px;

}



.product-left-label div span {

    display: flex;

    width: 80px;

    height: 80px;

    background-color: #fff;

    border-radius: 50%;

    justify-content: center;

    align-items: center;

    margin-bottom: 13px;

}

.product-left-label div span img {

    width: unset;

}



.product-left-label div p {

    color: #000000;

    font-size: 13px;

    text-align: center;

}





.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    transition: 300ms;

}



body .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: 45px;

}



.swiper-container {

    width: 100%;

    height: 100%;

    --swiper-theme-color: #fff;

    --swiper-pagination-color: #0084ce;

}



.swiper-container .swiper-pagination span {

    width: 10px;

    height: 10px;

    border: solid 1px #0084ce;

    background-color: #fff;

    opacity: 1;

    margin: 0 10px !important;

}



body .swiper-container .swiper-pagination .swiper-pagination-bullet-active {

    width: 11px;

    height: 11px;

    background-color: #0084ce;

    border: solid 1px #fff;

    border-radius: 80% 0px 55% 50% / 55% 0px 80% 50%;

    background-image: linear-gradient(0deg,

            #0084ce 0%,

            #37a8e0 100%);

    transform: rotate(-45deg);



}





.product-details .product-principle {

    width: 100%;

    height: 800px;

    display: flex;

    flex-direction: column;

    background-image: url('../../images/product-details-2.png');

    background-position-x: center;

    background-repeat: no-repeat;

    background-size: contain;

    background-color: #fff;

    align-items: center;

    background-attachment: fixed;

}



.product-details .product-principle div:first-child {

    color: #222222;

    font-size: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 72px;

}



.product-details .product-principle div:first-child::after {

    content: '.';

    width: 40px;

    height: 6px;

    font-size: 12px;

    line-height: 0;

    background-image: linear-gradient(0deg,

            #0084ce 0%,

            #37a8e0 100%);

    color: #0084ce;

    margin-top: 30px;

}



.product-details .product-principle div:nth-child(2) {

    width: 595px;

    height: 328px;

    border-radius: 10px;

    border: dashed 2px #0084ce;

    margin: 60px 0;

    padding: 30px 40px;

    box-sizing: border-box;

}



.product-details .product-principle div:nth-child(2) img {

    width: 100%;

}



.product-details .product-principle div:last-child {

    color: #000000;

    font-size: 15px;

    width: 945px;

    /*text-align: center;*/

}



.product-details .product-advantage {

    width: 100%;

    height: 750px;

    background-image: url('../../images/banner2.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-attachment: fixed;

}



.product-details .product-advantage .product-advantage-content {

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

    height: 100%;

}



.product-details .product-advantage .product-advantage-content .title {

    color: #ffffff;

    font-size: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 72px;

}



.product-details .product-advantage .product-advantage-content .title::after {

    content: '.';

    width: 40px;

    height: 6px;

    font-size: 12px;

    line-height: 0;

    background-color: #fff;

    /* background-image: linear-gradient(0deg,

            #0084ce 0%,

            #37a8e0 100%); */

    color: #fff;

    margin-top: 30px;

}



.product-details .product-advantage .product-advantage-content .container {

    display: flex;

    justify-content: space-around;

    margin-top: 70px;

    width: 100%;

}



.product-details .product-advantage .product-advantage-content .container .container-li {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.product-details .product-advantage .product-advantage-content .container .container-li div {

    width: 240px;

    height: 240px;

    border: solid 3px #ffffff;

    border-radius: 50%;

    margin-bottom: 26px;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}



.product-details .product-advantage .product-advantage-content .container .container-li div img {

    width: 100%;

}



.product-details .product-advantage .product-advantage-content .container .container-li .span-title {

    color: #ffffff;

    font-size: 24px;
    font-weight: bold;

    margin-bottom: 16px;

}



.product-details .product-advantage .product-advantage-content .container .container-li span {

    color: #ffffff;

    font-size: 16px;

    text-align: center;

    margin-bottom: 14px;

}



.product-details .product-scene {

    height: 600px;

    width: 100%;

    background-image: url('../../images/productBg.png');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-attachment: fixed;

}



.product-details .product-scene .product-scene-content {

    height: 100%;

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.product-details .product-scene .product-scene-content .title {

    color: #000000;

    font-size: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 72px;

}



.product-details .product-scene .product-scene-content .title::after {

    content: '.';

    width: 40px;

    height: 6px;

    font-size: 12px;

    line-height: 0;

    background-image: linear-gradient(0deg,

            #0084ce 0%,

            #37a8e0 100%);

    color: #0084ce;

    margin-top: 30px;

}



.product-details .product-scene .product-scene-content .container {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 80px;

}



.product-details .product-scene .product-scene-content .container .container-li {

    display: flex;

    flex-direction: column;

    align-items: center;

}



.product-details .product-scene .product-scene-content .container .container-li div:first-child {

    width: 160px;

    height: 160px;

    background-color: #ffffff;

    box-shadow: 1px 10px 40px 0px rgba(97, 95, 84, 0.1);

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.product-details .product-scene .product-scene-content .container .container-li div:first-child img {

    /* font-size: 54px;

    background-image: -webkit-linear-gradient(bottom, #29a0dd, #1dbe65);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

    width: unset;

}



.product-details .product-scene .product-scene-content .container .container-li div:last-child {

    text-align: center;

    color: #000000;

    font-size: 18px;

    margin: 30px 0;

}

.product-details .product-case {

    height: 820px;

    width: 100%;

    background-image: url('../../images/journalism.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-attachment: fixed;

}

.product-details .product-case .product-case-content {

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

}

.product-details .product-case .product-case-content .title {

    color: #ffffff;

    font-size: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 72px;

}

.product-details .product-case .product-case-content .title::after {

    content: '.';

    width: 40px;

    height: 6px;

    font-size: 12px;

    line-height: 0;

    background-color: #fff;

    color: #fff;

    margin-top: 30px;

}

.product-details .product-case .product-case-content .container {

    width: 100%;

    margin-top: 60px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-row-gap: 38px;

    grid-column-gap: 38px;

}

.product-details .product-case .product-case-content .container .container-li {

    display: flex;

}

.product-details .product-case .product-case-content .container .container-li img {

    width: 290px;

    display: block;

}

.product-details .product-case .product-case-content .container .container-li .container-li-info {

    flex: 1;

    background-color: #fff;

    padding-left: 30px;

    padding-top: 30px;

    padding-right: 54px;

    padding-bottom: 30px;

    box-sizing: border-box;

    /*display: flex;*/

    flex-direction: column;

}

.product-details .product-case .product-case-content .container .container-li .container-li-info .info-title {

    color: #000000;

    font-size: 18px;

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.product-details .product-case .product-case-content .container .container-li .container-li-info .info-title::before {

    content: '.';

    margin-right: 8px;

    width: 4px;

    height: 18px;

    background-color: #1c96d7;

    line-height: 18px;

    text-align: center;

    font-size: 12px;

    color: #1c96d7;

}

.product-details .product-case .product-case-content .container .container-li .container-li-info .info-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}

.product-details .product-case .product-case-content .container .container-li .container-li-info .info-content span {

    color: #666666;

    font-size: 14px;

}

.voice {

    width: 100%;

    height: 701px;

    /* margin-top: 136px; */

    background-image: url('../../images/contact-bg.png');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    background-attachment: fixed;

    justify-content: center;

}



.voice .voice-content {

    width: 1260px;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.voice .voice-content .voice-icon {

    margin: 50px auto;

    display: flex;

    flex-direction: column;

}



.voice .voice-content .voice-icon img {

    width: 69px;

    margin: 0 auto;

    margin-bottom: 12px;

}



.voice .voice-content .voice-icon .title {

    color: #000000;

    font-size: 32px;

    text-align: center;

    margin-bottom: 12px;

}



.voice .voice-content .from {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.voice .voice-content .from .from-first {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}



.voice .voice-content .from .from-first .first-info {

    width: 400px;

    height: 60px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #cccccc;

    display: flex;

    align-items: center;

    padding: 20px;

    box-sizing: border-box;

}



.voice .voice-content .from .from-first div label {

    color: #000000;

    font-size: 16px;

    margin-right: 10px;

    height: 18px;

    line-height: 15px;

}



.voice .voice-content .from .from-first div input {

    font-size: 14px;

    line-height: 16px;

    border: none;

    outline: none;

    background-color: transparent;

    flex: 1;

}



.voice .voice-content .from .from-first .last-info {

    width: 615px;

    height: 60px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #cccccc;

    display: flex;

    align-items: center;

    padding: 20px;

    box-sizing: border-box;

}



.voice .voice-content .from .from-text {

    margin-bottom: 40px;

    width: 100%;

    height: 129px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #cccccc;

    padding: 20px;

    box-sizing: border-box;

    display: flex;

}



.voice .voice-content .from .from-text div {

    color: #000000;

    font-size: 16px;

    margin-right: 10px;

    height: 18px;

    line-height: 15px;

}



.voice .voice-content .from .from-text textarea {

    flex: 1;

    border: none;

    background-color: transparent;

    outline: none;

    font-size: 14px;

    resize: none;

    padding: 1px;

}



.voice .voice-content .submit {

    margin: 0 auto;

    width: 240px;

    height: 56px;

    background-color: #0084ce;

    border-radius: 28px;

    color: #ffffff;

    font-size: 18px;

    text-align: center;

    line-height: 56px;

    cursor: pointer;

    transition: all .3s;

}

.voice .voice-content .submit:hover {

    opacity: .7;

}

html body .product-details .product-scene .product-scene-content .container .container-li {
    margin-right: 33px\9;
}

.product-details .product-scene .product-scene-content .container .container-li div:first-child {
    position: relative\9;
}

.product-details .product-scene .product-scene-content .container .container-li div:first-child img {
    position: absolute\9;
    top: 0\9;
    right: 0\9;
    left: 0\9;
    bottom: 0\9;
    margin: auto\9;
}

.product-details .product-case .product-case-content .container .container-li {
    overflow: visible\9;
}

.product-details .product-case .product-case-content .container .container-li img {
    height: 100%\9;
}

.product-details .product-case .product-case-content .title::after {
    display: block\9;
    margin: auto\9;
}

.product-details .product-principle div:nth-child(2) {
    overflow: hidden\9;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .product-details .product-case .product-case-content .container .container-li {
        float: left;
        width: 640px;
        height: 185px;
        margin-bottom: 38px;
        margin-right: 38px;
    }

    .product-details .product-case .product-case-content .container .container-li:nth-child(2n) {
        margin-right: 0;
    }

    .product-details .product-case .product-case-content .container .container-li img {
        height: 100%;
    }
}