.sub-banner-txt.center {
    text-align: center;
}

.sub-banner.banner-pro-com h2 {
    /* font-size: 48px; */
    font-size: calc(12px + 1.875vw);
}

.sub-banner.banner-pro-com p {
    line-height: 1.8;

}

.sub-banner .phone{
    display: none;
}

@media (max-width: 414px) {
    .sub-banner .phone{
        display: block;
    }
    .sub-banner .phone img{
        width: 101%;
        height: 100%;
    }

    .sub-banner .pc{
        display: none;
    }
}

@media (max-width: 1024px) {

    .sub-banner,
    .banner-pro-com {
        height: 400px;
        position: relative;

    }

    .sub-banner img,
    .banner-pro-com img {
        max-width: none;
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
    }
}

/* prolist */
.pro-list {
    display: flex;
}

.pro-list a {
    width: 33.33%;
    text-align: center;
    padding-top: 4.1vw;
    padding-bottom: 20px;
    border-left: 1px solid #C8CCD4;
    position: relative;
    overflow: hidden;
    height: 680px;
}

.pro-list a:first-child {
    border: 0;
}

.pro-list a .btn-more {
    width: 164px;
    opacity: 0;
    margin-top: 2.6vw;
}

.pro-list a .img {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .35s ease;
    /* margin-bottom: 40px; */
}

.pro-list a .hideimg img,
.pro-list a .img img {
    max-height: 200px;
}

.pro-list a .img,
.pro-list a .txt {
    position: relative;
    z-index: 1;
}

.pro-list a .hideimg {
    width: 100%;

    position: absolute;
    bottom: 1vw;
    opacity: 0;
    left: 0;
    transition: all .35s ease;
    transform: translateY(50px);
}

.pro-list a .txt {
    padding: 0 5.4vw;
}

.pro-list a .txt .hide-txt {
    font-size: 16px;
    color: #4DB443;
    margin-bottom: 14px;
    display: none;
}

.pro-list a .txt h2 {
    /* font-size: 26px; */
    font-size: calc(12px + .7vw);
    margin-bottom: 11px;
}

.pro-list a .txt p {
    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 1024px) {
    .pro-list a .txt p {
        font-size: 14px;
        line-height: 1.5;
    }

}

@media (min-width: 993px) {

    .pro-list a:hover .img {
        overflow: hidden;
        opacity: 0;
        height: 0;
    }

    .pro-list a:hover .hideimg {
        transform: translateY(0);
        opacity: 1;
    }
}




.pro-yyfx .swiper-button-next.phone-show,
.pro-yyfx .swiper-button-prev.phone-show {
    display: none;
}

@media (max-width: 768px) {

    .pro-yyfx .swiper-button-next.phone-show,
    .pro-yyfx .swiper-button-prev.phone-show {
        display: flex;
    }

}



.pro-list a:hover .btn-more {
    opacity: 1;
}

.pro-list a:hover .hide-txt {
    display: block;
}

.tw-item {
    height: 680px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    position: relative;

}

