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

    body .content {

        display: flex;

        flex-direction: column;

        min-width: 100%;

        background-color: #f1f9fc;

    }



    body .content .product-compontent .product-compontent-banner {

        height: 8rem;

    }



    body .content .product-compontent .product-compontent-nav {

        height: 4rem;

        padding: 0 1rem;

        box-sizing: border-box;

    }



    body .content .product-compontent .product-compontent-nav-content {

        width: 100%;

        display: flex;

        box-sizing: border-box;

        justify-content: space-between;

        padding: unset;

    }



    body .content .product-compontent .product-compontent-nav-content-right {

        display: none;

    }



    body .content .product-compontent .product-compontent-nav-content-left {

        display: flex;

        width: 100%;

        overflow: auto;

    }



    body .content .product-compontent .product-compontent-nav-content-left a {

        min-width: unset;

        text-align: center;

        height: 100%;

        line-height: 4rem;

        flex-shrink: 0;

        color: #000000;

        font-size: 1rem;

        position: relative;

        margin-right: 1rem;

        cursor: pointer;

        transition: all .3;

    }



    body .content .product-compontent .product-compontent-nav-content-left a:hover {

        color: #0084ce;

    }



    body .content .product-compontent .product-compontent-nav-content-left a:hover::after {

        content: unset;

        width: unset;

        position: unset;

        bottom: unset;

        left: unset;

        height: unset;

        background-color: unset;

        color: unset;

        line-height: unset;

    }





    body .content .product-compontent .product-compontent-nav-content-left .select-nav {

        color: #0084ce;

    }



    body .content .product-compontent .select-nav::after {

        content: unset;

        width: unset;

        position: unset;

        bottom: unset;

        left: unset;

        height: unset;

        background-color: unset;

        color: unset;

        line-height: unset;

        transition: all .3;

    }



    body .product-compontent-nav-nav {

        height: 4rem;

        background-color: #0084ce;

        display: flex;

        justify-content: center;

        display: none;

    }



    body .product-compontent-nav-nav a {

        color: #fff;

        line-height: 4rem;

        font-size: 1rem;

        transition: all .3s;

        margin-right: 1rem;

        flex-shrink: 0;

    }



    body .product-compontent-nav-nav a:last-child{

        margin: 0;

    }

    body .product-compontent-nav-link {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        display: flex;

        justify-content: space-between;

        overflow: auto;

    }

    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 .left-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-right: 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 span img {

        /* width: 60% !important; */

        /* display: block !important; */

    }

    

    

    body .product-left-label div p {

        color: #000000;

        font-size: 1rem;

        text-align: center;

    }

    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;

    }

    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%;

        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 .child-first {

        color: #222222;

        font-size: 1.2rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-top: 2rem;

    }

    

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

        content: '.';

        width: 2rem;

        height: .5rem;

        font-size: 1rem;

        line-height: 0;

        background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%);

        color: #0084ce;

        margin-top: 1.2rem;

    }

    

    body .product-details .product-principle .child-tow {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

        margin-top: 2rem;

        justify-content: center;

    }

    body .child-tow-process {

        display: flex;

        flex-direction: column;

        align-items: center;

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        margin-bottom: 2rem;

    }

    

    body .child-tow-process div:first-child {

        width: 20rem;

        height: 20rem;

        background-color: #ffffff;

        border: dashed 2px #0084ce;

        border-radius: 50%;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    

    body .child-tow-process div:first-child img {

        width: 70%;

        display: block;

    }

    

    body .child-tow-process div:nth-child(2) {

        color: #000000;

        font-size: 1.2rem;

        text-align: center;

        margin: 1rem 0;

    }

    

    body .child-tow-process div:last-child {

        color: #000000;

        font-size: 1rem;

        line-height: 1.5rem;

        text-align: center;

    }

    

    body .product-details .product-advantage {

        width: 100%;

        height: unset;

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

        background-color: #004b5c;

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        display: flex;

        flex-direction: column;

        align-items: center;

        

    }

    

    body .child-tow-point {

        width: 43px;

        height: 0;

        border-top: 2px dashed #0084ce;

        position: relative;

        margin: 0 40px;

        margin-top: 152px;

        display: none;

    }

    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 {

        content: ' ';

        width: 3rem;

        height: .2rem;

        font-size: 1rem;

        line-height: 0;

        background-color: #fff;

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

                #0084ce 0%,

                #37a8e0 100%); */

        color: #fff;

        margin-top: 2rem;

    }

    

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

        display: flex;

        justify-content: space-around;

        flex-wrap: wrap;

        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: 10rem;

        height: 10rem;

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

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;
/* 
        -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

        clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */

        margin-bottom: 1rem;

    }

    

    

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

        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: .8rem;

    }

    body .product-details .product-scene {

        /* height: 600px; */

        width: 100%;

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

        background-position: center;

        background-size: contain;

        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 1rem;

        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;

        background-color: #fff;

        background-image: linear-gradient(0deg,

                #0084ce 0%,

                #37a8e0 100%);

        color: #fff;

        margin-top: 2rem;

    }

    

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

        width: 100%;

        /* display: flex;

        justify-content: space-between; */

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-row-gap: 1rem;

        grid-column-gap: 1rem;

        margin-top: 2rem;

        margin-bottom: 3rem;

    }

    

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

        display: flex;

        flex-direction: column;

        align-items: center;

        width: 100%;

        height: unset;

        background-color: #ffffff;

        box-shadow: 0px 0px 18px 2px rgba(12, 93, 139, 0.1);

        padding: .5rem;

        box-sizing: border-box;

    }

    

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

        width: 100%;

        display: block;

    }

    

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

        flex: 1;

        display: flex;

        align-items: center;

        text-align: center;

        color: #222222;

        font-size: 1rem;

    }

    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;

        background-color: #fff;

        color: #fff;

        margin-top: 2rem;

    }

    

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

        width: 100%;

        margin-top: 2rem;

        margin-bottom: 2rem;

        display: grid;

        grid-template-columns: 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: 1;

        background-color: #fff;

        /* padding-left: 1rem;

        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-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: #000000;

        font-size: 1rem;

    }

    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 .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;

    }

    

    

}



.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: 100%;

    flex-shrink: 0;

    transition: all .5s;

    display: flex;

    justify-content: center;

}



.content .product-rota .left-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-right: 200px;

    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: 60% !important; */

}