.tw-item .bg{
    width: 100%;

    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: auto 100%;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.tw-item .bg.phone{
    display: none;
    background-size: 100% auto;
}

@media (max-width: 768px) {
    .tw-item .bg.phone{
        display: block;
    }
    .tw-item .bg.pc{
        display: none;
    }
}

.tw-item .container {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tw-item.t-right .container {
    flex-direction: row-reverse;
}

.tw-item.t-left .txt {
    padding-right: 60px;
}

.tw-item.t-right .txt {
    padding-left: 60px;
}

.tw-item .txt {
    width: 50%;
    margin-top: -15px;
}

.tw-item .txt h2 {
    /* font-size: 48px; */
    font-size: calc(12px + 1.875vw);
}

.tw-item .txt h3 {
    /* font-size: 26px; */
    font-size: calc(12px + .7vw);
    margin-bottom: 17px;
    margin-top: 11px;


}

.tw-item .txt p {
    font-size: 16px;
    line-height: 1.8;
}

.tw-item .txt .t-button {
    background-color: #4DB443;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 2.7vw;

}


.tw-item .txt .t-green {
    color: #4DB443;
    margin-top: 12px;
}


@media (max-width: 1440px) {
    .tw-item {
        height: 510px;
    }

}

@media (max-width: 1366px) {
    .pro-list a .img img {
        max-width: 70%;
    }

    .pro-list a {
        height: 630px;
    }

    .pro-list a .img {
        height: 320px;
    }
}

@media (max-width: 1024px) {
    .pro-list a .txt {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pro-list a {
        height: 550px;
    }

    .pro-list a .btn-more {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .pro-list a .img {
        height: 290px;
    }


}

@media (max-width: 992px) {
    .pro-list {
        display: block;
    }

    .pro-list a {
        width: 100%;
        height: auto;
        padding: 10px 0;
        display: block;
    }

    .pro-list a .btn-more {
        opacity: 1;
    }

    .pro-list a .img {
        height: auto;
        margin: 20px 0;

    }

    .pro-list a .img img {
        max-width: 50%;
    }

    .pro-list a .txt .hide-txt {
        display: block;
    }

    .pro-list a .txt {
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
    }
}

@media (max-width:768px) {
    .tw-item .txt h2 {
        font-size: 18px;
    }

    .tw-item .txt h3 {
        font-size: 15px;
        margin-bottom: 9px;
    }

    .tw-item .txt p {
        font-size: 14px;
    }

    .tw-item .txt {
        width: 100%;
        padding: 0 !important;

    }

    .tw-item {
        height: 300px;

    }

    .tw-item.t-right .txt {
        padding-left: 0;

    }
}

.pro-yyfx {
    padding-top: 4.1vw;
}

.pro-yyfx .txt {
    text-align: center;
}

.pro-yyfx .txt h2 {
    font-size: calc(12px + 1.875vw);
    margin-bottom: 10px;
}

.pro-yyfx .txt p {
    font-size: 16px;
    line-height: 1.8;
}

.pro-yyfx .txt .btn-more {
    width: 180px;
    margin-top: 50px;
}

.pro-yyfx .swiper .item {
    text-align: center;

}

.pro-yyfx .swiper .item .img {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-yyfx .swiper .item h2 {
    font-size: calc(12px + .7vw);
    margin-top: 4px;
}

.pro-yyfx .swiper-button-next,
.pro-yyfx .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 100%;
    overflow: hidden;
    /* transform: translateY(-50%); */

}

.pro-yyfx .swiper-button-next::after,
.pro-yyfx .swiper-button-prev::after {
    font-size: 0;
    width: 100%;
    background: url("/Public/home/images/icon-arrow-white.png") no-repeat center #000;
    height: 100%;

}

.pro-yyfx .swiper-button-prev::after {
    transform: rotate(180deg);
}

.pro-yyfx .swiper-con {
    position: relative;
    padding-top: 5.7vw;
    padding-bottom: 5.7vw;
}

.pro-yyfx,
.pro-yyfx .swiper-con {
    overflow: visible;
}

.pro-yyfx .swiper-button-prev {
    left: -80px;
}

.pro-yyfx .swiper-button-next {
    right: -80px;
}

.pro-yyfx .swiper-con .swiper-slide .item {
    border-left: 1px solid #e5e5e5;
}

.pro-yyfx .swiper-con .swiper-slide.swiper-slide-active .item {
    border-left: 0;
}


.pro-info {
    display: flex;
    padding-bottom: 4.68vw;
    align-items: flex-start;
}

.pro-info .item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro-info .item .txt {
    text-align: left;
    margin-left: 28px;
    font-size: 16px;
}

.pro-info .item .txt p {
    line-height: 1.5;
}

@media (max-width: 1440px) {
    .pro-yyfx .swiper-button-next {
        right: -20px;
    }

    .pro-yyfx .swiper-button-prev {
        left: -20px;
    }
}

@media (max-width: 1024px) {
    .pro-info .item .img {
        width: 100px;
        height: 100px;

    }

    .pro2-wrap .ul-list li,
    .tw-item .txt p,
    .pro-yyfx .txt p {
        font-size: 14px;
    }

}

@media (max-width: 768px) {
    .pro-info .item .txt {
        margin-left: 15px;
        text-align: center;
        margin-top: 20px;

    }

    .pro-info .item {

        flex-direction: column;
        text-align: center;
    }
}

/* 家用机器人 */
.banner-pro1>.container {
    /* margin-top: -145px; */
    margin-top: -7.5vw;

}

@media (max-width: 640px) {
    .banner-pro1>.container{
        margin-top: 0;
    }
    
}

/* 商用机器人 */
.pro2-wrap .tw-item-sp .txt {
    margin-top: -9vw;
}

.pro2-wrap .tw-item-sp h2 {

    width: 100%;
    /* font-size: 48px; */
    font-size: calc(12px + 1.875vw);

}

.pro2-wrap .ul-list li {
    font-size: 16px;
    position: relative;
    padding-left: 43px;
    margin: 5px 0;
}

.pro2-wrap .ul-list li::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #4DB443;
    position: absolute;
    left: 3px;
    top: 6px;
    border-radius: 50%;

}


/* 3 米兰 OS pro-list*/
.pro3-wrap .pro3-section1 .com-title::after {
    display: none;
}

.pro3-wrap .pro3-section1 {
    padding-top: 6.25vw;
    padding-bottom: 6.7vw;
    background: url("/Public/home/images/pro3-bg1.jpg") no-repeat bottom #fff;
}

.pro3-wrap .pro3-section1 h3 {
    /* font-size: 26px; */
    color: #4DB443;
    text-align: center;
    font-size: calc(12px + .7vw);

}

.pro3-wrap .pro3-section1 .row {
    margin-top: 50px;

}

.pro3-wrap .pro3-section1 .row li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 0px 25px 0px rgba(159, 170, 183, 0.14);
    margin-left: 15px;
    margin-right: 15px;
    padding: calc(10px + 2.3vw) 0;
    background-color: #fff;
    transition: all .35s ease;

}

.pro3-wrap .pro3-section1 .row li:hover {
    transform: translateY(-10px);
}

.pro3-wrap .pro3-section1 .row li .img {
    height: 110px;
    display: flex;
    align-items: center;
}

.pro3-wrap .pro3-section1 .row li p {
    /* font-size: 26px; */
    font-size: calc(12px + .7vw);
    margin-top: 18px;
}

.pro3-wrap .pro3-section1 .intro {
    margin-top: calc(10px + 2.08vw);
}

.pro3-wrap .pro3-section1 .intro p {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
}

.pro3-section2 {
    background: url("/Public/home/images/jy-bg.jpg") no-repeat center;
    background-size: cover;
    color: #fff;

}




.pro-item {
    padding-top: 5.2vw;
}

.pro-item .item-txt {
    padding-right: 26px;

}

.pro-item .item-txt h3 {
    color: #4DB443;
    font-size: 26px;
    font-size: calc(12px + .7vw);
}

.pro-item .item-txt h2 {
    font-size: calc(12px + 1.875vw);
    ;
}

.pro-item .item-txt .intro {
    /* margin-top: 40px; */
    margin-top: calc(10px + 1.5625vw);
    font-size: 16px;
    line-height: 1.8;
}

.pro-item .item-txt .intro .green {
    color: #4DB443;
}

.pro-item .item-txt,
.pro-item .item-img {
    width: 50%;


}

.pro-item .item-img {
    text-align: right;
}

.pro-item .item-txt .btn-more {
    width: 180px;
    margin-top: calc(10px + .83vw);
    transition: all .35s ease;
}

.pro-item .item-txt .btn-more:hover {
    transform: translateX(10px);
}

.pro-item .item-txt .ul-td {
    background-image: linear-gradient(to bottom, rgba(11, 193, 125, .2), transparent);
    padding: 10px 30px;
    margin-top: 25px;
}

.pro-item .item-txt .ul-td li {
    margin: 22px 0;
    font-size: 16px;
    background: url("/Public/home/images/icon-deo.png") no-repeat left 6px;
    padding-left: 24px;
}

.pro-item .com-title {
    color: #fff;
}

.pro-item .com-title::after {
    display: none;
}

.pro-item .container {
    overflow: visible;
}

.pro-item .item-img .img {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.pro-item .item-img .img img {
    max-width: none;
    /* position: absolute; */
    /* left: 50%;
    transform: translate3d(-54%, 0, 0); */
}



.pro3-section2 .pro-yyfx .swiper-con .swiper-slide .item {
    border-color: rgba(255, 255, 255, .1);
}

.pro3-section2 .row {
    align-items: flex-end;
}

.pro-item .pro-yyfx .swiper-con {
    padding-top: 50px;
}

/* .pro3-section2 3 */
.pro3-section3 .row {
    flex-direction: row-reverse;
}

.pro3-section3.pro-item .item-txt {
    padding-right: 0;
    padding-left: 38px;
}

.pro3-section3.pro-item .item-txt .ul-td {
    background-image: linear-gradient(to bottom, rgba(77, 180, 67, .1), transparent);
}

.pro3-section3 .container {
    overflow: visible;

}



.pro3-section3.pro-item .com-title {
    color: #333;

}

.pro3-section3 .pro-yyfx {
    padding-top: 5.7vw;
}

.pro3-section3 .item-img .img img {
    max-width: none;
    transform: translateX(-30px)
        /* position: absolute; */
        /* left: 50%;
    : translate3d(-54%, 0, 0); */
}

.pro3-section3 .item-img .img {
    justify-content: center;
}

@media (max-width: 768px) {
    .pro3-wrap .pro3-section1 .row {
        flex-wrap: wrap;
        margin-top: 20px;
    }


    .pro3-wrap .pro3-section1 .row li {
        width: calc(50% - 20px);
        margin: 10px;

    }

    .pro-item .item-txt,
    .pro-item .item-img {
        width: 100%;
        padding: 0;
    }

    .pro3-section3 .row,
    .pro3-section2 .row {
        flex-direction: column;
    }

    .pro3-section2 .item-img .img img {
        transform: scale(1) !important;
        transform-origin: center;
        max-width: 80%;
    }

    .pro-item .item-img .img {
        justify-content: center;
    }

    .pro-item .item-img .img img {
        max-width: 100%;
    }

    .pro3-section3.pro-item .item-txt {
        padding-left: 0;
    }

    .pro3-wrap .pro3-section1 .row li .img {
        transform: scale(.6);
        height: 75px;
    }

    .pro-yyfx .swiper-button-next,
    .pro-yyfx .swiper-button-prev {
        width: 34px;
        height: 34px;
    }

    .pro-yyfx .swiper-button-next{
        right: -4px;
    }

    .pro-yyfx .swiper-button-prev{
        left: -4px;
    }

    .pro-yyfx .swiper-button-next::after,
    .pro-yyfx .swiper-button-prev::after {
        background-size: 15px auto;
    }
}



/* 详情 */
.pro-detail-wrap>.tab-wrap>.tab-title {
    top: 99px;
    position: sticky;
}

.pro-detail-wrap .tab-title {
    background-color: #f9f9f9;
    z-index: 99;

}

.pro-detail-wrap .tab-title .container {
    display: flex;
}

.pro-detail-wrap .tab-title a {
    width: 25%;
    font-size: 18px;
    text-align: center;
    line-height: 68px;
    cursor: pointer;
}

.pro-detail-wrap .tab-title a.cur {
    background: #4DB443;
    color: #fff;
}

.pro-detail-wrap .tab-item {
    display: none;
}

.pro-detail-wrap .tab-item.show {
    display: block;
}


.row {
    display: flex;

}

/* 1  产品概述*/
.ks-section .pro-name {
    /* padding-top: 80px; */
    padding-top: calc(10px + 3.6vw);
}

.ks-section .pro-name h2 {
    /* font-size: 48px; */
    font-size: calc(12px + 1.875vw);
    line-height: 1.1;
    flex-shrink: 0;
}

.ks-section .pro-name .right-con {
    padding-left: 7.8vw;
    font-size: 16px;
    color: #666;
    line-height: 1.9;

}

.ks-section .pro-name .right-con .line {
    margin-top: 9px;
    /* margin-bottom: 33px; */
    margin-bottom: calc(10px + 1.1vw);
}

.ks-section .pro-name .img {
    margin-top: -70px;
}

.section-black {
    background-color: #000;
    color: #fff;
    padding-top: 5.7vw;
    padding-bottom: 6.9vw;
    background: url("/Public/home/images/black-bg.jpg") no-repeat center;
    background-size: cover;
    margin-top: 4.16vw;

}

.section-black>.container {
    overflow: visible;
}

.section-black .title {
    text-align: center;

}

.section-black .title h2 {
    font-size: calc(12px + .9vw);
}

.section-black .title h3 {
    font-size: 14px;
}

.section-black .title p {
    font-size: 16px;
    line-height: 1.8;
}

.section-black .title .line {
    margin: 25px auto calc(10px + 1.56vw);
}

.section-black .section1 .img {
    text-align: center;
    margin-top: 30px;
}

.section-black .img {
    text-align: center;
}

/* 2 */
.section-black .section2 {
    margin-top: calc(10px + 4.1vw);
}

.section-black .section2 .img {
    text-align: center;
    margin-top: 80px;
    position: relative;
    width: 992px;

    margin-left: auto;
    margin-right: auto;
}

.section-black .section2 .item1,
.section-black .section2 .item2 {
    width: 490px;
    border: 1px solid #4DB443;
    text-align: left;
    font-size: 16px;

    line-height: 1.8;
    position: absolute;

}

.section-black .section2 .item2 {
    /* left: -5.4vw; */
    left: -100px;
    top: 50%;
    margin-top: 155px;
}

.section-black .section2 .item2::after {
    content: "";
    width: 366px;
    height: 110px;
    background: url("/Public/home/images/line.png") no-repeat left;
    position: absolute;
    left: 50%;
    top: -125px;
    margin-left: -4px;
}

.section-black .section2 .item1 {
    /* right: 0; */
    left: 50%;
    /* margin-left: 5.6vw; */
    margin-left: 108px;
    top: 0;
}

.section-black .section2 .item1::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 130px;
    background-color: #4DB443;
    position: absolute;
    left: 50%;
    margin-left: 50px;
    top: calc(100% + 17px)
}

.section-black .section2 .item1 h2,
.section-black .section2 .item2 h2 {
    border-bottom: 1px solid #4DB443;
    /* font-size: 30px; */
    font-size: calc(12px + .9vw);
    padding: 6px 20px;
}

.section-black .section2 .item1 p,
.section-black .section2 .item2 p {
    padding: 10px 20px;
}



@media (max-width: 1366px) {

    .section-black .section2 .item1,
    .section-black .section2 .item2 {
        width: 390px;
    }

    .section-black .section2 .item1::after {
        left: 64%;
    }

    .section-black .section2 .item1 {
        right: 0;
        left: auto;
    }

    .section-black .section2 .item2 {
        left: 0;
    }

    .section-black .section2 .item2::after {
        left: 37%;
    }
}

@media (max-width: 1024px) {
    .section-black .section2 .img {
        width: 100%;
    }

    .section-black .section2 .item1::after,
    .section-black .section2 .item2::after {
        display: none;
    }

    .section-black .title p {
        font-size: 14px;
    }
}

@media (max-width:768px) {

    .section-black .section2 .item1,
    .section-black .section2 .item2 {
        position: static;
        width: 100%;

        margin: 20px 0 0 0;

    }

    .section-black .section2 .img {
        margin-top: 30px;
    }
}

.section-black .section3 {
    margin-top: 6.7vw;
}

.section-black .section4 {
    margin-top: 5.7vw;
}

.section-black .section4 .t-title {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 35px;

}

.section-black .section4 .table {
    width: 100%;
}

.section-black .section4 .table th,
.section-black .section4 .table td {
    text-align: center;
    border: 1px solid #626262;
    line-height: 38px;
}

.section-black .section4 .table th {
    background-color: #ececec;
    color: #1f1f1f;
    font-size: 18px;
    font-weight: normal;
}

.section-black .section4 .table td {
    background-color: #1b1b1b;
}

.section-black .section4 .tip {
    font-size: 14px;
    color: #e7e7e7;
    margin-top: 23px;
}

.section-black .section4 .tip span {
    color: #4DB443;
}

.pro-sdk {
    padding-top: calc(10px + 3.64vw);

}

.pro-sdk-con {
    position: relative;
    height: 520px;
    display: flex;
    align-items: center;
    margin-top: calc(10px + 1.66vw);
}

.pro-sdk dl {
    width: 250px;
    position: absolute;
    top: 50%;
    display: flex;
    flex-direction: column;

}

.pro-sdk dl:nth-of-type(1) {
    left: 0;
    margin-top: 70px;
}

.pro-sdk dl:nth-of-type(2) {
    left: 304px;
    margin-top: -240px;
    flex-direction: column-reverse;

}

.pro-sdk dl:nth-of-type(3) {
    left: 644px;
    margin-top: 70px;

}

.pro-sdk dl:nth-of-type(4) {
    left: 950px;
    margin-top: -210px;
    flex-direction: column-reverse;
}

.pro-sdk dl:nth-of-type(1) dt,
.pro-sdk dl:nth-of-type(3) dt {
    margin-bottom: 20px;
}

.pro-sdk dl:nth-of-type(2) dt,
.pro-sdk dl:nth-of-type(4) dt {
    margin-top: 20px;
}

.pro-sdk dl dt {
    background-color: #4DB443;

    color: #fff;

    display: block;
    margin: 0 auto;
    width: 182px;
    line-height: 48px;

    text-align: center;
    border-radius: 30px;
    font-size: 24px;
    font-size: calc(12px + .625vw);

}

.pro-sdk dl dd {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
}

.pro-sdk-zb {
    margin-top: 5.1vw;

    display: flex;
    background: url("/Public/home/images/zb-bg.jpg") no-repeat center;
}

.pro-sdk-zb .item {
    width: 632px;
    position: relative;
    height: 470px;
    padding-left: 4.1vw;
    padding-top: 83px;
}

.pro-sdk-zb .item h2 {
    display: inline-block;
    color: #fff;
    width: 186px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    /* font-size: 24px; */
    font-size: calc(12px + .625vw);
    background: url("/Public/home/images/zb-button-bg.png") no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2px;
}

.pro-sdk-zb .item ul {
    position: relative;
    z-index: 9;
}

.pro-sdk-zb .item ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    color: #666;
    margin: 15px 0;
}

.pro-sdk-zb .item ul li span {
    display: inline-block;
    width: 110px;
    text-align: right;
    margin-right: 2.6vw;
}

@media (max-width: 1366px) {
    .pro-sdk dl {
        left: 230px;
    }

    .pro-sdk dl:nth-of-type(2) {
        left: 233px;

    }

    .pro-sdk dl:nth-of-type(3) {
        left: 512px;
    }

    .pro-sdk dl:nth-of-type(4) {
        left: 748px;
    }
}

@media (max-width: 1024px) {
    .pro-sdk dl dt {
        width: 150px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        margin-top: 0 !important;
        margin-bottom: 13px !important;
    }

    .pro-sdk-con .img {
        display: none;
    }

    .pro-sdk dl {
        width: 50%;
        position: static;
        margin: 25px 0 0 0 !important;
        flex-direction: column !important;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .pro-sdk-con {
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 40px;
        height: auto;
    }

    .pro-sdk-zb {
        background: none;
    }

    .pro-sdk-zb .item {
        width: 100%;
        height: auto;
        background-color: #edf7ec;
        margin-bottom: 20px;
        padding-bottom: 5vw;

    }

    .pro-sdk-zb {
        flex-wrap: wrap;
    }

    .section-black .section4 .t-title {
        font-size: 18px;
    }

    .section-black .section4 .table th {
        font-size: 16px;
    }



}

@media (max-width: 530px) {
    .pro-sdk-zb .item ul li span {
        width: 76px;
    }

}

/* 应用 */
.pro-yy {
    padding-top: 5.7vw;
}

.pro-yy .yy-con {
    display: flex;
    margin-top: 2.6vw;

}

.pro-yy .yy-con .item {
    width: 20%;
    height: 41.6vw;
    overflow: hidden;
    position: relative;
    transition: all .35s ease;
    min-height: 460px;
}

.pro-yy .yy-con .item.show {
    width: 40%;
}

.pro-yy .yy-con .item.show .txt.show {
    opacity: 0;
}

.pro-yy .yy-con .item.show .txt.hide {
    opacity: 1;
    transform: translateY(0);
}

.pro-yy .yy-con .item .img {
    width: 40vw;
    position: relative;

}

.pro-yy .yy-con .item .img .pc{
    display: block;
}

.pro-yy .yy-con .item .img .phone{
    display: none;
}


@media (max-width: 480px) {
    .pro-yy .yy-con .item .img .pc{
        display: none;
    }
    
    .pro-yy .yy-con .item .img .phone{
        display: block;
    }
    
}

.pro-yy .yy-con .item img {
    max-width: none;
    position: absolute;
    left: 50%;

    transform: translateX(-50%);

}

.pro-yy .yy-con .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.pro-yy .yy-con .item .txt.show {
    bottom: 40px;
    text-align: center;
}

.pro-yy .yy-con .item .txt.hide {
    bottom: 3.5vw;

    padding: 0 3.125vw;
    opacity: 0;
    transform: translateY(30px);
    width: 40vw;
    transition: all .35s ease;

}

.pro-yy .yy-con .item .txt h2 {
    font-size: calc(12px + .625vw);

}

.pro-yy .yy-con .item .txt p {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 22px;

}

/* 2 参数 */
.tab-cs .pro-img {
    text-align: center;
    margin-top: 5.2vw;
}

.tab-cs .pro-img .img {
    margin-top: calc(10px + 3.64vw);
}

.tab-cs .cs-con {
    margin-top: 6.7vw;
    padding-bottom: 6.25vw;
}

.tab-cs .cs-con .layui-collapse {
    border: 0;
}

.tab-cs .cs-con .layui-colla-item {
    border: 0;
    border-bottom: 1px solid #999;
    display: flex;
    padding: 5vw 0;
}

.tab-cs .cs-con .layui-colla-item:first-child {
    border-top: 1px solid #999;
}

.tab-cs .cs-con .layui-colla-title {
    background-color: transparent;
    flex-shrink: 0;
}

.tab-cs .cs-con .layui-colla-title {
    font-size: calc(12px + 1.25vw);
    width: 150px;
    padding: 0;
    overflow: visible;

}

.tab-cs .cs-con .layui-colla-title .layui-icon {
    left: calc(1200px - 140px);
    width: 140px;
    font-size: 30px;
    text-align: right;
}



.tab-cs .cs-con .layui-colla-content {
    border: 0;
    padding: 0 0 0 6.7vw;
    width: calc(100% - 150px);
}

.line {
    width: 100px;
    height: 3px;
    background-color: #4DB443;
    margin-top: calc(10px + 1.1vw);
    margin-bottom: calc(10px + 1.9vw);

}

.tab-cs .cs-con .layui-colla-content .pro-gg ul {

    display: flex;
    flex-wrap: wrap;
}

.tab-cs .cs-con .layui-colla-content .pro-gg ul li {
    width: 50%;
    margin-bottom: 2.6vw;
}


.tab-cs .cs-con .layui-colla-content .pro-gg ul li h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 14px;

}

.tab-cs .cs-con .layui-colla-content .pro-gg ul li p {
    font-size: 16px;
    color: #999;

}

.tab-cs .cs-con .layui-colla-content .right-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.tab-cs .cs-con .layui-colla-content .pro-bx p {
    font-size: 16px;
    color: #999;
}

@media (max-width: 1366px) {
    .tab-cs .cs-con .layui-colla-title .layui-icon {
        left: calc(1000px - 140px);
    }

}

@media (max-width: 1024px) {
    .tab-cs .cs-con .layui-colla-item {
        display: block;
    }

    .tab-cs .cs-con .layui-colla-title {
        width: 100%;
    }

    .tab-cs .cs-con .layui-colla-title .layui-icon {
        left: auto;
        right: 0;
    }

    .tab-cs .cs-con .layui-colla-content {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .pro-yy .yy-con .item .txt h2 {
        font-size: 15px;
    }

}

/* 3 常见问题 */
.tab-problem {
    display: flex;
    padding-top: calc(10px + 3.125vw);
    padding-bottom: calc(10px + 4.1vw);
}

.tab-problem .left-title {
    font-size: calc(12px + 1.875vw);
    flex-shrink: 0;
    margin-right: 4.1vw;
}

.tab-problem .right-con {
    width: 930px;
}

.tab-problem .right-title {
    color: #666;
    margin-bottom: calc(10px + 1.5625vw);
    margin-top: 10px;
}

.tab-problem .layui-colla-title,
.tab-problem .right-title {

    font-size: 18px;

}

.tab-problem .layui-colla-content {
    font-size: 16px;
    border: 0;
    color: #999;
    line-height: 1.75;
    padding: 0 5.625vw 0 0;
}

.tab-problem .layui-collapse {
    border: 0;

}

.tab-problem .layui-colla-title {
    background-color: transparent;
    padding-left: 0;
}

.tab-problem .layui-colla-icon {
    left: auto;
    right: 0;
    color: #676767;
    font-size: 23px;
    transform: rotate(90deg);
}

.tab-problem .layui-colla-item {
    padding-top: calc(10px + 1.56vw);
    padding-bottom: calc(10px + 1.56vw);
}

.tab-problem .layui-colla-item {
    /* border-top: 1px solid #e0e0e0;

    border-color: #e0e0e0; */
    border-bottom: 1px solid #e0e0e0;

}

.tab-problem .layui-colla-item:first-child {
    border-top: 1px solid #e0e0e0;
}

@media (max-width: 1024px) {
    .tab-problem {
        flex-direction: column;
    }

    .tab-problem .right-con {
        width: 100%;
    }

}

/* 4 sdk*/
/* 1 */
.pro-detail-wrap .sdk-section1 {
    padding-bottom: 5.7vw;
}

.pro-detail-wrap .sdk-section1 .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 70px;
}

.pro-detail-wrap .sdk-section1 a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: calc(33.33% - 30px);
    height: 380px;
    background-color: #f9f9f9;
    margin: 15px;

}

.pro-detail-wrap .sdk-section1 a h2 {
    /* font-size: 24px; */
    font-size: calc(12px + .7vw);
    margin-top: 3.125vw;
}

.pro-detail-wrap .sdk-section1 a p {
    font-size: 16px;
    color: #4DB443;
    margin-top: 12px;
    opacity: 0;
    height: 0;
    transition: all .35s ease;

}

.pro-detail-wrap .sdk-section1 a:hover p {
    opacity: 1;
    height: 22px;

}


@media (max-width: 1440px) {
    .pro-detail-wrap .sdk-section1 a {
        height: 340px;

    }

    .pro-detail-wrap a .icon {
        transform: scale(.8);
    }
}

@media (max-width: 1024px) {
    .pro-detail-wrap .sdk-section1 a {
        height: 260px;
    }

    .pro-detail-wrap a .icon {
        transform: scale(.6);
    }

    .pro-detail-wrap .sdk-section1 a h2 {
        margin-top: 10px;
    }

    .pro-detail-wrap .sdk-section1 .row {
        margin-top: calc(10px + 3.125vw);
    }
}

@media (max-width: 768px) {
    .pro-detail-wrap .sdk-section1 .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .pro-detail-wrap .sdk-section1 a {
        width: calc(calc(50% - 16px));
        margin: 8px;
        height: 200px;
    }

}