.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 .child-first {

    color: #222222;

    font-size: 36px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 72px;

}



.product-details .product-principle .child-first::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 .child-tow {

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    margin-top: 40px;

    justify-content: center;

}



.child-tow-process {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 300px;

}



.child-tow-process div:first-child {

    width: 300px;

    height: 300px;

    background-color: #ffffff;

    border: dashed 2px #0084ce;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    

}



.child-tow-process div:first-child img {

    width: 70%;

    display: block;

}



.child-tow-process div:nth-child(2) {

    color: #000000;

    font-size: 24px;

    text-align: center;

    margin: 30px 0;

}



.child-tow-process div:last-child {

    color: #000000;

    font-size: 15px;

    text-align: center;

    line-height: 24px;

}



.product-details .product-advantage {

    width: 100%;

    height: 750px;

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

    background-color: #004b5c;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-attachment: fixed;

}



.child-tow-point {

    width: 43px;

    height: 0;

    border-top: 2px dashed #0084ce;

    position: relative;

    margin: 0 40px;

    margin-top: 152px;

}



.child-tow-point span {

    position: absolute;

    right: -6px;

    bottom: -8px;

    color: #0084ce;

}



.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: 225px;

    height: 225px;

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

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
/* 
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);

    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */

    margin-bottom: 20px;

}





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

    color: #ffffff;

    font-size: 24px;

    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-advantage .product-advantage-content .container .container-li .span-title {

    color: #ffffff;

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

    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: 1160px;

    /* display: flex;

    justify-content: space-between; */

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-row-gap: 40px;

    grid-column-gap: 40px;

    margin-top: 80px;

    margin-bottom: 120px;

}



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

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    height: 300px;

    background-color: #ffffff;

    box-shadow: 0px 0px 18px 2px rgba(12, 93, 139, 0.1);

    padding: 10px;

    overflow: hidden;

    box-sizing: border-box;

    cursor: pointer;

}



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

    width: 100%;

    display: block;

    transition: all .3s;

}

.product-details .product-scene .product-scene-content .container .container-li:hover img{

    transform: scale(1.1);

}



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

    flex: 1;

    display: flex;

    align-items: center;

    text-align: center;

    color: #222222;

    font-size: 16px;

}







.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 1fr;

    grid-row-gap: 35px;

    grid-column-gap: 35px;

}



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

    display: flex;

    flex-direction: column;

    overflow: hidden;

    cursor: pointer;

}



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

    width: 100%;

    transition: all .3s;

    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-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: #000000;

    font-size: 16px;

    line-height: 1.2rem

}

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

    transform: scale(1.1);

}



.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;

    justify-content: center;

    background-attachment: fixed;

}



.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;

}



.content {

    display: flex;

    flex-direction: column;

    background-color: #f1f9fc;

}



.content .product-compontent {

    display: flex;

    flex-direction: column;

    width: 100%;

}