.pro-detail-wrap a .icon {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.pro-detail-wrap a .icon1,
.pro-detail-wrap a .icon2,
.pro-detail-wrap a .icon3 {
    height: 120px;
}

.pro-detail-wrap a .icon4,
.pro-detail-wrap a .icon5,
.pro-detail-wrap a .icon6 {
    height: 147px;
}

.pro-detail-wrap a .icon1 {
    background-image: url("/Public/home/images/icon-sdk1.png");
}

.pro-detail-wrap a:hover .icon1 {
    background-image: url("/Public/home/images/icon-sdk1-green.png");
}

.pro-detail-wrap a .icon2 {
    background-image: url("/Public/home/images/icon-sdk2.png");
}

.pro-detail-wrap a:hover .icon2 {
    background-image: url("/Public/home/images/icon-sdk2-green.png");
}

.pro-detail-wrap a .icon3 {
    background-image: url("/Public/home/images/icon-sdk3.png");
}

.pro-detail-wrap a:hover .icon3 {
    background-image: url("/Public/home/images/icon-sdk3-green.png");
}

.pro-detail-wrap a .icon4 {
    background-image: url("/Public/home/images/icon-sdk4.png");
}

.pro-detail-wrap a:hover .icon4 {
    background-image: url("/Public/home/images/icon-sdk4-green.png");
}

.pro-detail-wrap a .icon5 {
    background-image: url("/Public/home/images/icon-sdk5.png");
}

.pro-detail-wrap a:hover .icon5 {
    background-image: url("/Public/home/images/icon-sdk5-green.png");
}


.pro-detail-wrap a .icon6 {
    background-image: url("/Public/home/images/icon-sdk6.png");
}

.pro-detail-wrap a:hover .icon6 {
    background-image: url("/Public/home/images/icon-sdk6-green.png");
}

.pro-detail-wrap a .icon7 {
    background-image: url("/Public/home/images/icon-sdk7.png");
}

.pro-detail-wrap a:hover .icon7 {
    background-image: url("/Public/home/images/icon-sdk7-green.png");
}




/* 2 */
.sdk-section2 {
    background: url("/Public/home/images/sdk-bg2.jpg") no-repeat center;
    color: #fff;
    padding-bottom: 5.2vw;
    padding-top: calc(10px + 4.1vw);
}

.sdk-section2 .tab-title {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .23);
    margin-bottom: 44px;
}

.sdk-section2 .tab-title .container {
    display: flex;
    justify-content: center;

    text-align: center;
    overflow: visible;

}

.sdk-section2 .tab-title a {
    width: auto;
    color: #fff;
    /* font-size: 48px; */
    font-size: calc(12px + 1.875vw) !important;
    margin: 0 6.6vw;
    display: block;
    padding-bottom: 39px;
    padding-bottom: calc(10px + 1.5vw);

}

.sdk-section2 .tab-title a.cur {
    font-weight: bold;
    background-color: transparent;
    position: relative;
}

.sdk-section2 .tab-title a.cur::after {
    content: "";
    display: block;
    width: 80px;
    height: 3px;
    background-color: #4DB443;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}




.sdk-section2 .row .left {
    display: flex;

    flex-direction: column;

    justify-content: space-between;
    padding-top: 36px;
    padding-bottom: 36px;
    width: 37.5%;
    padding-right: 4vw;
    font-size: 18px;
    line-height: 1.6;

}

.sdk-section2 .row .left .btn-more {
    max-width: 160px;

    background-color: #4DB443;

    border-color: #4DB443;
    background-size: 17px auto;
}

@media (max-width: 1440px) {

    .tab-problem .layui-colla-title,
    .tab-problem .right-title,
    .sdk-section2 .row .left {
        font-size: 16px;
    }


}


.sdk-section2 .row .img {
    width: 62.5%;
    cursor: pointer;
}

.sdk-section2 .bg {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 101;
}

.sdk-section2 .video-fixed {
    opacity: 0;
    visibility: hidden;
}

.sdk-section2 .video-fixed.show {
    opacity: 1;
    visibility: visible;
}

.sdk-section2 .video-fixed .video-wrap {
    width: 55vw;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 102;
}

.sdk-section2 .video-fixed .video-wrap video {
    width: 100%;
}

.sdk-section2 .video-fixed .video-wrap video {
    object-fit: fill;
}

.sdk-section2 .video-fixed .video-wrap .btn-close {
    position: absolute;
    right: -13px;
    top: -13px;
    background-color: #fff;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.sdk-section2 .video-fixed .video-wrap .btn-close i {
    line-height: 1.1;
    font-size: 20px;
}

@media (max-width: 768px) {
    .sdk-section2 .row {

        flex-direction: column;
    }

    .sdk-section2 .row .img,
    .sdk-section2 .row .left {
        width: 100%;
        padding: 0;
    }

    .sdk-section2 .row .left .btn-more,
    .sdk-section2 .row .img {
        margin-top: 20px;
    }
}

/* 3 */
.sdk-section3 {
    padding-top: calc(10px + 3.125vw);
    /* padding-bottom: 85px; */
    padding-bottom: calc(10px + 3.9vw);
}

.sdk-section3 .swiper-con {
    /* height: 670px; */
    position: relative;
    margin-top: calc(10px + 1.7vw);

}

.sdk-section3 .video-wrap .txt {
    position: absolute;
    width: 100%;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);

    text-align: center;

}