.content .product-compontent .product-compontent-banner {

    width: 100%;

    height: 320px;

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

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.content .product-compontent .product-compontent-nav {

    width: 100%;

    height: 70px;

    background-color: #fff;

    display: flex;

    justify-content: center;

}



.content .product-compontent .product-compontent-nav-content {

    width: 1360px;

    margin: 0 auto;

    display: flex;

    padding: 0 20px;

    box-sizing: border-box;

    justify-content: space-between;

}



.content .product-compontent .product-compontent-nav-content-left {

    display: flex;

}



.content .product-compontent .product-compontent-nav-content-left a {

    min-width: 100px;

    text-align: center;

    height: 100%;

    line-height: 70px;

    color: #000000;

    font-size: 16px;

    position: relative;

    margin-right: 30px;

    cursor: pointer;

    transition: all .3s;

}



.content .product-compontent .product-compontent-nav-content-left a:hover {

    color: #0084ce;

    position: relative;

}



.content .product-compontent .product-compontent-nav-content-left a:hover::after {

    content: '';

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid #0084ce;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.content .product-compontent .product-compontent-nav-content-left a:last-child {

    margin: 0;

}



.content .product-compontent .product-compontent-nav-content-left .select-nav {

    color: #0084ce;

    position: relative;

}



.content .product-compontent .select-nav::after {

    content: '';

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid #0084ce;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    transition: all .3s;

}



.content .product-compontent .product-compontent-nav-content-right {

    display: flex;

    align-items: center;

}



.content .product-compontent .product-compontent-nav-content-right span:first-child {

    font-size: 16px;

    color: #0084ce;

    margin-right: 7px;

}



.content .product-compontent .product-compontent-nav-content-right a {

    color: #888888;

    font-size: 14px;

    cursor: pointer;

    transition: all .3s;

}



.content .product-compontent .product-compontent-nav-content-right a:hover {

    color: #0084ce;

}



.content .product-compontent .product-compontent-nav-content-right span {

    margin: 0 14px;

    font-size: 14px;

    color: #888888;

}



.product-compontent-nav-nav {

    background-color: #0084ce;

    display: flex;

    justify-content: center;

    display: none;

}



.product-compontent-nav-nav a {

    color: #fff;

    line-height: 70px;

    transition: all .3s;

    margin: 0 2rem;

}



.product-compontent-nav-nav a:hover {

    opacity: .7;

}



.product-compontent-nav-link {

    width: 1000px;

    padding: 0 20px;

    box-sizing: border-box;

    /* display: flex;

    justify-content: space-around;

    flex-wrap: wrap; */

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    /* grid-row-gap: 1rem;

    grid-column-gap: 1rem; */

}
html body .product-details .product-scene .product-scene-content .container .container-li{
    width: 360px\9;
    height: 300px\9;
    margin-right: 40px\9;
    margin-bottom: 40px\9;
}
html body .product-details .product-scene .product-scene-content .container .container-li:nth-child(3n){
    margin-right: 0\9;
}
html body .product-details .product-scene .product-scene-content .container{
    margin: auto\9;
}
html body .product-details .product-scene .product-scene-content .container .container-li div{
    line-height: 85px\9;
}
html body .product-details .product-case .product-case-content .container .container-li{
    overflow: hidden\9;
    height: 432px\9;
}
html body .product-details .product-case .product-case-content .container .container-li{
    margin-right: 34px\9;
}
html body .product-details .product-case .product-case-content .container .container-li:nth-child(3n){
    margin-right: 0\9;
}
html body .product-details .product-case .product-case-content .title::after{
    display: block\9;
    margin: auto\9;
}
html body  .product-details .product-case .product-case-content .container .container-li{
    width: 416px\9;
    float: left\9;
}
html body .product-details .product-case .product-case-content .container .container-li .container-li-info{
    width: 100%\9;
    height: 155px\9;
}
html body .product-details .product-scene .product-scene-content .title{
    margin-bottom: 30px\9;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    html body .product-details .product-scene .product-scene-content .container .container-li div{
        padding-top:78px;
    }
    html body .product-details .product-principle .child-tow{
        overflow: visible;
    }
    html body .child-tow-process div:last-child{
        width: 100%;
    }
    html .product-compontent-nav-nav{
        display: block;
        display: none;
    }
    html .product-compontent-nav-link{
        margin: auto;
    }
    html .child-tow-process div:first-child {
       overflow: hidden;
    }
    html body .product-details .product-scene .product-scene-content .container .container-li{
        width: 360px;
        height: 300px;
        margin-right: 40px;
        margin-bottom: 40px;
        float: left;
    }
    html body .product-details .product-scene .product-scene-content .container .container-li:nth-child(3n){
        margin-right: 0;
    }
    html body .product-details .product-scene .product-scene-content .container{
        margin: auto;
    }
    html body .product-details .product-scene .product-scene-content .container .container-li div{
        line-height: 85px;
    }
    html body .product-details .product-case .product-case-content .container .container-li{
        overflow: hidden;
        height: 432px;
    }
    html body .product-details .product-case .product-case-content .container .container-li{
        margin-right: 34px;
    }
    html body .product-details .product-case .product-case-content .container .container-li:nth-child(3n){
        margin-right: 0;
    }
    html body .product-details .product-case .product-case-content .title::after{
        display: block;
        margin: auto;
    }
    html body  .product-details .product-case .product-case-content .container .container-li{
        width: 416px;
        float: left;
    }
    html body .product-details .product-scene .product-scene-content .title{
        margin-bottom: 30px;
    }
}