.sdk-section3 .video-wrap .txt h2 {
    /* font-size: 36px; */
    font-size: calc(12px + 1.25vw);
    font-family: "SOURCEHANSANSCN-bold";
}

.sdk-section3 .video-wrap .txt .btn-play {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("/Public/home/images/icon-play.png") no-repeat center;
    margin-top: 3.3vw;
    cursor: pointer;

}


.sdk-section3 .video-wrap video {
    width: 100%;
    object-fit: fill;
}

.sdk-section3 .swiper-sf {
    
    background-color: #000;

}

.sdk-section3 .swiper-small {
    position: static;
    left: 0;
    bottom: 40px;
    width: 100%;
    /* height: 156px; */
    padding-left: 40px;
    background-color: #000;
    margin-top: 5px;
    padding: 10px 40px;

}

.sdk-section3 .swiper-small .swiper-slide {
    cursor: pointer;
    border: 3px solid transparent;
    overflow: hidden;
}

.sdk-section3 .swiper-small .swiper-slide .img {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 58%;
}

.sdk-section3 .swiper-small .swiper-slide .img img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

.sdk-section3 .swiper-small .swiper-slide.swiper-slide-thumb-active {
    border-color: #4DB443;

}


.sdk-section3 .swiper-button-next:after,
.sdk-section3 .swiper-button-prev:after {
    font-size: 24px;
    color: #fff;
    z-index: 1;
}

.sdk-section3 .swiper-button-next,
.sdk-section3 .swiper-button-prev {
    width: 38px;

    bottom: 0;
    right: 0;
    top: auto;
    z-index: 9;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;

}

@media (max-width: 1366px) {
    .sdk-section3 .swiper-button-next, .sdk-section3 .swiper-button-prev{
        height: 150px;
    }
    
}


.sdk-section3 .swiper-button-prev {
    left: 0;
}

.sdk-section3 .swiper-button-next::before,
.sdk-section3 .swiper-button-prev::before {

    content: "";
    width: 200px;

    height: 100%;
    position: absolute;

    z-index: 0;
}

.sdk-section3 .swiper-button-next::before {
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .001), #000);

}

.sdk-section3 .swiper-button-prev::before {
    left: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .001), #000);

}

/* 4 */
.sdk-section4 {
    background: url("/Public/home/images/tech-bg4.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 100px;
}

.sdk-section4 .com-title {
    color: #fff;

}

.sdk-section4 .intro {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 26px;

}

.sdk-section4 ul {
    display: flex;

    justify-content: center;
    align-items: center;
}

.sdk-section4 ul li {
    width: 33.33%;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
}

.sdk-section4 ul li .img {
    height: 85px;
    margin-top: 3.6vw;
}

@media (max-width: 1440px) {
    .pro-detail-wrap .tab-title a {
        line-height: 50px;
        font-size: 16px;
    }

    .pro-sdk dl dd {
        font-size: 16px;
        line-height: 1.6;
    }

    .pro-sdk-zb .item ul li {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pro-item .item-img .img img {
        transform: scale(.8);

    }

    .pro3-section2 .item-img .img img {
        transform-origin: 0 0;
    }

    .pro-yy .yy-con .item .txt p {
        font-size: 15px;
        line-height: 1.6;
    }
}

@media (max-width: 1024px) {

    .pro-detail-wrap .tab-title a {
        line-height: 42px;
    }

    .pro-detail-wrap .tab-title a,
    .section-black .section2 .item1,
    .section-black .section2 .item2,
    .pro-item .item-txt .intro,
    .pro3-wrap .pro3-section1 .intro p {
        font-size: 15px;

    }

    .pro-detail-wrap>.tab-wrap>.tab-title {
        top: 59px;
    }

    .tab-problem .layui-colla-item {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tab-problem .layui-colla-icon {
        font-size: 18px;
    }

    .tab-problem .layui-colla-content,
    .tab-problem .layui-colla-title,
    .tab-problem .right-title,
    .sdk-section2 .row .left {
        font-size: 14px;
    }

    .ks-section .pro-name .right-con {
        font-size: 14px;

        line-height: 1.7;
    }

    .tab-problem .layui-colla-content {
        line-height: 1.5;
    }

    .tab-cs .cs-con .layui-colla-content .pro-gg ul li h2 {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .tab-cs .cs-con .layui-colla-content .pro-gg ul li p {
        font-size: 13px;
    }

    .sdk-section3 .swiper-small {
        /* height: 120px; */
        position: static;
        padding-bottom: 10px;
    }

    .sdk-section3 .swiper-con {
        height: auto;
    }

    .sdk-section3 .swiper-button-next,
    .sdk-section3 .swiper-button-prev {
        height: 13vw;
        bottom: 0;
    }


    .sdk-section3 .swiper-button-next:after, .sdk-section3 .swiper-button-prev:after{
        font-size: 16px;
    }

    .sdk-section4 ul li .img {
        transform: scale(.7);
    }

    .sdk-section3 .video-wrap .txt .btn-play{
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
    }
    .sdk-section4 ul li {
        font-size: 14px;
    }

    .pro-yy .yy-con .item .txt p,
    .pro-sdk dl dd {
        font-size: 14px;
        line-height: 1.5;
    }

    .pro-sdk-zb .item ul li {
        font-size: 14px;

        margin-top: 4px;
        margin-bottom: 4px;
    }

    .pro-yy .yy-con .item .txt p {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {

    .pro-yy .yy-con .item {
        width: 100% !important;
        min-height: auto;
        margin-top: 10px;
    }

    .pro-yy .yy-con .item .txt.hide {
        width: 100%;
        opacity: 1;
        transform: translateY(0);
    }

    .pro-yy .yy-con .item .txt.show {
        display: none;
    }

    .pro-yy .yy-con {
        flex-direction: column;
    }

    .pro-yy .yy-con .item .img {
        width: 100%;
    }

    .pro-yy .yy-con .item .txt.hide {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%) !important;
    }

    .ks-section .pro-name .row {
        flex-direction: column;
    }

    .ks-section .pro-name .right-con {
        padding-left: 0;
    }

    .ks-section .pro-name .img {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .sdk-section4 ul li {
        width: 100%;

    }

    .sdk-section4 ul {
        flex-wrap: wrap;
    }

}


@media (max-width: 500px) {
    .tab-cs .cs-con .layui-colla-content .pro-gg ul li {
        width: 100%;
    }

    .pro-sdk-con {
        margin-top: 10px;
    }

    .pro-sdk dl {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pro-sdk dl dt {
        width: 100%;
        height: 32px;
        line-height: 32px;
    }

    .pro-sdk dl dt,

    .pro-yyfx .swiper .item h2,
    .pro-item .item-txt .ul-td li,
    .pro-detail-wrap .tab-title a,
    .section-black .section2 .item1,
    .section-black .section2 .item2,
    .pro-item .item-txt .intro,
    .pro3-wrap .pro3-section1 .intro p,
    .pro3-wrap .pro3-section1 .intro p,
    .pro3-wrap .pro3-section1 .row li p {
        font-size: 14px;
    }

    .pro3-wrap .pro3-section1 .intro p {
        line-height: 1.6;
    }

    .ks-section .pro-name h2,
    .pro-item .item-txt h2 {
        font-size: 18px;
    }

    .pro-item .item-txt .ul-td li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .pro-item .item-txt .btn-more {
        max-width: none;

    }

    .pro-item .item-txt .ul-td {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pro-item .pro-yyfx .swiper-con {
        padding-top: 20px;
    }

    .section-black .title .line {
        margin-top: 15px;
    }

    .pro-sdk-zb .item {
        padding-top: 50px;
    }
}