@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url("../Fonts/AlibabaPuHuiTi-2-45-Light.otf");
}
@font-face {
    font-family: 'AlibabaPuHuiTi_Black';
    src: url("../Fonts/AlibabaPuHuiTi-2-115-Black.otf");
}


.f-l {font-family: 'AlibabaPuHuiTi';}


@font-face{
    font-family:'MiSans-Regular';
    src:url('../fonts/MiSans/Regular.woff') format('woff');
	font-weight: 400;
    font-display:swap;
}
@font-face{
    font-family:'MiSans-Medium';
    src:url('../fonts/MiSans/Medium.woff') format('woff');
	font-weight: 500;
    font-display:swap;
}

html,body {font-weight: 400; }
.Columnmenu aside{font-weight: 500}
/* 首页导航跟首页banner更新了 */

/*Top003075 */
.Top003075 {position: relative;transition: 0.8s;}
.Top003075 .auto{display: flex; align-items: center; justify-content: space-between;}
.Top003075:not(.hasbg) {position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
.Top003075.mouse_down{position: absolute;top: -100%}
/* .Top003075:hover menu > ul > li > span a{color: #333;} */
.Top003075 menu li.languague{display: flex;justify-content: center;align-items: center;}
.Top003075 menu li .sub {display: none;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);overflow: hidden;}
/* .Top003075 menu li .sub dl {position: relative;} */
/* .Top003075 menu li .sub dt {line-height: 32px;} */
.Top003075 menu li .sub dt a:hover {text-decoration: underline;}
.Top003075 .top-right {display: flex;align-items: center;}
.Top003075 .top-right dl>* {display: table-cell;vertical-align: middle;}
.Top003075 .top-lang {position: relative;z-index: 100;}
.Top003075 .top-lang .icon {width: 38px;height: 38px;background: url(../images/icon-lang.svg) no-repeat center center;background-size: auto 24px;}
.Top003075 .top-lang .box {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-radius: 5px;padding: 10px;text-align: center;width: 80px;background-color: rgba(0, 0, 0, 0.2);display: none;}
.Top003075 .top-lang .box a {color: #fff;display: block;line-height: 32px;}
.Top003075 .top-right dd:not(:last-child):before {position: absolute;content: "";left: 50%;top: 50%;transform: translateY(-50%);width: 1px;height: 0.625em;background-color: #999;opacity: 0;}
.Top003075 menu li figure{width: 40px;height: 40px;margin-bottom: 10px;color: #505050;background-color: currentColor;}
.Top003075 menu .sub-nav .nav .nav-item:hover figure{color: var(--blue);}
.open-search {cursor: pointer;display: block;width:25px;height:25px;background: url(../images/search-icon.png) no-repeat center center;}
.open-search.on:before,
.open-search.on:after {background-color: #000;}
.top-search {position: absolute;right: 3vw;top: 100%;z-index: 100;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);border-radius: 5px;overflow: hidden;}
.top-search .text {width: 100%;height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn {position: absolute;right: 0;top: 0;width: 3.125em;height: 100%;background: url(../images/icon-search.svg) no-repeat center center;background-size: auto 60%; cursor: pointer}
.Top003075 .prod-sub dd .name * {margin: 0;}
.Top003075 .prod-sub dd .name h4 {font-weight: normal;font-size: 20px;color: #000;margin: 0;}
.Top003075 .prod-sub dd .name p {font-size: 15px;padding-top: 5px;color: #999;}
.Top003075 .prod-sub dd:hover .name h4 {color: #1977fd;}
.Top003075 .top-left{display: flex; align-items: center}
.Top003075 .logo{ width: 150px; margin-right: 35px}
.Top003075 menu li.aon > span > a{color: var(--blue) !important;}

@media(min-width:1025px) {
.Top003075:not(.Top003075_fixed) menu > ul > li > span a{color: rgba(255, 255, 255, .75);}
.Top003075 .logo {transition: 0.3s;}
.Top003075 menu {display: table;/* margin: 0 auto; */}
.Top003075 menu li {float: left; padding: 0 1.5vw}
.Top003075 menu li > span {display: block;font-size: calc(16 / 16 * 1em);line-height: 100px;transition: 0.3s;}
.Top003075 menu li a:hover,
.Top003075 menu li.aon span a {color: #000;}
/* .Top003075 menu li span a {color: #fff;} */
/* .Top003075 menu li:nth-child(4)~li {position: relative;}
.Top003075 menu li:nth-child(4)~li .sub {width: 180px;left: 50%;margin-left: -90px;border-radius: 0 0 5px 5px;} */
.Top003075 menu li .sub {background: #fff;}
.Top003075 menu li .prod-sub {left: 0 !important;width: 100%;}
.Top003075 .prod-sub .sub-menu {overflow: hidden;padding: 10px 0;}
.Top003075 .prod-sub dt.tit {font-size: 20px;color: #000;text-align: left;line-height: 32px;border-bottom: 1px solid #ededed;padding: 0 0 10px 0;}
/* .Top003075 .prod-sub dd {float: left;width: 16.66%;overflow: hidden;padding: 8px 10px;text-align: center;position: relative;} */
.Top003075 .prod-sub dd:nth-child(3n+1) {}
/*.Top003075 .prod-sub dd:not(:nth-child(3n)):after {position: absolute;content: '';height: 80%;top: 10%;right: 0;width: 1px;background: #ededed;}*/
.Top003075 .prod-sub dd .pic img {max-width: 150px;display: table;margin: 0 auto;}
.Top003075 .prod-sub dd .txt {}
.Top003075 .prod-sub dd:hover a {color: #1977fd;}
.open-search {margin-left: 3.125em;}
.top-search {width: 25em;}
.Top003075:hover,
.Top003075.hasbg,
.Top003075_fixed {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.Top003075_fixed menu li span {line-height: 80px;}
.Top003075:hover menu li span a,
.Top003075_fixed menu li span a {color: #000 !important;}

.Top003075 menu li a:hover,
.Top003075_fixed menu li.aon span a {color: var(--blue);}
}

@media(max-width:1024px) {
.Top003075{background-color:#fff;}
.Top003075 .top-left{padding: 10px 0;}
.Top003075 .logo {width: 120px; margin-left:40px; margin-right: 0}
/*.Top003075 .logo img{ filter: brightness(0) invert(1);}
.Top003075 .open-search{filter: brightness(0) invert(1);}*/
.Top003075 .sub-nav .nav{display: flex; justify-content: space-between; gap: calc(10/16 * 1em) 0;}
.Top003075 .sub-nav{padding: 0 calc(20/16 * 1em);}
.Top003075 .sub-nav .nav .nav-item{width: 48%; text-align: center; margin-right: 0;}
.Top003075 .sub-nav{justify-content: center;}
.Top003075 menu {position: fixed;left: -100%;opacity: 0;top:44px;bottom: 0;overflow: auto;background: #fff;z-index: 99;width: 100%;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);padding: 20px 0;transition: 0.5s;}
.menu-show .Top003075 menu {left: 0;opacity: 1;}
.Top003075 menu li > span {display:flex;position: relative;line-height: 40px;padding: 0 0 0 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.Top003075 .has-sub .wap_icon{flex: 1; margin-left: 30px;position: relative}
.Top003075 .has-sub span .op:before,
.Top003075 .has-sub span .op:after {background: #ccc;}
.Top003075 .open-menu span {position: relative;display: block;width:100%;height:100%;}
.open-menu i{height: 2px;}
.open-menu:not(.on) i:nth-child(1){bottom: auto;}
.open-menu:not(.on) i:nth-child(3){top: auto}
.Top003075 .open-menu { width: calc(24/16 * 1em); height: calc(24/16 * 1em);position: relative}
.Top003075 .top-right dt {font-size: 0;padding-right: 10px;}
.Top003075 .top-right dt a {font-size: 14px;}
.Top003075 menu li .sub dt {line-height: 28px;}
.Top003075 menu li .sub {/*padding: 15px 20px;*/background: #f1f5fa;}
.Top003075 menu li .sub aside.tit {font-size: 16px;line-height: 30px;color: #000;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.Top003075 .open-sbox {font-size: 0;width: 25px;height: 44px;background-position: center center;}
}

/*Banner002975 */
.Banner002975 {
    position: relative;
    z-index: 1;
    /* padding-top: 100px; */
}

.Banner002975 .go {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    margin: auto;
    bottom: 2vw;
    user-select: none;
    width: 60px;
    height: 60px;
    background: url(../images/mouse-down.svg) no-repeat center center;
    background-size: auto 100%;
    animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.Banner002975 ul .slick-active .dot2 {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

.Banner002975 ul .slick-active p {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

.Banner002975 ul .slick-active .dot3 {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

.Banner002975 ul .slick-active .more {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
    }
}

.Banner002975 .txt-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #fff;
}

.Banner002975 .txt-area .ytable {
    height: 100%;
    max-width: unset;
    padding:0 calc(80/16 * 1em);
}

.Banner002975 .txt-area .ytable .ytable-cell{position: relative;}
.Banner002975 .txt-area .ytable .ytable-cell .textBox{position: absolute; left: 0; bottom: 26.7%;}
.Banner002975 .txt-area aside {
    font-size: 30px;
    line-height: 1.2em;
    word-break: break-word;
}

.Banner002975 .txt-area aside.t-2 {
    /* 5-6修改开始 */
    /* margin: 0 auto; */
    /* text-align: center; */
    /* 5-6修改结束 */
    font-size: calc(36/16 * 1em);
    margin-top: 0.5em;
    margin-bottom: 15px;
}

.Banner002975 .txt-area p{margin: 0;}

.Banner002975 .txt-area aside.t-3 {
    /* 5-6修改开始 */
    margin: 0 auto;
    text-align: center;
    /* 5-6修改结束 */
    margin-bottom: 2.5em;
}

.Banner002975 .txt-area .more {
    /* 5-6修改开始 */
    left: 50%;
    /* transform: translateX(-50%); */
    /* 5-6修改结束 */
    font-size: 18px;
    line-height: 2.445em;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: solid 1px #fff;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.Banner002975 .txt-area .more span {
    display: block;
    position: relative;
    z-index: 3;
}

.Banner002975 .txt-area .more span:after {
    display: inline-block;
    content: '>';
    font-size: 16px;
    font-family: '宋体';
    margin-left: 30px;
}

.Banner002975 .txt-area .more:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: #000000; */
    margin: -15px 0 0 -15px;
    /* opacity: 0; */
    content: '→';
    line-height: 30px;
    text-align: center;
}

/* .Banner002975 .txt-area .more:hover {
    border-color: transparent;
    color: #fff;
} */

/* .Banner002975 .txt-area .more:hover:before {
    transform: scale(8);
    -webkit-transform: scale(8);
    -ms-transform: scale(8);
    opacity: 0.8;
} */

.Banner002975 .mock {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(180deg, hsla(208, 6%, 48%, .55) 0, rgba(0, 0, 0, .3));
}

.Banner002975 .slider-txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 36%;
    bottom: 4.5%;
    z-index: 10;
}

.Banner002975 .slider-txt li {
    color: #fff;
    cursor: pointer;
    float: left;
    text-align: center;
    /* padding: 0 10px; */
    position: relative;
    display: block;
    z-index: 2;
}

.Banner002975 .slider-txt li:before {
    background: transparent;
    display: block;
    content: '';
    width: 0;
    height: 1px;
}

.Banner002975 .slider-txt li span {
    position: relative;
    padding: calc(0 / 16 * 1em) calc(16 / 16 * 1em);
    font-size: calc(16 / 16 * 1em);
    display: block;
    line-height: 1.5;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.75);
}

.Banner002975 .slider-txt li span:before {
    position: absolute;
    left: 0;
    top: -2px;
    height: 1px;
    width: 100%;
    background: transparent;
    display: block;
    content: '';
}

.Banner002975 .slider-txt li.slick-current span{color: #fff;}

.Banner002975 .slider-txt li.slick-current span:before {
    background: #ccc
}

.Banner002975 .slider-txt li:before {

    position: absolute;
    bottom: -1px;
}


.Banner002975 .slider-txt li.slick-current:before {
    /* width: 100%; */
    border-color: #fff;
    background: #fff;
    /* transition: 6s; */
    animation: addWidth 5s linear both;
    position: absolute;
    bottom: -1px;
    height: 2px;
}


.Banner002975 .slick-slide img {display: block;transform: scale(1.2);}
.Banner002975 .slick-slide img.wap{display: none;}


@keyframes addWidth {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}

.Banner002975 .slider-txt li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}


@media(min-width:769px) {
   


    .Banner002975 .slick-arrow {
        z-index: 20;
        position: absolute;
        top: 50%;
        width: 16px;
        height: 16px;
        border: 2px solid #999;
        border-right: 0;
        border-bottom: 0;
        margin-top: -8px;
    }

    .Banner002975 .slick-prev {
        left: 2%;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .Banner002975 .slick-next {
        right: 2%;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }
}

@media(min-width:769px) and (max-width:1366px) {
    .Banner002975 .txt-area aside {
        font-size: 2.2vw;
    }

    .Banner002975 .txt-area aside.t-2 {
        font-size: 3.2vw;
    }

    .Banner002975 .txt-area .more {
        font-size: 1.5vw;
    }
}

@media(min-width:1025px){
    .Banner002975 .slider-pic .slick-dots {display: none !important;}
}

@media(max-width:1024px){
    .Banner002975 .slick-slide img.pc{display: none;}
    .Banner002975 .slick-slide img.wap{display: block; width: 100%;}
    .Banner002975 .slick-slide img{transform: none;}
    .Banner002975 .slider-txt{display: none;}
    .Banner002975 .txt-area{display: none;}
    .Banner002975 .slider-pic .slick-dots {position: absolute;left: 50%;transform: translateX(-50%);z-index: 20;bottom: 3%;}
    .Banner002975 .slider-pic .slick-dots li button {display: none;}
    .Banner002975 .slider-pic .slick-dots li {float: left;width: 4px;height: 4px; border-radius: 50%; background: #fff;margin: 0 4px;opacity: 0.5;}
    .Banner002975 .slider-pic .slick-dots li.slick-active {opacity: 1;}
}

@media(max-width:768px) {
    .Banner002975 .pc {
        display: none !important;
    }

    .Banner002975 .txt-area {
        height: 45%;
        text-align: center;
    }


    .Banner002975 .txt-area .more{
        left: 0;
        transform: translateX(0);
    }

    .Banner002975 .txt-area aside.t-3 {
        margin-bottom: 2.5em;
    }

 

    .Banner002975 .txt-area aside {
        font-size: 4vw;
    }

    .Banner002975 .txt-area aside.t-2 {
        font-size: 4.5vw;
    }

    .Banner002975 .txt-area .more {
        font-size: 3vw;
    }

    .Banner002975 .slick-arrow {
        display: none !important;
    }
}


/*首页标题*/
.column-tit {
    font-size: calc(32 / 16 * 1em);
    text-align: center;
    margin-bottom: calc(15 / 32 * 1em);
    color: #000;
    line-height: 1;
}

@media (max-width:1024px) {
    .column-tit {
        font-size: calc(24 / 16 * 1em);
    }
}

/*Floor002977*/
.Floor002977 {
    padding: 16px 0;
}

.Floor002977 li {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
}

.Floor002977 li a {
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0 40% 0 3.125vw;
}

.Floor002977 li .ytable {
    height: 100%;
}

.Floor002977 li aside {
    word-break: break-word;
    line-height: 1.2em;
}

.Floor002977 li .t-1 {
    font-size: 24px;
}

.Floor002977 li .t-2 {
    font-size: 28px;
    margin-bottom: 1.334em;
    margin-top: 0.2em;
}

.Floor002977 li .more {
    display: table;
    position: relative;
    padding: 5px 0;
    transition: 0.3s;
}

.Floor002977 li .more:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #aaabae;
    transition: 0.3s;
}

.Floor002977 li a:hover .more {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}

.Floor002977 li a:hover .more:after {
    height: 100%;
    background: #000;
}

.Floor002977 li .more i {
    font-style: normal;
    position: relative;
    display: block;
    z-index: 4;
}

@media(min-width:769px) {
    .Floor002977 li {
        float: left;
        width: calc((100% - 16px)/2);
    }

    .Floor002977 li:nth-child(2n) {
        float: right;
    }

    .Floor002977 li:nth-child(n+3) {
        margin-top: 16px;
    }
}

@media(min-width:769px) and (max-width:1280px) {
    .Floor002977 li .t-1 {
        font-size: 2vw;
    }

    .Floor002977 li .t-2 {
        font-size: 2.2vw;
    }

    .Floor002977 li .more i {
        font-size: 1.5vw;
    }
}

@media(max-width:768px) {
    .Floor002977 {
        margin: 0;
    }

    .Floor002977 li {
        margin-bottom: 3%;
    }
}

@media(max-width:480px) {
    .Floor002977 li .t-1 {
        font-size: 4vw;
    }

    .Floor002977 li .t-2 {
        font-size: 4.5vw;
    }

    .Floor002977 li .more i {
        font-size: 3vw;
    }
}

/*Floor002658 */
.Floor002658 {
    overflow: hidden;
    margin: 100px 0;
}

.Floor002658 li.slick-slide {
    position: relative;
}

.Floor002658 li.slick-slide:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: 0.5s 0.3s;
    z-index: 1;
}

.Floor002658 li.slick-slide .files,
.Floor002658 li.slick-slide a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}


.Floor002658 li.slick-slide .files {
    background: #000;
    display: none;
    z-index: 7;
}

.Floor002658 li.slick-slide aside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.Floor002658 li.slick-slide aside span {
    display: block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.16);
    position: relative;
    margin: 0 auto 10px;
}

.Floor002658 li.slick-slide aside span::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left-color: #fff;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -10px;
}

.Floor002658 .slick-arrow {
    z-index: 20;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    border-right: 0;
    border-bottom: 0;
    margin-top: -8px;
}

.Floor002658 .slick-prev {
    left: 2%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.Floor002658 .slick-next {
    right: 2%;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

@media(max-width:640px) {
    .Floor002658 li.slick-slide {
        transform: scale(1);
    }

    .Floor002658 .slick-prev {
        left: 3%;
        margin-left: 0;
    }

    .Floor002658 .slick-next {
        right: 3%;
        margin-right: 0;
    }
}

@media(max-width:480px) {
    .Floor002658 li.slick-slide aside span {
        width: 50px;
        height: 50px;
    }

    .Floor002658 .slick-arrow {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        border-width: 3px;
    }
}

/*Floor002913 */
.Floor002913 {
    overflow: hidden;
    margin: 100px 0;
}

.Floor002913 .slider {
    z-index: 3;
    position: relative;
    z-index: 1;
}

.Floor002913 .slider .dots {
    text-align: center;
}

.Floor002913 .slider .dots li {
    display: inline-block;
    line-height: 80px;
    font-size: 18px;
    margin: 0 20px;
    list-style: none;
    color: #bfc3c4;
}

.Floor002913 .slider .dots li.slick-active {
    color: #000;
}

.Floor002913 .slick-arrow {
    width: 48px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    height: 48px;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.Floor002913 .slick-prev {
    left: -5%;
}

.Floor002913 .slick-next {
    right: -5%;
}

.Floor002913 .slick-arrow:hover {
    background: #000;
}

.Floor002913 .slick-arrow:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.Floor002913 .slick-next:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-left: -7px;
}

.Floor002913 .slick-arrow:hover:before {
    border-color: #fff;
}

.Floor002913 .pic {
    position: relative;
}

.Floor002913 .pic img {
    display: block;
    width: 100%;
}

@media(max-width:1024px) {
    .Floor002913 .slider .slick-dots {
        overflow: hidden;
    }

    .Floor002913 .slider .dots li {
        text-align: left;
        float: left;
    }

    .Floor002913 .slider .dots li:not(:last-child) {
        margin-right: 5vw;
    }
}

/*Floor002914 */
.Floor002914 {
    overflow: hidden;
    margin: 100px 0;
}

.Floor002914 .slider {
    z-index: 3;
    position: relative;
    z-index: 1;
}

.Floor002914 .slider .dots {
    text-align: center;
}

.Floor002914 .slider .dots li {
    display: inline-block;
    line-height: 80px;
    font-size: 18px;
    margin: 0 20px;
    list-style: none;
    color: #bfc3c4;
}

.Floor002914 .slider .dots li.slick-active {
    color: #000;
}

.Floor002914 .slick-arrow {
    width: 48px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    height: 48px;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.Floor002914 .slick-prev {
    left: -5%;
}

.Floor002914 .slick-next {
    right: -5%;
}

.Floor002914 .slick-arrow:hover {
    background: #000;
}

.Floor002914 .slick-arrow:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.Floor002914 .slick-next:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-left: -7px;
}

.Floor002914 .slick-arrow:hover:before {
    border-color: #fff;
}

.Floor002914 .pic {
    position: relative;
}

.Floor002914 .pic img {
    display: block;
    width: 100%;
}

@media(max-width:1024px) {
    .Floor002914 .slider .slick-dots {
        overflow: hidden;
    }

    .Floor002914 .slider .dots li {
        text-align: left;
        float: left;
    }

    .Floor002914 .slider .dots li:not(:last-child) {
        margin-right: 5vw;
    }
}

/*Floor003053 */
.Floor003053 {
    overflow: hidden;
    margin: 100px 0;
}

.Floor003053 .list {
    margin-top: 40px;
}

.Floor003053 .list li a {
    display: block;
    position: relative;
    color: #000;
}

.Floor003053 .list li .pic {
    overflow: hidden;
    border-radius: 20px;
}

.Floor003053 .list li .Ispic {
    padding-bottom: 130%;
    transition: 0.5s;
}

.Floor003053 .list li a:hover .Ispic {
    transform: scale(1.05);
}

.Floor003053 .list li .name {
    text-align: center;
    padding: 20px;
}

.Floor003053 .list li .name * {
    margin: 0;
}

.Floor003053 .list li .name h3 {
    font-size: calc(24 / 16 * 1em);
    font-weight: normal;
    margin-bottom: 0.2em;
}

.Floor003053 .list li .name p {
    font-size: calc(18 / 16 * 1em);
}

@media(min-width:641px) {
    .Floor003053 .list li {
        float: left;
        width: calc((100% - 15px*2)/3);
    }

    .Floor003053 .list li:not(:nth-child(1)) {
        margin-left: 15px;
    }
}

/*Bottom003025 */
.Bottom003025 {
    background: #121416;
    padding-top: 4vw;
}

.Bottom003025 .share li .img {
    /* left: -100%;
    position: absolute; */
    width: 80px;
    /* display: none; */
    /* top: 25px; */
}

.Bottom003025 .share li:hover .img {
    display: block;
}

.Bottom003025,
.Bottom003025 a {
    color: rgba(255,255,255,0.5);
}

.Bottom003025 .bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-top: 2.865vw;
    font-size: calc(14 / 16 * 1em);
}

.Bottom003025 .bottom,
.Bottom003025 .bottom a:not(:hover) {
    color: #000;
}

.Bottom003025 .bottom .fr a:not(:last-child):after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    background: rgba(0, 0, 0, 0.3);
    margin: 0 12px;
    vertical-align: middle;
}

.Bottom003025 .intro .logo img {
    max-width: 258px;
}

.Bottom003025 .intro p {
    line-height: 26px;
    margin: 30px 0 15px 0;
    font-size: calc(14 / 16 * 1em);
}

.Bottom003025 .intro dt {
    font-size: 14px;
    line-height: 2.285em;
    padding-left: 20px;
    padding-left: 20px;
    background-position: left 10px;
    background-repeat: no-repeat;
}

.Bottom003025 .intro dt.tel {
    background-image: url(../images/tel.png);
}

.Bottom003025 .intro dt.email {
    background-image: url(../images/email.png);
}

.Bottom003025 .share {
    margin-top: 15px;
}

.Bottom003025 .share li {
    position: relative;
    z-index: 40;
    float: left;
}

.Bottom003025 .share li:not(:last-child) {
    margin-right: 1.75em;
}

.Bottom003025 .share li a {
    display: block;
    width: 1.25em;
    height: 1.25em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
    transition: 0.3s;
    cursor: pointer;
}

.Bottom003025 .share li a:hover {
    opacity: 1;
}

.Bottom003025 .share li.wx a {
    background-image: url(../images/icon-wx.svg);
}

.Bottom003025 .share li.sina a {
    background-image: url(../images/icon-sina.svg);
}

.Bottom003025 .share li.haokan a {
    background-image: url(../images/icon-haokan.svg);
}

.Bottom003025 .share li.bz a {
    background-image: url(../images/icon-bz.svg);
}

.Bottom003025 .share li.souhu a {
    background-image: url(../images/icon-souhu.svg);
}

.Bottom003025 .links dd {
    width: 50%;
    float: left;
    line-height: 45px;
    background: url(../images/Bottom003025_aicon.png) no-repeat left center;
    padding-left: 14px;
}

.Bottom003025 .form table {
    width: 100%;
    padding-top: 20px;
}

.Bottom003025 .form table td {
    padding-bottom: 10px;
    padding-right: 10px;
}

.Bottom003025 .form table td:last-child {
    padding-right: 0;
}

.Bottom003025 .form table td div {
    position: relative;
}

.Bottom003025 .form table td label {
    color: #999;
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 32px;
}

.Bottom003025 .form table .text {
    width: 100%;
    padding-left: 50px;
    height: 32px;
    line-height: 32px;
    border: none;
    background: #f8f8f8;
    /* max-width: 160px; */
}

.Bottom003025 .form table textarea.text {
    width: 100%;
    padding-left: 18%;
    height: 100px;
    /* max-width: 500px; */
}

.Bottom003025 .form table .btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #121416;
    cursor: pointer;
    border: none;
}

.Bottom003025 .b-tit {
    padding-bottom: 30px;
}

@media(min-width: 1025px) {
    .Bottom003025 .intro {
        width: 35%;
    }

    .Bottom003025 .intro .inner {
        max-width: 420px;
    }

    .Bottom003025 .b-right {
        width: 60%;
        max-width: 1000px;
        display: flex;
        justify-content: right;
    }

    .Bottom003025 .bottom {
        line-height: 60px;
    }
}

@media(max-width:1024px) {
    .Bottom003025 {
        padding: 4vw 0;
    }

    .Bottom003025 .b-right .item {
        margin: 0 0 3vw 0 !important;
    }

    .Bottom003025 .bottom {
        text-align: center;
        padding: 15px 0;
    }

    .Bottom003025 .bottom dt {
        padding-bottom: 20px;
    }

    .Bottom003025 .intro {
        padding-bottom: 4vw;
    }

    .Bottom003025 .intro .logo img {
        width: 60%;
    }
}

@media(max-width:480px) {
    .Bottom003025 .intro {
        padding-bottom: 30px;
    }

    .Bottom003025 .b-right .item {
        margin-bottom: 40px !important;
    }
}

/*.Probanner*/
.Probanner {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.Probanner .go {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    margin: auto;
    bottom: 2vw;
    user-select: none;
    width: 60px;
    height: 60px;
    background: url(../images/mouse-down.svg) no-repeat center center;
    background-size: auto 100%;
    animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.Probanner figure {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #666;
}


.Probanner .txt-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #000;
}

.Probanner .txt-area .ytable {height: 100%;max-width: 1260px;}

.Probanner .txt-area aside {
    line-height: 1.2em;
    word-break: break-word;
    color: #fff;
}

.Probanner .txt-area aside.t-1 {
    font-size: calc(36/16 * 1em);
    margin-bottom: 0.5em;
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
    font-weight: bold;
}

.Probanner .txt-area aside.t-2 {
    font-size: calc(16/16 * 1em);
    margin-bottom: 0.25em;
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    color: rgba(255,255,255,.75);
    animation-fill-mode: both;
}

.Probanner .txt-area aside.t-3 {
    font-size: calc(20/ 1920 * 100vw);
    margin-top: 0.75em;
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
    color: #666;
}

@media(min-width:1025px) {
    .Probanner .slick-slider {
        /* position: absolute; */
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .Probanner .slick-list,
    .Probanner .slick-track,
    .Probanner .slick-slide {
        height: 100%;
    }

    /*IE*/
    .Probanner .slick-arrow {
        z-index: 20;
        position: absolute;
        top: 50%;
        width: 16px;
        height: 16px;
        border: 2px solid #999;
        border-right: 0;
        border-bottom: 0;
        margin-top: -8px;
    }

    .Probanner .slick-prev {
        left: 2%;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .Probanner .slick-next {
        right: 2%;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }
}

@media(max-width:1024px) {
    .Probanner {
        height: auto !important;
    }

    .Probanner figure {
        display: none
    }

    .Probanner img {
        display: block;
        width: 100%
    }

    .Probanner .slick-arrow {
        display: none !important;
    }

    .Probanner .txt-area aside.t-3{
        font-size: 12px;
    }
}

/*.Columnbanner*/
.Columnbanner {
    position: relative;
    z-index: 1;
}

.Columnbanner .go {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    margin: auto;
    bottom: 2vw;
    user-select: none;
    width: 60px;
    height: 60px;
    background: url(../images/mouse-down.svg) no-repeat center center;
    background-size: auto 100%;
    animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1);
}

.Columnbanner figure {
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #666;
}

.Columnbanner img {
    display: none
}

.Columnbanner aside {
    position: absolute;
    left: 50%;
    top: 55%;
    line-height: 1.5;
    width: 100%;
    font-size: calc(42 / 16 * 1em);
    padding: 0 2%;
    text-align: center;
    color: #000;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: normal;
}

@media(max-width:1000px) {
    .Columnbanner figure {
        display: none
    }

    .Columnbanner img {
        display: block;
        width: 100%
    }
}

@media(max-width:640px) {
    .Columnbanner aside {
        font-size: 24px
    }
}


.Columnmenu {padding:6% 0; text-align: center}
.Columnmenu aside{color: #000000; padding-bottom: 2%}
.Columnmenu li{padding: 10px;}
.Columnmenu li a{display: block; min-width:160px;padding: 0px 20px; line-height: 40px; border-radius: 20px; background: #F0F0F0}
.Columnmenu li.aon a{background: #000000; color: #FFFFFF}
@media(max-width:1024px) {
.Columnmenu li{padding: 5px}
.Columnmenu li a{min-width: inherit}
}
@media(max-width:768px) {
.Columnmenu{padding-top: 60px; padding-bottom: 20px}
.Columnmenu aside{padding-bottom: 25px;}
}
.Columnpage .Pages {
    text-align: center;
    padding: 2vw 0 0;
    padding-bottom: 2vw;
}

.Columnpage .Pages a {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    line-height: 40px;
    color: #666;
}

.Columnpage .Pages a.a_cur,
.Columnpage .Pages a:hover {
    background-color: #000;
    color: #fff;
}

.Columnpage .Pages em {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.Columnpage .Pages em a {
    margin: 0 5px;
}

.Columnpage .Pages .p_count,
.Columnpage .Pages .p_cur,
.Columnpage .Pages .p_jump,
.Columnpage .Pages .p_total,
.Columnpage .Pages .a_first,
.Columnpage .Pages .a_end {
    display: none
}

.Columnpage .Pages .a_prev,
.Columnpage .Pages .a_next {
    padding: 0;
    width: 40px;
    overflow: hidden;
    line-height: 1000px;
    height: 40px;
    margin: 0 10px;
}

.Columnpage .Pages .a_prev {
    background: url(../images/Columnpage-a_prev.png) no-repeat center center;
}

.Columnpage .Pages .a_next {
    background: url(../images/Columnpage-a_next.png) no-repeat center center
}

.Columnpage .Pages .a_prev:hover {
    background: url(../images/Columnpage-a_prev2.png) no-repeat center center #000
}

.Columnpage .Pages .a_next:hover {
    background: url(../images/Columnpage-a_next2.png) no-repeat center center #000
}

@media(max-width:640px) {

    .Columnpage .Pages .a_end,
    .Columnpage .Pages .a_first {
        display: none
    }
}

@media(max-width:480px) {
    .Columnpage .Pages a {
        padding: 0 5px
    }
}

.root-w-1200 .auto {max-width: 1200px; width: 94%;}

@media (min-width:1025px) and (max-width:1200px) {
    .root-w-1200 {
        font-size: 7.14285vw;
    }
}

/*PicList003142 */
.PicList003142 li {
    float: left;
    margin-bottom: 2%;
}

.PicList003142 li .txt {
    background: #fff;
    padding: calc(30 / 16 * 1em);
}

.PicList003142 li .tit {
    font-size: calc(18 / 16 * 1em);
    line-height: 1.6666;
    min-height: 3.3332em;
    margin-bottom: 10px;
}

.PicList003142 li p {
    display: none;
    font-size: 15px;
    line-height: 1.78571;
    min-height: 3.57142em;
    color: #999;
    margin-top: 0;
    margin-bottom: 5px;
}

.PicList003142 li .pic {
    overflow: hidden;
}

.PicList003142 li .Ispic {
    padding-bottom: 63%;
    transition: 0.3s;
}

.PicList003142 li a:hover .Ispic {
    transform: scale(1.05);
}

.PicList003142 li a:hover {
    color: #000;
}

.PicList003142 li time {
    color: #999;
    line-height: 1;
    display: block;
    padding-left: 20px;
    background: url(../images/icon-time.svg) no-repeat left center;
    background-size: auto;
}

@media (min-width:1025px) {
    .PicList003142 li {
        width: 32%;
    }

    .PicList003142 li:not(:nth-child(3n)) {
        margin-right: 2%;
    }

    .PicList003142 li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .PicList003142 li {
        width: 48%;
    }

    .PicList003142 li:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    .PicList003142 li:nth-child(2n+1) {
        clear: left;
    }

    .PicList003142 li .txt {
        padding: 1em;
    }
}

/*-------------------------------------------------------------------------------------------------------------.News_detail*/
.News_detail .news_info {
    overflow: hidden;
    background: #fff;
    padding: calc(50 / 16 * 1em);
}

.News_detail .news_info .title {
    margin-bottom: 50px;
}

.News_detail .news_info .title h2 {
    margin: 0;
    padding-bottom: 15px;
    font-size: calc(24 / 16 * 1em);
    font-weight: 400;
    color: #000
}

.News_detail .news_info .title span {
    color: #999;
    line-height: 1;
    padding-left: 20px;
    background: url(../images/icon-time.svg) no-repeat left center;
    background-size: auto 80%;
}

.News_detail .news_info .info {
    text-align: justify;
    text-justify: inter-ideograph
}

.News_detail .info {
    line-height: 2;
    color: #333;
}

.News_detail .img {
    background: #fff;
    text-align: center;
    padding: 2em;
    margin: 2em 0;
}

.News_detail .img img {
    margin: 1em 0;
}

.News_detail .bot {
    position: relative;
    margin-top: 70px;
    padding-top: 50px;
    border-top: 1px dashed #d2d2d2
}

.News_detail .info_back {
    clear: both;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 40%;
    text-align: right;
}

.News_detail .info_back a {
    position: relative;
    color: #fff;
    background: #000;
    display: inline-block;
    width: 160px;
    line-height: 2.5;
    margin-left: 2%;
    text-align: center;
}

.News_detail .info_back a:hover {
    opacity: .8
}

.News_detail .info_pn span {
    display: block;
    margin: 15px 0 0
}

.News_detail .info_pn span a {
    color: #333
}

.News_detail .info_pn span a:hover {
    color: #000
}

@media(max-width:10.24rem) {
    .News_detail .info_back {
        position: relative
    }

    .News_detail .bot {
        position: relative;
        margin-top: 15px;
    }

    .News_detail .news_info .title h3 {
        font-size: 22px;
    }
}

@media(max-width:7.68rem) {
    .News_detail .info * {
        max-width: 100% !important
    }

    .News_detail .info .rich_media_area_primary_inner {
        max-width: 100% !important
    }

    .News_detail .info_back a {
        width: 100%
    }
}

@media(min-width:10.25rem) {
    .News_detail .info_pn span {
        width: 80%
    }
}

/*-------------------------------------------------------------------------------------------------------------.相关新闻*/
.News_detail .related .title {
    padding-bottom: 15px;
    font-size: calc(24 / 16 * 1em);
    color: #000;
    margin-top: 4em;
}

.News_detail .related li {
    float: left;
    margin-bottom: 2%;
}

.News_detail .related li .txt {
    background: #fff;
    padding: calc(30 / 16 * 1em);
    text-align: center;
}

.News_detail .related li .tit {
    font-size: calc(18 / 16 * 1em);
    line-height: 1.6666;
}

.News_detail .related li .pic {
    overflow: hidden;
}

.News_detail .related li .Ispic {
    padding-bottom: 63%;
    transition: 0.3s;
}

.News_detail .related li a:hover .Ispic {
    transform: scale(1.05);
}

.News_detail .related li a:hover {
    color: #000;
}

@media (min-width:1025px) {
    .News_detail .related li {
        width: 32%;
    }

    .News_detail .related li:not(:nth-child(3n)) {
        margin-right: 2%;
    }

    .News_detail .related li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .News_detail .related li {
        width: 48%;
    }

    .News_detail .related li:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    .News_detail .related li:nth-child(2n+1) {
        clear: left;
    }

    .News_detail .related li .txt {
        padding: 1em;
    }
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

/*-------------------------------------------------------------------------------------------------------------.产品详情*/
.Product .title {
    text-align: center;
    padding-bottom: 30px;
    font-size: calc(36 / 16 * 1em);
    color: #000;
    margin-top: 4em;
}

.Product .item-group > .item {
    padding: calc(100/16 * 1em) 0 0;
    position: relative;
}

.Product .item .txt {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.Product .item aside.t-1 {
    font-size: calc(36 / 16 * 1em);
    color: #000;
    margin-bottom: 0.2em;
}

.Product .item aside.t-2 {
    font-size: calc(20 / 16 * 1em);
    line-height: 1.5;
}

.Product .bg {
    color: #fff;
    height: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 18vw 0;
}


.Product .bg .auto {
    position: relative;
    z-index: 5;
}

.Product .bg .auto,
.Product .bg .ytable {
    height: 100%;
}

.Product .bg .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Product .bg .info figure{max-width: 50%;}
.Product .bg .info .right{position: relative; max-width: 49%; font-size: calc(16/16 * 1em); text-align: start; line-height: 1.75;}
.Product .bg .info .right::after{width: calc(36/16 * 1em); height: calc(36/16 * 1em); content: ""; background: url(../images/product_arrow.svg) 80% center no-repeat; margin: 0 auto; margin-top: calc(87/16 * 1em); display: block;}

.Product .bg aside.t-1 {
    color: #fff;
}

.Product .bg .info dd {
    width: 33.333%;
    float: left;
}

.Product .pic {
    text-align: center;
    overflow: hidden;
}

.Product .hasbg {
    background: #f8f8f8 !important;
}

.Product .tit {
    padding-bottom: 30px;
    font-size: calc(36 / 16 * 1em);
    color: #000;
}

.Product .list li+li {
    margin-top: 40px;
}

.Product .list .word {
    background: #fff;
    padding: 3.5em;
}

.Product .list dd {
    line-height: 1.75;
    font-size: 18px;
    position: relative;
    padding-left: 15px;
}

.Product .list dd+dd {
    margin-top: 5px;
}

.Product .list dd:before {
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #333;
}

.Product .icon-list {
    padding: 50px 0;
}

.Product .icon-list li {
    float: left;
    width: 20%;
    text-align: center;
    color: #333;
}

.Product .icon-list .ul-4 li {
    width: 25%;
}

.Product .icon-list .ul-4 li:nth-child(n+5) {
    margin-top: 2%;
}

.Product .icon-list .ul-6 li {
    width: calc(100% / 6);
}

.Product .icon-list li .icon img {
    max-height: 3.25em;
    position: relative;
    top: 0;
    transition: all 0.5s;
}

.Product .icon-list li aside {
    margin-top: 10px;
    font-size: calc(18 / 16 * 1em);
    color: #000;
}

.Product .table_1 {
    border: 1px solid #ededed;
}

.Product .table_1 td {
    text-align: center;
    color: #333;
    border-collapse: collapse;
    line-height: 24px;
    padding: 15px;
    font-size: 1em;
}

.Product .table_1 tr {
    background: #fff;
}

.Product .table_1 tr:nth-child(2n) {
    background: #f0f0f0;
}

.Product .table_1 td:nth-child(1),
.Product .table_1 td:nth-child(3) {
    width: 20%;
}

.Product .table_1 td:nth-child(2),
.Product .table_1 td:nth-child(4) {
    width: 30%;
}


.Product .slider {
    position: relative;
}

.Product .slider .yi {
    text-align: center;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 20;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    margin: auto;
    bottom: 7.5%;
    display: flex;
    justify-content: center;
    max-width: 900px;
}

.Product .slider .yi .slick-dots{width: 100%;}
.Product .tab .slick-dots li .name {font-size: calc(16/16 * 1em);color:#000;line-height: 2;}
.Product .tab .slick-dots li {width: 25%;list-style: none;text-align: center;}

@media(max-width:1024px){
    .Product .bg .info {flex-wrap: wrap;}
    .Product .bg .info figure{max-width: 55%; width: 100%; margin: 0 auto;}
    .Product .bg .info .right{max-width: 100%; width: 100%; margin-top: calc(20/16 * 1em); text-align: center;}
    .Product .bg .info .right p{font-size: calc(12/16 * 1em);}
    .Product .bg .info .right::after{margin: calc(40/16 * 1em) auto;}
    .Product .slider .yi{bottom: 0; padding: 0 calc(18/16 * 1em);}
    .Product .tab .slick-dots li .name{font-size: calc(12/16 * 1em);}
    .Product .tab .slick-dots li{width: 23%; padding: 0 calc(5/16 * 1em); transition: .3s;}
    .Product .tab .slick-dots li.slick-active{width: 28%;}
    .Product .tab .slick-dots li:after{display: none;}
}

@media(max-width:480px) {
    .Product .table_1 {
        overflow: auto;
    }

    .Product .table_1 table {
        width: 180%;
    }
}

.Product .tab .slick-dots {
    /* overflow: hidden; */
    /* position: absolute; */
    /* z-index: 20; */
    /* left: auto; */
    /* right: auto; */
    /* bottom: 100px; */
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
}



.Product .tab .slick-dots li > div{border-bottom: 1px solid rgba(255,255,255,.5); position: relative;}

.Product .tab .slick-dots li.slick-active div:after {
    border-top: 1px solid rgba(255, 255, 255, .5);
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    bottom: -1px;
}

.Product .tab .slick-dots li.slick-active div:after {
    background-color: #fff;
    border-width: 2px;
}

.Product .tab .slick-dots li.slick-active .name {
    color: var(--blue);
}

.Product .tab .box {
    position: relative;
    display: none;
}

.Product .tab .box .Ispic {padding-bottom:42%;}
.Product .tab .box .Ispic.app{display: none;}

.Product .tab .box .desc {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    bottom: 0;
    line-height: 100px;
    font-size: 18px;
    color: #333;
}

.Product .tab .box .tit aside {
    color: #000;
    font-size: 2.25em;
}

.Product .tab .box .tit p {
    margin: 1.875em 0 3.125em 0;
}

@media (min-width:1025px) {
    .Product .tab .box .tit {
        padding-top: 6.3125em;
    }
}

@media (max-width:1024px){
    .Product .tab .box .Ispic.app{display: block;}
    .Product .tab .box .Ispic.pc{display: none;}
    .Product .tab .box .Ispic{padding-bottom: 60.5%;}
    .Product .tab .slick-dots li > div{border-bottom: none;}
    .Product .tab .slick-dots li.slick-active div:after{border-width: 3px;}
    .Product .tab .slick-dots li.slick-active .name{ background: linear-gradient(to top, rgba(255,255,255,.3) 0%, transparent 100%); padding: 0 calc(10/16 * 1em);}
}

@media (max-width:640px) {
    .Product .tab .box .pic {
        /* padding-bottom: 5vw; */
    }

    .Product .tab .slick-dots li .tit {
        display: none;
    }

    .Product .tab .box .txt {
        padding: 6% 0;
        text-align: center;
    }

    .Product .tab .slick-dots li .icon {
        padding-top: 3vw;
    }

    .Product .tab .slick-dots li .icon img {
        height: 5vw;
    }

    .Product .tab .slick-dots li:before {
        border-width: 4px;
    }

    .Product .tab .slick-dots li div:before {
        height: 2px;
    }
}

/*-------------------------------------------------------------------------------------------------------------.应用场景*/
.Product .application .slick-arrow {
    width: 48px;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    background: none;
    height: 48px;
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

.Product .application .slick-prev {
    left: -5%;
}

.Product .application .slick-next {
    right: -5%;
}

.Product .application .slick-arrow:hover {
    background: #000;
}

.Product .application .slick-arrow:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.Product .application .slick-next:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    margin-left: -7px;
}

.Product .application .slick-arrow:hover:before {
    border-color: #fff;
}

.Product .application .inner {
    margin: 0 10px;
    text-align: center;
}

.Product .application .pic {
    position: relative;
}

.Product .application .pic img {
    display: block;
    width: 100%;
    transition: all 0.5s;
}

.Product .application li .name {
    padding: calc(30 / 16 * 1em);
    background: #fff;
}

.Product .application li .name aside {
    font-size: calc(18 / 16 * 1em);
    line-height: 1;
    color: #000;
}

/*-------------------------------------------------------------------------------------------------------------.相关推荐*/
.Product .related li {
    float: left;
    margin-bottom: 2%;
}

.Product .related li .txt {
    background: #fff;
    padding: calc(30 / 16 * 1em);
}

.Product .related li .tit {
    font-size: calc(18 / 16 * 1em);
    line-height: 1.6666;
    text-align: center;
}

.Product .related li .pic {
    overflow: hidden;
    position: relative;
}

.Product .related li .pic a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.Product .related li .pic a::before,
.Product .related li .pic a::after {
    position: absolute;
    content: '';
    z-index: 5;
    top: 50%;
    left: 50%;
}

.Product .related li .pic a::before {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.35);
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
}

.Product .related li .pic a::after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    margin-left: -4px;
    margin-top: -8px;
}

.Product .related li .Ispic {
    padding-bottom: 63%;
    transition: 0.3s;
}

.Product .related li:hover .Ispic {
    transform: scale(1.05);
}

.Product .related li:hover {
    color: #000;
}

@media (min-width:1025px) {
    .Product .related li {
        width: 100%;
    }

    /* .Product .related li:not(:nth-child(3n)) {
        margin-right: 2%;
    } */

    .Product .related li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .Product .related li {
        width: 100%;
    }

    .Product .related li:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    .Product .related li:nth-child(2n+1) {
        clear: left;
    }

    .Product .related li .txt {
        padding: 1em;
    }
}

/*TextList000286 */
.TextList000286 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.TextList000286 li .inner {
    padding: calc(30 / 16 * 1em);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.TextList000286 li .tit {
    width: 100%;
    text-align: center;
}

.TextList000286 li .tit b {
    font-size: calc(18 / 16 * 1em);
    line-height: 1.6666;
    margin-bottom: 10px;
    font-weight: normal;
    display: block
}

.TextList000286 li .tit span {
    line-height: 18px;
    padding-top: 6px;
}

.TextList000286 li .tit p {
    margin: 0;
    position: relative;
    line-height: 30px;
    color: #999;
    font-size: calc(14 / 16 * 1em);
}

.TextList000286 li .tit p span {
    display: inline-block;
    margin-right: 20px;
}



.TextList000286 li .right .btn {
    font-size: calc(14 / 16 * 1em);
    display: block;
}

@media(min-width:641px) {
    .TextList000286 li .title {
        position: relative;
        padding-right: 120px;
    }

    .TextList000286 li .title time {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 18px;
        padding-top: 6px;
    }

    .TextList000286 li p span {
        float: left;
    }

    .TextList000286 li p a {
        top: 0;
    }

    .TextList000286 li p span.price {
        margin-right: 3%;
    }

    .TextList000286 li p span.other {
        max-width: 70%
    }
}

@media(min-width:1025px) {
    .TextList000286 li {
        margin-bottom: 1.5vw;
        /* float: left; */
        width: 26%;
        /* margin-right: 1%; */
        margin-left: 2%;
    }

    .TextList000286 li:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:1024px) {
    .TextList000286 li {
        margin-bottom: 3vw;
    }
}

@media(max-width:640px) {
    .TextList000286 li .inner {
        padding: 5vw;
    }

    .TextList000286 li .tit b {
        font-size: 4.5vw;
    }

    .TextList000286 li p a {
        bottom: 0;
    }

    .TextList000286 li .title time {
        margin-top: 5px;
        display: block;
        clear: both;
    }

    .TextList000286 li .right {
        padding-left: 20px;
        margin-top: 10vw;
    }

    .TextList000286 li .right time {
        display: none;
    }

    .TextList000286 li .right .btn {
        background: none;
        padding-left: 0;
    }

    .TextList000286 li p span.other {
        white-space: initial;
        text-overflow: initial;
        line-height: 20px;
    }
}

/*RighInfo003072 */
.RighInfo003072 .box {
    padding: calc(100 / 16 * 1em) 0;
}

.RighInfo003072 .box:nth-child(2n) {
    background: #fff;
}

.RighInfo003072 .box:nth-child(1) {
    padding-top: 0;
}

.RighInfo003072 .box:nth-child(3) {
    padding-bottom: 0;
}

.RighInfo003072 .title {
    text-align: center;
    color: #000;
    font-size: calc(36 / 16 * 1em);
    margin-bottom: calc(25 / 36 * 1em)
}

.RighInfo003072 .txt-info {
    text-align: center;
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 4%;
}

.RighInfo003072 .txt-info b {
    color: #000;
    font-weight: normal;
}

.RighInfo003072 .edit-info {
    line-height: 1.75;
    text-align: justify;
}

.RighInfo003072 .edit-info .tit {
    font-size: 20px;
    color: #000;
    margin: 0 0 0.5em 0;
}

.RighInfo003072 .video {
    position: relative;
    z-index: 4;
    margin-bottom: 4%;
}

.RighInfo003072 .video .files {
    position: absolute;
    background-color: #000;
    z-index: 10;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.RighInfo003072 .video .files video {
    width: 100%;
    height: 100%;
}

.RighInfo003072 .video .Ispic {
    padding-bottom: 40%;
}

.RighInfo003072 .video .en {
    top: 0.1875em;
}

.RighInfo003072 .play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
}

.RighInfo003072 .play .ytable {
    height: 100%;
    text-align: center;
    color: #fff;
}

.RighInfo003072 .play .ytable aside {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.RighInfo003072 .play .ytable aside span {
    display: block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.16);
    position: relative;
    margin: 0 auto 10px;
}

.RighInfo003072 .play .ytable aside span::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left-color: #fff;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -10px;
}

.RighInfo003072 .list ul {
    margin-top: 4%;
    background: #fff;
    padding: calc(40 / 16 * 1em);
}

@media(min-width:1025px) {
    .RighInfo003072 .list ul:nth-child(2n-1) .ol {
        float: left;
    }

    .RighInfo003072 .list ul:nth-child(2n-1) .li {
        float: right;
    }

    .RighInfo003072 .list ul:nth-child(2n) .ol {
        float: right;
    }

    .RighInfo003072 .list ul:nth-child(2n) .li {
        float: left;
    }

    .RighInfo003072 .list ul .inner {
        padding: 0 calc(40 / 16 * 1em) 0 calc(80 / 16 * 1em);
    }

    .RighInfo003072 .list ul:nth-child(2n) .inner {
        padding: 0 calc(80 / 16 * 1em) 0 calc(40 / 16 * 1em);
    }

    .RighInfo003072 .list ul .ol {
        width: 35%;
    }

    .RighInfo003072 .list ul .li {
        width: 65%;
    }

    .RighInfo003072 .list ul .li {
        position: relative;
        z-index: 10;
    }
}

@media(max-width:1024px) {
    .RighInfo003072 .txt-info {
        margin-bottom: 4vw;
    }

    .RighInfo003072 .list ul .li {
        padding: 0 !important;
    }

    .RighInfo003072 .list ul .inner {
        padding: 20px;
    }
}

/*Timeline002853 */
@media(min-width:1025px) {
    .Timeline002853 .slider-nav .slick-arrow {
        width: 50px;
        top: 50%;
        margin-top: -30px;
    }

    .Timeline002853 .slider-nav .slick-prev {
        left: -50px;
    }

    .Timeline002853 .slider-nav .slick-next {
        right: -50px;
    }

    .Timeline002853 .slider-nav .slick-next:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .Timeline002853 .slider-nav li {
        text-align: center;
    }
}

.Timeline002853 .slider-for {
    position: relative;
}

.Timeline002853 .slider-nav .slick-list {
    padding-top: 15px !important;
}

.Timeline002853 .slider-nav .slick-arrow {
    position: absolute;
    font-size: 0;
    border: 0;
    cursor: pointer;
    font-size: 0;
    padding: 0;
    z-index: 10;
}

.Timeline002853 .slider-nav .slick-arrow:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/Timeline002853_btn.png) no-repeat center center;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}

.Timeline002853 .slider-nav {
    position: relative;
}

.Timeline002853 .slider-nav:after {
    position: absolute;
    content: "";
    left: 0;
    top: 15px;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .15);
}

.Timeline002853 .slider-nav li {
    font-size: 18px;
    color: rgba(0, 0, 0, .5);
    margin-top: 40px;
    position: relative;
}

.Timeline002853 .slider-nav li span {
    display: inline-block;
    margin: 0 auto;
    font-size: 1.625em;
    transform: scale(.8);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.Timeline002853 .slider-nav li:before,
.Timeline002853 .slider-nav li:after {
    position: absolute;
    top: -44px;
    left: 50%;
    display: inline-block;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    content: "";
}

.Timeline002853 .slider-nav li:after {
    background: rgba(0, 0, 0, .15);
    width: 20px;
    height: 20px;
    margin-left: -10px;
    top: -50px;
}

.Timeline002853 .slider-nav li.slick-current {
    color: #000;
    font-weight: bold;
}

.Timeline002853 .slider-nav li.slick-current span {
    transform: scale(1);
}

.Timeline002853 .slider-nav li.slick-current:before,
.Timeline002853 .slider-nav li.slick-current:after {
    top: -50px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    background: #000;
}

.Timeline002853 .slider-nav li.slick-current:after {
    background: none;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    top: -55px;
}

.Timeline002853 .slider-for .inner {
    padding: 2em 8em 3em 8em;
}

.Timeline002853 .slider-for .inner .txt {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 50px
}

.Timeline002853 .slider-for .inner .pic {
    width: 24%;
}

.Timeline002853 .slider-for .inner .pic figure {
    padding-bottom: 67%;
}

.Timeline002853 .slider-for .inner .txt h3 {
    margin: 0;
    font-size: 48px;
    color: #000;
    padding-bottom: 25px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.Timeline002853 .slider-for .inner .txt dd {
    position: relative;
    font-size: 18px;
    color: #000;
    margin-top: 5px;
    line-height: 2;
    padding-left: 15px;
}

.Timeline002853 .slider-for .inner .txt dd:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

.Timeline002853 .slider-nav.under5 .slick-track {
    transition: 0.3s;
}

@media(max-width:1024px) {
    .Timeline002853 .slider-nav li {
        line-height: 60px;
        text-align: center;
    }

    .Timeline002853 .slider-nav {
        padding: 0 5vw;
    }

    .Timeline002853 .slider-for .inner {
        padding: 20px
    }

    .Timeline002853 .slider-nav .slick-arrow {
        width: 1px;
        height: 100%;
        top: 0;
    }

    .Timeline002853 .slider-nav .slick-prev {
        left: 2.5vw;
    }

    .Timeline002853 .slider-nav .slick-next {
        right: 2.5vw;
    }

    .Timeline002853 .slider-nav .slick-next:before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .Timeline002853 .slider-for .slick-track {
        margin-top: 0 !important;
    }

    .Timeline002853 .slider-nav li.slick-current {
        color: #666;
    }
}

@media(max-width:640px) {
    .Timeline002853 .slider-nav li {
        font-size: 16px;
    }

    .Timeline002853 .slider-nav li span {
        font-size: 24px;
    }
}

/*Floor003054 */
.Floor003054 .slider {
    text-align: center;
}

.Floor003054 .slider li a {
    display: block;
    background: #fff;
    color: #000;
    padding: 1.5em;
}

.Floor003054 .slider li figure {
    position: relative;
    display: inline-block;
    max-width: 90%;
}

.Floor003054 .slider li figure img {
    max-height: 245px;
    padding: 5px 12px;
    background: url(../images/PicList002433_kuang.png) no-repeat;
    background-size: 100% 100%;
}

.Floor003054 .slider .slick-slide div {
    float: left;
}

.Floor003054 .slider-nav li.slick-current .inner-cell b {
    background: #014099;
    color: #fff;
}

.Floor003054 .slick-dots {
    overflow: hidden;
    text-align: center;
    padding: 2% 0 0;
}

.Floor003054 .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: #ccc;
    border-radius: 50%;
}

.Floor003054 .slick-dots li button {
    display: none;
}

.Floor003054 .slick-dots li.slick-active {
    background: #000;
}

@media(min-width:641px) {
    .Floor003054 .slider .slick-slide div {
        width: 23.5%;
    }

    .Floor003054 .slider .slick-slide div:not(:nth-child(4n)) {
        margin-right: 2%;
    }
}

@media(max-width:640px) {
    .Floor003054 .slider .slick-slide div {
        width: 49%;
        margin-bottom: 2%;
    }

    .Floor003054 .slider .slick-slide div:not(:nth-child(2n)) {
        margin-right: 2%;
    }
}

/* 加入我们 */
.TextList003149 .type dd {
    position: relative;
    color: #333;
	line-height:40px;
}

.TextList003149 .type dd span {
    color: #999;
    display: inline-block;
    padding-left: calc(25 / 16 * 1em);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.25em auto;
}

.TextList003149 .type dd.add span {
    background-image: url(../images/job_icon1.svg);
}

.TextList003149 .type dd.num span {
    background-image: url(../images/job_icon3.svg);
}

.TextList003149 .type dd.edu span {
    background-image: url(../images/job_icon2.svg);
}
.TextList003149 .type dd.date span {
    background-image: url(../images/job_icon4.svg);
}
@media (min-width:1025px) {
    .TextList003149 .type { overflow: hidden; }
    .TextList003149 .type dd { float: left;min-width: 50%; }
}

.TextList003149 .list li { margin-bottom:2.5%; transition: 0.3s; cursor: pointer;border-radius: 20px;background: #F9F9F9;}

.TextList003149 .list li .inner {  position: relative; padding: calc(30 / 16 * 1em) calc(40 / 16 * 1em); padding-right: calc(60 / 16 * 1em);}

.TextList003149 .list li .inner i {
    position: absolute;
    width: calc(40 / 16 * 1em);
    height: calc(40 / 16 * 1em);
    border: 1px solid #c9cdd0;
    border-radius: 50%;
    right: 35px;
    top: 50%;
    margin-top: calc(-20 / 16 * 1em);
}

.TextList003149 .list li .inner i::before,
.TextList003149 .list li .inner i::after {
    position: absolute;
    content: '';
    background: #c9cdd0;
	width: 50%; height: 2px; margin: auto; left: 0; right: 0; top: 0; bottom: 0;
}

.TextList003149 .list li .inner i::before {}
.TextList003149 .list li .inner i::after {transform: rotate(90deg)}

.TextList003149 .list li .name {
    font-size: calc(20 / 16 * 1em);
    color: #333;
}

.TextList003149 .list li .type {
    padding: 1em 0 0;
}

.TextList003149 .list li:hover .inner i {
    border-color: var(--blue);background: var(--blue)
}

.TextList003149 .list li:hover .inner i::before,
.TextList003149 .list li:hover .inner i::after {
    background: rgba(255, 255, 255, 0.5);
}


@media (min-width:1025px) {
    .TextList003149 .list li {
        float: left;
        width:48.75%;
    }

    .TextList003149 .list li:nth-child(2n) {
        float: right;
    }

    .TextList003149 .list li:nth-child(2n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .TextList003149 .list li { margin-bottom: 2em; }
    .TextList003149 .list li .inner { padding: 1em; }
	.TextList003149 .list li .inner i{right: 10px}
}

.TextList003149 .popUp-box {
    position: fixed;
    left: -100%;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
    z-index: 200;
    display: none;
}

.TextList003149 .popUp-box.show {
    left: 0;display: block
}

.TextList003149 .popUp-box .ytable {
    height: 100%;
}

.TextList003149 .popUp-box .main {
    position: relative;
    max-width: 1200px;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}

.TextList003149 .popUp-box .main .colse {
    position: absolute;
    width: calc(20 / 16 * 1em);
    height: calc(20 / 16 * 1em);
    right: calc(20 / 16 * 1em);
    top: calc(20 / 16 * 1em);
    background: url(../images/Floor003147-close.svg) no-repeat;
    background-size: contain;
    z-index: 10;
    cursor: pointer;
}

.TextList003149 .popUp-box .main>div {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 3em 0;
}

.TextList003149 .popUp-box[data-type="form"] .main>div {
    max-width: 800px;
}

.TextList003149 .popUp-box .name {
    font-size: calc(24 / 16 * 1em);
    color: #333;
    padding-bottom: 1em;
    border-bottom: 2px solid #000;
}

.TextList003149 .popUp-box[data-type="form"] .name {
    margin-bottom: 1em;
    text-align: center;
    border-bottom: 1px dashed #ccc;
}

.TextList003149 .from {
    padding-bottom: 3em;
}

.TextList003149 .form-ul li {
    margin-bottom: calc(10 / 16 * 1em);
}

.TextList003149 .form-ul li .tit {
    line-height: 3;
    color: #333333;
}

.TextList003149 .form-ul li .tit em {
    font-style: normal;
    color: #000;
}

.TextList003149 .form-ul li .text {
    width: 100%;
    border: none;
    line-height: calc(50 / 16 * 1em);
    height: calc(50 / 16 * 1em);
    background: #f8f8f8;
    padding: 0 1em;
}

.TextList003149 .form-ul li textarea.text {
    height: auto;
}

.TextList003149 .form-ul .btn {
    text-align: center;
    margin-top: 20px;
}

.TextList003149 .form-ul .btn input {
    margin: 0 auto;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: calc(14 / 16 * 1em);
    width: calc(145 / 14 * 1em);
    line-height: calc(55 / 14* 1em);
    background-color: #000;
}

@media (min-width:1025px) {
    .TextList003149 .form-ul .row-2 li {
        float: left;
        width: calc(50% - 10px);
    }

    .TextList003149 .form-ul .row-2 li:nth-child(2n) {
        float: right;
    }
}

@media (max-width:1024px) {
    .TextList003149 .form-ul {
        padding: 2em 0;
    }
}

.TextList003149 .load-info .intro-tit {
    font-size: 1.125em;
    line-height: 2;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #333;
}

.TextList003149 .load-info .edit-info .otwo {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    border-top: 1px dotted #cccccc;
}

.TextList003149 .load-info .edit-info .otwo .o_left {
    width: 30%;
}

.TextList003149 .load-info .edit-info .otwo .text {
    width: 100%;
    color: #333;
}

.TextList003149 .load-info .edit-info .otwo .o_right {
    width: 70%;
}

.TextList003149 .load-info .edit-info .otwo .o_right .r_three {
    color: #555;
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 14px;
}

.TextList003149 .load-info .edit-info .otwo .o_right .r_three:last-child {
    margin-bottom: 0;
}

.TextList003149 .load-info .edit-info .two.otwo .o_left {
    width: 15% !important;
}

.TextList003149 .load-info .edit-info .two.otwo .o_right {
    width: 85% !important;
}

@media (max-width:1024px) {
    .TextList003149 .popUp-box .name {
        font-size: 1.5em;
    }
}

.TextList003149 .apply-btn {
    text-align: center;
}

.TextList003149 .apply-btn a {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: calc(14 / 16 * 1em);
    padding: 0 calc(25 / 14 * 1em);
    line-height: calc(50 / 14* 1em);
    background-color: #000;
}

/*-------------------------------------------------------------------------------------------------------------.Logo_list*/
.Logo_list li {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 10px;
    background: #fff;
    position: relative;
}

.Logo_list li a {
    display: block;
    text-align: center;
}

.Logo_list li dl {
    display: table;
    width: 100%;
    height: 100%;
}

.Logo_list li dt {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media(min-width:769px) {
    .Logo_list li {
        width: 18.4%;
    }

    .Logo_list li:nth-child(5n) {
        margin-right: 0;
    }

    .Logo_list li:nth-child(10)~li {
        margin-bottom: 0
    }

    .Logo_list li a {
        padding-bottom: 38%;
    }

    .Logo_list li img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .Logo_list li a figure {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        opacity: 0;
        transition: 0.3s;
    }

    .Logo_list li a:hover figure {
        opacity: 1;
    }

    .Logo_list li dt {
        color: #fff;
        font-size: calc(18 / 16 * 1em);
    }
}

@media(max-width:768px) {
    .Logo_list li {
        width: 32%;
        margin-right: 2%;
    }

    .Logo_list li:nth-child(3n) {
        margin-right: 0;
    }

    .Logo_list li:nth-child(3n+1) {
        clear: left;
    }
}

/*
 .RighInfo002275 为demo编号
 */
.RighInfo002275 .inner {
    background: #fff;
    padding: calc(50 / 16 * 1em);
}

.RighInfo002275 .info {
    line-height: 2;
}

.RighInfo002275 .info .name {
    font-size: calc(24 / 16 * 1em);
    color: #000;
    margin-bottom: calc(20 / 24 * 1em);
}

.RighInfo002275 .info .box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-display: flex;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 25px;
}

.RighInfo002275 .info .box:last-child {
    margin-bottom: 0;
}

.RighInfo002275 .info .box img {
    margin-right: calc(15 / 16 * 1em);
    width: calc(30 / 16 * 1em);
}

.RighInfo002275 .info .box p {
    line-height: calc(30 / 16 * 1em);
    margin: 0;
}

.RighInfo002275 .info .erweima {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

.RighInfo002275 .info .erweima .codeimg {
    margin-right: 20px;
}

.RighInfo002275 .info .erweima .codeimg img {
    border: 1px solid #f3f3f3;
    max-width: 100px;
}

.RighInfo002275 .info .erweima .word {
    text-align: center;
}

.RighInfo002275 .info .erweima .word h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    color: #333;
}

.RighInfo002275 .info .erweima .word p {
    margin: 0;
}

.RighInfo002275 .map {
    width: 100%;
    height: 200px;
}

.RighInfo002275 .map #map {
    height: 100%;
}

.RighInfo002275 .map img {
    max-width: none !important;
}

@media screen and (min-width: 768px) {
    .RighInfo002275 .info {
        float: left;
        width: 45%;
    }

    .RighInfo002275 .map {
        float: right;
        width: 50%;
        height: 400px;
    }
}



/*Form003139 */
.Form003139 .desc {
    line-height: 1.75;
    margin-bottom: 4%;
}

.Form003139 .desc .tit {
    font-size: 1.125em;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
}

.Form003139 .desc b {
    display: inline-block;
    margin-right: 10px;
    color: #000;
    line-height: 1;
    font-size: 1.75em;
    padding-left: 40px;
    background: url(../images/contact_sec1_icon1.svg) no-repeat left center;
    background-size: auto 30px;
}

.Form003139 .desc p {
    margin: 0 0 4% 0;
}

.Form003139 .form {
    background-color: #fff;
    padding: calc(60 / 24 * 1em);
}

.Form003139 .form .inner {
    margin: 0 auto;
}

.Form003139 .form-ul li {
    margin-bottom: 10px;
    position: relative;
}

.Form003139 .form-ul li .tit {
    position: absolute;
    left: 1.1428em;
    top: 0;
    font-size: 0.875em;
    line-height: 3;
    color: #000;
}

.Form003139 .form-ul li select,
.Form003139 .form-ul li .text {
    width: 100%;
    border: solid 1px #e0e0e0;
    font-size: 0.875em;
    line-height: 3;
    height: 3em;
    background: none;
    padding: 0 1em;
}

.Form003139 .form-ul li textarea.text {
    height: auto;
}

.Form003139 .form-ul .btn {
    width: 10em;
    background: #000;
    font-size: 0.875em;
    height: 3em;
    color: #fff;
    cursor: pointer;
    border: 0;
}

@media (min-width:1025px) {
    .Form003139 .form .img {
        width: 50%;
    }

    .Form003139 .form .inner {
        width: 80%;
    }
}

@media (max-width:1024px) {
    .Form003139 .form-ul {
        padding: 2em 0;
    }

    .Form003139 .form-ul {
        width: 100%;
    }

    .Top003075 .top-right dd:not(:last-child):before {
        display: none;
    }

    .Top003075 menu li span a {
        font-size: 20px;
    }

 

    .Floor002914 {
        margin: 15px 0;
    }

    .Floor003053 .list li:not(:last-child) {
        margin-right: 2%;
    }

    .Floor003053 .list li {
        width: 32%;
    }

    .Floor003053 .list {
        display: flex;
        flex-wrap: wrap;
    }

    .list-wh {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {

    .Floor002914 .slick-next,
    .Floor002913 .slick-next {
        right: 0;
    }

    .Floor002914 .slick-prev,
    .Floor002913 .slick-prev {
        left: 0;
    }

    .Floor002658 {
        margin: 0px 0;
    }

    .Floor002913,
    .Floor003053,
    .Floor002914 {
        margin: 20px 0;
    }

    .Floor002913 .slider .dots li,
    .Floor002914 .slider .dots li {
        line-height: 2;
        font-size: 16px;
    }

    .Floor002913 .slick-arrow,
    .Floor002914 .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .Floor003053 .list {
        margin-top: 0;
    }

    .Floor003053 .list li .name {
        padding: 10px;
    }

    .Floor003053 .list li .name p {
        font-size: 14px;
        white-space: normal;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .Floor003053 .list li .name h3 {
        font-size: 16px;
    }

    .Top003075 .prod-sub dt .name {
        text-align: left;
    }

    .Top003075 .prod-sub dt .name h4 {
        font-size: 16px;
    }

    .Top003075 .prod-sub dt .name p {
        font-size: 14px;
        line-height: 1.5;
    }
}


@media screen and (min-width: 1025px) {

    .Columnbanner .imgmo,
    .Probanner .imgmo {
        display: none;
    }
}

@media(max-width:1024px){
    .Probanner .imgpc,
    .Columnbanner .imgpc {display: none;}
    .Probanner .txt-area aside.t-1 {font-size: calc(24/16 * 1em);}
    .Probanner .txt-area aside.t-2 {font-size: calc(12/16 * 1em);}
    .Probanner .txt-area .ytable{width: 100%; padding: 0 calc(45/16 * 1em);}
    .Probanner .ytable-cell{position: absolute; top: 50%;}
    .Product .slider .yi .slick-dots{justify-content: space-between;}
}

@media screen and (max-width: 640px) {

    .Probanner .go,
    .Columnbanner .go {
        width: 30px;
        height: 30px;
    }

    .Product .bg .info {
        font-size: 16px;
    }

    .Product .item aside.t-1 {
        font-size: 20px;
    }

    .Product .item .txt {
        margin-bottom: 10px;
        max-width: 90%;
    }

    .Product .tab .box .desc {
        position: relative;
        line-height: 2;
        font-size: 16px;
    }


    .Product .tab .slick-dots li div:after {
        display: none;
    }

    .Product .tab .slick-dots li {
        position: relative;
    }

    .Product .icon-list li .icon img {
        max-height: 2.25em;
    }

    .Product .icon-list {
        padding: 20px 0;
    }

    .Product .list .word {
        padding: 20px;
    }

    .Product .tit {
        padding-bottom: 0px;
        font-size: 20px;
    }

    .Product .list dd {
        font-size: 16px;
    }

    .Product .list li+li {
        margin-top: 10px;
    }

    .Product .item aside.t-2 {
        font-size: 14px;
    }

    .Product .bg .info dd:not(:last-child) {
        margin-bottom: 5px;
    }

    .Product .bg .info dd {
        width: 100%;
    }

    .Product .title {
        padding-bottom: 10px;
        font-size: 20px;
        margin-top: 20px;
    }

    .Product .application .slick-next {
        right: 0;
    }

    .Product .application .slick-arrow {
        width: 35px;
        height: 35px;
    }

    .Product .application .slick-prev {
        left: 0;
    }

    .Product .related li .txt {
        padding: 10px 0;
    }

    .Product .application li .name {
        padding: 10px;
    }

    .Product .icon-list ul {
        display: flex;
        flex-wrap: wrap;
    }

    .News_detail .news_info {
        padding: 20px;
    }

    .News_detail .bot {
        margin-top: 10px;
        padding-top: 10px;
    }

    .News_detail .info_back {
        position: relative;
        bottom: 0;
    }

    .News_detail .related .title {
        margin-top: 20px;
    }

    .Form003139 .form {
        padding: 20px;
    }

    .RighInfo003072 .txt-info {
        font-size: 16px;
    }

    .RighInfo003072 .txt-info .logo img {
        max-width: 100px;
    }

    .RighInfo003072 .list ul {
        padding: 0;
    }

    .RighInfo003072 .edit-info .tit {
        font-size: 18px;
    }

    .RighInfo003072 .box {
        padding: 20px 0;
    }

    .RighInfo003072 .title {
        font-size: 20px;
    }

    .Timeline002853 .slider-for .inner .txt h3 {
        font-size: 18px;
        padding-bottom: 0;
        padding-left: 15px;
    }

    .Timeline002853 .slider-for .inner .txt {
        padding-left: 0;
    }

    .Timeline002853 .slider-for .inner .txt dd {
        font-size: 16px;
        line-height: 1.5;
    }

    .Timeline002853 .slider-nav li.slick-current:after {
        width: 25px;
        height: 25px;
        top: -115%;
    }

    .Timeline002853 .slider-nav li.slick-current:before {
        top: -22px;
        width: 15px;
        height: 15px;
    }

    .Timeline002853 .slider-nav li {
        line-height: 1;
    }

    .Timeline002853 .slider-nav li {
        margin-top: 15px;
    }

    .Timeline002853 .slider-nav li:after {
        top: -24px;
    }

    .Timeline002853 .slider-nav li:before {
        top: -18px;
    }

    .TextList003149 .list li {
        padding: 10px;
        margin-bottom: 10px;

    }

    .RighInfo002275 .info .name {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .RighInfo002275 .info .box {
        margin-bottom: 10px;
    }

    .RighInfo002275 .info .erweima {
        margin-top: 0;
    }

    .Bottom003025 .form table textarea.text {
        padding-left: 22%;
    }


    .Floor003053 .list li:not(:last-child) {
        margin-right: 5%;
    }

    .Floor003053 .list li {
        width: 30%;
    }

    .PicList003142 li {
        width: 100%;
    }

    .Form003139 .desc b {
        font-size: 16px;
        padding-left: 25px;
        background-size: contain;
    }

}


.Bottom003025 .b-right .fl {
    margin-right: 0 !important;
}

.TextList000286 li .tit p span.ges {
    text-transform: uppercase;
}

.TextList003149 .popUp-box .main .name {
    color: #333 !important;
}

.TextList003149 .load-info .edit-info .two.otwo .o_right pre {
    line-height: 2;
}

.Top003075 .prod-sub dt img,
.Floor002977 li img {
    transition: all .6s;
}

.Top003075 .prod-sub dt:hover img,
.Floor002977 li:hover img {
    transform: scale(1.1);
}



.Product .related li .pic .video_files {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.Product .related li .pic .video_files .close {
    position: absolute;
    right: 3%;
    top: 3%;
    z-index: 10;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #761b1b;
    cursor: pointer;
    transform: rotate(45deg);
}

.Product .related li .pic .video_files video {
    width: 100%;
    height: 100%;
    background-color: #000;
}


.Product .related li .pic .video_files .close::before {
    transform: rotate(90deg);
}

.Product .related li .pic .video_files .close::before,
.Product .related li .pic .video_files .close::after {
    position: absolute;
    content: '';
    width: 3px;
    height: 70%;
    border-radius: 3px;
    background-color: #fff;
    left: 13px;
    top: 5px;
}

.Product .icon-list li:hover img {
    top: -8px;
}

.Product .hasbg li .img,
.Product .pingtai li .img {
    overflow: hidden;
}

.Product .hasbg li .img img,
.Product .pingtai img {
    transition: all 0.5s;
}

.Product .hasbg li:hover img,
.Product .pingtai li:hover img {
    transform: scale(1.1);
}

.Product .pingtai {
    background: #fff;
}

.Product .pingtai img {
    transition: all 0.5s;
}



.Form003139 .form form .ytable-cell {
    display: block;
}

.Product .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
}

.Product .swiper-button-next::after {
    font-size: 14px;
    color: #dfdfdf;
}

.Product .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
}

.Product .swiper-button-prev::after {
    font-size: 14px;
    color: #dfdfdf;
}

.TextList003149 .load-info .edit-info .otwo .divs {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 640px) {
    .TextList003149 .load-info .edit-info .otwo {
        flex-wrap: wrap;
    }

    .TextList003149 .load-info .edit-info .otwo .o_right {
        width: 50%;
    }

    .TextList003149 .load-info .edit-info .otwo .o_left {
        width: 50%;
    }

    .TextList003149 .load-info .edit-info .otwo .divs {
        width: 50%;
    }

    .TextList003149 .load-info .edit-info .otwo .divs {
        width: 50%;
    }

    .TextList003149 .load-info .edit-info .two.otwo .o_left .text {
        font-weight: bold;
    }

    .TextList003149 .load-info .edit-info .two.otwo .o_left {
        width: 100% !important;
    }

    .TextList003149 .load-info .edit-info .two.otwo .o_right {
        width: 100% !important;
    }
}



/*RighInfo003141 */
.RighInfo003141 {
    padding: 0 0 calc(80 / 16 * 1em) 0;
}

.RighInfo003141 .column-title {
    text-align: left;
    margin-bottom: calc(20 / 16* 1em);
}

.RighInfo003141 .logo {
    margin-bottom: calc(15 / 16* 1em);
}

.RighInfo003141 .intro .info {
    line-height: 2;
    color: #333;
    font-size: calc(16 / 16 * 1em);
}

.RighInfo003141 .intro .info p {}

.RighInfo003141 .intro .img {
    position: relative;
}

.RighInfo003141 .intro .img .play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/play.png)no-repeat center rgba(0, 0, 0, .2);
    background-size: 60px auto
}

.RighInfo003141 .intro .img img {}

.RighInfo003141 .number-count {
    margin: 100px 0;
    box-shadow: 0px 0.625em 4.375em rgb(0 0 0 / 5%);
    border: solid 1px #f3f3f3;
    padding: 2.5em;
}

.RighInfo003141 .number-count li {
    color: #333333;
}

.RighInfo003141 .number-count li span {
    display: inline-block;
    position: relative;
    font-size: 2em;
    color: #1d93cf;
    margin: 0 5px;
}

.RighInfo003141 .number-count li span i {
    font-style: normal;
}

.RighInfo003141 .number-count li span i.ani {
    position: absolute;
    left: 0;
    top: 0;
}

.RighInfo003141 .number-count li span i.opa {
    opacity: 0;
}

.RighInfo003141 .number-count li sup {
    display: inline-block;
    vertical-align: top;
    color: #1d93cf;
    font-size: 1em;
}

.RighInfo003141 .plate dd .txt {
    padding: 20px 0;
}

.RighInfo003141 .plate dd p {
    margin: 0;
    color: #333;
    font-size: calc(18 / 16 * 1em);
    line-height: calc(30 / 22 * 1em);
    min-height: calc((30 / 22 * 1em) * 2);
}

.RighInfo003141 .img .pic {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.RighInfo003141 .open-video {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 10;
    transform: translate(-50%, -50%);
    bottom: auto;
}

.RighInfo003141 .open-video i {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: url(../images/play.png) no-repeat center center;
    background-size: 60px auto;
    position: relative;
    z-index: 4;
}

.RighInfo003141 .img .pic video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    background: #000;
}


@media (min-width:1025px) {
    .RighInfo003141 .intro .img {
        width: 48%;
    }

    .RighInfo003141 .intro .info {
        padding-right: 4em;
    }

    .RighInfo003141 .number-count ul {
        display: table;
        margin: 0 auto;
    }

    .RighInfo003141 .number-count li {
        float: left;
    }

    .RighInfo003141 .number-count li:not(:last-child) {
        margin-right: 5em;
    }

    .RighInfo003141 .plate dd {
        float: left;
        width: calc((100% - 40px*2)/3);
    }

    .RighInfo003141 .plate dd:not(:last-child) {
        margin-right: 40px;
    }
}

@media (max-width:1024px) {
    .RighInfo003141 .number-count li {
        text-align: center;
        padding: 1em 0
    }

    .RighInfo003141 .number-count {
        margin: 2em 0;
        padding: 2em 0;
    }

    .RighInfo003141 .intro .title {
        font-size: 1.875em;
    }
}


.Culture {
    background: #1977fd;
    padding: calc(80 / 16 * 1em) 0;
}

.column-title {
    text-align: center;
    margin-bottom: calc(35 / 16* 1em);
}

.column-title .tit {
    font-size: calc(36 / 16 * 1em);
    color: #000;
    line-height: 1;
}

.Culture .column-title .tit {
    color: #fff;
}

.Culture li {
    float: left;
    text-align: center;
}

.Culture li .icon {
    display: table;
    margin: 0 auto;
    margin-bottom: calc(30 / 16 * 1em);
    border-radius: 50%;
    width: calc(100 / 16 * 1em);
    height: calc(100 / 16 * 1em);
    border: 2px solid #fff;
    position: relative;
}

.Culture li .icon img {
    max-width: calc(60 / 16 * 1em);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Culture li .tit {
    font-size: calc(24 / 16 * 1em);
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

.Culture li p {
    font-size: calc(16 / 16 * 1em);
    line-height: 1.8;
    color: #fff;
}

@media (min-width:1025px) {
    .Culture li {
        width: 32%;
    }

    .Culture li:not(:nth-child(3n)) {
        margin-right: 2%;
    }

    .Culture li:nth-child(3n+1) {
        clear: left;
    }

}


.History {
    background: #fff;
    padding: calc(80 / 16 * 1em) 0;
}


.Newlist {
    padding: calc(80 / 16 * 1em) 0;
}

.Newlist li {
    float: left;
}

.Newlist li .txt {
    background: #fff;
    padding: calc(30 / 16 * 1em);
}

.Newlist li .tit {
    font-size: calc(18 / 16 * 1em);
    line-height: 1.6;
    min-height: 3.2em;
}

.Newlist li p {
    font-size: calc(16 / 16 * 1em);
    line-height: 1.75;
    min-height: 3.5em;
    color: #999;
}

.Newlist li .pic {
    overflow: hidden;
}

.Newlist li .Ispic {
    padding-bottom: 63%;
    transition: 0.3s;
}

.Newlist li a:hover .Ispic {
    transform: scale(1.1);
}

.Newlist li a:hover {
    color: #000;
}

.Newlist li time {
    color: #999;
    line-height: 1;
    display: block;
    padding-left: 20px;
    background: url(../images/icon-time.svg) no-repeat left center;
    background-size: auto;
}

@media (min-width:1025px) {
    .Newlist li {
        width: 32%;
    }

    .Newlist li:not(:nth-child(3n)) {
        margin-right: 2%;
    }

    .Newlist li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width:1024px) {
    .Newlist li {
        width: 48%;
    }

    .Newlist li:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    .Newlist li:nth-child(2n+1) {
        clear: left;
    }

    .Newlist li .txt {
        padding: 1em;
    }
}



.Brandlist {
    background: #fff;
    padding: calc(80 / 16 * 1em) 0;
}

.Brandlist .list {
    display: flex;
    flex-wrap: wrap;
}

.Brandlist .item .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.Brandlist .item {
    background: #f8f8f8;
    margin-bottom: 2%;
    padding: calc(20 / 16 * 1em) calc(30 / 16 * 1em);
    overflow: hidden;
}

.Brandlist .item .pic {
    border-radius: 50%;
    width: calc(120 / 16 * 1em);
    height: calc(120 / 16 * 1em);
    background: #fff;
    border: 2px solid #333;
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
    overflow: hidden;
    position: relative;
}

.Brandlist .item .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.Brandlist .item .Ispic {
    padding-bottom: 100%;
    transition: 0.3s all
}

.Brandlist .item .txt {
    width: calc(100% - calc(150 / 16 * 1em));
}

.Brandlist .item .txt .tit {
    color: #333;
    font-size: calc(18 / 16 * 1em);
    margin-bottom: 10px;
}

.Brandlist .item .txt p {
    color: #999;
    overflow: hidden;
    font-size: calc(16 / 16 * 1em);
    line-height: 1.75;
    margin: 0;
}

@media (min-width:1025px) {
    .Brandlist .item {
        float: left;
        width: 49%;
        margin-right: 2%;
    }

    .Brandlist .item:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:1024px) {
    .Brandlist .item {
        width: 100%;
    }

    .Brandlist .item .pic {
        width: 90px;
        height: 90px;
    }

    .Brandlist .item .txt .tit {
        font-size: 16px;
    }

    .Brandlist .item .txt p {
        font-size: 14px;
    }

}

.Honor {
    padding: calc(80 / 16 * 1em) 0 0 0;
}


.page-header {   padding:7%;}
@media(max-width:768px){
.page-header{padding:60px 7% 7% 7%}
}
.ph-title {
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}



.wrap {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.comm-wrap {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
}

.comm-desc {
    line-height: 1.5;
}

.contact-form {
    position: relative;
}

.conf-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
}

.conf-form {
    width: 50%;
    margin-left: 50%;
    box-sizing: border-box;
    padding: 30px 50px;
    background-color: #f7f8fc;
}

@media (max-width: 1024px) {
    .conf-bg {
        display: none;
    }

    .conf-form {
        width: inherit;
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 20px;
        padding-left: 20px;
    }

}

.comm-title {
    font-weight: 700;
    line-height: 1.25;
}

.coopf-box {
    margin-right: -14px;
    margin-left: -14px;
}

.coopf-item {
    /*display: inline-block;*/
    vertical-align: top;
    text-align: left;
}

.coopf-item__wrap {
    position: relative;
    margin-right: 14px;
    margin-left: 14px;
    border-radius: 3px;
    min-height: 50px;
}

.coopf-item__wrap input,.coopf-item__wrap textarea{
    color: #000 !important;

}


@media (max-width: 1024px) {
    .conf-form {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        padding:20px;
        background-color: #f7f8fc;
    }

    .RighInfo002275 .list-2>li {
        width: 100%;
        margin-top: 30px;
    }

}

@media (max-width: 768px) {
    .coopf-item.col-50 {
        width: 100%;
    }
}

.form-input {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    font-family: "BlueberrySans";
    display: block;
    border: 0;
    padding: 0 0 0 20px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000;
    font-weight: 300;
    letter-spacing: .01em;
    caret-color: #0039c8;
    appearance: none;
}

.form-textarea {
    box-sizing: border-box;
    width: 100%;
    font-family: "BlueberrySans";
    padding: 15px 20px;
    border: 0;
    outline: 0;
    background-color: #fff;
    color: #000;
    line-height: 20px;
    resize: none;
    letter-spacing: .01em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 300;
}

.form-checkbox {
    display: none;
}

.form-checkbox__label {
    position: relative;
    padding-left: 20px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    cursor: pointer;
}

.form-checkbox__label::before,
.form-checkbox__label::after {
    content: "";
    position: absolute;
}

.form-checkbox__label::before {
    top: 4px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #0039c8;
    border-radius: 50%;
}

.form-checkbox__label {
    position: relative;
    padding-left: 20px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    cursor: pointer;
}

.form-checkbox__label::after {
    top: 7px;
    left: 3px;
    width: 6px;
    height: 6px;
    background-color: #0039c8;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
}

.form-checkbox__label:last-of-type {
    margin-right: 0;
}

.form-checkbox__label p {
    margin: 0;
}

.form-submit {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    height: 50px;
    padding: 0 38px;
    border: 0;
    outline: 0;
    border-radius: 3px;
    background-color: #0039c8;
    color: #fff;
    letter-spacing: .01em;
    font-family: "BlueberrySans";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media(max-width:768px){
.conf-form{padding: 0}
}
.RighInfo002275 .list {
    font-size: 0;
    list-style: none;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.RighInfo002275 .list-default {
    margin-right: -14px;
    margin-left: -14px;
}

.RighInfo002275 .list>li {
    display: inline-block;
    vertical-align: top;
}

.RighInfo002275 .list-2>li {
    width: 50%;
    margin-top: 30px;
}

.RighInfo002275 .list-item {
    margin-right: 14px;
    margin-left: 14px;
}

.RighInfo002275 .contact-item {
    position: relative;
    padding: 30px;
    background-color: #f7f8fc;
    height: 260px;
    box-sizing: border-box;
}

.RighInfo002275 .contact-item__bottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.RighInfo002275 .contact-item__link {
    line-height: 1.5;
    color: #0039c8;
    margin-right: 20px;
}

.RighInfo002275 .contact-address {
    padding: 40px 50px;
    background-color: #0039c8;
    margin-top: 50px;
}
.RighInfo002275 .contact-address h3.comm-title{text-align: center}
.RighInfo002275 .contact-flex {display: flex;flex-wrap: wrap}
.RighInfo002275 .contact-flex .left_box{width: 52%;}
.RighInfo002275 .contact-flex .right_box{width: 45%;position: relative;}
.RighInfo002275 .contact-flex .address{display: none;}
.RighInfo002275 .contact-flex #allmap{width: 100%; height: 100%; position:absolute}
.RighInfo002275 .ewm{display: flex; align-items: center; padding: 20px 0}
.RighInfo002275 .ewm img{max-width: 100px}
.RighInfo002275 .ewm span{flex: 1; margin-left: 10px}
.RighInfo002275 .agree{padding-bottom: 20px}
.RighInfo002275 .ewm_mid{display: none}
@media (max-width: 1024px) {
.RighInfo002275 .list-2>li {width: 100%;margin-top: 30px;}
.RighInfo002275 .contact-address{padding: 0; background: none; margin-top: 20px}
.RighInfo002275 .contact-address h3.comm-title{background-color: #0039c8;padding: 20px; margin: 0; text-align: left}
.RighInfo002275 .contact-address .left_box{background-color: #0039c8; padding: 0 20px 20px 20px}
.RighInfo002275 .contact-flex{margin-top: 0}
.RighInfo002275 .contact-flex #itemid2234{display: none}
.RighInfo002275 .contact-flex .left_box{width: 100%;}
.RighInfo002275 .contact-flex .right_box{width: 100%; padding-bottom: 70%; margin-top: 20px;}
.RighInfo002275 .contact-flex .address{width: 100%; display:block;padding-top: 20px; text-align: center}
.RighInfo002275 .agree{padding-top: 20px;}
.RighInfo002275 .ewm{display: none}
.RighInfo002275 .ewm_mid{display:block; text-align: center; padding-top: 20px}
.RighInfo002275 .ewm_mid img{max-width: 180px}
}
@media (max-width: 768px) {
.RighInfo002275 .contact-flex .address{font-size: 15px}
}
.Hometitle {
    font-size: calc(36 / 16 * 1em);
    text-align: center;
    margin-bottom: calc(40 / 36 * 1em);
    color: #000;
    line-height: 1;
    font-weight: bold;
}



.Homemore {
    display: table;
}

.Homemore a {
    position: relative;
    transition: 0.3s;
    display: table;
    padding: 5px 0;
}

.Homemore a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #aaabae;
    transition: 0.3s;
}

.Homemore a {
    color: #333;
}

.Homemore a:hover {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}

.Homemore a:hover:after {
    height: 100%;
    background: #000;
}

.Homemore i {
    font-style: normal;
    position: relative;
    display: block;
    z-index: 4;
}



/*Floor002912 */
.Floor002912 {padding: calc(150/16 * 1em) 0 calc(100/16 * 1em) 0;overflow: hidden;}
.Floor002912 .intro{text-align: center;}
.Floor002912 .slider {position: relative;z-index: 3;}
/* 5-7新增开始 */
.Floor002912 .flex{display: none;}
.Floor002912 .flex .ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Floor002912 .flex .ul li{width: 48%;text-align: center;}
.Floor002912 .flex .ul img{
    display: block;
    margin: auto;
    transform: scale(1);
    width: auto;
}

.Floor002912 .flex .ul i{
    font-style: normal;
}
/* 5-7新增结束 */


.Floor002912 .slider .box {
    overflow: hidden;
}

.Floor002912 .slider .box li {
    overflow: hidden;
}

.Floor002912 .slider .box li a {
    display: block;
    /* margin: 0 0.5vw; */
    padding: calc(30 / 16 * 1em) calc(20 / 16 * 1em);
    text-align: center;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.Floor002912 .slider .box li a:before {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    content: '';
    height: 100%;
    opacity: 0;
    transition: 0.3s;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(25, 119, 253, 1) 100%);
}

.Floor002912 .name {
    margin-bottom: calc(20 / 16 * 1em);
}

.Floor002912 .name .t-1 {
    font-size: calc(26 / 16 * 1em);
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.Floor002912 .name .t-2 {
    font-size: calc(18 / 16 * 1em);
    color: #666;
    line-height: 1.6;
}

.Floor002912 .pic {
    height: 11vw;
}

.Floor002912 .pic img {
    max-height: 11vw;
    width: 85%;
    transform: scale(1.3);
}

.Floor002912 .slider .box li a:hover:before {
    opacity: 1;
}

.Floor002912 .slider .box li a:hover .name * {
    color: #fff;
}

.Floor002912 .slider .box li .more {
    display: table;
    margin: 0 auto;
    position: relative;
    padding: 5px 0;
    transition: 0.3s;
}

.Floor002912 .slider .box li .more:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #aaabae;
    transition: 0.3s;
}

.Floor002912 .slider .box li a:hover .more {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
}

/* 5-7改动 */
.Floor002912 .slider .box li a:hover .more:after {
    /* height: 100%; */
    background: #fff;
}
/* 5-7改动 */


.Floor002912 .slider .box li .more i {
    font-style: normal;
    position: relative;
    display: block;
    z-index: 4;
}



.Floor002912 .slick-arrow {
    position: absolute;
    z-index: 30;
    top: 50%;
    width: 30px;
    height: 38px;
    border: 2px dotted rgba(0, 0, 0, 0.5);
    padding: 0;
    margin-top: -30px;
    transition: 0.3s;
    border-radius: 10%;
}

/* .Floor002912 .slick-arrow:hover {
    background: #000;
    border-color: #000;
} */

.Floor002912 .slick-arrow:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.Floor002912 .slick-next:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.Floor002912 .slick-arrow:hover:before {
    border-color: #fff;
}

@media(max-width:1024px){
    .Floor002912{display: none;}
}


/*Floor003176 */
.Floor003176 {background-repeat: no-repeat; background-position: right bottom; background-size: contain;overflow: hidden;padding-bottom: calc(135/16 * 1em);}
/* 5-7修改 */
/* .Floor003176 .item-1 {padding: 6% 0 0em 0;} */
/* 5-7修改 */

.Floor003176 .item-1::before {}
.Floor003176 > section{width: 100%;}
.Floor003176 .item-1>.ytable>.ytable-cell {vertical-align: bottom;}
.Floor003176 .item-1 .right {position: relative;z-index: 5;}
.Floor003176 .item-1 .right:after {position: absolute;content: '';width: 100%;height: 100%;padding-bottom: 86%;bottom: 0em;background: url(../images/Floor003176-hoverbg.png) no-repeat bottom center;background-size: contain;right: 0%;z-index: -1;}
.Floor003176 .item-1 .right img {width: 100%;margin: 0 auto;}

.Floor003176 .auto .content-inner{width:100%; margin-top: calc(130/16 * 1em);}
.Floor003176 .sec-desc{margin: calc(35/14 * 1em) 0; max-width: 75%;}
.Floor003176 figure{position: relative;}
.Floor003176 figure .videoPlay{display: flex; justify-content: center; align-items: center; width: 100%; cursor: pointer; top: 0; height: 100%; position: absolute;}
.Floor003176 figure .videoPlay .icon{width: calc(40/16 * 1em); height: calc(40/16 * 1em); font-size: 16px; background: url(../images/videoPlay.svg); background-size: calc(34/16 * 1em) auto; background-position: center; background-repeat: no-repeat;}
.Floor003176 video{width: 100%; position: absolute; z-index: 2; left: 0; display: none;}
.Floor003176 .item-1 .video {position: relative;z-index: 4;margin-top: calc(30 / 16 * 1em);width: 100%;}

.Floor003176 .item-1 .video .files {position: absolute;background-color: #000;z-index: 10;top: 0;width: 100%;height: 100%;display: none;}
.Floor003176 .item-1 .video .files video {width: 100%;height: 100%;}
.Floor003176 .item-1 .video .Ispic {padding-bottom: 57%;}
.Floor003176 .en {position: absolute;font-size: 10em;color: #f3f3f3;line-height: 0.75;z-index: 11;}
.Floor003176 .item-1 .video .en {top: 0.1875em;}
.Floor003176 .item-1 .play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;cursor: pointer;}
.Floor003176 .item-1 .play .ytable {height: 100%;text-align: center;color: #fff;}
.Floor003176 .item-1 .play .icon {width: calc(60 / 16 * 1em);height: calc(60 / 16 * 1em);display: block;margin: 0 auto 2em;background: url(../images/play.png) no-repeat center center;background-size: contain;}
.Floor003176 .item-1 .v-name {display: inline-block;background: url(../images/Floor003176-titlebg-white.svg) no-repeat center bottom;padding-bottom: 1em;}

.Floor003176 .cate-name,
.Floor003176 .item-1 .title {color: #000;font-weight: bold;}

.Floor003176 .cate-name {
    font-size: calc(36 / 16 * 1em);
}

.Floor003176 .item-1 .title {
    font-size: calc(42 / 16 * 1em);
    line-height: 1.2;
    margin: calc(10 / 42 * 1em) 0 calc(20 / 42 * 1em) 0;
}

.Floor003176 .item .desc {
    line-height: 2;
    color: #333;
    font-size: calc(16 / 16 * 1em);
    margin-bottom: calc(20 / 16 * 1em);
}

.Floor003176 .item-2 {
    padding: 10% 0 4% 0;
}

.Floor003176 .item-2 .pic {
    position: relative;
}

.Floor003176 .item-2 .cate-name {
    color: #000;
    margin-bottom: 0.8em;
}


@media (min-width:1025px) {
.Floor003176 .auto{/* position: absolute; max-width: 840px; left: 50%; transform: translateX(-50%); z-index: 1; */}
.Floor003176 .item-1 .left { position: relative;}
.Floor003176 .item-1 .left .more {position: absolute;left: 100%;top: 100%;margin-top: 3.125em;}
.Floor003176 .item-1 .right {width: 57%;}
.Floor003176 .item-2 .left {width: 50%;}
.Floor003176 .item-2 .en {right: -1.2em;top: 0.11875em;}
.Floor003176 .item-2 .right {padding-left: 6.75em;}
}

@media (min-width:1025px) and (max-width:1600px) {
.Floor003176 .item-1 .title {font-size: 3.2em;}
.Floor003176{background-position: right -100% bottom;}
}

@media (max-width:1024px) {
    .Floor003176{padding-bottom: calc(70/16 * 1em);background: none}
    .Floor003176 .auto .content-inner{width: 100%; margin-top: calc(90/16 * 1em);}
    .Floor003176 > section > figure{display: none;}
    .Floor003176 .sec-desc{text-align: center; max-width: 100%; font-size: calc(12/16 * 1em);margin-top: 1em;}
    .Floor003176 .w_86{width: 100%; padding: 0 calc(30/16 * 1em);}
    .Floor003176 .item>.ytable,
    .Floor003176 .item>.ytable>.ytable-cell {
        display: block;
    }

    .Floor003176 .more {
        padding-bottom: 2em;
    }

    .Floor003176 .more a {
        margin: 0 auto;
    }

    .Floor003176 .en {
        font-size: 2em;
    }

    .Floor003176 .item-1 .right:after {
        bottom: -2em;
        padding-bottom: 40%;
    }

    .Floor003176 .item-1 {
        padding-bottom: 0;
    }

    .Floor003176 .item-1 .video .en {
        bottom: -0.4em;
        left: auto;
        right: 0;
        top: auto;
    }

    .Floor003176 .item-2 .en {
        bottom: -0.4em;
    }

    .Floor003176 .item-2 .cate-name {
        text-align: center;
    }
}

@media (max-width:640px) {
    .Floor003176 .cate-name {
        font-size: 2em;
    }

    .Floor003176 .item-1 .title {
        font-size: 3em;
    }
}

/*Floor003129 */
.Floor003129 {overflow: hidden;position: relative;}
.Floor003129 figure img{width: 100%; }
.Floor003129 figure img.app{display: none;}
.Floor003129 .auto {position: absolute;max-width: 840px;left: 50%;transform: translateX(-50%);z-index: 5; top: 36.7%;}
.Floor003129 .auto .inner{color: #fff; display: flex; justify-content: space-between;}
.Floor003129 .auto .inner .innerLeft .line{width: 1px; height: calc(15/16 * 1em); background-color: #fff; margin: calc(20/16 * 1em) auto;}
.Floor003129 .auto .inner .innerLeft p{font-size: calc(14/16 * 1em); margin: 0;}
.Floor003129 .auto .inner .innerRight p{font-size: calc(14/16 * 1em); margin: 0; line-height: 1.39;}
.Floor003129 .auto .inner .innerRight a{color: #fff; font-size: calc(16/16 * 1em); display: flex; align-items: center; justify-content: end; margin-top: calc(20/16 * 1em);}
.Floor003129 .auto .inner .innerRight a span{display: flex; align-items: center; background-color: var(--blue);  padding-left: calc(24/16 * 1em);}
.Floor003129 .auto .inner .innerRight a span::after{content: ""; background:url(../images/home_download.svg) no-repeat center; display: inline-block; width: calc(36/16 * 1em); height: calc(36/16 * 1em);}
.Floor003129 .title {margin-bottom: 3.6875em;position: relative;}
.Floor003129 .title .name {font-size: 2.625em;color: #333;}
.Floor003129 .title .name:after {display: inline-block;content: '';width: 15px;height: 2px;background-color: #e60012;margin-left: 22px;vertical-align: middle;}
.Floor003129 .title p {margin: 0;font-size: 0.875em;}
.Floor003129 .title .more {position: absolute;width: 3.125em;height: 3.125em;border: 1px solid #b9b9b9;right: 0;top: 50%;border-radius: 50%;background: url(../images/Floor003129-icon.svg) no-repeat center;background-size: 1em auto;margin-top: -1.5625em;transition: 0.3s;}
.Floor003129 .title .more:hover {border-color: #e60012;background-color: #e60012;background-image: url(../images/Floor003129-icon-white.svg);}
.Floor003129 .list label {border: solid 1px #dedede;font-size: 0.875em;line-height: 1.7142;padding: 0 0.5714em;display: inline-block;transition: 0.3s;}
.Floor003129 .list a:hover label {border-color: #e60012;background-color: #e60012;color: #fff;}
.Floor003129 .list .tit {font-size: calc(20 / 16 * 1em);color: #333;margin-bottom: calc(10 / 20 * 1em);}
.Floor003129 .list ol .tit {line-height: 1.6;}
.Floor003129 .list ol .txt {background: #fff;padding: calc(20 / 16 * 1em);}

/* 5-7新增 */
.Floor003129  .list .txt .HomemoreBox{display: flex;align-items: center;justify-content: space-between;}
/* 5-7新增 */
.Floor003129 .list .txt p {color: #666666;font-size: calc(16 / 16 * 1em);line-height: 1.75;margin-bottom: 0;}
.Floor003129 .list time {color: #999999;padding-right: 2.5em;background: url(../images/Floor003129-icon.svg) no-repeat right center;background-size: 1em auto;display: inline-block;}
.Floor003129 .list ol time {margin-top: calc(12 / 16 * 1em);}
.Floor003129 .list ol .pic {overflow: hidden;}
.Floor003129 .list ol .Ispic {
    padding-bottom: 56%;
    transition: 0.3s ease-out;
}

.Floor003129 .list a:hover .Ispic {
    transform: scale(1.1);
}

.Floor003129 .list li {
    background: #fff;
    padding: calc(15 / 16 * 1em) calc(20 / 16 * 1em);
}

.Floor003129 .list li:not(:last-child) {
    margin-bottom: calc(12 / 16 * 1em);
}

.Floor003129 .list a:hover .tit {
    color: #000;
}

@media (min-width:1025px) {
    .Floor003129 .list {
        position: relative;
        z-index: 1;
    }

    .Floor003129 .list ol {
        float: left;
        width: 45%;
    }

    .Floor003129 .list ol a {}

    .Floor003129 .list li {
        float: right;
        width: 50%;
        /* border-bottom: 1px solid #f2f2f2; */
    }

    .Floor003129 .list li a {
        height: 5.35em;
    }

    .Floor003129 .list li .txt {
        position: relative;
        padding-right: 9.125em;
    }

    .Floor003129 .list li time {
        position: absolute;
        right: 0;
        top: 50%;
        line-height: 2;
    }
}

@media (max-width:1024px) {
.Floor003129 .auto{top: 50%; transform: translate(-50%,-50%);}
.Floor003129 .list ol {margin-bottom: 2em;}
.Floor003129 .list li {border-top: 1px solid #f2f2f2;padding: 2em 0;}
.Floor003129 .list li time {margin-top: 2em;}
.Floor003129 figure {padding-bottom: 35%;width: 100%;position: relative;z-index: 2;overflow: hidden;}
.Floor003129 figure img.app {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;transition: all .5s;}
.Floor003129 figure img.app{display: block;}
.Floor003129 figure img.pc{display: none;}
.Floor003129 .auto .inner{align-items: center; justify-content: center;}
.Floor003129 .auto .inner .innerLeft{display: none;}
.Floor003129 .auto .inner .innerRight p{display: none;}
.Floor003129 .auto .inner .innerRight a{margin-top: 0;}
.Floor003129 .auto .inner .innerRight a span{font-size: calc(18 / 16 * 1em); padding: 0 1.5em; padding-right: .5em; border-radius: 9999px;}
.Floor003129 .auto .inner .innerRight a span::after{margin-left: .5em;}
}


/*Floor0030531 */
.Floor0030531 {position: relative;}
.Floor0030531 .info{position: absolute;top: 50%;max-width: 400px;left: 50%;transform: translate(-50%, -50%);}
.Floor0030531 .info .ytable{height: 100%;}
.Floor0030531 .auto .ideaTitle{font-size: calc(20/16 * 1em); color: #fff;}
.Floor0030531 .auto p{font-size: calc(14/16 * 1em); margin: 0;}
.Floor0030531 .auto p.cn{color: rgba(255,255,255,.9); margin-top: 1.5em;}
.Floor0030531 .auto p.en{color: rgba(255, 255, 255, .5); margin: 1.5em 0;}
.Floor0030531 .auto .iconBox{display: flex; align-items: center;}
.Floor0030531 .auto .iconBox::after,
.Floor0030531 .auto .iconBox::before{content: ""; width: calc(18/16 * 1em); height: calc(18/16 * 1em); background: no-repeat center;}
.Floor0030531 .auto .iconBox::before{background-image: url(../images/homeIdea1.svg); margin-right: calc(18/16 * 1em);}
.Floor0030531 .auto .iconBox::after{background-image: url(../images/homeIdea2.svg);}
.Floor0030531 > section > figure img{width: 100%;}
.Floor0030531 > section > figure img.app{display: none;}

@media(max-width:1024px){
.Floor0030531 .auto{top: 40%; }
.Floor0030531 > section > figure img.app{display: block;}
.Floor0030531 > section > figure img.pc{display: none;}
.Floor0030531 .auto .ideaTitle{text-align: center; font-size: calc(14/16 * 1em);}
.Floor0030531 .auto p{text-align: center; font-size: calc(12/16 * 1em);}
.Floor0030531 .auto .iconBox{justify-content: center; margin-top: 1em;}
.Floor0030531 .auto p.en{margin: .5em 0;}
.Floor0030531 .info{width: 80%;}
}

.about-container {margin: 0 auto;max-width: 100%;padding: 0 6%;}
.about-container {margin: 0 auto;max-width: 100%;padding: 0 6%;}

@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }
}

.me-0 {
    margin-right: 0 !important;
}

@media (min-width: 992px) {
    .me-lg-3 {
        margin-right: 1rem !important;
    }
}

.me-0 {
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}

@media (min-width: 992px) {
    .me-lg-3 {
        margin-right: 1rem !important;
    }
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: #fff;
}



.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.flex-column {
    flex-direction: column !important;
}



@media (min-width: 992px) {
    .p-lg-3 {
        padding: 1rem !important;
    }
}

/* .about-container .nav_list .nav-item {
    padding-bottom: 10px;
} */

.about-container .nav_list .nav-link {
    font-size: 13px;
    font-weight: 200;
    text-transform: uppercase;
}



@media (min-width: 992px) {
    .card[data-v-a8aa6dbe] {
        --bs-card-spacer-x: 50px;
        --bs-card-spacer-y: 50px;
        --bs-card-cap-padding-x: 50px;
        --bs-card-cap-title-t: 45px;
        --bs-card-cap-title-b: 20px;
    }
}

.card-header .card-title {
    border-bottom: 1px solid rgba(0, 0, 0, .175);
    font-weight: 100;
    margin-bottom: 0;
    position: relative;
    font-size: calc(1.275rem + .3vw);
    margin-top: 10px;
}

.card-header .card-title:after {
    background: #222;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 120px;
}

.list-download {
    background-color: red;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
}

.list-download span {
    color: #fff;
    line-height: 40px;
}

/* 4-29 */
/* 科研详情页 */
/* 产品详情页css */
#productInfo h3,
#productInfo h4 {
    font-weight: normal;
}

#productInfo ul {
    list-style: none;
}


/* 第一板 */
#productInfo .content1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#productInfo .content1 .leftText .blackFont {
    color: #000000;
}

#productInfo .content1 .leftText .grayFont {
    color: #666;
}

#productInfo .content1 .leftText .blodFontsize {
    font-size: calc(36/16 * 1em);
    margin: 0;
    line-height: 1.75;
}

#productInfo .content1 .leftText .normolFontsize {
    font-size: calc(20/16 * 1em);
    margin: 0;
    line-height: 1.5;
}

#productInfo .content1 .imgBox {
    width: 27.1875%;
}

@media screen and (max-width:1024px) {
    #productInfo .content1 .leftText .blodFontsize {
        font-size: calc(16/16 * 1em);
    }

    #productInfo .content1 .leftText .normolFontsize {
        font-size: calc(10/16 * 1em);
    }
}

/* 第二板 */
#productInfo .content2 h3 {
    font-size: calc(36/16 * 1em);
    color: #000;
    text-align: center;
}

#productInfo .content2 .imgBox {
    max-width: 100%;
    margin-bottom: 2%;
}

#productInfo .content2 .content2Ul {
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #666;
}

#productInfo .content2 .content2Ul .content2Li {
    width: 18.5%;
}

#productInfo .content2 .content2Ul .content2Li h4 {
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
    font-size: calc(20/16 * 1em);
    color: #333;
}

#productInfo .content2 .content2Ul .content2Li p {
    font-size: calc(16/16 * 1em);
    line-height: 1.875;
    margin: 0;

}

#productInfo .content2 .content2parameter>input {
    display: none;
}


#productInfo .content2 .content2parameter>input:nth-of-type(1):checked~.optionBox label:nth-of-type(1)::after {
    content: "";
    width: 200%;
    position: absolute;
    height: 2px;
    display: block;
    background-color: #5336fa;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

#productInfo .content2 .content2parameter>input:nth-of-type(2):checked~.optionBox label:nth-of-type(2)::after {
    content: "";
    width: 200%;
    position: absolute;
    height: 2px;
    display: block;
    background-color: #5336fa;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

#productInfo .content2 .content2parameter .optionBox {
    display: flex;
    justify-content: space-around;
    margin-top: calc(32/16 *1em);
    border-bottom: 2px solid #cccccc;
}

#productInfo .content2 .content2parameter .optionBox label {
    color: #666;
    font-size: calc(20/16 * 1em);
    position: relative;
    padding-bottom: calc(10/16 *1em);
}

#productInfo .content2 .content2parameter .parameterList .parameterItem {
    display: flex;
    border-bottom: 1px solid #cccccc;
    padding: 8px 0;
    color: #666;
}

#productInfo .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(1) {
    width: 21%;
}

#productInfo .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(2) {
    flex: 1;
}

#productInfo .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(3) {
    width: 29%;
}

@media (min-width: 1025px) and (max-width: 1280px) {
    #productInfo .content2 .content2parameter .parameterList .parameterItem {
        font-size: calc(16/16 * 1em);
    }
}


@media screen and (max-width:1024px) {
    #productInfo .content2 h3 {
        font-size: calc(20/16 * 1em);
    }

    #productInfo .content2 .content2Ul .content2Li h4 {
        font-size: calc(18/16 * 1em);
    }

    #productInfo .content2 .content2Ul .content2Li p {
        font-size: calc(16/16 * 1em);
    }

    #productInfo .content2 .content2Ul .content2Li {
        width: 48%;
    }

    #productInfo .content2 .content2parameter .optionBox {
        justify-content: space-evenly;
    }

    #productInfo .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(1) {
        width: 22.285%;
    }

    #productInfo .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(3) {
        width: 39.145%;
    }
}

/* 第三板 */
#productInfo .content3 {
    display: flex;
    justify-content: space-between;
    margin-top: calc(60/16 * 1em);
    align-items: center;
    flex-wrap: wrap;
}

#productInfo .content3 .textBox {
    max-width: 35%;
}

#productInfo .content3 .topText {
    color: #211815;
    font-size: calc(28/16 * 1em);
    line-height: 1.5;
}

#productInfo .content3 .topText img {
    display: inline-block;
    vertical-align: baseline;
    max-width: 40%;
}

#productInfo .content3 .textBox p {
    font-size: calc(18/16 * 1em);
    line-height: 1.875;
    color: #666;
}

#productInfo .content3 .textBox .tipBox {
    display: flex;
    justify-content: space-between;
}

#productInfo .content3 .textBox .tipBox .tip::before {
    width: calc(10/16 * 1em);
    height: calc(10/16 * 1em);
    content: "";
    background-color: #1977f3;
    display: inline-block;
    margin-right: calc(10/16 * 1em);
}

#productInfo .content3 .rightImgBox {
    width: 20%;
}

@media screen and (max-width:1024px) {
    #productInfo .content3 .textBox {
        max-width: 100%;
        width: 100%;
    }

    #productInfo .content3 .topText img {
        /* vertical-align: text-bottom; */
        max-width: 100px;
    }

    #productInfo .content3 .rightImgBox {
        width: 100%;
    }

    #productInfo .content3 .topText {
        font-size: calc(20/16 * 1em);
    }

    #productInfo .content3 .textBox p {
        font-size: 14px;
    }
}

/* 第四板 */
#productInfo .content4 {
    margin-top: calc(60/16 * 1em);
}

#productInfo .content4 .contentList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#productInfo .content4 .contentItem {
    border-bottom: 1px solid #ccc;
    width: 45%;
    margin-bottom: calc(40 / 16* 1em);
}

#productInfo .content4 .contentItem .contentItemBox {
    max-width: (400px);
}

#productInfo .content4 .contentItem .contentItemBox .contentItemTitle {
    font-size: calc(28/16 * 1em);
    color: #000;
}

#productInfo .content4 .contentItem .contentItemBox .contentItemImgBox {
    display: flex;
    align-items: center;
    padding: 3% 0;
}

#productInfo .content4 .contentItem .contentItemBox p {
    line-height: 1.875;
}

#productInfo .content4 .contentItem .contentItemBox .contentItemImgBox .contentItemImgBox2 {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    margin: 0;
}

#productInfo .content4 .contentItem .contentItemBox .contentItemImgBox .contentItemImgBox2 .contentItemImgBox3 {
    box-sizing: border-box;
    display: block;
}

#productInfo .content4 .contentItem .contentItemBox .contentItemImgBox .contentItemImgBox2 .contentItemImgBox3 img {
    max-width: 80px;
}


@media screen and (max-width:1024px) {
    #productInfo .content4 .contentItem .contentItemBox .contentItemTitle {
        font-size: calc(20/16 * 1em);
    }


    #productInfo .content4 .contentItem .contentItemBox .contentItemImgBox .contentItemImgBox2 .contentItemImgBox3 img {
        max-width: 45px;
    }


    #productInfo .content4 .contentItem .contentItemBox {
        padding-bottom: 0;
    }
}

/* 第五栏 */
#productInfo .content5 h3 {
    text-align: center;
    font-size: calc(36/16 * 1em);
    color: #000;
}

#productInfo .content5 .itemList {
    display: flex;
    justify-content: space-between;
    color: #666;
}

#productInfo .content5 .itemList .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 30%;
}

#productInfo .content5 .itemList .item .imgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(135/16 * 1em);
}

#productInfo .content5 .itemList .item .blodFontsize {
    font-size: calc(24/16 * 1em);
    color: #000;
    margin: 0;
}

#productInfo .content5 .itemList .item .normalFontsize {
    font-size: calc(16/16 * 1em);
    text-align: center;
}

/* #productInfo .content5 .itemList .item .blueFont {
    color: #ab9dfd;
} */

@media screen and (max-width:1024px) {
    #productInfo .content5 h3 {
        font-size: calc(20/16 * 1em);
    }

    #productInfo .content5 .itemList .item .blodFontsize {
        font-size: calc(16/16 * 1em);
    }

    #productInfo .content5 .itemList .item .imgBox {
        max-width: 40%;
        min-height: calc(80/16*1em);
    }
}

/* 第六栏 */
#productInfo .content6 .itemList {
    display: flex;
    flex-wrap: wrap;
}

#productInfo .content6 .itemList .item {
    max-width: 30%;
    margin-top: 5%;
    background-color: #f0f0f0;
}

#productInfo .content6 .itemList .item:not(:nth-of-type(3n+1)) {
    margin-left: 5%;
}

#productInfo .content6 .itemList .item .imgBox {
    width: 100%;
}

#productInfo .content6 .itemList .item .textBox {
    padding: 5%;
    color: #000;
}

#productInfo .content6 .itemList .item .textBox .blodFontsize {
    font-size: calc(20/16 * 1em);
    line-height: 1.75;
    margin: 0;
}

#productInfo .content6 .itemList .item .textBox .normalFontsize {
    color: #666;
    font-size: calc(16/16 * 1em);
    line-height: 1.5;
    margin: 0;
}

/* 改动1 */
#productInfo .paramter .txt {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

#productInfo .paramter aside.t-1 {
    font-size: calc(36 / 16 * 1em);
    color: #000;
    margin-bottom: 0.2em;
}

#productInfo .paramter .txt {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

#productInfo .paramter aside.t-1 {
    font-size: calc(36 / 16 * 1em);
    color: #000;
    margin-bottom: 0.2em;
}

#productInfo .table_1 {
    border: 1px solid #ededed;
    overflow-x: scroll;
}

#productInfo .table_1 tr {
    background: #fff;
}

#productInfo .table_1 td:nth-child(1),
#productInfo .table_1 td:nth-child(3) {
    width: 20%;
}

#productInfo .table_1 td:nth-child(2),
#productInfo .table_1 td:nth-child(4) {
    width: 30%;
}

#productInfo .table_1 tr:nth-child(2n) {
    background: #f0f0f0;
}

#productInfo .table_1 td {
    text-align: center;
    color: #333;
    border-collapse: collapse;
    line-height: 24px;
    padding: 15px;
    font-size: calc(16/16*1em);
}

/* 5-8修改 */
#productInfo .table_1{
    display: flex;
}

#productInfo .table_1 .keyList{
    width: 20%;
}

#productInfo .table_1 ul li,#productInfo .table_1 .item .title,#productInfo .table_1 .keyList .title{
    text-align: center;
    color: #333;
    border-collapse: collapse;
    line-height: 24px;
    padding: 15px;
    font-size: calc(16/16*1em);
    white-space: nowrap;
}

#productInfo .table_1 .item .title,#productInfo .table_1 .keyList .title{
    border-bottom: 2px solid #cccccc;
    color: #666;
    font-size: calc(20/16 * 1em);
    position: relative;
    padding-bottom: calc(10 / 16* 1em);
}

#productInfo .table_1 ul li:nth-of-type(3n+1){
    background-color: #f0f0f0;
}

#productInfo .table_1 .item{
    width: 40%;
}

#productInfo .content2radio{
    display: none;
}

.content2 .content2Box .item{
    display: none;
}

#Content2Radio1:checked ~ .content2parameter .item:nth-of-type(1) .title{
    border-bottom: 2px solid #000;
}

#Content2Radio1:checked ~ .content2Box .item:nth-of-type(1){
    display: block;
}

#Content2Radio2:checked ~ .content2parameter .item:nth-of-type(2) .title{
    border-bottom: 2px solid #000;
}

#Content2Radio2:checked ~ .content2Box .item:nth-of-type(2){
    display: block;
}




/* 5-8修改 */

@media screen and (max-width:1024px) {
    #productInfo .content6 .itemList .item .textBox .blodFontsize {
        font-size: calc(18/16 * 1em);
        line-height: 1.5;
    }

    #productInfo .table_1 .item{
        width: 50%;
    }


    #productInfo .table_1 td {
        padding: 10px 5px;
    }

    #productInfo .content6 .itemList .item {
        max-width: 45%;
    }

    #productInfo .content6 .itemList .item:not(:nth-of-type(3n+1)) {
        margin-left: 0;
    }

    #productInfo .content6 .itemList .item:not(:nth-of-type(2n+1)) {
        margin-left: 5%;
    }
}

@media screen and (max-width:640px) {
    #productInfo .table_1 .item{
        width: 50%;
    }
}

@media screen and (max-width:500px) {
    #productInfo .table_1 .item{
        width: 65%;
    }
    #productInfo .table_1 .keyList{
        width: 30%;
    }
}

/* 第7栏 */
#productInfo .content7 {
    margin-top: 5%;
}

#productInfo .content7 h3 {
    text-align: center;
    font-size: calc(36/16 * 1em);
    color: #000;
}

#productInfo .content7 .imgList {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 30px;
}

#productInfo .content7 .imgList .imgBox {
    max-width: 80%;
}

#productInfo .content7 .attrBox {
    display: flex;
    margin-bottom: 20px;
}

#productInfo .content7 .attrList {
    display: flex;
    justify-content: space-between;
}

#productInfo .content7 .attrList:nth-of-type(1) {
    padding-right: calc(32/16 * 1em);
    border-right: 1px solid #b4bac1;
}

#productInfo .content7 .attrList:nth-last-of-type(1) {
    padding-left: calc(32/16 * 1em);
}

#productInfo .content7 .attrList .attrItem {
    max-width: 15%;
    text-align: center;
    color: #666;
}

#productInfo .content7 .attrList .attrItem .blodFontsize {
    color: #333;
    font-size: calc(20/16 * 1em);
    margin: 0;
    line-height: 1.75;
}

#productInfo .content7 .attrList .attrItem .normalFontsize {
    font-size: calc(15/16 * 1em);
    margin: 0;
    line-height: 1.5;
}

#productInfo .content7 .parameterList {
    margin-bottom: calc(32/16 * 1em);
    margin-top: calc(32/16 * 1em);
}

#productInfo .content7 .parameterList .parameterItem:nth-of-type(1) {
    border-top: 2px solid #cccccc;
}

#productInfo .content7 .parameterList .parameterItem {
    border-bottom: 1px solid #cccccc;
    padding: 8px 0;
}

#productInfo .content7 .parameterList .parameterItem span {
    display: inline-block;
    color: #666;
    font-size: calc(16/16 * 1em);
}

#productInfo .content7 .imgList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#productInfo .content7 .imgList .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
}

#productInfo .content7 .parameterList .parameterItem span:nth-child(1) {
    width: 20%;
}

#productInfo .content7 .parameterList .parameterItem span:nth-child(2) {
    width: 50%;
}


@media screen and (max-width:1024px) {
    #productInfo .content7 .attrList:nth-last-of-type(1) {
        padding-left: 0;
    }

    #productInfo .content7 .imgList .item {
        width: 100%;
    }

    #productInfo .content7 h3 {
        font-size: calc(20/16 * 1em);
    }

    #productInfo .content7 .imgList .imgBox {
        max-width: 100%;
    }

    #productInfo .content7 .attrList {
        padding: calc(8/16 * 1em) 0;
    }

    #productInfo .content7 .attrList .attrItem .blodFontsize {
        font-size: calc(16/16 * 1em);
    }

    /* #productInfo .content7 .attrList .attrItem .normalFontsize {
        font-size: calc(10/16 * 1em);
    } */

    #productInfo .content7 .parameterList .parameterItem {
        padding: 0 0;
    }

    #productInfo .content7 .parameterList .parameterItem span {
        font-size: calc(8/16 * 1em);
    }


    #productInfo .content7 .parameterList .parameterItem span:nth-child(1) {
        width: 20%;
    }

    #productInfo .content7 .parameterList .parameterItem span:nth-child(2) {
        width: 35%;
    }
}

/* 第八栏 */
#productInfo .content8 {
    margin-top: 5%;
}

#productInfo .content8 .itemList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#productInfo .content8 .itemList .item {
    width: 31.5%;
    background-color: #f0f0f0;
    margin-right: 2%;
    margin-bottom: 2%;
}

#productInfo .content8 .itemList .item figure {
    padding-bottom: 78%;
}

#productInfo .content8 .itemList .item:nth-child(3n) {
    margin-right: 0%;
}


/* #productInfo .content8 .itemList .item:nth-of-type(2) {
    width: 35%;
} */

#productInfo .content8 .itemList .item .textBox {
    padding: 5%;
    color: #000;
}

#productInfo .content8 .itemList .item .textBox .tit {
    font-size: calc(20/16 * 1em);
    line-height: 1.75;
}

#productInfo .content8 .itemList .item .textBox p {
    font-size: calc(16/16 * 1em);
    line-height: 1.875;
    color: #666;
}

@media screen and (max-width:1024px) {
    #productInfo .content8 .itemList .item .textBox .tit {
        font-size: calc(16/16 * 1em);
    }

    #productInfo .content8 .itemList .item .textBox p {
        line-height: 1.5;
    }

    #productInfo .content8 .itemList .item {
        width: 47%;
    }

    #productInfo .content8 .itemList .item:not(:nth-child(2n)) {
        margin-right: 4%;
    }

    #productInfo .content8 .itemList .item .txt {
        padding: 1em;
    }
}

/* 平台详情页 */
.Bottom0001 {
    background: #eee;
    padding: 5% 0 0;
    height: auto;
    overflow: hidden;
}

.Bottom0001 .fl {
    width: 50%;
}

.Bottom0001 .fl .text {
    font-size: 16px;
    line-height: 28px;
    color: #444;
}

.Bottom0001 .fl .share {
    margin-bottom: 30px;
}

.Bottom0001 .fl .share a {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 10px;
    background: url(../images/bottom_share.png) no-repeat #1977fd;
    vertical-align: top;
    position: relative;
}

.Bottom0001 .fl .share .qr {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    margin-bottom: 15px;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #eee;
    width: 100px;
}

.Bottom0001 .fl .share .qr img {
    display: block;
    width: 100%;
    height: auto;
}

.Bottom0001 .fl .nav li {
    display: inline-block;
    margin-right: 22px;
    position: relative;
}

.Bottom0001 .fl .nav li:after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 2px;
    width: 1px;
    height: 15px;
    background: #aaa;
    transform: skewX(-15deg);
}

.Bottom0001 .fr {
    width: 40%;
}

.Bottom0001 .form {
    float: left;
    width: 100%;
}

.Bottom0001 .form li {
    position: relative;
}

.Bottom0001 .form li .left {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 15px;
    line-height: 39px;
}

.Bottom0001 .form textarea.text {
    height: 200px;
    margin-bottom: 0;
}

.Bottom0001 .form .text {
    border: 1px solid #ddd;
    width: 100%;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    background: #fff;
    margin-bottom: 2%;
}

.Bottom0001 .form li.last {
    background: #fff;
    padding: 10px;
    text-align: right;
    margin-top: -5px;
    border: 1px solid #ddd;
}

.Bottom0001 .form .btn {
    cursor: pointer;
    background: #1977fd;
    color: #fff;
    height: 37px;
    padding: 0 6%;
    border: none;
}

.Bottom0001 footer {
    max-width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #ccc;
    margin-top: 50px;
}

.Bottom0001 footer p {
    float: left;
    margin: 0;
    font-size: 14px;
}

.Bottom0001 footer dl {
    float: right;
}

.Bottom0001 footer dl a {
    position: relative;
    display: inline-block;
    font-size: 13px;
}

.Bottom0001 footer dl a+a {
    margin-left: 20px;
}

/* 第一栏内容 */
#platformInfo ul {
    list-style: none;
}

/* @media (min-width: 1025px) and (max-width: 1280px) {
    .root-w-1280 {
        font-size: 100px !important;
    }
} */

#platformInfo .content1 .contentBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #666;
}

#platformInfo .content1 .contentBox .contentTitle {
    font-size: calc(20/16 * 1em);
    color: #000000;
}

#platformInfo .content1 .contentBox .imgBox {
    max-width: 70%;
}

#platformInfo .content1 .contentBox .imgIntro {
    font-size: calc(16/16 * 1em);
    text-align: center;
}

#platformInfo .content1 .textBox {
    text-align: center;
    margin-top: calc(64/16 * 1em);
}

#platformInfo .content1 .textBox .title {
    color: #000;
    margin: 0;
}

#platformInfo .content1 .textBox .titleEn {
    font-size: calc(36/16 * 1em);
}

#platformInfo .content1 .textBox .titleCn {
    font-size: calc(36/16 * 1em);
}

#platformInfo .content1 .textBox .text {
    font-size: calc(20/16 * 1em);
}

#platformInfo .content1 .textBox .textShort span {
    display: inline-block;
    max-width: 70%;
}

@media screen and (max-width:1024px) {
    #platformInfo .content1 .contentBox .contentTitle {
        font-size: calc(10/16 * 1em);
    }

    #platformInfo .content1 .contentBox .imgBox {
        max-width: 50%;
    }

    #platformInfo .content1 .contentBox .imgIntro {
        font-size: calc(8/16 * 1em);
    }

    #platformInfo .content1 .textBox {
        margin-top: 0;
    }

    #platformInfo .content1 .textBox .titleEn {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content1 .textBox .titleCn {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content1 .textBox .text {
        font-size: calc(16/16 * 1em);
    }
}

/* 第二栏 */
#platformInfo .content2 {
    margin-top: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
}

#platformInfo .content2 .title {
    text-align: center;
    font-size: calc(36/16 * 1em);
}

#platformInfo .content2 .blodFontsize {
    color: #000;
}

#platformInfo .content2 .normalFontsize {
    color: #666;
}

#platformInfo .content2 .itemList {
    display: flex;
    justify-content: space-between;
    margin-top: 2%;
    flex-wrap: wrap;
}

#platformInfo .content2 .itemList .item {
    width: 24%;
    text-align: center;
}

#platformInfo .content2 .itemList .item p {
    font-size: calc(20/16 * 1em);
}

#platformInfo .content2 .itemList .item figure {
    padding-bottom: 55%;
}

@media screen and (max-width:1024px) {
    #platformInfo .content2 .itemList .item {
        width: 48.5%;
    }

    #platformInfo .content2 .itemList .item p {
        font-size: calc(16/16*1em);
    }

    #platformInfo .content2 .title {
        font-size: calc(20/16 * 1em);
    }
}

/* 第三栏 */
#platformInfo .content3 {
    margin-top: 5%;
    padding: 0 5%;
}

#platformInfo .content3 .title {
    color: #666;
    line-height: 1.5;
}

#platformInfo .content3 .title .blodFontsize {
    color: #000;
    font-size: calc(36/16 * 1em);
}

#platformInfo .content3 .title .normalFontsize {
    font-size: calc(20/16 * 1em);
}

#platformInfo .content3 .imgBox {
    max-width: 60%;
    margin: auto;
    margin-top: 5%;
    text-align: center;
}

#platformInfo .content3 .imgBox p {
    margin-top: 10%;
    font-size: calc(20/16 * 1em);
}

#platformInfo .content3 .imgList {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 5%;
    flex-wrap: wrap;
}

#platformInfo .content3 .imgList .imgItem {
    width: 18.5%;
    text-align: center;
    color: #000;
}

#platformInfo .content3 .imgList .imgItem .imgBox {
    min-height: calc(114/16 * 1em);
}

#platformInfo .content3 .imgList .imgItem p {
    font-size: calc(18/16 * 1em);
}

#platformInfo .content3 .intro {
    text-align: center;
    font-size: calc(20/16 * 1em);
}

@media screen and (max-width:1024px) {
    #platformInfo .content3 .title .blodFontsize {
        color: #000;
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content3 .imgList .imgItem {
        width: 30%;
    }

    #platformInfo .content3 .imgList .imgItem .imgBox {
        /* min-height: calc(45/16 * 1em); */
        min-height: auto;
        width: 50%;
    }

    #platformInfo .content3 .imgList .imgItem .imgBox img {
        width: 50%;
    }

    #platformInfo .content3 .title .normalFontsize {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content3 .imgList .imgItem p {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content3 .imgBox p {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content3 .intro {
        font-size: calc(16/16 * 1em);
    }
}

/* 第四栏 */
#platformInfo .content4 {
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#platformInfo .content4 div,
#platformInfo .content4 ul {
    width: 100%;
}

#platformInfo .content4 .weatherWorkBox {
    color: #000;
}

#platformInfo .content4 .weatherWorkBox>p {
    font-size: calc(36/16 * 1em);
    text-align: center;
}

#platformInfo .content4 .weatherWork {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#platformInfo .content4 .weatherWork .weatherWorkItem {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#platformInfo .content4 .weatherWork .weatherWorkItem p {
    font-size: calc(18/16 * 1em);

}

#platformInfo .content4 .weatherWork .weatherWorkItem .imgBox {
    max-width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#platformInfo .content4 .funcList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5%;
}

#platformInfo .content4 .funcList .funcItem {
    width: 48.5%;
    margin-bottom: 5%;
}

#platformInfo .content4 .funcList .funcItem .imgBox {
    max-width: 100%;
}

#platformInfo .content4 .funcList .funcItem .imgBox figure {
    padding-bottom: 55%;
}

#platformInfo .content4 .funcList .funcItem p {
    font-size: calc(20/16 * 1em);
    text-align: center;
    color: #000;
}

#platformInfo .content4 .buildList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#platformInfo .content4 .buildList .buildImg {
    width: 20%;
    margin: 0 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2%;
}


#platformInfo .content4 .buildList .buildImg .imgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(134/16 * 1em);
    max-width: 80%;
}

#platformInfo .content4 .buildList .buildImg .imgBox img {
    max-width: 30%;
}

#platformInfo .content4 .buildList .buildImg p {
    margin: 0;
    text-align: center;
    color: #000;
    margin-top: 10px;
    font-size: calc(18/16 * 1em);
}

@media screen and (max-width:1024px) {
    #platformInfo .content4 .buildList .buildImg {
        width: 45.5%;
    }

    #platformInfo .content4 .weatherWorkBox>p {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content4 .weatherWork .weatherWorkItem {
        min-height: calc(95/16 * 1em);
        width: 48.5%;
    }

    #platformInfo .content4 .weatherWorkBox .weatherWorkItem p {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content4 .funcList .funcItem p {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content4 .buildList .buildImg .imgBox {
        min-height: calc(60/16 * 1em);
    }

    #platformInfo .content4 .buildList .buildImg p {
        font-size: calc(16/16 * 1em);
    }

}

/* 第五栏 */
#platformInfo .content5 {
    margin-top: 10%;
    color: #000;
}

#platformInfo .content5 .workDot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#platformInfo .content5 .workDot .workDotList {
    flex: 1;
}

#platformInfo .content5 .workDot .workDotList h3 {
    font-size: calc(36/16 * 1em);
    margin: 0;
}

#platformInfo .content5 .workDot .workDotList li {
    color: #666;
    max-width: 80%;
    font-size: calc(18/16 * 1em);
    margin-top: 5px;
    line-height: 1.75;
}

#platformInfo .content5 .workDot .workDotList h3 {
    margin-bottom: 5%;
}

#platformInfo .content5 .workDot .imgBox {
    max-width: 50%;
}


#platformInfo .content5 .buildList {
    margin: 5% 0 10% 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


#platformInfo .content5 .buildList .buildImg {
    width: 20%;
    margin: 0 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2%;
}

#platformInfo .content5 .buildList .buildImg img {
    max-width: 30%;
}


#platformInfo .content5 .buildList .buildImg .imgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(134/16 * 1em);
    max-width: 80%;
    width: 100%;
}

#platformInfo .content5 .buildList .buildImg p {
    margin: 0;
    text-align: center;
    color: #000;
    margin-top: 10px;
    font-size: calc(18/16 * 1em);
}

@media screen and (max-width:1024px) {


    #platformInfo .content5 .buildList .buildImg .imgBox {
        min-height: calc(60/16 * 1em);
    }

    #platformInfo .content5 .buildList .buildImg {
        width: 45.5%;
    }

    #platformInfo .content5 .buildList .buildImg p {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content5 .workDot {
        flex-direction: column;
    }

    #platformInfo .content5 .workDot .workDotList h3 {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content5 .workDot .workDotList li {
        font-size: calc(16/16 * 1em);
    }

    #platformInfo .content5 .workDot .imgBox {
        max-width: 100%;
    }

    #platformInfo .content5 .workDot .workDotList h3,
    #platformInfo .content5 .workDot .workDotList li {
        margin-bottom: 2%;
    }

}

/* 第六栏 */
#platformInfo .content6 {
    color: #000;
}

#platformInfo .content6 .title {
    text-align: center;
    font-size: calc(36/18 * 1em);
}

#platformInfo .content6 .imgList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#platformInfo .content6 .imgList .imgBox {
    max-width: 30%;
    margin: 5%;
}

#platformInfo .content6 .parameterBox h3 {
    text-align: center;
    color: #000;
    font-size: calc(32/16 * 1em);
    margin-bottom: 1%;
    letter-spacing: calc(16/16 * 1em);
}

#platformInfo .content6 .parameterBox .parameterListBox {
    display: flex;
    justify-content: space-between;
}

#platformInfo .content6 .parameterBox .parameterListBox .parameterList {
    width: 45%;
}

#platformInfo .content6 .parameterBox .parameterListBox .parameterList li {
    display: flex;
    justify-content: space-between;
}

#platformInfo .content6 .parameterBox .parameterListBox .parameterList li:nth-of-type(2n+1) {
    background-color: #bfbfbf;
}

#platformInfo .content6 .ourService {
    display: flex;
    justify-content: space-between;
    margin-top: calc(60/16 * 1em);
    flex-wrap: wrap;
}

#platformInfo .content6 .ourService .textBox {
    max-width: 35%;
}

#platformInfo .content6 .ourService .topText {
    color: #211815;
    font-size: calc(28/16 * 1em);
}

#platformInfo .content6 .ourService .topText img {
    display: inline-block;
    vertical-align: baseline;
}

#platformInfo .content6 .ourService .textBox p {
    font-size: calc(20/16 * 1em);
    color: #666;
}

#platformInfo .content6 .ourService .textBox .tipBox p {
    font-size: calc(18/16 * 1em);
}

#platformInfo .content6 .ourService .textBox .tipBox {
    display: flex;
    justify-content: space-between;
}

#platformInfo .content6 .ourService .textBox .tipBox .tip::before {
    width: calc(10/16 * 1em);
    height: calc(10/16 * 1em);
    content: "";
    background-color: #1977f3;
    display: inline-block;
    margin-right: calc(10/16 * 1em);
}

#platformInfo .content6 .ourService .rightImgBox {
    width: 20%;
}

/* 改动1 */
#platformInfo .paramter aside.t-1 {
    font-size: calc(36 / 16 * 1em);
    color: #000;
    margin-bottom: 0.2em;
}

#platformInfo .paramter .txt {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}


#platformInfo .table_1 {
    border: 1px solid #ededed;
    overflow-x: scroll;
}

#platformInfo .table_1 tr {
    background: #fff;
}

#platformInfo .table_1 td:nth-child(1),
#platformInfo .table_1 td:nth-child(3) {
    width: 20%;
}

#platformInfo .table_1 td:nth-child(2),
#platformInfo .table_1 td:nth-child(4) {
    width: 30%;
}

#platformInfo .table_1 tr:nth-child(2n) {
    background: #f0f0f0;
}

#platformInfo .table_1 td {
    text-align: center;
    color: #333;
    border-collapse: collapse;
    line-height: 24px;
    padding: 15px;
    font-size: calc(16/16*1em);
}

@media screen and (max-width:1024px) {
    #platformInfo .paramter .txt {
        margin-bottom: 10px;
    }

    #platformInfo .content6 .parameterBox h3 {
        font-size: calc(24/16 * 1em);
        letter-spacing: calc(8/16 * 1em);
    }

    #platformInfo .paramter aside.t-1 {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content6 .parameterBox .parameterListBox .parameterList {
        font-size: calc(10/16 * 1em);
    }

    #platformInfo .content6 .ourService .textBox {
        width: 100%;
        max-width: 100%;
    }


    #platformInfo .content6 .title {
        font-size: calc(20/18 * 1em);
    }


    #platformInfo .content6 .ourService .topText img {
        max-width: 100px;
    }

    #platformInfo .content6 .ourService .rightImgBox {
        width: 100%;
    }

    #platformInfo .content6 .ourService .topText {
        font-size: calc(20/16 * 1em);
    }

    #platformInfo .content6 .ourService .textBox p {
        font-size: 14px;
    }

    #platformInfo .content6 .ourService .textBox .tipBox p {
        font-size: 14px;
    }

    /* 
    #platformInfo .table_1 td {
        font-size: calc(12/16*1em);
    } */
}

/* eduInfo */
.eduinfoMainPage {
    padding: 0;
}


/* 第一栏 */
#eduInfo .content1 {
    background-color: #fff;
    height: 85vh;
    background-image: url(../images/eduInfo-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 80%;
    padding-top: 5%;
}

#eduInfo .content1 p {
    margin: 0;
}

#eduInfo .content1 .title {
    color: #000;
    font-size: calc(36/16 * 1em);
    text-align: center;
}

#eduInfo .content1 .version {
    text-align: center;
    font-size: calc(36/16 * 1em);
}

@media screen and (max-width:1024px) {
    #eduInfo .content1 .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content1 .version {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content1 {
        height: 40vh;
        background-size: 44vh auto;
        background-position: center 80%;
    }
}

/* 第二栏 */

#eduInfo .content2 {
    height: 85vh;
    background-color: #a8a8a8;
    background-image: url(../images/底盘2.png);
    background-repeat: no-repeat;
    background-size: 85vh auto;
    background-position: 85% center;
    display: flex;
    align-items: center;
}

#eduInfo .content2 .introList li {
    color: #fff;
    font-size: calc(20/16 * 1em);
    margin-bottom: 2%;
    max-width: 84%;
    position: relative;
}

@media screen and (max-width:1024px) {
    #eduInfo .content2 {
        height: 65vh;
        background-size: 37vh auto;
        background-position: 100% 100%;
        padding: 8% 5%;
    }

    #eduInfo .content2 .introList li {
        color: #fff;
        font-size: calc(20/16 * 1em);
        margin-bottom: 2%;
        max-width: 100%;
    }
}

/* 第三栏 */
#eduInfo .content3 {
    background-image: url(../images/底盘3.png);
    height: 85vh;
    background-repeat: no-repeat;
    background-size: 55vh auto;
    background-position: left center;
    display: flex;
    align-items: center;
    justify-content: right;
}

#eduInfo .content3 .textBox {
    max-width: 45%;
}

#eduInfo .content3 .textBox p {
    margin: 0;
}

#eduInfo .content3 .textBox .title {
    color: #000;
    font-size: calc(36/16 * 1em);
    margin-bottom: 1em;
}

#eduInfo .content3 .textBox .text {
    line-height: 2;
    font-size: calc(18/16 * 1em);
}

@media screen and (max-width:1700px) {
    #eduInfo .content3 .textBox {
        max-width: 40vw;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    /* .root-w-1040 {
        font-size: calc(16/16 * 1em);
    } */

    /* .root-w-1280 {
        font-size: calc(16/16 * 1em);
    } */

    .root-w-1920{font-size: calc(16/16 * 1em);}

}

@media screen and (max-width:1280px) {
    #eduInfo .content3 {
        height: 60vh;
    }

    #eduInfo .content3 .textBox {
        max-width: 35vw;
    }
}

@media screen and (max-width:1024px) {
    #eduInfo .content3 {
        height: 55vh;
        background-image: none;
        justify-content: start;
    }

    #eduInfo .content3 .textBox {
        max-width: 100%;
        margin-right: 5%;
    }

    #eduInfo .content3 .textBox .title {
        font-size: 20px;
    }

    #eduInfo .content3 .textBox .text {
        line-height: 2;
        margin-top: 5%;
    }
}

@media screen and (max-width:768px) {
    #eduInfo .content3 {
        height: 90vh;
        background-image: none;
        justify-content: start;
    }

}

/* 第四栏 */
#eduInfo .content4 ul {
    list-style: none;
}

#eduInfo .content4 .title {
    margin: 0;
    font-size: calc(36/16 * 1em);
    color: #000;
    margin-bottom: .2em;
}

#eduInfo .content4 .hardwareBuild .buildList {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#eduInfo .content4 .hardwareBuild .buildList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

#eduInfo .content4 .hardwareBuild .buildList li {
    border: 10px solid #f5f5f5;
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 20%;
    text-align: center;
    font-size: calc(18/16 * 1em);
}

#eduInfo .content4 .hardwareBuild .buildList li p {
    margin: 0;
}

#eduInfo .content4 .hardwareBuild .buildList .imgBox {
    max-width: 40%;
    min-height: calc(115/16*1em);
    display: flex;
    align-items: center;
}

#eduInfo .content4 .textBuild .textList {
    display: flex;
    flex-wrap: wrap;
}

#eduInfo .content4 .textBuild .textList li {
    width: 25%;
    display: flex;
    align-items: center;
    margin-bottom: 1%;
    font-size: calc(18/16 * 1em);
}

#eduInfo .content4 .textBuild .textList li::before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url(../../uploadfiles/image/24gf-fileText.png);
    margin-right: 5px;
}

#eduInfo .content4 .hardwareBuild .buileTitle {
    margin: 0;
    font-size: calc(20/16 * 1em);
    line-height: 1.75;
}

@media screen and (max-width:1280px) {
    #eduInfo .content5 .rightContent {
        width: 25%;
    }

    #eduInfo .content4 .hardwareBuild .buildList .imgBox {
        min-height: auto;
    }
}


@media screen and (max-width:1024px) {
    #eduInfo .content4 .title {
        font-size: 20px;
    }

    #eduInfo .content4 .hardwareBuild .buildList li {
        width: 50%;
        max-width: 50%;
        height: auto;
    }

    #eduInfo .content4 .hardwareBuild .buileTitle {
        font-size: 20px;
    }

    #eduInfo .content4 .hardwareBuild .buildList li p {
        margin-top: 5%;
    }

    #eduInfo .content4 .textBuildTitle {
        font-size: 20px;
    }

    #eduInfo .content4 .textBuild .textList li {
        width: 100%;
    }

    #eduInfo .content4 .hardwareBuild .buildList .imgBox {
        min-height: calc(38/16 * 1em);
        display: flex;
        align-items: center;
    }
}

/* 第五栏 */
#eduInfo .content5 .topContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5%;
}

#eduInfo .content5 .leftText {
    width: 30%;
}

#eduInfo .content5 .leftText .textBox {
    margin-bottom: 12.5%;
}

#eduInfo .content5 .leftText .textBox p {
    margin: 0;
    font-size: calc(20/16 * 1em);
}

#eduInfo .content5 .leftText .textBox .blodFont {
    color: #000;
    font-size: calc(32/16 * 1em);
}

#eduInfo .content5 .middle {
    max-width: 45%;
}

#eduInfo .content5 .rightContent {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: end;
}


#eduInfo .content5 .rightContent .textBox .blackFont {
    font-size: calc(24/16 * 1em);
    color: #000;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 12.5%;
}

#eduInfo .content5 .rightContent .imgList {
    display: flex;
    justify-content: space-between;
    margin: 10% 0;
}

#eduInfo .content5 .rightContent .attrList .attr {
    font-size: calc(20/16 * 1em);
}

#eduInfo .content5 .rightContent .attrList .attr::marker {
    color: #3399ff;
    font-size: calc(20/16 * 1em);
}


#eduInfo .content5 .middleDecorate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2% 0;
}

#eduInfo .content5 .middleDecorate .decorate {
    width: 46%;
    height: 1px;
    background-color: #000;
}

#eduInfo .content5 .middleDecorate .decorateImg{
    display: flex;
}

#eduInfo .content5 .bottomContent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4%;
}

#eduInfo .content5 .bottomContent .leftImg {
    display: flex;
    width: 50%;
}

#eduInfo .content5 .bottomContent .leftImg .imgBox {
    max-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

#eduInfo .content5 .bottomContent .leftImg .imgBox img {
    max-width: 80%;
}

#eduInfo .content5 .bottomContent .leftImg .btnBox {
    position: absolute;
    right: 0;
    bottom: 15%;
    display: flex;
    width: 100px;
    height: 40px;
    justify-content: space-around;
}

#eduInfo .content5 .bottomContent .leftImg .btnBox .btn {
    width: 40%;
    height: 100%;
    background-color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#eduInfo .content5 .bottomContent .rightText {
    width: 50%;
    text-align: center;
}

#eduInfo .content5 .bottomContent .itemList .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#eduInfo .content5 .bottomContent .rightText h3 {
    color: #000;
    font-size: calc(36/16 * 1em);
}

#eduInfo .content5 .bottomContent .rightText .itemList .item .title {
    color: #00a2ff;
    font-size: calc(20/16* 1em);
    margin: 0;
}

#eduInfo .content5 .bottomContent .rightText .itemList .item .text {
    font-size: calc(18/16* 1em);
    line-height: 2;
    max-width: 280px;
}

@media screen and (max-width:1280px) {
    #eduInfo .content5 .middle{
        width:40%;
    }
}



@media screen and (max-width:1024px) {
    #eduInfo .content5 .topContent {
        flex-direction: column;
        align-items: start;
    }

    #eduInfo .content5 .middle {
        max-width: 100%;
    }

    #eduInfo .content5 .rightContent {
        align-items: start;
        width: 100%;
        margin-top: 5%;
    }

    #eduInfo .content5 .leftText .textBox .blodFont {
        font-size: 20px;
    }

    #eduInfo .content5 .leftText .textBox p {
        font-size: 16px;
    }

    #eduInfo .content5 .rightContent .textBox .blackFont {
        font-size: 16px;
        line-height: 1.4;
    }

    #eduInfo .content5 .bottomContent .rightText h3 {
        font-size: 20px;
    }

    #eduInfo .content5 .rightContent .attrList .attr {
        font-size: 16px;
    }

    /* #eduInfo .content5 .rightContent .imgList {
        margin: 2% 0;
    }

    #eduInfo .content5 .rightContent .imgList .imgBox {
        max-width: 25%;
    } */

    #eduInfo .content5 .rightContent .imgList {
        width: 100%;
    }

    #eduInfo .content5 .rightContent .imgList .imgBox {
        width: 30%;
    }

    #eduInfo .content5 .leftText .textBox {
        margin-bottom: 10%;
    }

    #eduInfo .content5 .bottomContent {
        flex-direction: column;
    }

    #eduInfo .content5 .bottomContent .leftImg {
        width: 100%;
    }

    #eduInfo .content5 .bottomContent .rightText {
        width: 100%;
    }

    #eduInfo .content5 .bottomContent .leftImg .imgBox img {
        max-width: 100%;
    }

    #eduInfo .content5 .bottomContent .leftImg .btnBox {
        right: -30%;
        bottom: 5%;
    }
}

@media screen and (max-width:768px) {
    #eduInfo .content5 .topContent {
        flex-direction: column;
        align-items: start;
    }

    #eduInfo .content5 .leftText .textBox .blodFont {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content5 .leftText .textBox p {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content5 .middle {
        max-width: 100%;
    }

    #eduInfo .content5 .rightContent {
        align-items: start;
        width: 100%;
        margin-top: 5%;
    }

    #eduInfo .content5 .rightContent .textBox .blackFont {
        font-size: calc(16/16 * 1em);
        line-height: 1.4;
    }

    #eduInfo .content5 .rightContent .attrList {
        padding-left: 5%;
    }

    #eduInfo .content5 .rightContent .attrList .attr {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content5 .rightContent .attrList .attr::marker {
        color: #3399ff;
        font-size: calc(25/16 * 1em);
    }

    #eduInfo .content5 .rightContent .imgList {
        width: 100%;
    }

    #eduInfo .content5 .rightContent .imgList .imgBox {
        width: 30%;
    }

    #eduInfo .content5 .rightContent .imgList .imgBox img {
        max-width: none;
    }
}

/* 第六栏 */
#eduInfo .content6 .topContent {
    background-image: url(../images/07_Main_0002-0-00-00-00.png);
    height: 100vh;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

#eduInfo .content6 .topContent .textBox {
    color: #000;
}

#eduInfo .content6 .topContent .textBox .title {
    font-size: calc(36/16 * 1em);
}

#eduInfo .content6 .topContent .textBox .text {
    font-size: calc(20/16 * 1em);
    color: #333;
}

@media screen and (max-width:1680px) {
    #eduInfo .content6 .topContent {
        height: 60vh;
    }
}


@media screen and (max-width:1280px) {
    #eduInfo .content6 .topContent {
        height: 50vh;
    }
}

@media screen and (max-width:1024px) {
    #eduInfo .content6 .topContent {
        height: 30vh;
    }

    #eduInfo .content6 .topContent .textBox .title {
        font-size: 20px;
    }

    #eduInfo .content6 .topContent .textBox .text {
        font-size: 16px;
    }
}

/* 第七栏 */
#eduInfo .content7 .funcList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin: 50px 0;
}

#eduInfo .content7 .funcList .funcItem {
    text-align: center;
    color: #000;
}

#eduInfo .content7 .funcList .funcItem .imgBox {
    min-height: calc(133/16 * 1em);
}


#eduInfo .content7 .funcList .funcItem .intro {
    font-size: calc(20/16 * 1em);
    margin: 0;
    line-height: 2;
}



@media screen and (max-width:1024px) {
    /* #eduInfo .content7 .funcList .funcItem .intro {
        font-size: calc(16/16* 1em);
    } */

    #eduInfo .content7 .funcList .funcItem .intro {
        font-size: 16px;
    }

    #eduInfo .content7 .funcList .funcItem .imgBox {
        min-height: auto;
    }

    #eduInfo .content7 .funcList .funcItem .imgBox img {
        max-width: 25%;
    }

    #eduInfo .content7 .funcList {
        flex-wrap: wrap;
        margin: 20px 0;
    }


    #eduInfo .content7 .funcList .funcItem {
        width: 50%;
        margin-bottom: 10px;
    }
}

/* @media screen and (max-width:768px) {
    #eduInfo .content7 .funcList{
        flex-direction: column;
    }
} */

/* 第八栏 */
#eduInfo .content8 {
    background-image: url(../images/eudinfo第8栏背景.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 50vh;
    background-position: center;
    padding-top: 1%;
}

#eduInfo .content8 .textBox {
    color: #000;
}


#eduInfo .content8 .textBox p span {
    font-size: calc(20/16 * 1em);

}

#eduInfo .content8 .textBox .title {
    font-size: calc(36/16 * 1em);
    line-height: 2;
}

#eduInfo .content8 .textBox .tip {
    color: #666;
}

#eduInfo .content6 .topContent .textBox .text {
    color: #666;
}

@media screen and (max-width:1280px) {
    #eduInfo .content8 {
        height: 30vh;
    }
}

@media screen and (max-width:1024px) {
    #eduInfo .content8 {
        height: 22vh;
    }

    #eduInfo .content8 .textBox .title {
        font-size: 20px;
    }

    #eduInfo .content8 .textBox .tip {
        font-size: 16px;
    }
}

@media screen and (max-width:768px) {
    #eduInfo .content2 {
        height: 45vh;
    }

    #eduInfo .content8 {
        height: 15vh;
    }

    #eduInfo .content1 .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content1 .version {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content2 .introList li {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content3 .textBox .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content3 .textBox .text {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content4 .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content4 .hardwareBuild .buileTitle {
        font-size: calc(20/16 * 1em);

    }

    #eduInfo .content4 .hardwareBuild .buildList li p {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content4 .textBuildTitle {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content4 .textBuild .textList li {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content5 .leftText {
        width: auto;
    }

    #eduInfo .content5 .bottomContent .rightText h3 {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content5 .bottomContent .rightText .itemList .item .title {
        font-size: calc(20/16 * 1em);

    }

    #eduInfo .content5 .bottomContent .rightText .itemList .item .text {
        font-size: calc(16/16 * 1em);

    }

    #eduInfo .content6 .topContent .textBox .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content6 .topContent .textBox .text {
        font-size: calc(16/16 * 1em);
    }

    #eduInfo .content7 .funcList .funcItem .intro {
        font-size: calc(16/16 * 1em);

    }

    #eduInfo .content8 .textBox .title {
        font-size: calc(20/16 * 1em);
    }

    #eduInfo .content8 .textBox .tip {
        font-size: calc(16/16 * 1em);
    }
}

/* 联系我们 */
#eduInfo .contactUs {
    display: flex;
    justify-content: space-around;
    margin-top: 1%;
}

#eduInfo .contactUs .w_1280 {
    max-width: 1280px;
}

#eduInfo .contactUs p {
    margin: 0;
}

#eduInfo .contactUs .leftText .title {
    font-size: calc(32/16 * 1em);
    color: #05a1ff;
}

#eduInfo .contactUs .leftText .intro {
    font-size: calc(16/16 * 1em);
    line-height: 2;
    margin-top: 1%;
}

#eduInfo .contactUs .leftText .please {
    color: #000;
    margin-top: 5%;
}

#eduInfo .contactUs form {
    width: 40%;
}

#eduInfo .contactUs form .inputBox {
    display: flex;
}

#eduInfo .contactUs form .inputBox:not(:nth-of-type(1)) {
    margin-top: 15px;
}

#eduInfo .contactUs form input,
#eduInfo .contactUs form textarea,
#eduInfo .contactUs form select {
    width: 100%;
    border: 2px solid #e2e7f4;
    background-color: transparent;
    color: #287dfe;
    padding: 10px 0 10px 5px;
}

#eduInfo .contactUs form input::placeholder，#eduInfo .contactUs form textarea::placeholder {
    color: #9fb5da;
}

#eduInfo .contactUs .submit {
    background-color: #287dfe;
    color: #fff;
}

#eduInfo .contactUs .inputBox:nth-last-child(1) {
    position: relative;
}

#eduInfo .contactUs .inputBox:nth-last-child(1)::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/submit_03.png);
    position: absolute;
    left: 43%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media screen and (max-width:1280px) {
    #eduInfo .contactUs .leftText .title {
        font-size: 40px;
    }

    #eduInfo .contactUs .leftText .intro {
        font-size: 14px;
    }

    #eduInfo .contactUs .leftText .please {
        font-size: 16px;
    }

    #eduInfo .contactUs .inputBox:nth-last-child(1)::before {
        left: 41%;
    }

}

@media screen and (max-width:1024px) {
    #eduInfo .contactUs {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #eduInfo .contactUs .leftText .title {
        font-size: calc(32/16 * 1em);
    }

    #eduInfo .contactUs .leftText .intro {
        font-size: calc(14/16 * 1em);
    }

    #eduInfo .contactUs form {
        margin-top: 5%;
        width: 100%;
    }

    #eduInfo .contactUs .inputBox:nth-last-child(1)::before {
        left: 44%;
    }
}

/* 5-11修改 */
.Product .bg{
    color: #000;
}
.Product .bg:not(.no_mask):before{
    background-color: #fff;
}

.Product  .width_840 {max-width: 840px; margin: 0 auto;}

/* 机器人底盘 */
#chassis ul{
    list-style: none;
}

#chassis .content2 h3 {
    font-size: calc(36/16 * 1em);
    color: #000;
    text-align: center;
}

#chassis .content2 .imgBox {
    max-width: 100%;
    margin-bottom: 2%;
}

#chassis .content2 .content2Ul {
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #666;
}

#chassis .content2 .content2Ul .content2Li {
    width: 18.5%;
}

#chassis .content2 .content2Ul .content2Li h4 {
    font-weight: normal;
    margin: 0;
    margin-bottom: 10px;
    font-size: calc(20/16 * 1em);
    color: #333;
}

#chassis .content2 .content2Ul .content2Li p {
    font-size: calc(16/16 * 1em);
    line-height: 1.875;
    margin: 0;

}

#chassis .content2 .content2parameter>input {
    display: none;
}


#chassis .content2 .content2parameter>input:nth-of-type(1):checked~.optionBox label:nth-of-type(1)::after {
    content: "";
    width: 200%;
    position: absolute;
    height: 2px;
    display: block;
    background-color: #5336fa;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

#chassis .content2 .content2parameter>input:nth-of-type(2):checked~.optionBox label:nth-of-type(2)::after {
    content: "";
    width: 200%;
    position: absolute;
    height: 2px;
    display: block;
    background-color: #5336fa;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}




#chassis .content2 .content2parameter .optionBox {
    display: flex;
    justify-content: space-around;
    margin-top: calc(32/16 *1em);
    border-bottom: 2px solid #cccccc;
}

#chassis .content2 .content2parameter .optionBox label {
    color: #666;
    font-size: calc(20/16 * 1em);
    position: relative;
    padding-bottom: calc(10/16 *1em);
}

#chassis .content2 .content2parameter .parameterList .parameterItem {
    display: flex;
    border-bottom: 1px solid #cccccc;
    padding: 8px 0;
    color: #666;
}

#chassis .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(1) {
    width: 21%;
}

#chassis .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(2) {
    flex: 1;
}

#chassis .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(3) {
    width: 29%;
}

#chassis .table_1{
    display: flex;
    overflow-x: scroll;
}

#chassis .table_1 .keyList{
    width: 20%;
}

#chassis .table_1 ul li,#chassis .table_1 .itemCheck .parmetertitle,#chassis .table_1 .keyList .parmetertitle{
    text-align: center;
    color: #333;
    border-collapse: collapse;
    line-height: 24px;
    padding: 15px;
    font-size: calc(16/16*1em);
    white-space: nowrap;
}

#chassis .table_1 .itemCheck .parmetertitle,#chassis .table_1 .keyList .parmetertitle{
    border-bottom: 2px solid #cccccc;
    color: #666;
    font-size: calc(20/16 * 1em);
    position: relative;
    padding-bottom: calc(10 / 16* 1em);
}

#Content2Radio2:checked ~ .content2parameter .itemCheck:nth-of-type(2) .parmetertitle{
    border-bottom: 2px solid #000;
}

#Content2Radio1:checked ~ .content2parameter .itemCheck:nth-of-type(1) .parmetertitle{
    border-bottom: 2px solid #000;
}

#chassis .table_1 ul li:nth-of-type(3n+1){
    background-color: #f0f0f0;
}

#chassis .table_1 .itemCheck{
    width: 40%;
}

#chassis .content2radio{
    display: none;
}

#chassis .backTitleBox{color: #fff; text-align: right;}
#chassis .backTitleBox .titlediv{font-size: calc(24/16 * 1em); line-height: 2;}
#chassis .backTitleBox aside{font-size: calc(20/16 * 1em); line-height: 1.5;}


@media (min-width: 1025px) and (max-width: 1280px) {
    #chassis .content2 .content2parameter .parameterList .parameterItem {
        font-size: calc(16/16 * 1em);
    }
}


@media screen and (max-width:1024px) {
    #chassis .content2 h3 {
        font-size: calc(20/16 * 1em);
    }

    #chassis .content2 .content2Ul .content2Li h4 {
        font-size: calc(18/16 * 1em);
    }

    #chassis .content2 .content2Ul .content2Li p {
        font-size: calc(16/16 * 1em);
    }

    #chassis .content2 .content2Ul .content2Li {
        width: 48%;
    }

    #chassis .content2 .content2parameter .optionBox {
        justify-content: space-evenly;
    }

    #chassis .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(1) {
        width: 22.285%;
    }

    #chassis .content2 .content2parameter .parameterList .parameterItem span:nth-of-type(3) {
        width: 39.145%;
    }
    #chassis .backTitleBox .titlediv{
        font-size: calc(20/16 * 1em);
    }
    #chassis .backTitleBox aside{
        font-size: calc(16/16 * 1em);
    }
}

@media (max-width:640px){
    #chassis .table_1 .itemCheck{width: 50%;}
}

@media (max-width:500px){
    #chassis .table_1 .itemCheck{width: 65%;}
    #chassis .table_1 .keyList{width: 30%;}
}

.Product .nopadding{
    padding: 5vw 0;
}

#productInfo .table_1 td:nth-child(1){
    width: 10%;
}
#productInfo .table_1 td:nth-child(2),#productInfo .table_1 td:nth-child(3){
    width: 40%;
}


/* 底盘导航 */
.dropdown-menu{
    padding: calc(30/16 * 1em) 0;max-height: 90vh;  overflow-y: auto;
}

.dropdown-menu .container{
    margin-left: auto;
    margin-right: calc(80/16 * 1em);
}

.dropdown-menu .container-full{
    width: initial !important;
    max-width: 62.5%;
    margin: 0px auto;
}
.dropdown-menu .container dl dt{border-bottom: 1px solid #e8e8e8;font-weight: 400;letter-spacing: 1px;margin-bottom: 10px;padding: 0 0 10px;color: rgba(0, 0, 0,.5);display: block;}
.dropdown-menu .container dl dd{display: flex;margin-bottom: calc(20/16 * 1em); gap: calc(20/16 * 1em) 0; flex-wrap: wrap; justify-content: flex-start;}
.dropdown-menu .container dl dd a{display: flex;flex-direction: column;align-items: center;font-size: 16px;line-height: 20px;width: 16.6666%;}

/* .dropdown-menu .container dl dd a:not(:nth-last-of-type(1)){margin-right: calc(45/1920 * 100vw);} */
.dropdown-menu .container dl dd a:hover .blodFont{color: var(--blue);}
.dropdown-menu .container dl dd a:hover span.weight{color: var(--blue);}
.dropdown-menu .container dl dd a span.blodFont{font-weight: normal;color: rgba(0, 0, 0, .5);font-size: 16px;}
.dropdown-menu .container dl dd a span{color: rgb(34, 34, 34);text-align: center;line-height: normal;}
.dropdown-menu .container dl dd a span.weight{font-size: 14px;}
.dropdown-menu .container dl dd img{max-height: 40px;margin: 0 auto 6px;}
.sub-nav{background-color: #fff;padding: 0 calc(80/16 * 1em);}
.sub-nav:not(:nth-last-of-type(1)){margin-bottom: calc(20/16 * 1em);}
.sub-nav aside{margin-left: auto;font-size: calc(14/16 * 1em); color: rgba(0, 0, 0, .5); margin-bottom: 10px; padding: 0 0 10px; border-bottom: 1px solid #e8e8e8;} 
.sub-nav .nav{color: #878787;display: flex;justify-content: space-between;list-style: none;margin-left: auto;}
.dropdown-menu:has(.container) .sub-nav{display: none;}
.sub-nav .nav .nav-item{margin-right: calc(30/16 * 1em); min-width: 14.3%;}
.sub-nav .nav-link{align-items: center;display: flex;flex-direction: column;}
.sub-nav .nav-link span{line-height: normal;}

.w_94{width: 94%;}

@media(max-width:1024px){
.dropdown-menu .container{max-width: 100%; padding: 0 calc(20/16 * 1em); margin: 0 auto;}
.dropdown-menu .container dl dd{gap: calc(10/16 * 1em) 0;}
.dropdown-menu .container dl dd a{width: 33.33333%; }
.sub-nav .nav-link span{font-size: calc(12/16 * 1em);}
}
@media(max-width:640px){
.dropdown-menu .container dl dd a{width:50%; }
}

/* 界面合成 */
 .about-banner{padding: calc(150/16 * 1em) 0;}
 .about-banner .about-bwrap{position: relative;max-width: 840px;margin: 0 auto}
 .about-banner .about-bwrap .about-btitle{font-size: calc(32/16 * 1em); color: #000; margin: 0;}
 .about-banner .about-bwrap .comm-desc{margin-top: 1.5em; max-width: 73%;}
.MainPage  .comm-title {font-weight: 700;line-height: 1.25;}
.MainPage  .comm-desc {line-height: 1.5;}
 .companyCulture{background-color: #0039c8;}
 .companyCulture .bg-blue {max-width: 840px; margin: 0 auto; padding-top: calc(150/16 * 1em); padding-bottom: calc(200/16 * 1em); position: relative;}
 .companyCulture .sec-title{ color: #fff;}
 .companyCulture .menu{max-width: 840px;margin: 0 auto;display: flex; justify-content: center;padding-top: 2em;}
 .companyCulture .menu li{padding: 0 2rem;border-right: 1px solid rgba(255, 255, 255, 0.5);}
 .companyCulture .menu li:last-child{border-right: none;}
 .companyCulture .menu li:first-child .menu-item{border-bottom: 2px solid #ffffff;}
 .companyCulture .menu .menu-item{color: rgba(255, 255, 255, 0.75);padding-bottom: 1em;font-size: calc(14 / 16* 1em);}
 .companyCulture .menu .menu-item.active{border-bottom: 2px solid #ffffff;}
 .companyCulture .menu .menu-item:hover{border-bottom: 2px solid #ffffff;}

 .companyCulture .titleBox p{font-size: calc(14/16 * 1em); color: rgba(255, 255, 255, .5); margin: 0; margin-top: 1.5em;}
 .companyCulture .list{display: flex; justify-content: space-between; padding: 0 calc(20/16 * 1em); margin-top: calc(80/16 * 1em);}
 .companyCulture .list li{width: 30.625%;}
 .companyCulture .list .comm-title{font-size: calc(14/16 * 1em); margin: 0;}
 .companyCulture .list .comm-desc p{font-size: calc(14/16 * 1em); color: rgba(255, 255, 255, .75); margin: 0;}
 .companyCulture .list .abouta-item__ico{margin-bottom: calc(32/16 * 1em);}
 .companyCulture .list .comm-desc {margin-top: 1em;}
 
.theHistory .slick-aht-box {width:40%;}
.theHistory .slick-aht-box .slicklist{padding-bottom: 80px}
.theHistory .aht-item__year {color: var(--c000);padding: 0; margin: 0; font-weight: normal}
.theHistory .aht-item__desc { overflow: hidden;line-height: 2; overflow: auto;height: calc(165/16 * 1em); color: #333; margin-top: calc(20/16 * 1em);}

.theHistory .slick-ahp-box {width:50%;}
.theHistory .slick-ahp-box img{width: 100%;border-radius:20px}
.theHistory .slick-ahy-box {position: relative;z-index: 1;margin-bottom: 4%;}
.theHistory .slick-ahy-box .slick-list{padding-top: 20px;}
.theHistory .slick-ahy-box .slick-slide{border-top: 1px solid rgba(0,0,0,0.2); text-align: center}
.theHistory .ahy-item {cursor: pointer; position: relative; padding-top: 1em;font-weight: 500;line-height: 1;color: #d4d5d8;transition: all .3s;display: inline-block;}
.theHistory .ahy-item::before {content: "";position: absolute;top: -5px; right: 0;left: 0;margin: auto; width: 10px; height: 10px;background-color: #999999;border-radius: 100px;transition: all .3s; box-shadow: 0 0 0 5px rgba(153,153,153,0.1)}

.theHistory .slick-arrow{bottom:0; z-index: 10; width: calc(40/16 * 1em); height: calc(40/16 * 1em); background:#F8F8F8; position: absolute; font-size: 1em; text-indent: -9999em; overflow: hidden; border-radius: 100%}
.theHistory .slick-arrow:before{content: '';left: 0; top: 0; position: absolute; width: 100%; height: 100%;background:no-repeat center center;}
.theHistory .slick-arrow.slick-prev{left: 0;}
.theHistory .slick-arrow.slick-next{left:75px;}
.theHistory .slick-arrow.slick-prev:before{ background-image: url(../images/arrow-prev.svg)}
.theHistory .slick-arrow.slick-next:before{ background-image: url(../images/arrow-next.svg)}
.theHistory .slick-arrow:hover{background-color: var(--blue)}
.theHistory .slick-arrow:hover:before{filter: brightness(0) invert(1);}
@media(max-width:768px){
.theHistory{margin-top: 0!important}
.theHistory .slick-aht-box .slicklist{padding-bottom: 0}
.theHistory .slick-arrow{bottom: -60px}
.theHistory .slick-arrow.slick-prev{left:auto; right: 120%}
.theHistory .slick-arrow.slick-next{left: 30%}
}

 .slick-current .ahy-item{color: var(--blue); font-size:36px}
 .slick-current .ahy-item::before {transform: scale(1.5);background: var(--blue); box-shadow: 0 0 0 5px rgba(24,117,247,0.1)}
 
 .companyPower{position: relative;}
 .companyPower .inner{max-width: 840px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
 .companyPower .inner .list{margin-top: calc(40/16 * 1em); gap: calc(40/16 * 1em); display: flex; flex-wrap: wrap; min-width: 21.55%; justify-content: space-between;}
 .companyPower .inner .list li{ min-width: 25%;}
 .companyPower .inner .list li .ihonor-item__title .num {display: inline-block; line-height: 1;font-size: calc(64/16 * 1em);color: var(--blue); font-weight: bold;}
 .companyPower .inner .list li .ihonor-item__title .ico{font-size: calc(64/16 * 1em); color: var(--blue); font-weight: bold; line-height: 1; margin-left: .3em;}
 .companyPower .inner .list li .ihonor-item__desc p{font-size: calc(14/16 * 1em); color: #333; margin: 0; margin-top: .5em;}
 .companyPower figure img{width: 100%;}
 .companyPower figure img.app{display: none;}

 .companyNews .inner{max-width: 840px; margin: 0 auto; padding: calc(150/16 * 1em) 0;}
 .companyNews .newList{display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(75/16 * 1em) 0; margin: 0 calc(20/16 * 1em); margin-top: calc(50/16 * 1em);}
 .companyNews .newList li{width: 46.875%;}
 .companyNews .newList li p{margin: 0;}
 .companyNews .newList li aside{font-size: calc(16/16 * 1em); font-weight: bold; color: #000; line-height: 2.25; border-bottom: 1px solid #000;}
 .companyNews .newList li .time{font-size: calc(12/16 * 1em); color: rgba(0, 0, 0, .5); margin: 1em 0;}
 .companyNews .newList li .intro{font-size: calc(14/16 * 1em); color: #333; height: 2.7em;}
 .companyNews .newList li figure{margin-top: calc(40/16 * 1em);}

@media(max-width:1024px){
     .companyCulture .menu li{padding: 0 1em;}
    .theHistory .slick-ahy-box .slick-list .slick-list{margin-left: calc(30/16 * 1em); padding-top: 0;}
    .theHistory .historyInner{width: 100%;}
    .theHistory .slick-aht-box{width:50%;}
    .theHistory .aht-item__desc{margin-top: 0;}
    .theHistory .aht-item__desc ul{padding: 0;}
    
    .theHistory .aht-item__desc li{font-size: calc(12/16 * 1em);}
    .theHistory .aht-item__year{display: none;}
    .theHistory .slick-ahy-box .slick-list .slick-list{padding-top: calc(50/16 * 1em);}
    .theHistory .slick-ahy-box{margin-top: 20px;padding: 0 calc(40 / 16* 1em);}
    .theHistory .ahy-item::before{border-radius: 9999px;}
     .about-banner{width: 100%; padding: calc(30/16 * 1em) calc(65/16 * 1em) calc(150/16 * 1em);}
     .about-banner .about-bwrap .about-btitle{font-size: calc(16/16 * 1em); text-align: center;}
     .about-banner .about-bwrap .comm-desc{font-size: calc(12/16 * 1em); max-width: 100%;}
     .companyCulture .menu .menu-item{font-size: calc(12 / 16* 1em);}
     .companyCulture .titleBox p{display: none;}
     .companyCulture .bg-blue{width: 100%; padding: calc(40/16 * 1em);}
     .companyCulture .list{margin-top: calc(30/16 * 1em); padding: 0;}
     .companyCulture .list .comm-title{font-size: calc(14/16 * 1em); text-align: center;}
     .companyCulture .list .comm-desc p{font-size: calc(12/16 * 1em); text-align: center;}
     .companyCulture .list .abouta-item__ico{text-align: center; margin-bottom: calc(16/16 * 1em);}
     .companyCulture .list .abouta-item__ico img{max-width: 40px;}
     .companyCulture .list li{width: 26.1%;}
     .companyPower figure img.pc{display: none;}
     .companyPower figure img.app{display: block;}
     .companyPower .inner .list li .ihonor-item__title .num{font-size: calc(20/16 * 1em);}
     .companyPower .inner .list li .ihonor-item__title .ico{font-size: calc(20/16 * 1em);}
     .companyPower .inner .list{margin-top: calc(30/16 * 1em);}
     .companyPower .inner .list li .ihonor-item__desc p{font-size: calc(12/16 * 1em);}
     .companyPower .inner{width: 100%; padding:0 calc(40/16 * 1em);}
     .companyPower .inner .list{justify-content: center; gap: calc(15/16 * 1em) calc(64/340 * 100%);}
     .companyPower .inner .list li{width: calc(93/340 * 100%);}
     .companyNews .inner{padding: calc(40/16 * 1em) calc(60/16 * 1em);}
     .companyNews .newList{margin: 0;  gap: calc(30 / 16* 1em) 0;}
     .companyNews .newList li{width: 100%;}
     .companyNews .newList li aside{border-radius: 9999px; border: 1px solid var(--blue); font-size: calc(14/16 * 1em); line-height: 2; text-align: center; color: var(--blue);}
     .companyNews .newList li .time{margin: 1.5em 0;}
     .companyNews .newList li .intro{font-size: calc(12/16 * 1em);}
     .companyNews .newList li figure{margin-top: 0; display: none;}
}

@media(max-width:480px){
     .companyPower .inner .list{gap: calc(15/16 * 1em) 3%;}
     .companyPower .inner .list li{width: 45.5%;}
}

.sec-title {text-align: center;  line-height:1;padding-bottom: 6%; color: #000; font-size: calc(50/1920 * 100vw);}
@media(min-width:1024px){
.sec-title.fz-30{ font-size: calc(30/16 * 1em);}
.sec-title.fz-32{ font-size: calc(32/16 * 1em);}
.sec-title.fz-40{ font-size: calc(40/16 * 1em);}
}
@media(max-width:1024px){
.sec-title { font-size: calc(50/1300 * 100vw)}
}
@media(max-width:768px){
.sec-title { font-size: 3.2rem;; padding-bottom: 25px}
.sec-title p{padding: 25px 0 0 0; margin: 0; line-height: 1.5; font-size: 17px}
}

 .TextList003149 .list{
    font-size: 1em;
}



.MainPage  .img-box {
    position: relative;
}


.theHistory .slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.theHistory .slicklist {position: relative;/* overflow: hidden; */display: block;margin: 0;padding: 0;}
.theHistory .slick-track {position: relative;left: 0;top: 0;display: block;margin-left: auto;margin-right: auto;}
.theHistory .slick-initialized .slick-slide {display: block;}
.theHistory .slick-slide {float: left;height: 100%;min-height: 1px;display: none;}
.theHistory .aht-item__desc ul {padding-left: 20px;}
.theHistory .ahpbox-item {/* height: 0; */overflow: hidden;opacity: 0;}
.theHistory .ahpbox-item.active {height: auto;opacity: 1;transition: opacity .3s;}
.theHistory .ahpbox-item__img {max-width: 600px;}
.theHistory .ahpbox-item__img::before {padding-top: 57.1428571429%;}

 .mt-100 {margin-top: 100px;}
 .ndetail-main{margin-bottom: calc(120/16 * 1em);}
 .bg-gray {background-color: #f2f3f5;}
 .list-about-honor>li:nth-child(3n+1) .ihonor-item {margin-left: 0;}
 .ihonor-item__title {font-family: "AlibabaPuHuiTi_Black";position: relative;display: flex;align-items: center;}
.ihonor-item__title .unit {
    position: absolute;
    bottom: 6px;
    left: 100%;
    margin-left: 10px;
    color: #474747;
    font-weight: 300;
}

.ihonor-item__desc {
    line-height: 1.5;
    font-weight: 300;
    color: #474747;
    letter-spacing: .01em;
}

/*  .list-default {
    margin-right: -14px;
    margin-left: -14px;
} */

 .news-item {
    display: block;
    background-color: #fff;
    border-radius: 3px;
}

 .list-item {
    margin-right: 14px;
    margin-left: 14px;
}

 .list-item:hover .icon-more:before{
    margin-left: 7px;
    background-image: url(../images/right-active.png);
}


.animimg-box .img-box {
    overflow: hidden;
}

.news-item__img {
    border-radius: 3px;
    overflow: hidden;
}

 .news-item__img::before {
    content: "";
    display: block;
}

.news-item__img::before {
    padding-top: 60.6060606061%;
}


 .animimg-box .img-box img {
    transition: transform .6s ease;
}

.news-item__intro {
    padding: 15px 25px;
}

.news-item__cate {
    line-height: 1.5;
    color: #0039c8;
    letter-spacing: .01em;
}

.news-item__title {
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    height: 2.8em;
    margin-bottom: 0;
}

 .line2 {
    -webkit-line-clamp: 2;
}

 .line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

 .learn-more {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    transition: color .3s ease;
    position: relative;
}

 .mt-60 {
    margin-top: 60px;
}

 .mt-10 {
    margin-top: 10px;
}

 .icon-more{
    position: relative;
}

 .learn-more:before{
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/right-active2.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s linear;
    right: -10px;
}


.news-item__desc {
    margin-top: .4em;
    font-weight: 300;
    line-height: 1.5;
    color: #474747;
    height: 3em;
}

.MainPage  .news-item__desc p {
    margin: 0;
}

.list-news>li:nth-of-type(n+4){
    margin-top: 28px;
}

 .list-news h1{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.news-item__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .6s ease;
}

 .bg-cover {
    background-size: cover;
}

 .bg-cover, .bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
}

 .mt-70 {
    margin-top: 70px;
}

 .text-center {
    text-align: center;
}

 .news-pager a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 28px;
    line-height: 28px;
    color: #000;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    margin-right: 4px;
    margin-left: 4px;
    font-weight: 500;
}

 .icon-prev:before, .icon-next:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
}

 .icon-prev:before{
    background-image: url(../images/arrowL.png);
}

 .icon-next:before{
    background-image: url(../images/arrowR.png);
}

.about-container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 6%;
}

html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: none;
}


 .news-pager a.current {
    border-color: #0039c8;
    color: #0039c8;
}


 .section-title{
    margin-top: 0;
    color: #000;
}

@media(max-width:1024px){
     .ihonor-item__title{font-weight: bold;}
}
.theHistory .slick-track {top: 3px;}
.justify-content-center{
    justify-content: center;
}

.d-flex {
    display: flex !important;
}

.nav.nav-tabs{
    display: flex;
    list-style: none;
    border-bottom: 1px solid #dee2e6;
}

.nav.nav-tabs .nav-link {
    position: relative;
}

.nav.nav-tabs .nav-item .nav-link {
    padding: 20px 0;
    border: none;
    background-color: transparent;
    color: #999;
    font-size: 16px;
    cursor: pointer;
}

/* .nav.nav-tabs .nav-item .nav-link:hover{
    color: #d61519;
} */

.nav.nav-tabs .nav-item:not(:last-child) .nav-link {
    align-items: center;
    display: flex;
    margin-right: 20px;
    padding-right: 20px;
}

.nav-tabs .nav-link.active{
    color: #333 !important;
}

.nav.nav-tabs .nav-item:not(:last-child) .nav-link:before {
    background: #dee2e6;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    width: 1px;
}

.nav.nav-tabs .nav-item:not(:last-child) .nav-link:after {
    right: 20px;
}

.nav.nav-tabs .nav-link.active:after {
    background: #d61519;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}



.section-summary > p{
    text-indent: 0px;
    text-align: start;
    margin-bottom: 1rem;
    margin-top: 0;
}

.section-summary > p > span{
    color: rgb(34, 34, 34);
    background-color: rgb(245, 245, 247);
    font-size: 16px;
    line-height: 1.5;
}

.service-list{
    list-style: none;
}

.service-list .accordion-item {
    border-width: 0 0 1px;
}

.accordion-item {
    background-color: unset;
    border: 1px solid #dee2e6;
    color: #787878;
}

.service-list .accordion-button{
    color: #000;
    font-weight: 200;
    font-size: 22px;
    cursor: pointer;
}

.accordion-button {
    align-items: center;
    border: 0;
    border-radius: 0;
    color: #787878;
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: 24px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.service-list .accordion-body {
    font-size: 16px;
    font-weight: 100;
    line-height: 26px;
    padding: 40px 0;
}

.service-list .accordion-body ol{
    padding-left: 32px;
}

.service-list .accordion-button:not(.collapsed), .service-list .accordion-button:not(.collapsed):hover {
    color: #d61519;
    font-weight: 700;
    border-bottom:1px solid #d61519;
}

.service-list .accordion-button.collapsed:after{
    opacity: .5;
}

.accordion-button:after {
    background-image: url(../images/normal.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    flex-shrink: 0;
    height: 20px;
    margin-left: auto;
    width:20px;
}

.accordion-collapse{
    display: none;
}

.accordion-collapse-show{
    display: block;
}

.accordion-button:not(.collapsed):after {
    background-image: url(../images/select.svg);
    transform: rotate(-180deg);
}

 .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
}

 .row .rowContent{
    width: 100%;
}

 .card {
    border-width: 0;
    border-radius: 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.card-body {
    flex: 1 1 auto;
    padding: 24px;
    border-radius: 15px;

}

.card-body h5{
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    margin-top: 16px;
}

.hvr-float-shadow {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    vertical-align: middle;
    will-change: transform;
}

.hvr-float-shadow:before {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: .3s;
    transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}

.row-cols-lg-3>* {
    margin-top: 24px;
    padding: 0 12px;
}

.card-body .card-title-download{
    margin: 16px 0;
    color: rgb(34, 34, 34);
}

.card-body .card-link span{
    color: rgb(153, 153, 153);
}

.card-body .card-link span:nth-last-of-type(1){
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/godownload.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.card-body .card-link{
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-body .card-link:hover span{
    color: #d61519;
}

.card-body .card-link:hover span:nth-last-of-type(1){
    background-image: url(../images/godownload-active.png);

}
@media (any-hover: hover) {
    .animimg-box:hover .img-box img {
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

@media (any-hover: hover) {
    .animimg-box:hover .img-box .news-item__bg {
        transform: scale3d(1.1, 1.1, 1.1);
    }
}


@media (min-width: 1200px) {
    .about-container {
        max-width: 1100px;
        padding: 0;
    }

    .mb-xl-5 {
        margin-bottom: 3rem ;
    }
}


@media (min-width: 992px) {
    .section[data-v-56a14c04] {
        --space-y: 100px;
    }

    .section-title {
        font-size: 28px;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .card .card-img-download {
        height: 160px;
        object-fit: contain;
    }
}

@media (min-width: 768px) {
    .card .card-img-help{
        height: 200px;
        object-fit: cover;
    }
}

/* 新闻详情 */

 .ndetail-left { width: calc(95% - 240px);}

 .ndetail-body {}

 .ndetail-info {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
}

 .mt-30 {
    margin-top: 30px;
}

 .ndetail-date {
    line-height: 30px;
}

 .fw-600 {
    font-weight: 600;
}

 .ndetail-share {
    line-height: 30px;
}

 .ndetail-share a {
    display: inline-block;
    vertical-align: top;
    color: #474747;
    margin-left: 10px;
    line-height: 30px;
    transition: color .3s;
}


 .ndetail-article {font-weight: 300;line-height: 1.8;color: #474747;}
 .ndetail-article video{max-width: 100%}

 .dpager-link {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    color: #474747;
    transition: color .3s;
}

.dpager-link>span {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    color: #0039c8;
    margin-right: 8px;
    transition: transform .3s;
}

.dpager-link:nth-of-type(n+2) {
    margin-left: 30px;
}

.dpager-link.next>span {
    margin-left: 8px;
    margin-right: 0;
}

.ndetail-side { width: 240px;}

.ndetail-related {
    padding: 0 25px;
}
.bg-lightblue {
    background-color: #f7f8fc;
}

.rnews-item {
    display: block;
    padding: 25px 0 25px;
}

.ndetail-side .animimg-box .img-box {
    overflow: hidden;
}

.ndetail-side .img-box {
    position: relative;
}

.rnews-item__img::before {
    padding-top: 60.6060606061%;
}

.ndetail-side .img-box::before {
    content: "";
    display: block;
}

.animimg-box .img-box img {
    transition: transform .6s ease;
}
.ndetail-side .img-box>img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.rnews-item__title {
    font-weight: 500;
    line-height: 1.25;
    max-height: 3.75em;
}

.line3 {
    -webkit-line-clamp: 3;
}

.rnews-item__date {
    font-weight: 500;
}

.details-pager {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e8e8e8;
}

.details-pager .icon-list::before {
    content: "";
}

.dpager-left .icon-list:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/list.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* 新闻详情 */

/* 机器人科研教育 */
.ant-carousel {
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    -webkit-font-feature-settings: "tnum", "tnum";
    -moz-font-feature-settings: "tnum", "tnum";
    font-feature-settings: "tnum", "tnum";
}

.g__carousel .auto{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.g__carousel_img {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.g__carousel_img > img{width: 100%;}
.g__carousel_img > img.app{display: none;}
.g__carousel_img .bannerList li img{width: 100%;}

.g__w {
    margin: 0 auto;
    position: relative;
    color: #000;
}





.style_banner_text__3dQxj {
    font-size: 16px;
}

.style_banner_text__3dQxj h1 {
    color: #fff;
    font-size: calc(32/16 * 1em);
    line-height: normal;
    font-weight: 500;
    margin: 0;
}

.style_banner_text__3dQxj p {
    color: hsla(0, 0%, 100%, .9);
    text-align: justify;
    margin-top: 1.5em ;
    margin-bottom: 2em;
}

.g__flex {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}
.style_btn-white__1tX3p{
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 2.25;
    background-color: rgba(255, 255, 255, .2);
}
.g__flex .style_btn-white__1tX3p:nth-last-of-type(1) {
    padding:0 calc(32/16 * 1em);
}
.g__flex .style_btn-white__1tX3p:nth-of-type(1) a{display: block; padding:0 calc(32/16 * 1em);}
.style_btn-white__1tX3p a{color: #fff;}

.g__margin__left__24 {
    margin-left: 24px;
}

@media(max-width:1024px){
    .g__carousel .auto{top: calc(50%);}
    .style_btn-white__1tX3p{line-height: 2.33333; border-radius: 9999px; font-size: calc(12/16 * 1em);}
    .g__flex .style_btn-white__1tX3p:nth-last-of-type(1) {padding:0 2.3333em;}
    .g__flex .style_btn-white__1tX3p:nth-of-type(1) a{padding: 0 2.3333em;}
    .g__carousel_img > img.app{display: block;}
    .g__carousel_img > img.pc{display: none;}
    .style_kit_ways_title__3tuO-{text-align: start;}
     .ndetail-left{width: 100%;}
    .ndetail-side{width: 100%; margin-top: calc(50/16 * 1em);}
    .ndetail-side .list-related-news{display: flex; flex-wrap: wrap; gap: calc(20/16 * 1em) 0; justify-content: space-between;}
    .ndetail-side .list-related-news li{width: 48.5%;}
     .ndetail-main{margin-bottom: calc(60/16 * 1em);}
}

.style_kit60__1Q-gt {
    padding-bottom: calc(45/16 * 1em);
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    align-items: end;
}



.style_kit_base_color__2-7iJ {
    color: #5336fa;
    margin: 0;
}

.style_kit_base_color__2-7iJ.productIntro{color: #333; font-size: calc(16/16 * 1em);}

.style_kit_ways_right__mYPct {
    width: 48%;
    padding-top: calc(50/16 * 1em);
}

.style_kit_ways_module__2rJ7N {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}

@media(min-width:641px){
    .style_kit_ways_content_module__3tQ1n_App{display: none;}
}


@media(min-width:1025px){
    .g__carousel_img .appBanner{display: none;}
}
@media(max-width:1024px){
    .style_kit_ways_module__2rJ7N{display: flex; justify-content: space-between; align-items: center; padding-bottom: calc(10/16 * 1em);}
    .style_kit_ways_right__mYPct{width: 100%; padding-top: calc(10/16 * 1em);}
    .style_kit_ways_content_module__3tQ1n{display: none;}
    .style_kit_ways_content_module__3tQ1n_App{display: block;}
    .style_kit_ways_module__2rJ7N .right{width: 73.6%;}
    .style_kit_ways_module__2rJ7N .left img{max-height: calc(40/16 * 1em);}
    .g__carousel_img .pcBanner {display: none;}
}

.style_kit_font20__1xNHH {
    font-size: 20px;
    text-align: justify;
}

.style_kit_line__1uYY7 {
    margin: 0 auto;
    height: 2px;
    background: #ccc;
    width: 100%;
    border-radius: 2px;
}

.style_kit_ways_content__Rl8Q8 {
    padding: 0 0 90px 80px;
}

/* .style_kit_ways_content_module__3tQ1n {
    padding-top: 80px;
} */



.style_kit_ways_title__3tuO- {
    font-size: calc(16/16 * 1em);
    text-align: center;
    color: #333;
}

.style_kit_ways_img__3ZOfK {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 188px;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    justify-content: center;
}

.style_kit_font20__1xNHH {
    font-size: calc(14/16 * 1em);
    text-align: justify;
    justify-content: end;
    color: rgba(0, 0, 0, .5);
    line-height: 1.5;
}

.style_kit_application__3hpSF {
    position: relative;
    padding: calc(200/16 * 1em) 0;
    background-color: rgb(61, 61, 61);
}

.style_kit_application__3hpSF > .g__w{max-width: 1060px;}

.style_kit_application_bg__3bi_X {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../uploadfiles/kyjybk1.jpg) no-repeat;
    background-position: 50%;
    background-color: rgb(61, 61, 61);
}

.style_kit_application_wrap__3MDqV {
    position: relative;
    color: #fff;
}

.style_kit_application_title__1Djr2 {
    text-align: center;
    width: 100%;
}

.style_kit_application_title__1Djr2>p:first-child {
    margin-bottom: 25px;
    font-size: calc(32/16 * 1em);
    margin-top: 0;
}

.style_kit_base_font_title__uqI79 {
    font-size: calc(24/16 * 1em);
    font-weight: 700;
}
.style_kit_base_font_title__uqI79 p{font-size:calc(12/16 * 1em);color: #333;font-weight: normal; }
.style_kit_font20__1xNHH.softIntro .style_kit_button1__3iGeW video{width: 100%;height: auto;}
.style_kit_font25__hIFgU {
    font-size: calc(16/16 * 1em);
    color: rgba(255, 255, 255, .75);
}

.style_kit_margin_top_170__3T6rV {
    margin-top: calc(80/16 * 1em);
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
}

.style_kit_application_module__HKkIt {
    text-align: center;
}

.style_kit_font20__1xNHH.style_kit_application_module__HKkIt{
    color: rgba(255, 255, 255, .75);
    font-size: unset;
    margin-bottom: 0;
}

.style_kit_car__1_bxI {
    background: rgb(231, 231, 231);
    padding: calc(200/16 * 1em) 0 calc(100/16 * 1em);
}

.style_kit_car__1_bxI > .g__w{max-width: 840px;}

.style_kit_car_title__ML6BB {
    padding: 0 0 4em;
    color: #000;
}

.style_kit_car_title__ML6BB > aside{font-size: calc(32/16 * 1em); color: #000;}
.style_kit_car_title__ML6BB > p.productIntro{margin: 0; color: #333; margin-top: .5em;}

.style_kit_car_tab__3u_9f {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}

.style_kit_mar_0__2takw {
    margin: 0;
}

.style_kit_hardware_title__3otK7 {
    border-left: 6px solid #9B9B9B;
}

.style_kit_hardware_title__3otK7>div {
    padding-left: 5px;
    margin-left: -6px;
    cursor: pointer;
    line-height: 2;
    border-left: 6px solid transparent;
}

.style_kit_hardware_title__3otK7>div aside{padding: 0 10px;}



.style_kit_hardware_title_font__3LfXF {
    color: #333;
    font-size: calc(16/16 * 1em);
}

.style_kit_car_module__1Hj8G {
    max-width: 75%;
}

.g__hide {
    display: none;
}

.style_kit_car_img_wrap__1SNQ1 {
    position: relative;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    background-position: 0 100%;
}

.style_kit_dian6__3vjnm {
    top: 110px;
    left: 198px;
}

.style_kit_car_img_dian__vx7a1 {
    position: absolute;
    cursor: pointer;
    width: 35px;
}

.style_kit_dian7__1S-q- {
    top: 39px;
    left: 265px;
}

.style_kit_car_img_item__QhptU {
    position: absolute;
    background-image: url(../images/kyjybj3.png);
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 15px;
}


.style_kit_m_20__zippJ {
    margin-top: -20px !important;
}



.style_kit_car_box__DUbXK {
    width: 19%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.3);
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    text-align: center;
    color: #fff;
    padding: calc(20/16 * 1em) 10px;
    margin-bottom: 20px;
}

.style_kit_car_box__DUbXK>p:first-child {
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
    margin-top: 0;
}

.style_kit_font15__38rYJ {
    font-size: calc(12/16 * 1em);
    color: #333;
    margin-bottom: 0;
}

/* 10-11修改 */
.style_kit_car_table_wrap__2Em6o {
    height: 388px;
    overflow-x: auto;
    overflow-y: hidden;
}

.style_kit_car_table__swgNK {
    border-top: 2px solid #000;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    /* overflow-x: auto; */
}

.active-hide .style_kit_car_table_box__6Ctmz.style_kit_car_spacing__1GWXG_param{ display:none;}
.active-hide .style_kit_car_table_box__6Ctmz.style_kit_car_table_box_active__1e5GF{ box-shadow:none; background:none; display:block; width:calc(100% - 13%)!important;}
.active-hide .style_kit_car_table_box__6Ctmz.style_kit_car_table_box_active__1e5GF div{ min-height:41px;}

.style_kit_car_table_box__6Ctmz {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* margin-top: -2px; */
    /* border-top: 2px solid #ccc; */
    cursor: pointer;
}

.style_kit_car_table_box__6Ctmz:not(:nth-of-type(1)) > div:nth-of-type(1){color: #000; font-weight: bold;}
.style_kit_car_table_box__6Ctmz.style_kit_car_spacing__1GWXG_param{width: calc(100% - 13%);}
.style_kit_car_table_box__6Ctmz.style_kit_car_spacing__1GWXG_param > div{padding: 0 10px;}
.style_kit_car_table_box__6Ctmz.style_kit_car_table_box_h__yZPeM{width:43%;}

.style_kit_car_table_box_h__yZPeM>div {
    padding: 0;
}

.style_kit_car_table_box_active__1e5GF {
    /* border-top: 2px solid #5336fa; */
    background: rgba(255, 255, 255, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}

.style_kit_car_table_h__bYeoZ {
    border-bottom: 2px solid #ccc !important;
}

.style_kit_open__1PtaO {
    display: flex;
    justify-content: right;
    margin-top: 20px;
}



.style_kit_button1__3iGeW, .style_kit_button__1shF6:hover {
    color: rgb(255, 255, 255);
    background: rgb(83, 54, 250);
}


.style_kit_button1__3iGeW, .style_kit_button__1shF6 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.style_kit_car_table_box__6Ctmz>div {
    border-bottom: 1px solid #333;
    /* min-height: 41px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0px 0px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    color: #333;
    font-size: calc(14/16 * 1em);
}


.style_kit_mar_0__2takw {
    margin: 0;
}


.style_kit_hardware__2_tD3 {
    background: #fff;
    padding-bottom: calc(180/16 * 1em);
}

.style_kit_hardware__2_tD3 .g__w{max-width: 840px; padding-top: calc(50/16 * 1em);}
.style_kit_hardware__2_tD3 .screenIntro{margin-top: .8em;}
.style_kit_hardware__2_tD3 .screenList{	column-count: 3;  column-gap:calc(26/16 * 1em);}
.style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA{ break-inside: avoid;}
.style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA:not(:nth-of-type(1)){ margin-top: calc(38/16 * 1em);}
.style_kit_hardware__2_tD3 #kit_hardware_title{margin-bottom: calc(50/16 * 1em);}
.style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA p{font-size: calc(16/16 * 1em); padding-left: 1em; margin: 0 ; background-color: #1A1C20; color: rgba(255, 255, 255, .75); line-height: 2.6875;}
.style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA .imgfigure .app{display: none;}
.style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA .imgfigure img{width: 100%;}
@media(max-width:1280px){
    .style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA:not(:nth-of-type(1)){margin-top: calc(48/16 * 1em);}
}


.style_kit_hardware_padding__OWt8e {
    padding-top: calc(70/16 * 1em);
}

.style_kit_hardware_padding__OWt8e > div{width: 48%;}


.style_kit_hardware_title_active__3zQZo {

    font-size: calc(32/16 * 1em);
    color: #000;
}

.style_kit_hardware_wrap__3wZbz {
    /* display: -webkit-flex; */
    display: -moz-box;
    /* display: flex; */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}



.style_kit_hardware_module_p__5riPf {
    font-size: 25px;
    margin-top: 20px;
    margin-left: 20px;
}

.style_kit_hardware_module_p1__2CeRv {
    font-size: 17px;
    margin: 10px 0;
    margin-left: 20px;
}

.style_kit_hardware_bg__4XW8z {
    background: #fff;
}

.style_kit_school__1jmhv {
    height: 820px;
    position: relative;
}

.style_kit_school_bg__1cw5w {
    position: absolute;
    height: 100%;
    width: 100%;
    background: url(../uploadfiles/kljybk2.jpg) no-repeat;
    background-position: 50%;
}

.style_kit_school_wrap__3xRsU {
    position: relative;
    color: #fff;
}

.style_kit_school_title__1hFZm {
    padding: 110px 0 140px;
}



.style_kit_school_swiper__1Dk-N {
    width: 100%;
    min-height: 310px;
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.style_kit_school_swiper__1Dk-N .swiper-slide {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.style_kit_school_swiper__1Dk-N .swiper-slide-next, .style_kit_school_swiper__1Dk-N .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}



.style_kit_school_module__q1aAg {
    width: 100%;
    /* height: 310px; */
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}

.style_kit_school_module__q1aAg .style_kit_school_img_wrap__DG0E0 img{
    transition: .3s;
}

.style_kit_school_module__q1aAg:hover .style_kit_school_img_wrap__DG0E0 img{
    transform: scale(1.1);
}

.style_kit_school_module__q1aAg .style_kit_school_img_wrap__DG0E0 {
    width: 100%;
    /* height: 195px; */
    overflow: hidden;
}

.style_kit_swiper_title_sub__3oenh {
    margin-left: 20px;
    margin-bottom: 10px;
}

@media(min-width:769px){
    .swiper-slide-next .style_kit_swiper_title_sub__3oenh{
        margin-bottom: 20px;
    }
}


.style_kit_font17__33l0P {
    font-size: 17px;
}

.style_kit_swiper_title__3TZ0h {
    margin: 5px 0 10px 20px;
    color: #333;
}

.style_kit_tutorial_title__14xwL p{
    margin: 0;
    text-align: center;
}

.style_kit_tutorial_title__14xwL p.style_kit_base_font_title__uqI79{font-size: calc(32/16 * 1em);}
.style_kit_tutorial_title__14xwL p.style_kit_base_color__2-7iJ{font-size: calc(16/16 * 1em); color: #333; font-weight: normal; line-height: 1.5; margin-top: 10px;}
.style_kit_tutorial__234xZ {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: calc(150/16 * 1em);
}

.style_kit_tutorial_title__14xwL {
    padding: calc(150/16 * 1em) 0 calc(80/16 * 1em);
}

.solutionContainer{max-width: 840px; margin: 0 auto; padding-top: calc(150/16 * 1em); padding-bottom: calc(100/16 * 1em);}
.solutionContainer .style_kit_base_font_title__uqI79{color: #000;}

.style_kit_flex_between__2EwU-, .style_kit_flex_between_nowrap__3akdN {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.style_kit_flex_between__2EwU- {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.style_tutorial_content_wrap__3J9Z8 {
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    flex: 1 1;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.style_tutorial_conten_model__yWCAy {
    height: 220px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    transition: height .5s ease-out;
}

.style_tutorial_content_p__1FMnq {
    padding: 55px 0 10px;
    font-size: calc(16/16 * 1em);
    margin: 0 auto;
    max-width: 85%;
}

.style_tutorial_content_p1__1LQEy {
    padding-bottom: 20px;
    font-size: 17px;
}

.style_kit_base_color__2-7iJ {
    color: #5336fa;
}

/* .style_tutorial_content_wrap__3J9Z8:hover {
    background: #e3e8eb;
}

.style_tutorial_content_wrap__3J9Z8:hover>div {
    height: 314px;
} */

.style_kit_button_wrap__1iPdc {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
}

.style_kit_button1__3iGeW, .style_kit_button__1shF6 {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    cursor: pointer;
}
.style_kit_button1__3iGeW{background-color: transparent; color: var(--blue);}

.style_kit_button__1shF6 {
    color: #5336fa;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    border: 1px solid #5336fa;
    border-radius: 10px;
    margin: 0 auto;
    background: #fff;
}

.style_mask-layer__1lN-h {
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    cursor: pointer;
}

.style_video-box__HgH8b {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1400;
}

.style_video__payer__2mthE .jwplayer {
    background-color: #fff;
}

.style_kit_hardware_padding__OWt8e .left{width: calc(330/840 * 100%);}
.style_kit_hardware_padding__OWt8e .right{width: calc(405/840 * 100%);}
.style_kit_hardware_padding__OWt8e .right{position: relative;}
.style_kit_hardware_padding__OWt8e .right video{position: absolute; width: 100%; left: 0; top: 0; display: none; z-index: 2;}

.style_kit_hardware_padding__OWt8e .right .videoPlay{display: flex; justify-content: center; align-items: center; width: 100%; cursor: pointer; top: 0; height: 100%; position: absolute;}
.style_kit_hardware_padding__OWt8e .right .videoPlay .icon{width: calc(40/16 * 1em); height: calc(40/16 * 1em); font-size: 16px; background: url(../images/videoPlay.svg); background-size: calc(34/16 * 1em) auto; background-position: center; background-repeat: no-repeat;}
@media(max-width:1024px){
    .style_kit_hardware_padding__OWt8e .left{width: 100%; display: flex; justify-content: space-between;}
    .style_kit_hardware_padding__OWt8e .right{display: none;}
    .solutionContainer{padding-top: calc(0/16 * 1em); width: 100%; padding:0 calc(35/16 * 1em); margin-top: calc(40/16 * 1em);}
    .solutionContainer .style_kit60__1Q-gt{display: none;}
    .style_kit_ways_img__3ZOfK{height: auto;}
    .solutionContainer .style_kit_base_font_title__uqI79{font-size: calc(16/16 * 1em); width:100%;}
    .solutionContainer .style_kit_base_font_title__uqI79 .mic-video video{ width:100%;}
    .style_kit_hardware_padding__OWt8e{ padding: calc(70/16 * 1em) 0;}
    .style_kit_application_title__1Djr2{display: none;}
    .style_kit_application__3hpSF{padding: calc(30/16 * 1em) 0;}
    .style_kit_application__3hpSF > .g__w{padding: 0 calc(40/16 * 1em);}
    .style_kit_application__3hpSF .style_kit_margin_top_170__3T6rV{margin-top: 0; gap: calc(45/16 * 1em) 0;}
    .style_kit_car__1_bxI{padding-top: calc(50/16 * 1em); background-color: transparent; padding-bottom: calc(40/16 * 1em);}
    .style_kit_car_title__ML6BB > aside{text-align: center; font-size: calc(20/16 * 1em);}
    .style_kit_base_color__2-7iJ.productIntro{font-size: calc(12/16 * 1em); text-align: center;}
    .style_kit_car_title__ML6BB{padding: 0 calc(30/16 * 1em); padding-bottom: calc(40/16 * 1em);}
    .style_kit_car_module__1Hj8G{height: auto !important;}
    .style_kit_car__1_bxI > .g__w{width: 100%; padding: 0 calc(30/16 * 1em);}
    .style_kit_hardware_title__3otK7{border-color: #e1e1e1;}
    .style_kit_open__1PtaO{justify-content: center; margin-top: 1em;}
    .style_kit_open__1PtaO > div{border-radius: 9999px; border: 1px solid var(--blue); font-size: calc(12/16 * 1em); padding: .7em 2em;}
    .style_kit_open__1PtaO > div > div{height: auto;}
    .style_kit_car__1_bxI .scrollLine{width: 51.4%; position: relative; margin: 0 auto; border-radius: 9999px; padding: 1px; height: 8px; background-color: #e1e1e1; margin-top: 1em;}
    .style_kit_car__1_bxI .scrollLine .scrollBottom{height: 6px; border-radius: 9999px; background-color: #fff; position: absolute; left: 0;}
    .style_kit_hardware__2_tD3{padding-bottom: calc(100/16 * 1em);}
    .style_kit_hardware__2_tD3 .g__w{padding: 0 calc(45/16 * 1em);}
    .style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA p{font-size: calc(10/16 * 1em);}
    .style_kit_hardware__2_tD3 .screenList{column-count: 2; column-gap: calc(6 / 16* 1em)}
    .style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA:not(:nth-of-type(1)){margin-top: calc(6/16 * 1em);}
    .style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA .imgfigure .pc{display: none;}
    .style_kit_hardware__2_tD3 .screenList .style_kit_hardware_module__rcwdA .imgfigure .app{display: block;}
    section.partner{border: none; padding: 0;}
    .style_tutorial_conten_model__yWCAy{height: auto;}
    .style_tutorial_content_p__1FMnq{font-size: calc(12/16 * 1em); padding: 0; margin-top: calc(10/12 * 1em);}
    .style_kit_flex_between__2EwU-{gap: calc(30/16 * 1em) 0;}
    .style_kit_car_table_box__6Ctmz.style_kit_car_spacing__1GWXG_param{width: calc((100% - 13%)/2);}
    .style_kit_car_table__swgNK{width: 150%;}
}

@media(max-width:640px){
    .style_kit_car_table_box__6Ctmz.style_kit_car_spacing__1GWXG_param{width: calc((100% - 13%));}
    .style_kit_car_table_box__6Ctmz.style_kit_car_table_box_h__yZPeM{width: 100%;}
    .style_kit_car_table__swgNK{width: 220%;}
}

.jw-skin-bce {
    outline: none;
}

.jwplayer {
    width: 100%;
    font-size: 16px;
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jw-reset {
    color: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: none;
    font-size: 1em;
    line-height: 1em;
    list-style: none;
    text-align: left;
    text-transform: none;
    vertical-align: baseline;
    border: 0;
    direction: ltr;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.jwplayer.jw-stretch-uniform video {
    object-fit: contain;
}

.jwplayer video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background: transparent;
}

.jwplayer .jw-aspect {
    display: none;
}

.jwplayer * {
    box-sizing: inherit;
}

.jw-skin-bce .jw-media {
    width: 100%;
    height: 100%;
}

.jw-flag-controls-disabled .jw-media {
    cursor: auto;
}
.jw-overlays > div, .jw-media, .jw-controlbar, .jw-dock, .jw-logo, .jw-skip, .jw-display-icon-container {
    pointer-events: all;
}
.jw-media {
    overflow: hidden;
    cursor: pointer;
}
.jw-media, .jw-preview, .jw-adv, .jw-overlays, .jw-controls {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.jwplayer .jw-preview, .jw-error .jw-preview, .jw-stretch-uniform .jw-preview {
    background-size: 100% 100%;
}
.jw-preview, .jw-adv {
    position: absolute;
    display: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background: #000 no-repeat 50% 50%;
}
.jw-preview, .jw-captions, .jw-title, .jw-overlays, .jw-controls {
    pointer-events: none;
}

.jw-captions.jw-captions-enabled {
    display: block;
}
.jw-captions {
    position: absolute;
    display: none;
    margin: 0 auto;
    width: 100%;
    left: 0;
    bottom: 3em;
    right: 0;
    max-width: 90%;
    text-align: center;
}

.jw-captions-window {
    display: none;
    padding: 0.25em;
    border-radius: 0.25em;
}

.jw-captions-text {
    display: inline-block;
    color: white;
    background-color: black;
    word-wrap: break-word;
    white-space: pre-line;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1.3em;
    padding: 0.1em 0.8em;
}

.jw-title {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 0.875em;
    height: 8em;
    background: linear-gradient(to bottom, #000000 0, #000000 18%, rgba(0, 0, 0, 0) 100%);
}

.jw-title-primary {
    font-weight: bold;
}

.jw-title-primary, .jw-title-secondary {
    padding: 0.75em 1.5em;
    min-height: 2.5em;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.jw-title-secondary {
    margin-top: -0.5em;
}

.jw-overlays {
    cursor: auto;
}

.jw-flag-controls-disabled .jw-controls {
    visibility: hidden;
}

.jw-skin-bce .jw-display-icon-container, .jw-skin-bce .jw-error-display-icon-container {
    border-radius: 50%;
    border: 1px solid #333;
}

.jw-background-color {
    background-color: #414040;
}
.jw-display-icon-container, .jw-error-display-icon-container {
    position: relative;
    top: 50%;
    display: table;
    height: 3.5em;
    width: 3.5em;
    margin: -1.75em auto 0;
    cursor: pointer;
}

.jwplayer.jw-state-paused .jw-display-icon-container .jw-icon-display {
    position: relative;
    left: 0.1em;
}

.jw-skin-bce .jw-icon-display {
    color: #fff;
}

.jw-display-icon-container .jw-icon-display, .jw-error-display-icon-container .jw-icon-display, .jw-display-icon-container .jw-error-icon-display, .jw-error-display-icon-container .jw-error-icon-display {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 2em;
}
.jw-icon {

    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}

.jw-controls .jw-controls-right {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 2em;
}

.jw-dock {
    margin: 0.75em;
    display: block;
    opacity: 1;
    clear: right;
}

.jwplayer.jw-state-paused .jw-display-icon-container .jw-icon-display:before {
    content: "\E60E";
}

.jw-skin-bce .jw-icon-display:before {
    padding-left: 0;
}

.jw-dock:after {
    content: '';
    clear: both;
    display: block;
}

.jw-skin-bce .jw-controlbar {
    border: none;
    height: 2.5em;
}


.style_video__payer__2mthE .jw-controlbar {
    height: 44px;
    opacity: .8;
    background: #1a2026;
    width: 100%;
}

.jw-controlbar {
    display: table;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2em;
    padding: 0 0.25em;
    z-index: 1;
}

.jw-skin-bce .jw-group {
    vertical-align: middle;
}

.jw-controlbar-left-group, .jw-controlbar-right-group {
    white-space: nowrap;
}
.jw-group {
    display: table-cell;
}



.jw-icon-barlogo-new {
    font-size: 20px;
    min-width: 1.5em;
    height: 1em;
    line-height: 1em;
}

.jw-icon-inline, .jw-icon-tooltip, .jw-slider-horizontal, .jw-text-elapsed, .jw-text-duration {
    display: inline-block;
    height: 2em;
    position: relative;
    line-height: 2em;
    vertical-align: middle;
    cursor: pointer;
}

.jw-icon-playback {
    min-width: 2.25em;
}

.jw-skin-bce .jw-icon-prev, .jw-skin-bce .jw-icon-next {
    font-size: 0.7em;
}

.jw-icon-tooltip.jw-hidden {
    display: none;
}

.jw-skin-bce .jw-icon-playlist .jw-overlay {
    z-index: 100;
    bottom: 1.6em;
}



.jw-skin-bce .jw-controlbar-left-group .jw-text-elapsed {
    padding-right: 0;
    cursor: default;
}

.jw-skin-bce .jw-controlbar .jw-icon:before, .jw-skin-bce .jw-text-elapsed, .jw-skin-bce .jw-text-duration {
    padding: 0 0.7em;
}

.jw-skin-bce .jw-text {
    color: #fff;
}

.style_video__payer__2mthE .jw-text-elapsed {

    font-size: 14px;
    color: #ebf3ff;
    letter-spacing: 0;
    font-weight: 400;
}

.jw-text {
    height: 1em;
    font-size: 0.75em;
    font-style: normal;
    font-weight: normal;
    color: white;
    text-align: center;
    font-variant: normal;
    font-stretch: normal;
}

.jw-skin-bce .jw-controlbar-left-group .jw-text-split {
    padding: 0 2px;
    cursor: default;
}

.style_video__payer__2mthE .jw-text-duration, .style_video__payer__2mthE .jw-text-elapsed+.jw-text-split {
    font-size: 14px;
    color: #aeb6bf !important;
    letter-spacing: 0;
    font-weight: 400;
}
.style_video__payer__2mthE .jw-text-elapsed+.jw-text-split {
    display: inline-block;
    margin: 0 3px;
    height: 2em;
    position: relative;
    line-height: 2em;
    vertical-align: middle;
}

.jw-skin-bce .jw-controlbar-left-group .jw-text-duration {
    padding-left: 0;
    color: #FFF;
    cursor: default;
}

.jw-text-backlive {
    position: absolute;
    left: 110px;
    top: 13px;
    cursor: pointer;
}

.jw-skin-bce .jw-text-duration {
    color: #666F82;
}

.jw-controlbar-center-group {
    width: 100%;
    padding: 0 0.25em;
}
.jw-skin-bce .jw-slider-time {
    background: 0 0;
    position: absolute;
    top: -8px;
    height: 8px;
    line-height: 1em;
}

.jw-slider-time {
    right: 0;
    left: 1%;
    width: 98%;
}
.jw-slider-horizontal {
    width: 4em;
    height: 1em;
}

.jw-skin-bce .jw-slider-time .jw-slider-container {
    height: 8px;
    vertical-align: top;
}

.jw-skin-bce .jw-slider-horizontal .jw-slider-container {
    position: relative;
    height: 0.95em;
    vertical-align: top;
}



.jw-slider-container {
    display: inline-block;
    height: 1em;
    position: relative;
    touch-action: none;
}



.jw-skin-bce .jw-rail {
    background-color: #333;
    box-shadow: none;
    opacity: 0.5;
}


.jw-slider-horizontal .jw-rail, .jw-slider-horizontal .jw-buffer, .jw-slider-horizontal .jw-progress {
    width: 100%;
    height: 0.4em;
}
.jw-rail {
    background-color: #aaa;
}
.jw-rail, .jw-buffer, .jw-progress {
    position: absolute;
    cursor: pointer;
}

.jw-skin-bce .jw-buffer {
    background-color: #666F82;
    opacity: 0.5;
}
.jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-buffer {
    width: 0;
}

.jw-slider-horizontal .jw-rail, .jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-slider-container {
    width: 100%;
    left: 0;
}

.jw-skin-bce .jw-progress {
    background: #108CEE;
    opacity: 0.3;
}

.jw-skin-bce .jw-slider-horizontal .jw-rail, .jw-skin-bce .jw-slider-horizontal .jw-buffer, .jw-skin-bce .jw-slider-horizontal .jw-progress {
    height: 0.2em;
    top: 5px;
    border-radius: 0;
}

.jw-skin-bce .jw-slider-horizontal .jw-knob {
    top: -0.2em;
    top: 0;
}

.jw-skin-bce .jw-knob {
    width: 0.6em;
    height: 0.6em;
    background-color: #fff;
    border-radius: 1em;
    display: none;
}
.jw-slider-horizontal .jw-knob {
    left: 0;
    margin-left: -0.325em;
}
.jw-knob {
    background-color: #aaa;
    width: 0.4em;
    height: 0.4em;
}
.jw-cue, .jw-knob {
    position: absolute;
    cursor: pointer;
}

.jw-skin-bce .jw-controlbar-center-group .jw-tooltip-time {
    top: -7px;
    height: 1em;
    transform: translate(-10px);
}

.jw-tooltip-time {
    position: absolute;
}

.jw-skin-bce .jw-button-color {
    color: #fff;
}

.jw-icon-inline, .jw-icon-tooltip {
    min-width: 1.25em;
    text-align: center;
}

.jw-skin-bce .jw-controlbar-center-group .jw-overlay {
    z-index: 100;
}

.jw-controlbar .jw-overlay {
    margin: 0;
    position: absolute;
    bottom: 2em;
    left: 50%;
    opacity: 0;
    visibility: hidden;
}

.jw-slider-time .jw-overlay:before {
    height: 1em;
    top: auto;
}

.jw-overlay:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    content: " ";
}

.jw-skin-bce .jw-time-tip {
    padding: 0.2em;
    bottom: -18px;
}

.jw-skin-bce .jw-time-tip, .jw-skin-bce .jw-menu, .jw-skin-bce .jw-volume-tip, .jw-skin-bce .jw-skip {
    border: 1px solid #333;
}

.jw-skin-bce .jw-background-color {
    background: #000;
}

.style_video__payer__2mthE .jw-time-tip {
    white-space: nowrap;
}

.jw-time-tip {
    text-align: center;
    color: #aaa;
    bottom: 1em;
    border: solid 4px #000;
}

.jw-time-tip, .jw-volume-tip, .jw-menu {
    position: relative;
    left: -50%;
    border: solid 1px #000;
    margin: 0;
}

.jw-time-tip {
    line-height: 1em;
    pointer-events: none;
}

.jw-skin-bce .jw-controlbar-right-group .jw-icon-playrate {
    height: 24px;
    line-height: 24px;
    margin-top: -2px;
}

.style_video-close__33SdY {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9999;
}

.style_kit_car_active__HoFGg {
    border-left: 6px solid var(--blue) !important;
    font-size: calc(32/16 * 1em);
    color: #000;
    font-weight: bold;
    
}

.style_kit_hardware_title__3otK7 .style_kit_car_active__HoFGg{line-height: normal;}

.style_kit_car_active__HoFGg aside{background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);}

.style_kit_car_table_wrap_active__2Hq-9 {
    height: auto !important;
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    transition: height .5s ease-out;
}

.style_kit_car_table_wrap_active__2Hq-9 table{width:100%;border-top: 2px solid #000;}
.style_kit_car_table_wrap_active__2Hq-9 table td{color: #000;padding: 10px 0px;border-bottom: 1px solid #000;}
.style_kit_car_table_wrap_active__2Hq-9 table td:nth-child(1){width: 33%;}

/* 机器人底盘 */
.Product .item-group .section{
    padding: 100px 0;
}



.Product .item-group .card-img {
    height: 140px;
    -o-object-fit: contain;
    object-fit: contain;
}

.chassis-container{
    margin: 0 auto;
}
.chassis-inner{
    max-width: 1090px;
    margin: 0 auto;
}

.Product .item-group  .section-title{
    text-align: center;
    color :rgb(34, 34, 34);
    font-size: 40px;
    line-height: 48px;
}

.Product .item-group .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.Product .section-card .card .card-body{
    padding-bottom: 50px;
    cursor: pointer;
}

.Product .text-center {
    text-align: center !important;
}

.Product .card-body {
    color: #696969;
    flex: 1 1 auto;
    padding: 16px 16px 50px 16px;
}

.Product  .card-body .card-title1 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
}

.chassis-container .card-body .card-text{
    text-align: center;
    margin: 0;
}


.Product  .card-body .mb-2 {
    margin-bottom: .5rem;
}

.chassis-container .card-body pre {
    --bs-font-monospace: inherit;
    word-wrap: break-word;
    font-size: inherit;
    overflow: unset;
    word-break: break-all;
}

.chassis-container .card-body pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto;
}

.Product  .section-card .card{
    border-radius: 10px;
}

.Product  .section-card .card:hover {
    --bs-card-bg: #fff;
    --bs-card-color: #222;
    background-color: #fff;
    --bs-card-box-shadow: 0 2px 14px rgba(0,0,0,.12);
    box-shadow:0 2px 14px rgba(0,0,0,.12);
    font-weight: 700;
}

.Product  .section-card .card:hover .card-text{
    color: #000;
}


.Product .section_app .section-summary{
    font-size: calc(16/16 * 1em);
    max-width: 52%;
    margin: 0 auto;
    color: #333;
}

.Product .item-group .section-title {
    text-align: center;
    color: rgb(34, 34, 34);
    font-size: calc(36/16 * 1em);
    line-height: 48px;
    margin: 0;
}

.Product .item-group p {
    margin: 0;
}

.Product .item-group .marb-8{
    margin-bottom: 8px;
}

.Product .item-group .marb-24{
    margin-bottom: 24px;
}

.Product .item-group .marb-48{
    margin-bottom: 48px;
}

.Product .item-group .card-img-normal{
    height: auto;
    transition: .3s;
    width: 100%;
}

.Product .item-group .card-img-effect {
    cursor: pointer;
    overflow: hidden;
    margin-top: 0;
}

.card-img-effect:hover .card-img{
    transform: scale(1.2);
}

.justify-content-between {
    justify-content: space-between !important;
}

.Product .item-group .tecTitle .section-title{text-align: left;}

.Product.section-params .inner{padding: calc(150/16 * 1em) 0;}
.Product.section-params .inner .tecTitle p{margin-top: 1em;}
.Product.section-params .inner .tecTitle{margin-bottom: calc(40/16 * 1em);}
.Product.section-params .inner .productParam{display: flex;justify-content: center; flex-wrap: wrap; gap:calc(45/16 * 1em) 3.65%;}
.Product.section-params .inner .productParam li{width: 22.262%;}
.Product.section-params .inner .productParam li:nth-child(-n+4){border-top: 1px solid rgba(0, 0, 0, .5); padding-top: 1.2em;}
.Product.section-params .inner .productParam li aside{font-size: calc(20/16 * 1em); font-weight: bold; color: #000; text-align: center;}
.Product.section-params .inner .productParam li p{margin: 0; color: #333; text-align: center; margin-top: 1em; line-height: 1.5;}
.Product.section-params .inner .productParam li.seat{display: flex; justify-content: center; }
.Product.section-params .inner .productParam li.seat div{width: 14%; height: 1px; background-color: #000; margin-top: 1.5em;}
.Product .section-params .nav-tabs .nav-link {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    color:rgb(34, 34, 34);
}

.Product .nobor{
    border: none;
}

.Product .tab-content>.active {
    display: block;
}



.Product .table-responsive {
    /* -webkit-overflow-scrolling: touch;
    overflow-x: auto; */
}

.Product .table-responsive .table td{font-size: 1em;}

.table {
    --bs-table-color: #212529;
    --bs-table-bg: transparent;
    --bs-table-border-color: #dee2e6;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0,0,0,.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0,0,0,.075);
    border-color: var(--bs-table-border-color);
    color: var(--bs-table-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
    /* overflow-x: scroll; */
}

.table tr{overflow-x: scroll;}

.section-params .tab-pane .table .bt {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.section-params .tab-pane .table p.text-center{
    margin-top: calc(32/16 * 1em);
    margin-bottom: calc(100/16 * 1em);
}

.my-xl-4 {
    margin-bottom: 1.5rem ;
    margin-top: 1.5rem ;
}

.Product h3{
    margin: 0;
}

.Product .downFile{background-color:var(--blue);color: #fff;display: inline-block;width: calc(208/16 * 1em);font-size: calc(16/16 * 1em);padding: 1em;}


.Product .table td p{
    text-align: center;

}

.Product .table td p.pt-3{
    margin-bottom: 1rem;
}

.Product .table td p.my-xl-4 {
    margin-bottom: 1.5rem ;
    margin-top: 1.5rem ;
}

.section-params .tab-pane .table tbody tr td{
    min-width: 180px;
    padding: 2% 15px;
}

.chassis-container .card-body .card-title {
    font-size: 18px;
}

.chassis-container .card-body .card-text {
    font-size: 16px;
}

.section-params .tab-pane .card-text{
    color: #696969;
    margin-bottom: 5px;
}


.section-params .tab-pane .card-text {
    font-size: 13px;
    margin-bottom: 0;
}

.Product .section-params .tab-pane .table tbody tr td{
    vertical-align: top;
}

.section-params .tab-pane .table tbody tr td.vs {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
}

.section-params .tab-pane .table tbody tr td.vs {
    min-width: 120px;
}

.Product .section-params .tab-pane .table tbody tr td .card-body{
    padding: 0;
}

.Product .section-params .tab-pane .table tbody tr td .card-body .card-title{
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1rem;
    color:  rgb(33, 37, 41);
}

.Product .section-params .tab-pane .table tbody tr td .card-body .card-text{
    text-align: start;
}

.Product .bg-white {
    opacity: 1;
    background-color: #fff !important;
}

.Product .section_app .chassis-container{margin: calc(230/16 * 1em) 0 calc(190/16 * 1em);}

.table-striped-columns>:not(caption)>tr>:nth-child(2n), .table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: rgba(0,0,0,.05);
    color: #212529;
}

.section-params .tab-pane .table tbody tr td:nth-of-type(4), .section-params .tab-pane .table tbody tr td:nth-of-type(5) {
    text-align: right;
}

.Product .section-params .tab-pane .table tbody tr td:nth-of-type(4) .card-text,.Product .section-params .tab-pane .table tbody tr td:nth-of-type(5) .card-text{
    text-align: right;
}

.Product .section-slides .section-header {
    margin-bottom: 50px;
}

.Product .section-slides .nav.nav-tabs{
    border: none;
}


.Product .section-slides .nav-tabs .nav-link{
    font-size: 28px;
    padding: 0;
}

.Product .section-slides .nav-tabs a.nav-link::before{
    display: none;
}

.Product .section-slides .nav-tabs a.nav-link::after{
    display: none;
}

.Product .section-slides .nav-tabs .nav-link.active{
    font-weight: 800;
}

.Product .nav-tabs .nav-item.show .nav-link,.Product .nav-tabs .nav-link.active {
    border-color:#dee2e6 #dee2e6 #fff;
    color: #222;
}

.Product .section-slides .nav-tabs .nav-link {
    font-weight: 300;
    color: rgb(34, 34, 34);
}

.Product .section-slides .swiper-slide .card {
    border-radius: 10px;
    background-color: #fff;
}

.Product .section-slides .swiper-slide .card .card-img-top{
    height: 234px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.Product .section-slides .swiper-slide .card .card-body {
    color: rgb(34, 34, 34);
    flex: 1 1 auto;
    padding: 30px 30px;
}

.Product .section-slides .swiper-slide .card .card-body .card-title{
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Product .i-ion-arrow-forward{
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    margin-top: -3px;
    mask: url(../images/sliderRight.svg) no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url(../images/sliderRight.svg) no-repeat;
    -webkit-mask-size: 100% 100%;
    vertical-align: middle;
    width: 1em;
}

.Product .section-slides .swiper-navigation {
    --button-gap: 5px;
    --button-size: 28px;
    --swiper-navigation-color: #222;
    --swiper-navigation-size: 10px;
    align-items: center;
    display: flex;
    gap: 10px;
}

.section-slides .swiper-navigation .swiper-button{
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    left: unset;
    margin-top: unset;
    position: static;
    right: unset;
    top: unset;
    width: 54px;
    position: relative;
    border: none;
    
}

.section-slides .swiper-navigation .swiper-button::after{
    color: rgb(34, 34, 34);
}



.Product .section-slides .swiper-navigation .swiper-button-prev::after{
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 54px;
    width: 54px;
    justify-content: center;
    left: unset;
    margin-top: unset;
    position: static;
    right: unset;
    top: unset;
}

.Product .section-scene .section-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Product .item-group .row .card-img-effect{padding: 0; position: relative;}
.Product .item-group .row .card-img-effect .textBox{position: absolute; bottom: 15%; color: rgba(255, 255, 255, .75); left: 50%; transform: translateX(-50%); width: 100%;  z-index: 2;}
.Product .item-group .row .card-img-effect p{max-width: 90%; text-align: center; font-size: calc(24/16 * 1em); margin: 0 auto;}
.Product .item-group .row .card-img-effect span{display: block; margin: 0 auto; text-align: center; margin-top: calc(5/16 * 1em); max-width: 90%;}
.Product .item-group .row .card-img-effect .card{position: relative;}
.Product .item-group .row .card-img-effect .card::after{display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); left: 0; top: 0; content: ""; z-index: 1;}

.Product .section-slides .swiper-slide .card:hover {
    background: linear-gradient(90deg, #d61519, #ff373b);
}

.Product .section-slides .swiper-slide .card:hover .card-body{
    color: #fff;
}

.Product .section-slides .card-img-effect .card-img-top{
    transition: .3s;
}

.Product .section-slides .card-img-effect:hover .card-img-top {
    transform: scale(1.2);
}

@media(max-width:1024px){
    .Product .section_app .chassis-container{margin-top: calc(70/16 * 1em); margin-bottom: calc(30/16 * 1em);}
    .Product .item-group .row .card-img-effect p{display: none;}
    .Product.section-params .inner{padding: calc(70/16 * 1em) 0;}
    .Product .item-group .tecTitle .section-title{text-align: center;}
    .Product.section-params .inner .tecTitle p{text-align: center; font-size: calc(12/16 * 1em); margin-top: 0;}
    .Product .table-responsive .table thead tr{display: flex; flex-wrap: wrap;}
    .Product .table-responsive .table thead tr td{width: 48.5%;}
    .Product .table-responsive .table thead tr td:nth-last-of-type(1){margin-bottom: calc(30/16 * 1em);}
    .Product .downFile{width: calc(120/16 * 1em); border-radius: 9999px; padding: .7em;}
    .Product .downFile span{font-size: calc(12/16 * 1em);}
    .section-params .tab-pane .table p.text-center{margin: 0;}
    .Product.section-params .inner .productParam li aside{font-size: calc(14/16 * 1em);}
    .Product.section-params .inner .productParam li p{font-size: calc(12/16 * 1em);}
}


@media (min-width: 1200px) {
    .Product .item-group .mt-xl-5 {
        margin-top: 3rem ;
    }
}

@media (min-width: 1025px) {
    .Product .item-group .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 24.4%;
    }

    .Product  .mb-lg-4 {
        margin-bottom: 1.5rem ;
    }
    
    .Product  .mt-lg-5 {
        margin-top: 3rem ;
    }

    .mb-lg-3 {
        margin-bottom: 1rem;
    }

    .Product  .chassis-container .card-body .card-text{
        font-size: 16px;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
   
}


/* 底部 */
.theBottom{background-color: #E8E8E8;}
.theBottom {margin-top: 0px;margin-bottom: 0px;padding: calc(60/16 * 1em) 0px calc(80/16 * 1em) 0px;}
.elementor-section {position: relative;}
.elementor *, .elementor :after, .elementor :before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1200px;}
.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

.elementor-column, .elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-column {
    min-height: 1px;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-widget-wrap>.elementor-element {
    width: 100%;
}



.elementor-element .elementor-widget-container a.outLink{font-size: 16px; width: calc(40/16 * 1em); height: calc(40/16 * 1em); display: block; background-position: center; background-repeat: no-repeat;}
.elementor-element .elementor-widget-container a.outLink.facebook{background-image: url(../images/facebook.svg);}
.elementor-element .elementor-widget-container a.outLink.youtube{background-image: url(../images/youtube.svg);}
.elementor-element .elementor-widget-container a.outLink.in{background-image: url(../images/in.svg);}
.elementor-element .elementor-widget-container a.outLink.jianeng{background-image: url(../images/poto.svg);}
.elementor-element .elementor-widget-container a.outLink.douyin{background-image: url(../images/douyin.svg);}
.elementor-element .elementor-widget-container a.outLink.wechat{background-image: url(../images/wechat.svg); position: relative;}
.elementor-element .elementor-widget-container a.outLink.blibili{background-image: url(../images/bilibili.svg);}
.elementor-element .elementor-widget-container a.outLink.linkOther{background-image: url(../images/other.svg);}
.elementor-element .elementor-widget-container:not(:nth-last-of-type(1)) a{margin-right: .5em;}
.elementor-element .elementor-widget-container a{position: relative;}
.elementor-element .elementor-widget-container a > div{display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 10/16 * 1em); z-index: 20; width: calc(90/16 * 1em); padding: calc(2/16 * 1em); background-color: #fff;}
.elementor-element .elementor-widget-container a > div::after{content: ""; position: absolute; top: 100%; width: calc(13/16 * 1em); height: calc(13/16 * 1em); background-color: #fff; left: 50%; transform: translateX(-50%); -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);clip-path: polygon(0 0, 50% 100%, 100% 0);}
.elementor-element .elementor-widget-container a:hover > div{display: block;}
.elementor-widget:not(:last-child) {margin-bottom: 20px;}
.elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-field, .elementor-219 .elementor-element.elementor-element-3c35d86 .elementor-field-subgroup label {font-size: 14px;min-height: 25px; line-height: normal;}
/* @media(min-width:1025px){
.elementor-element.elementor-widget-image .elementor-widget-container:nth-of-type(n+5){display: none;}
} */
@media(max-width:1024px){
/* .elementor-element.elementor-widget-image .elementor-widget-container:nth-of-type(-n+4){display: none;} */
.elementor-widget:not(:last-child){margin-bottom: 10px;}
.elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-field, .elementor-219 .elementor-element.elementor-element-3c35d86 .elementor-field-subgroup label {font-size: 12px;}
.elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-select-wrapper select{font-size: 12px;}
}
.elementor-widget {
    position: relative;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}

 .elementor-element.elementor-element-58210d8 {
    color: rgba(0,0,0,0.5);
    line-height: 2;
}

 .elementor-element.elementor-element-dff36fb {
   color: rgba(0,0,0,0.5);
    font-size: 14px;
    line-height: 2;
}

 .elementor-element.elementor-element-9c354fc .elementor-heading-title {
    color: #7E7E7E;
    font-size: 14px;
}

 .elementor-element.elementor-element-22587d7 {text-align: left;display: flex;flex-wrap: wrap;}

 .elementor-heading-title {
    color: var(--blue);
    font-weight: bold;
    font-size: 24px;
}


.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



 .elementor-element.elementor-element-25db06b .elementor-heading-title {
    color: #9C9C9C;
    font-size: 14px;
    font-weight: 200;
    text-align: right;
}

 .elementor-element.elementor-element-3c35d86 .elementor-form-fields-wrapper {

    justify-content: end;
}

.elementor-form-fields-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.elementor-element.elementor-element-3c35d86 .elementor-field-group {
    margin-bottom: 16px;
    width: 100%;
}

.elementor-element.elementor-element-3c35d86 .elementor-field-group > label {
    font-size: 16px;
    font-weight: 400;
}

.elementor-element.elementor-element-3c35d86 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    background-color: #ffffff;
    border-color: #287DFE40;
}



 .elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-field {font-family: "AlibabaPuHuiTi" !important; color: var(--blue); font-size: 12px; border-radius: 0; padding-top: 2px; padding-bottom: 2px;}

.content .elementor-field-textual.elementor-size-xs, .elementor-field-textual.elementor-size-xs {
    font-size: 13px;
    line-height: 1.4;
    min-height: 27px;
    padding: 0px 24px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.elementor-field-group .elementor-field-textual {
    width: 100%;
    max-width: 100%;
    border: 1px solid #818a91;
    background-color: transparent;
    color: #373a3c;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.elementor-field-group textarea.elementor-field-textual{min-height: 46px !important; resize: none;}

.elementor-field-group .elementor-field-textual::placeholder,.elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-select-wrapper select::placeholder{
    color: #287DFE;
}

.elementor-field-group .elementor-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
}

.elementor-element.elementor-element-3c35d86 .elementor-field-group .elementor-select-wrapper select {
    background-color: #ffffff;
    border-color: #287DFE40;
    color: #287DFE;
    min-height: 27px;
    padding: 0 24px;
    width: 100%;
    -webkit-appearance: none; 
    -moz-appearance: none;    
    -ms-appearance: none;     
    appearance: none; 
    font-size: 12px;
    font-family: "AlibabaPuHuiTi";
}


.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.elementor-element.elementor-element-3c35d86 .elementor-field-group {
    padding-right: calc(0px / 2);
    padding-left: calc(0px / 2);
    margin-bottom: 16px;
}

.elementor-field-group.elementor-field-type-submit {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.elementor-element.elementor-element-3c35d86 .elementor-button[type="submit"] {
    background-color: #287DFE;
    background-image: none;
    color: #ffffff;
}

.elementor-element .elementor-button.elementor-size-xs {
    text-transform: none;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: 0px solid #1ebbf0;
    padding: 4px 14px;
    letter-spacing: 0px;
    cursor: pointer;
}

 .elementor-element.elementor-element-3c35d86 .elementor-button {
    font-family: "Nunito", Sans-serif;
    text-transform: uppercase;
}

.elementor-element.elementor-element-3c35d86 .elementor-button, .elementor-219 .elementor-element.elementor-element-3c35d86 .elementor-button .elementor-button-icon {
    font-size: 12px;
}

.elementor-button .elementor-align-icon-left {
    margin-right: 5px;
    -webkit-box-ordinal-group: 6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-check-circle:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/send.svg);
    background-size: 100%;
}

.elementor-element.elementor-element-3c35d86 .elementor-button[type="submit"] > span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.elementor-column.bottom-right{width: 37%;}


@media(max-width:1024px){
    .theBottom{padding: calc(50/16 * 1em) 0;}
    .elementor-section.elementor-section-boxed > .elementor-container{width: 100%; padding:0 calc(45/16 * 1em);}
    .elementor-column.bottom-right{width: 100%; margin-top: 20px;}
    .elementor-element.elementor-element-58210d8{font-size: 10px;}
    .elementor-element.elementor-element-dff36fb{font-size: 10px;}
    .elementor-element.elementor-element-9c354fc .elementor-heading-title{font-size: 10px;}
    .elementor-element.elementor-element-25db06b .elementor-heading-title{line-height: normal;}
}

/* 首页 */
.text-center {
    text-align: center;
}

.sec-desc {
    line-height: 1.5;
    color: #474747;
    font-size: calc(14/16 * 1em);
    margin-right: auto;
    margin-left: auto;
}

@media(min-width:1025px){
    .Floor002912 .sec-desc{max-width: 30%;}
}

.new-banner {
    margin: 50px 0 0;
    position: relative;
}

.new-banner .slick-list{display: flex; gap: 0 1.9%;}
.new-banner .slick-list > div{width: 22.65%;}
.new-banner .slick-list > div li .imageBox{border-radius: 5px ; transform: skewX(-5deg) translateX(10%); overflow: hidden;}
.new-banner .slick-list > div li .imageBox figure{transform: skewX(5deg) translateX(-9%); width: 121%;}
.new-banner .slick-list > div li .imageBox figure img{width: 100%;}
.new-banner .slick-prev {left: -34px;}
.new-banner .slick-arrow {z-index: 10;position: absolute;top: 50%;border: 0;padding: 0;outline: 0;background-color: transparent;font-size: 0;cursor: pointer;margin-top: -18px;border: 1px dotted #999;border-radius: 4px;padding: 6px;width: 30px;height: 38px;display: flex;justify-content: center;align-items: center;}

.new-banner .slick-arrow:hover::before {
    color: #0039C8;
}


.new-banner .slick-arrow::before {
    font-size: 16px;
    line-height: 1.5;
    /* width: 1.5em; */
    text-align: center;
    color: #999;
}



@media(max-width:768px){
    .new-banner .slick-list {flex-wrap: wrap; justify-content: space-between; gap: 20px 0;}
    .new-banner .slick-list > div{width: 48.5%;}
    .new-banner .slick-list > div li .imageBox{transform: skewX(0deg); overflow: hidden;}
    .new-banner .slick-list > div li .imageBox figure{transform: skewX(0deg); width: 100%;}
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.serise-item {
    overflow: hidden;
    display: block;
    border-radius: 3px;
    position: relative;
}

.serise-item >img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: .3s;
}

.serise-item__intro {
    z-index: 5;
    right: 20px;
    bottom: 0;
    left: 20px;
    color: #000;
    text-align: center;
    margin-top: calc(30/16 * 1em);
}

.serise-item__title {font-size: calc(16/16 * 1em);color: #333;margin: 0;margin-bottom: 1em; font-weight: normal;}
.series-item__desc{font-size: calc(14/16 * 1em); color: #666;}

.fw-700 {
    font-weight: 700;
}



.ico-octagon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1;
    color: #fff;
}

.serise-item::before {
    padding-top: 191.6666666667%;
}



/* .serise-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-image: linear-gradient(to bottom, rgba(0, 57, 200, 0) 30%, rgb(0, 57, 200));
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
} */


.mt-10 {
    margin-top: 10px;
}

.mt-30 {
    margin-top: 30px;
}

.ico-octagon::after {
    content: "+";
    font-size: .875em;
    width: 1em;
    height: 1em;
    line-height: .875em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    color: #0039c8;
}

.icon-octagon:before{
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../images/silderback.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.new-banner .slick-next {
    right: -34px;
}

.list-item {
    margin-right: 14px;
    margin-left: 14px;
}


.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-inno {
    position: relative;
    overflow: hidden;
}

.inno-bg {
    position: absolute;
    bottom: -20%;
    left: 40%;
    width: 950px;
    max-width: 100%;
    background-image: url(../uploadfiles/inno_bg.png);
}



.inno-bg::before {
    padding-top: 78.9473684211%;
}

.index-inno__wrap {
    position: relative;
    padding-top: 140px;
    padding-bottom: 110px;
}

.inno-intro {
    max-width: 480px;
}


.comm-wrap .learn-more {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    transition: color .3s ease;
}

.learn-more span {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    margin-left: 4px;
    transition: transform .3s ease;
}

.tcplayer-box.inno {
    max-width: 264px;
    position: relative;
}

.tcplayer-box::before {
    content: "";
    display: block;
}

.tcplayer-box::before {
    padding-top: 56.25%;
}

.tcplayer-box .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inno-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
}

.inno-intro .icon-more:before {
    content: "";
    display: inline-block;
    background-image: url(../images/right-active2.png);
    width: 12px;
    height: 13px;
    margin-top: 4px;
    transition: .3s linear;
}

.comm-wrap .learn-more{
    color: #1977fd;
}


.comm-wrap .learn-more:hover::before {
    right: -20px;

}


.mt-50 {
    margin-top: 50px;
}

.mod-download-teaser:before {
    border-top: 1px solid #c6c8ca;
    top: 0;
}

.mod-download-teaser:after, .mod-download-teaser:before {
    content: "";
    display: block;
    left: 30%;
    position: absolute;
    width: 40%;
}

.mod-download-teaser__teaser-text {
    gap: 30px;
    margin-bottom: 30px;
}

.mod-download-teaser__img-container {
    max-height: 400px;
    min-height: 200px;
    padding: 0 27%;
    text-align: center;
    z-index: 1;
}

.mod-download-teaser__single-image {
    height: auto;
    max-width: 100%;
}

.mod-download-teaser__teaser-text .mod-download-teaser__side {
    position: relative;
    text-align: center;
    z-index: 2;
}

.mod-download-teaser__teaser-text .mod-download-teaser__side-headline {
    margin: 0 auto 20px !important;
    text-align: center;
    width: 80%;
}

.a-btn {
    background-image: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.375rem;
    line-height: 2rem;
    outline: none;
    padding: 12px 25px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.mod-newsspotlight__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 20px;
}

.a-btn--secondary {
    background-image: linear-gradient(45deg, #595d61, #5a5a5a);
    background-repeat: repeat-x;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff595d61",endColorstr="#ff5a5a5a",GradientType=1);
}

.a-btn--primary {
    background-image: linear-gradient(45deg, #ff6000, #ff5800);
    background-repeat: repeat-x;
    color: #fff;
}

.a-btn.a-btn--primary {
    background: #ff5800;
}

.a-btn.a-btn--primary:hover,.a-btn--secondary:hover{
    color: #fff;
}

.h-pos-relative {
    position: relative;
}

.mod-download-teaser {
    padding: 55px 0 40px;
}

.mod-download-teaser:after {
    border-bottom: 1px solid #c6c8ca;
    bottom: 0;
}

.mod-newsspotlight {
    padding: 48px 0;
    position: relative;
}

.mod-newsspotlight:before {
    background: linear-gradient(90deg, #fff 0, #d4d8db);
    content: " ";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
}

.mod-newsspotlight__headline {
    margin-bottom: 24px;
}

.mod-newsspotlight__headline h3{
    font-size: 30px;
}

.mod-newsspotlight__featured, .mod-newsspotlight__headline, .mod-newsspotlight__list {
    position: relative;
}

.mod-newsspotlight__headline * {
    margin: 0 !important;
}

.mod-newsspotlight__featured {
    margin-bottom: 8px;
}

.mod-newsspotlight__featured__text {
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(29, 36, 43, 0) 0, rgba(29, 36, 43, .88));
    bottom: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-height: 100%;
    min-height: 56%;
    padding: 24px 16px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.a-badge {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5rem;
    padding: 0 9px;
    white-space: nowrap;
}

.mod-newsspotlight .a-badge {
    font-weight: 700;
    line-height: 1.28;
    padding: 3px 8px;
}

.mod-newsspotlight .a-badge--blog {
    background: #636a71;
    color: #fff;
}

.mod-newsspotlight__featured__text .a-badge {
    margin-bottom: 16px;
}

.mod-newsspotlight__featured__text .text__meta {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 6px;
}

.mod-newsspotlight__featured__text .text__title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.22;
    margin: 0;
}

.mod-newsspotlight__featured__image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.mod-newsspotlight__featured__image {
    line-height: 0;
    overflow: hidden;
}

.mod-newsspotlight__featured__link, .mod-newsspotlight__list__item .item__link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.theFlex{
    display: flex;
    flex-wrap: wrap;
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.theFlex ul{
    list-style: none;
}

.theFlex>* {
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
}

.mod-newsspotlight__featured, .mod-newsspotlight__list__item {
    box-shadow: 0 4px 16px rgba(29, 36, 43, .06);
}
.mod-newsspotlight__list__item {
    align-items: flex-start;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: relative;
}

.mod-newsspotlight__list__item:not(:last-child) {
    margin-bottom: 8px;
}

.mod-newsspotlight__list__item .a-badge {
    margin-bottom: 16px;
}

.mod-newsspotlight__list__item .item__meta {
    color: #878d91;
    font-size: .875rem;
    line-height: 1.28;
}

.mod-newsspotlight__list__item .item__title {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.22;
    margin: 8px 0 0;
}



.mod-newsspotlight .a-badge--news {
    background-color: #91989e;
    color: #fff;
}

.Floor0030531 .main{ 
    /* margin-top: 60px; */
    margin-bottom: 0px;
    padding: 100px 0px 100px 0px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-section .elementor-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

 .elementor-element.elementor-element-11902fa0 > .elementor-background-overlay {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor .elementor-background-overlay, .elementor .elementor-background-slideshow {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

 .elementor-element.elementor-element-11902fa0 > .elementor-container {
    min-height: 391px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1140px;
}

.elementor-column {
    min-height: 1px;
}


.elementor-column, .elementor-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

 .elementor-element.elementor-element-21326b9 > .elementor-widget-container {
    /* margin: -36px 0px 0px 0px; */
    padding: 0px 0px 91px 0px;
}

 .elementor-element.elementor-element-21326b9 .elementor-icon-wrapper {
    text-align: right;
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #818a91;
    font-size: 50px;
    text-align: center;
}

.elementor-icon i, .elementor-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

 .elementor-element.elementor-element-03f557a > .elementor-element-populated {
    margin: 145px 0px 0px 0px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 0px;
}

.elementor-widget-wrap>.elementor-element {
    width: 100%;
}



 .elementor-element.elementor-element-1efcb30 .elementor-heading-title {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 500;
}

 .elementor-element.elementor-element-c9a8eb4 > .elementor-widget-container {
    margin: -16px 0px 0px 0px;
    color: #fff;
    font-size: 12px;
}

 .elementor-element.elementor-element-2a33087 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 100;
}

 .elementor-element.elementor-element-90501a5 > .elementor-widget-container {
    margin: -80px 0px 0px 0px;
}

 .elementor-element.elementor-element-90501a5 .elementor-icon {
    font-size: 190px;
}

.elementor-element.elementor-element-21326b9.elementor-view-framed .elementor-icon, .elementor-element.elementor-element-21326b9.elementor-view-default .elementor-icon svg {
    fill: #00E88A;
}

.Floor0030531 .main::before{content: "";position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 0;}
.Floor002912 .slick-arrow:before{display: block; content: ''; width: 10px; height:10px; border-bottom: 2px solid #999;border-left: 2px solid #999; left: 50%; top: 50%; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.Floor002912 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.Floor002912 .slick-arrow:hover{border-color:#0039C8;}
.Floor002912 .slick-arrow:hover::before{border-color:#0039C8;}
.item-center{align-items: center;}
.no-bottom{padding-bottom: 0; padding-top: 0;}
.w_1040{max-width: 1040px; margin: 0 auto;}

@media (any-hover: hover) {
    .serise-item:hover>img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    /* .serise-item:hover .serise-item__intro {
        color: #fff;
        transform: translateY(0);
    } */
/* 
    .serise-item:hover::after {
        visibility: visible;
        opacity: .8;
    } */
}

@media (min-width: 1280px) {

    .ms {
        font-size: 17px;
        max-width: 725px;
    }

    .bt {
        font-size: 22px;
    }

    .sk {
        padding-bottom: 75px;
    }

    .safe {
        font-size: 61px;
    }
}

@media (min-width: 1200px) {
    .p-xl-5 {
        padding: 3rem !important;
    }
}

@media (min-width: 992px) {
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .mod-newsspotlight__featured {
        margin-bottom: 0;
    }

    .mod-newsspotlight__featured__text {
        padding: 40px 28px;
    }

    .mod-newsspotlight__featured__text .text__meta {
        font-size: 1.125rem;
    }

    .mod-newsspotlight__featured__text .text__title {
        font-size: 1.5rem;
        line-height: 1.16;
    }

    .mod-newsspotlight__btns {
        margin-top: 40px;
    }
}

@media (min-width: 890px) {
    .tcplayer-box.inno {
        max-width: 450px;
    }
}

@media (min-width: 768px) {
    .elementor-column.elementor-col-80, .elementor-column[data-col="80"] {
        width: 80%;
    }

    .elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
        width: 50%;
    }

    .mod-download-teaser__teaser-text {
        align-items: center;
        display: flex;
    }

    .mod-download-teaser__teaser-text .mod-download-teaser__img-container, .mod-download-teaser__teaser-text .mod-download-teaser__side {
        width: 50%;
    }

    .mod-download-teaser__img-container {
        padding: 0;
    }

    .mod-newsspotlight__featured__text {
        background: linear-gradient(180deg, rgba(29, 36, 43, 0) 0, rgba(29, 36, 43, .64));
        padding: 32px 20px;
    }

    .mod-newsspotlight__featured__text .text__meta {
        font-size: 1rem;
        font-weight: 700;
    }

    
    .elementor-column.elementor-col-25, .elementor-column{
        width: 25%;
    }

     .elementor-element.elementor-element-47acf35b {
        width: 12.895%;
    }

     .elementor-element.elementor-element-e1f733e {
        width: 16.838%;
    }

     .elementor-element.elementor-element-03f557a {
        width: 45.267%;
    }

}

.about-container .details {
    border-radius: 10px;
    background-color: #fff;
}



.partnerFigure{background-size: 100%; padding-bottom: 50%; background-repeat: no-repeat;}
.companyList{list-style: none;}
#doloadfile{
    padding-top: 20px;
    background-color: #f5f5f5;
}

#doloadfile .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(0,0,0,.175);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0,0,0,.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 0 solid rgba(0,0,0,.175);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    overflow: hidden;
}

#doloadfile .card-header {
    border-bottom: 0 solid rgba(0,0,0,.175);
    margin-bottom: 0;
    padding: 0 50px;
}

#doloadfile .card-header .card-title{
    border-bottom: 1px solid rgba(0,0,0,.175);
    font-weight: 100;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 45px;
    position: relative;
}

#doloadfile  .card-body{
    color: var(--bs-card-color);
    flex: 1 1 auto;
    padding: 50px 50px;
}


#doloadfile .about-container .card-body h2{
    font-size: 32px;
    color: rgb(34, 34, 34);
}

#doloadfile .about-container .card-body .p-0{
    font-size: 18px;
    font-weight: 700;
    color:rgb(34, 34, 34);
}

#doloadfile .row .rich-text {
    padding-left: 12px;
    padding-right: 12px;
}

#doloadfile .row .rich-text p{
    font-size: 14px;
}

#doloadfile  .buttonContainer{
    margin-top: 48px;
}

#doloadfile .about-container .nav_list .nav-link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 200;
    padding: 8px;
    text-transform: uppercase;
    display: inline-block;
}

#doloadfile .nav-link {
    color: #aaa;
    display: block;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

#doloadfile .about-container .nav_list .nav-link:hover{
    color: #d61519;

}

#doloadfile .about-container .nav_list .nav-link.active {
    color: #d61519;
}

#doloadfile .about-container .d-lg-flex{display: flex;}

@media(max-width:991px){
    #doloadfile .details {
        margin-right: 10px;
        padding: calc(16/16 * 1em);
    }
}

@media(max-width:640px){
    #doloadfile .about-container .d-lg-flex{display: block;}
}

/* 响应式调整 */

/* 首页 */
@media(max-width:1024px){

.serise-item >img{width: 50%; left: 0;  right: 0; margin: 0 auto;}
.serise-item::before {padding-top:100%;}
.index-inno__wrap{padding-top: 70px; padding-bottom: 55px;}
.Floor0030531 .main{background-position: center;}
}

@media(max-width:800px){
.elementor-column.elementor-col-50, .elementor-column[data-col="50"]{width: 100%;}
.elementor-element.elementor-element-25db06b .elementor-heading-title{text-align: center;}
.elementor-element.elementor-element-3c35d86 .elementor-form-fields-wrapper{display: flex;justify-content: center;}
.elementor-column.elementor-col-80, .elementor-column[data-col="80"]{width: 80%;}
}

@media(max-width:768px){
.Banner002975 .slider-txt li span{font-size: calc(16/16 * 1em);padding: calc(12 / 16* 1em) calc(10 / 16* 1em);}
}

@media(max-width:640px){
.mt-100{margin-top: 40px;}
.sec-desc{font-size: calc(16/16 * 1em);}
.tcplayer-box.inno{width: 100%; max-width: 100%;}
.inno-img{display: none;}
.mod-download-teaser__img-container{padding: 0 15%; margin-bottom: 10px;}
.mod-newsspotlight__headline h3{font-size: calc(24/16 * 1em);}
.mod-newsspotlight__featured__text .text__title{font-size: calc(16/16 * 1em);}
.a-btn{font-size: calc(16/16 * 1em);}
}

@media(max-width:540px){
.Banner002975 .slider-txt li span{font-size: calc(12/16 * 1em);}
}

.Product .item-group .row .card-img-effect.app{display: none;}
/* 机器人底盘 */
@media(max-width:1024px){
.Probanner .ytable-cell{vertical-align: middle;}
.Product .item-group .row{padding:0 calc(30/16 * 1em); justify-content: space-between; gap: calc(5/16 * 1em) 0;}
.Product .item-group .section-title{font-size: calc(24/16 * 1em); margin-bottom: .2em;}
.Product .section_app .section-summary{font-size: calc(12/16 * 1em); max-width: 80%; }
.Product .item-group .row .card-img-effect{width: 49%;}
.Product .item-group .row .card-img-effect.app{display: block;}
.Product .item-group .row .card-img-effect.pc{display: none;}
.Product.section-params .tab-content{overflow: hidden; padding: 0 calc(0/16 * 1em); position: relative; width: 92%; left: 0; margin: 0 auto;}
.Product.section-params .tab-content>.active{overflow-x: auto; }
.Product.section-params .tab-content .table-responsive{width: 200%;}
.Product.section-params .arrows{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 92%; display: flex; justify-content: space-between;}
.Product.section-params .slick-arrow{top: 50%; transform: translateY(-50%); z-index: 1; width: calc(22/16 * 1em); height: calc(22/16 * 1em); background: url(../images/case_slider_arrow_.svg) no-repeat center; font-size: 1em; text-indent: -9999em; overflow: hidden;}
.Product.section-params .slick-arrow.slick-next{transform: translateY(-50%) rotate(180deg); left: calc(100% - 30/16 * 1em); margin-left: calc(45/1920 * 100vw);}
.Product.section-params .slick-arrow.slick-prev{right: 100%; margin-right:  calc(45/1920 * 100vw);}
.Product.section-params .slick-arrow{top: unset; top: calc(100% + 17/16 * 1em); transform: none; background-image: url(../images/video_arrow.svg);}
.Product.section-params .slick-arrow.slick-prev{left: unset; right: 31%; margin-right: 0;}
.Product.section-params .slick-arrow.slick-next{left: unset; right: 21%; margin-right: 0; transform:rotate(180deg);}

}

@media(max-width:991px){
    .Product .item-group .card-img-effect > div{overflow: hidden;}
    .Product .item-group .card-img-normal{object-fit: cover; width: 100%;}
    .Product .item-group .section{padding: calc(50/16 * 1em) 0;}
}

@media(max-width:640px){
    .Product .card-body .card-title1{font-size: calc(20/16 * 1em);}
    .Product .section-slides .nav-tabs .nav-link{font-size: calc(24/16 * 1em);}
    .section-slides .swiper-navigation .swiper-button{width: 30px; height: 30px;}
    .Product .section-slides .swiper-navigation .swiper-button-prev::after{width: 30px; height: 30px;}
}

/* 机器人平台 */
.style_video-box__HgH8b{width: 100%;}
.style_kit_font20__1xNHH.style_kit_ways_right__mYPct{width: 39%;}
.style_kit_font20__1xNHH.style_kit_ways_right__mYPct p{color: #333; margin: 0;}
.style_kit_font20__1xNHH.softIntro p{color: #333; margin: 0; margin-top: 1.7em;}
.style_kit_font20__1xNHH.softIntro p:nth-of-type(1){margin-top: 0;}
.style_kit_font20__1xNHH.softIntro .style_kit_button1__3iGeW{font-size: 16px; justify-content: start; cursor: auto;}
.style_kit_font20__1xNHH.softIntro .style_kit_button1__3iGeW span{cursor: pointer; padding: calc(2.5/16 * 1em) calc(32/16 * 1em); margin-top: calc(24/16 * 1em); display: block; font-size: calc(16/16 * 1em); line-height: 2; background-color: var(--blue); color: #fff;}
.style_kit_car__1_bxI .style_kit_car_spacing__1GWXG_advance{position: relative; margin-top: calc(-50/16 * 1em);}
@media(max-width:1280px){
    .g__w {padding: 0 10px;}
.style_video-box__HgH8b{width: 80%;}
    .style_kit_ways_content__Rl8Q8{padding-left: 0;}
    .style_kit_hardware_wrap__3wZbz{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .style_kit_hardware_wrap__3wZbz::after{display: none;}
}

@media(min-width:1025px){
    /* .style_kit_font20__1xNHH.softIntro .style_kit_button1__3iGeW span{display: none;} */
}

@media(min-width:1180px){
    .g__w {
        width: 1180px;
    }  
}

@media(max-width:1024px){
    .style_kit_car_module__1Hj8G .style_kit_car_img_wrap__1SNQ1 div:not(:nth-of-type(1)){display: none;}
    .solutionContainer .style_kit_button1__3iGeW{font-size: calc(16/16 * 1em); margin-top: calc(30/16 * 1em); justify-content: start;}
    .solutionContainer .style_kit_button1__3iGeW span{font-size: calc(12/16 * 1em); background-color: var(--blue); color: #fff; padding: .7em 2em; border-radius: 9999px;}
    .style_kit_font20__1xNHH.softIntro p:nth-last-of-type(1){margin-bottom: 0;}
    .style_kit_application_title__1Djr2>p:first-child{padding-top: calc(25/16 * 1em);}
    .style_kit_margin_top_170__3T6rV{margin-top: calc(25/16 * 1em);}
    .style_kit_flex_between_nowrap__3akdN{flex-wrap: wrap; justify-content: center; gap: calc(5/16 * 1em) calc(8/16 * 1em); margin-bottom: calc(35/16 * 1em);}
    .style_kit_car_module__1Hj8G{margin-right: 0;}
    .partnerFigure{padding-bottom: 60%;}
    .style_kit_school_title__1hFZm{padding: calc(25/16 * 1em) 0 calc(30/16 * 1em);}
    .style_kit_school__1jmhv{height: auto;}
    .style_tutorial_content_wrap__3J9Z8{width: 48%; flex: none;}
    .style_kit_tutorial__234xZ{height: auto; padding-bottom: calc(40/16 * 1em);}
    .style_kit_tutorial__234xZ .style_kit_tutorial_title__14xwL{padding: calc(100/16 * 1em) 0 calc(30/16 * 1em);}
    .style_kit_tutorial__234xZ .g__w{padding: 0 calc(35/16 * 1em);}
    .style_kit_tutorial__234xZ .g__w .style_tutorial_conten_model__yWCAy img{max-height: 40px !important; min-height: 40px !important;}
    .style_kit_tutorial_title__14xwL p.style_kit_base_font_title__uqI79{font-size: calc(20/16 * 1em);}
    .style_kit_tutorial_title__14xwL p.style_kit_base_color__2-7iJ{font-size: calc(12/16 * 1em);}
    .style_banner_text__3dQxj h1{font-size: calc(16/16 * 1em); text-align: center;}
    .style_banner_text__3dQxj .g__flex{justify-content: center;}
    .style_banner_text__3dQxj p{font-size: calc(10/16 * 1em); margin-top: 1em; margin-bottom: 1.5em; text-align: center;}
    .style_kit_ways_title__3tuO-{font-size: calc(14/16 * 1em); text-align: start;}
    .style_kit_font20__1xNHH{font-size: calc(12/16 * 1em); margin: 0; margin-top: calc(5/12 * 1em);}
    .style_kit_application_module__HKkIt{width: 45%;}
    .style_kit_application__3hpSF .style_kit_application_module__HKkIt img{max-width: 25% !important;}
    .style_kit_application__3hpSF .style_kit_application_module__HKkIt p.style_kit_distance__125lb{font-size: calc(12/16 * 1em);}
    .style_kit_font20__1xNHH.style_kit_application_module__HKkIt{font-size: calc(10/16 * 1em); width: 100%;}
    .style_kit_car_tab__3u_9f{flex-wrap: wrap; padding: 0 calc(30/16 * 1em);}
    .style_kit_hardware_title_font__3LfXF{font-size: calc(12/16 * 1em);}
    .style_kit_car_box__DUbXK{width: 31.5%; background-color: rgba(238,238,238,.5); margin-bottom: 0; padding: calc(10/16 * 1em) calc(10/16 * 1em);}
    .style_kit_car_box__DUbXK>p:first-child{font-size: calc(12/16 * 1em);}
    .style_kit_font15__38rYJ{font-size: calc(10/16 * 1em);}
    .style_kit_hardware_title_active__3zQZo{font-size: calc(16/16 * 1em); text-align: center; font-weight: bold;}
    .style_kit_hardware__2_tD3 .screenIntro{font-size: calc(12/16 * 1em); text-align: center;}

}

@media(max-width:768px){
    .style_kit_school_swiper__1Dk-N .swiper-slide-next{transform: scale(1) !important;}
    .partnerFigure{padding-bottom: 40%;}

}

@media(max-width:700px){
    .style_kit_ways_img__3ZOfK{justify-content: center;}
}

@media(max-width:640px){
    .style_kit_car_img_wrap__1SNQ1{position: static;}
    .style_kit_base_font_title__uqI79{font-size: calc(24/16 * 1em);}

    .style_kit_font25__hIFgU{font-size: calc(16/16 * 1em);}
    .style_kit_car_module__1Hj8G{width: 100%; max-width: unset;}
    
    .style_kit_car_active__HoFGg{font-size: calc(20/16 * 1em);}
    .style_kit_hardware_module_p__5riPf{font-size: calc(20/16 * 1em);}
}


/* 关于我们 */
@media(max-width:1280px){
     .about-banner img{width: calc(400/16 * 1em);}
     .about-banner img{visibility: hidden;}

     .list-3>li{width: 48%;}
     .ihonor-item{width: auto; max-width: none;}
    /* list-abouta */
     .list-inews li{margin-top: 10px;}
}

@media(max-width:1024px){
     .ptb-100{padding: calc(50/16 * 1em) 0;}
     .mt-80{margin-top: calc(40/16 * 1em);}
    .theHistory{margin: calc(40/16 * 1em) 0;}
    .theHistory .ahy-item{font-size: calc(16/16 * 1em);}
    .theHistory .ahy-item{margin-right: 0; text-align: center;}
     .mt-100{margin-top: calc(50/16 * 1em);}
}

@media(max-width:640px){
     .about-banner img{width: calc(400/16 * 1em);}
     .about-banner img{visibility: hidden;}
     .comm-title{font-size: calc(24/16 * 1em);}
     .list-3>li{width: 100%;}
    .theHistory .aht-item__year{font-size: calc(28/16 * 1em);}
    .ihonor-item__title .num{font-size: 30px;}
    .ihonor-item__title .ico{font-size: 24px;}
     .list-about-honor li{width: 48%;}
}

/* 招纳贤士 */
@media(max-width:1024px){
     .TextList003149 .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
     .TextList003149 .list li{
        width: 48%;
    }
}
@media(max-width:640px){
     .TextList003149 .list li{
        width: 100%;
    }
}
/* 新闻 */
 .list-news{display: flex; flex-wrap: wrap; justify-content: space-between;}
@media(max-width:1280px){
     .list-news  li{
        margin-top: 10px;
    }
}

@media(max-width:1024px){
     .list-news  li{
        width: 49%;
        margin-top: 10px;
    }
     .list-default{margin-left: 0; margin-right: 0;}
}

@media(max-width:640px){
     .list-news  li{
        width: 100%;
    }
}

/* 服务与支持 */
@media(max-width:1200px){
    .section-summary > p{margin-top: 10px;}
}

@media(max-width:991px){
    .section-title{
        font-size: calc(24/16 * 1em);
    }
}

@media(max-width:912px){
    .tab-content>.tab-pane .col{width: 100%;}
    .card .card-img-help{height: auto; width: 100%;}
}

/* 下载 */
@media(max-width:991px){
    .page-more-download-layout .about-container .row{justify-content: space-between;}
    .page-more-download-layout .about-container .col{width: 48.5%;}
}

@media(max-width:640px){
    .page-more-download-layout .about-container .col{width: 100%;}

}

/* 视频 */
@media(min-width:1025px){
    .style_video__payer__2mthE{height: 690px;}
}

@media(max-width:1024px){
    .style_video__payer__2mthE{height: 400px;}
}

@media(max-width:480px){
    .style_video__payer__2mthE{height:300px;}
}

.homeIndustry{overflow: hidden; padding-bottom: calc(120/16 * 1em);}
.homeIndustry .industryList{position: relative; width: calc(100% + calc(30/16 * 1em));}

.homeIndustry .industryList .slick-list{padding: calc(80/16 * 1em) 0; max-width: 960px; margin: 0 auto;}
.homeIndustry .industryList li figure{padding-bottom:  119%; background-size: cover; background-repeat: no-repeat;position: relative;}
.homeIndustry .industryList li figure .textContent{display: flex; justify-content: space-between; padding: calc(20/16 * 1em); position: absolute; bottom: 0; width: 100%; height: 21.875%; transition: .3s; background-color: #000; color: #fff;}
.homeIndustry .industryList li figure .textContent p{margin: 0; transition: .3s;}
.homeIndustry .industryList li figure .textContent .icon{display: none; opacity: 0; width: calc(22/16 * 1em); height: calc(22/16 * 1em); background: url(../images/home_hover_more.svg) no-repeat center;}
.homeIndustry .industryList li a{margin-right: calc(30/16 * 1em); display: block;}
.homeIndustry .industryList li{transition: .3s;}
.homeIndustry .content.auto {max-width: 840px}
.homeIndustry .auto .content-inner {width: 100%;}
.homeIndustry .auto .content-inner .sec-desc{margin-top: 1em;max-width: 66%;margin-left: 0;}

.homeIndustry .industryList .slick-arrow{top: 50%; transform: translateY(-50%); z-index: 1; width: calc(22/16 * 1em); height: calc(22/16 * 1em); background: url(../images/video_arrow.svg) no-repeat center; position: absolute; font-size: 1em; text-indent: -9999em; overflow: hidden;}
.homeIndustry .industryList .slick-arrow.slick-next{transform: translateY(-50%) rotate(180deg); left: calc(100% - 30/16 * 1em); margin-left: calc(45/1920 * 100vw);}
.homeIndustry .industryList .slick-arrow.slick-prev{right: 100%; margin-right:  calc(45/1920 * 100vw);}
@media(min-width:1025px){
.homeIndustry .root-w-1040 div.auto{max-width: 1220px;}
.homeIndustry .industryList .slick-list{max-width: 960px;}

.homeIndustry .industryList li:hover{transform: scale(1.05);}
.homeIndustry .industryList li:hover figure .textContent{background-color: var(--blue); height: 30%;}
.homeIndustry .industryList li:hover figure .textContent p{font-size: calc(24/16 * 1em);}
.homeIndustry .industryList li:hover figure .textContent .icon{opacity: 1;}
/* .homeIndustry .industryList::before{position: absolute;top:0;left: 0;height: 100%;content: '';z-index: 2;box-shadow: -5px 0px 70px 60px white;}
.homeIndustry .industryList::after{position: absolute;top:0;right: calc(30/16 * 1em);height: 100%;content: '';z-index: 2;box-shadow: 5px 0px 70px 60px white;} */
}

@media(min-width:1441px){
.homeIndustry .root-w-1040 div.auto{max-width: 1600px;}
.homeIndustry .industryList .slick-list{max-width: 1280px}
}

@media(max-width:1024px){
.homeIndustry{ padding-bottom: calc(70/16 * 1em);}
.homeIndustry .auto .content-inner .sec-desc{max-width: 100%; text-align: center; font-size: calc(12/16 * 1em);}
.homeIndustry .industryList .slick-list{padding-top: calc(30/16 * 1em); padding-bottom: 0;}
.homeIndustry .industryList li a{margin-right: calc(12/16 * 1em); border-radius: 10px; overflow: hidden;}
.homeIndustry .industryList{/* margin-left: calc(60/16 * 1em); */ width: calc(100% + 12/16 * 1em);overflow: hidden;}
.homeIndustry .industryList li figure .textContent p{font-size: calc(12/16 * 1em); width: 90%; display: flex; align-items: center; justify-content: space-between; padding: .5em 1em; text-align: center; border-radius: 9999px; color: #fff; background-color: var(--blue);}
.homeIndustry .industryList li figure .textContent p::after{width: calc(18/12 * 1em); height: calc(18/12 * 1em); content: ""; background: url(../images/homeIndustry.svg) center no-repeat;}
.homeIndustry .industryList li figure .textContent .icon{display: none;}
.homeIndustry .industryList li figure .textContent{background-color: transparent; padding: 0; justify-content: center; align-items: center;}
.homeIndustry .industryList .slick-arrow{display: none !important;}
}

.homeNews .auto{max-width: 840px;}
.homeNews .newList{display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(75/16 * 1em) 0; margin: 0 calc(20/16 * 1em); margin-top: calc(50/16 * 1em);}
.homeNews .newList li{width: 46.875%;}
.homeNews .newList li p{margin: 0;}
.homeNews .newList li aside{font-size: calc(16/16 * 1em); font-weight: bold; color: #000; line-height: 2.25; border-bottom: 1px solid #000;}
.homeNews .newList li .time{font-size: calc(12/16 * 1em); color: rgba(0, 0, 0, .5); margin: 1em 0;}
.homeNews .newList li .intro{font-size: calc(14/16 * 1em); color: #333;}
.homeNews .more{text-align: right; margin-top: calc(50/16 * 1em);}
.homeNews .more a{color:var(--blue); font-size: calc(14/16 * 1em);}
.homeNews .content-inner{padding: calc(85/16 * 1em) 0;}

@media(max-width:1024px){
.homeNews .newList li:nth-of-type(n+3){display: none;}
.homeNews .auto{width: 100%; padding: 0 calc(60/16 * 1em);}
.homeNews .content-inner{padding: calc(70/16 * 1em) 0;}
.homeNews .newList{margin: 0; margin-top: calc(30/16 * 1em); }
.homeNews .newList li{width: 100%;}
.homeNews .newList li aside{border-radius: 9999px; border: 1px solid var(--blue); font-size: calc(14/16 * 1em); line-height: 2; text-align: center; color: var(--blue);}
.homeNews .newList li .time{margin: 1em 0 1.5em;}
.homeNews .newList li .intro{font-size: calc(12/16 * 1em);}
.homeNews .more{margin-top: calc(30/16 * 1em);}
.homeNews .more a{font-size: calc(12/16 * 1em);}
}

.productCase {background-color: #F0F0F0; overflow: hidden;}
.productCase .inner{max-width: 1060px; margin: 0 auto; padding-bottom: calc(150/16 * 1em);}
.productCase .inner .tecTitle{padding: calc(80/16 * 1em) 0;}
.Product.productCase .inner .tecTitle h4{text-align: center;}
.productCase .caseList{width: calc(100% + (35/16 * 1em));}
.productCase .caseList li a{margin-right: calc(35/16 * 1em); display: block;}
.productCase .caseList li figure {position: relative; padding-bottom: 65.2%;background-size: 100%;}
.productCase .caseList li figure .textContent{display: flex; justify-content: space-between; width: 100%; min-height: 20%; padding:.5em 1em; position: absolute; bottom: 0; background-color: #000;}
.productCase .caseList li figure .textContent p{max-width: calc(100% - 30/16 * 1em); margin: 0; color: #fff; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.productCase .caseList li figure .textContent .icon {width: calc(22 / 16* 1em);height: calc(22 / 16* 1em);background: url(../images/case_play.svg) no-repeat center;}
.productCase .caseList .slick-arrow{top: 50%; transform: translateY(-50%); z-index: 1; width: calc(22/16 * 1em); height: calc(22/16 * 1em); background: url(../images/case_slider_arrow_.svg) no-repeat center; position: absolute; font-size: 1em; text-indent: -9999em; overflow: hidden;}
.productCase .caseList .slick-arrow.slick-next{transform: translateY(-50%) rotate(180deg); left: calc(100% - 30/16 * 1em); margin-left: calc(45/1920 * 100vw);}
.productCase .caseList .slick-arrow.slick-prev{right: 100%; margin-right:  calc(45/1920 * 100vw);}


@media(max-width:1024px){
.productCase .inner .tecTitle{display: none;}
.productCase .inner{width: 100%; margin-left: calc(30/16 * 1em); padding-bottom: calc(60/16 * 1em);}
.productCase{background-color: #fff;}
.productCase .caseList li a{margin-right: calc(10/16 * 1em); border-radius: 10px; overflow: hidden;}
.productCase .caseList li figure .textContent .icon{display: none;}
.productCase .caseList li figure .textContent p{max-width: 100%; font-size: calc(12/16 * 1em);}
.productCase .caseList li figure .app_icon{width: calc(30/16 * 1em); height: calc(30/16 * 1em); position: absolute; background: url(../images/caseVideo_app.svg) center no-repeat; top: 45%; left: 50%; transform: translate(-50%,-50%);}
.productCase .caseList .slick-arrow{top: unset; top: calc(100% + 17/16 * 1em); transform: none; background-image: url(../images/video_arrow.svg);}
.productCase .caseList .slick-arrow.slick-prev{left: unset; right: 31%; margin-right: 0;}
.productCase .caseList .slick-arrow.slick-next{left: unset; right: 21%; margin-right: 0; transform:rotate(180deg);}
}

.pro-intro{ margin-bottom:1em;}
.pro-intro .inner{max-width:1200px; width:90%; margin: 0 auto; display:-webkit-flex; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;}
.pro-intro .inner .des{ width:100%; padding-right:0%;}
.pro-intro .inner .pic{ width:100%; padding-bottom:30%; background-size:cover; background-repeat:no-repeat; background-position:center;}

@media(max-width:768px){
.pro-intro .inner .des{ padding-right:0; width:100%; margin-bottom:5%;}
.pro-intro .inner .pic{ width:100%; padding-bottom:50%;}
}

.newsListBox{padding-bottom: 7%}

.newsListBox .list li{background: #f9f9f9; width: 48.75%; margin-bottom: 2.5%}
.newsListBox .list figure{padding-bottom: 56.412%}
.newsListBox .list .text{padding:6% 7%; }
.newsListBox .list h4{width: 100%; margin-bottom: 15px; line-height:calc(26/16 * 1em);height:calc(52/16 * 1em)}
.newsListBox .list time{color: rgba(0,0,0,0.5);display: block; line-height: 40px;position: relative}
.newsListBox .list time:before{content: ''; position: absolute; right: 0; width: 40px; height: 100%;background: #eee url("../images/jt.svg") no-repeat center center; background-size:8px; border-radius: 100%; transition: 0.5s}
.newsListBox .list li:hover time:before{background-color: var(--blue); background-image: url("../images/jt-white.svg")}
.newsListBox .more-list{text-align: center;padding: 3% 0; position: relative}
.newsListBox .more-list:after{content: '';position: absolute; width: 100%;height: 1px; left: 0; top: 50%; background: #dbdbdb}
.newsListBox .more-list a{display: inline-block; background: #fff;padding: 0px 12px;line-height: 40px;; cursor: pointer; position: relative; z-index: 2}
@media(max-width:1024px){
.newsListBox{padding: calc(50/16 * 1em) 0;}
}
@media(max-width:768px){
.newsListBox{padding-top: 0}
}
@media(max-width:640px){
.newsListBox .list li{width: 100%}
.newsListBox .list li:not(:last-child){margin-bottom: 5%}
.newsListBox .list .text{padding:4%; }
.newsListBox .list h4{height: auto}
}

.service p.intro{font-size: calc(14/16 * 1em); color: rgba(0, 0, 0, .5); margin: 0; margin-top: 1.5em;}
.service .inner{display: flex;}
.service .inner .content .contentInner{width: calc(800/16 * 1em); margin: 0 auto; max-width: 94%;}
.service .inner .serviceMenu{width: calc(375/16 * 1em); background-color: rgb(0, 57, 200);}
.service .inner .serviceMenu li > a{display: block; font-size: calc(14/16 * 1em); height: calc(50/14 * 1em);}
.service .inner .serviceMenu li.search {display: flex;}
.service .inner .serviceMenu li.search a.open_menuSearch{position: relative; margin-left: calc(100/14 * 1em); width: calc(50/14 * 1em); background: url(../images/service_search.svg) no-repeat left center;}
.service .inner .serviceMenu li.search a.open_menuSearch.on{background-image: none;}
.service .inner .serviceMenu li.search a.open_menuSearch.on:before, .service .inner .serviceMenu li.search a.open_menuSearch.on:after {position: absolute;content: '';width: 50%;left: 15%;height: 3px;top: 50%;margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.service .inner .serviceMenu li.search a.open_menuSearch.on:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.service .inner .serviceMenu li.search .menu-search{display: none; flex: 1; padding: 10px 0; padding-right: 1px;}
.service .inner .serviceMenu li.search .menu-search input{display: block; outline: none; border: none; height: 100%; width: 100%;}
.service .inner .serviceMenu li:not(.search).active{background-color: rgba(255,255,255,.1); position: relative;}
.service .inner .serviceMenu li:not(.search).active::after{position: absolute; width: 2px; height: 100%; right: 1px; background-color: #fff; content: ""; top: 0;}
.service .inner .serviceMenu li:not(.search) > a{ padding-left: calc(100/14 * 1em); padding-right: calc(30/14 * 1em); color: #fff; display: flex; justify-content: space-between; align-items: center;}
.service .inner .serviceMenu li:not(.search) > a::after{transition: .3s; width: calc(24/14 * 1em); height: calc(24/14 * 1em); content: ""; background: url(../images/service_menu.svg) no-repeat center;}
.service .inner .serviceMenu li:not(.search) dl dt > a{ font-size: calc(14/16 * 1em); padding-left: calc(110/14 * 1em); height: calc(50/14 * 1em); padding-right: calc(30/14 * 1em); color: #fff; display: flex; justify-content: space-between; align-items: center;}
.service .inner .serviceMenu li:not(.search) dl dt > a .icon{transition: .3s; width: calc(24 / 14* 1em);height: 100%;background: url(../images/service_menu.svg) no-repeat center;}
.service .inner .serviceMenu li:not(.search) .cateItem > a{ font-size: calc(14/16 * 1em); padding-left: calc(130/14 * 1em); color: rgba(255,255,255,.75); height: calc(50/14 * 1em); padding-right: calc(30/14 * 1em); display: flex; justify-content: space-between; align-items: center;}
.service .inner .serviceMenu li:not(.search) .cateItem > a .icon{transition: .3s; width: calc(24 / 14* 1em);height: 100%;background: url(../images/service_menu.svg) no-repeat center;}
.service .inner .serviceMenu li:not(.search) .detailList > a{ font-size: calc(14/16 * 1em); padding-left: calc(160/14 * 1em); color: rgba(255,255,255,.75); height: calc(50/14 * 1em); padding-right: calc(30/14 * 1em); display: flex; justify-content: space-between; align-items: center;}
.service .inner .serviceMenu li:not(.search) > a.active::after{transform: rotate(90deg);}
.service .inner .serviceMenu li:not(.search) dl dt > a.active .icon{transform: rotate(90deg);}
.service .inner .serviceMenu li:not(.search) .cateItem > a.active .icon{transform: rotate(90deg);}

.service .inner .serviceMenu li:not(.search) dl dt.active > a{background-color: rgba(255, 255, 255, .1);position: relative;}
.service .inner .serviceMenu li:not(.search) dl dt.active > a::after{position: absolute; width: 2px; height: 100%; right: 1px; background-color: #fff; content: ""; top: 0;}

.service .inner .serviceMenu li:not(.search) .cateItem.active > a{background-color: rgba(255, 255, 255, .1);position: relative;}
.service .inner .serviceMenu li:not(.search) .cateItem.active > a::after{position: absolute; width: 2px; height: 100%; right: 1px; background-color: #fff; content: ""; top: 0;}

.service .inner .serviceMenu li:not(.search) .detailList > a.active{background-color: rgba(255, 255, 255, .1);position: relative;}
.service .inner .serviceMenu li:not(.search) .detailList > a.active::after{position: absolute; width: 2px; height: 100%; right: 1px; background-color: #fff; content: ""; top: 0;}

.service .inner .serviceMenu dl{display: none;}
.service .inner .serviceMenu .categoryList{display: none;}
.service .inner .serviceMenu .detailList{display: none;}


.service .inner .content{flex: 1; margin-top: calc(75/16 * 1em); overflow: hidden;}

.main-service {padding-bottom: 7%}

.afterSales .item .box{position: relative}
.afterSales .item .play-icon{background: rgba(0,0,0,0.5)}

.main-question .main{position: relative; min-height: 420px; padding-top: 10px;}
.main-question .video_box{width: 45%; position: absolute; right: 0; top: 0}
.main-question .video_box figure{padding-bottom:75%;position: relative;}
.main-question .video_box figure img{width: 100%; height: 100%; position: absolute;object-fit: cover;-o-object-fit: cover}
.main-question .video_box .box{position: relative}
.main-question .video_box video{position: absolute; width: 100%; height: 100%; top: 0; z-index: 10;object-fit: cover}
.main-question .video_box iframe{position: absolute; width: 100%; height: 100%; top: 0; z-index: 10}
.main-question .list_info{width: 48%;}
.main-question .list_info .item{cursor:pointer;}
.main-question .list_info .item:not(:last-child){margin-bottom: 5%}
/*.main-question .list_info .item i.icon{ display:block; position:absolute; right: calc(30 / 16* 1em); top: 50%; transform: translateY(-50%); background:url(../images/faq_arrow.svg) no-repeat center; width:calc(24/14 * 1em); height:calc(24/14 * 1em);transition:all 0.5s ease-out 0s; overflow:hidden;}*/
.main-question .list_info .item .Q{margin:0; padding:12px 0;font-weight: normal;position:relative; transition:all 0.5s ease-out 0s;}
.main-question .list_info .item .Q>a{ color:#666666;max-width: 90%; display: block;padding-left: 10px; line-height: 20px; border-left: solid 3px #fff}
.main-question .list_info .item .A{ position:relative;padding: 0 13px; color: #777777}
.main-question .list_info .item .A p{margin: 0; padding: 0}
.main-question .list_info .item.active .Q{color: var(--blue)}
.main-question .list_info .item.active .Q>a{border-left-color: var(--blue);color: var(--blue)}
.main-question .list_info .item.active i.icon{ transform: translateY(-50%) rotate(90deg);}
.main-question .list_info .item .Q .play{position: absolute; width: 100%; height: 100%;top: 0; z-index: 10}
@media(max-width:768px){
.main-question .list_info{width: 100%;}
.main-question .list_info .item{position: relative}
.main-question .video_box{width: 100%; position: relative; object-fit: -1; margin-bottom: 3%}
}

.main-video .list li{padding: 10px;}
.main-video .list .item{background: #F9F9F9; border-radius: 20px; overflow: hidden;height: 100%; position: relative}
.main-video .list figure{padding-bottom:80%;}
.main-video .list .play-icon{background: rgba(0,0,0,0.2)}
.main-video .list .slick-slide.slick-current li{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);}
.main-video .list .txt {text-align: center; padding: 0 1em;height: 80px;}
.main-video .list .txt p{margin: 0; color: #333;width: 100%;}
.main-video .list .play{position: absolute; z-index: 10; width: 100%; height: 100%; cursor: pointer}



.appDownload .appList{display: flex; justify-content: space-evenly; margin-top: calc(120/16 * 1em); margin-bottom: calc(200/16 * 1em);}
.appDownload .appList p{font-size: calc(14/16 * 1em); margin: 0;}
.appDownload .appList .appTitle{font-weight: bold; color: #000; margin: 1em 0;}
.appDownload .appList p a{color: rgba(0, 0, 0, .5);}


/* 手机端 */
.Floor002912_app {}
.Floor002912_app .titleBox{margin-top: calc(20/16 * 1em);}
.Floor002912_app .titleBox p{margin: 0; margin-top: .5em; font-size: calc(12/16 * 1em); text-align: center;}
.Floor002912_app  .productList{overflow: hidden;}
.Floor002912_app  .productList li figure{padding-bottom: 53.3%; background-repeat: no-repeat; background-position: center;}
.Floor002912_app  .productList li aside{font-size: calc(16/16 * 1em); text-align: center; color: #333;}
.Floor002912_app  .productList li p{font-size: calc(12/16 * 1em); color: #666; text-align: center; margin: 0; margin-top: .5em;}
.Floor002912_app  .productList li .more{text-align: center; margin-top: calc(20/16 * 1em);}
.Floor002912_app  .productList li .more a{display: inline-block; font-size: calc(12/16 * 1em); color: var(--blue); padding: .5em 2em; border-radius: 9999px; border: 1px solid var(--blue);}


@media(min-width:1025px){
 .Floor002912_app{display: none;}
}

@media(max-width:1024px){
.service .inner{flex-wrap: wrap;}
.service .inner .serviceMenu{width: 100%;}
.service .inner .content{width: 100%; flex:unset; margin: calc(60/16 * 1em) 0;} 
.service .inner .content .contentInner{width: 100%; max-width: 100%; padding: 0 calc(30/16 * 1em);}
.service .inner .serviceMenu li:not(.search) > a{padding-left: calc(30/14 * 1em);}
.service .inner .serviceMenu li:not(.search) dl dt > a{padding-left: calc(60/14 * 1em);}
.service .inner .serviceMenu li:not(.search) .cateItem > a{padding-left: calc(90/16 * 1em);}
.service .inner .serviceMenu li:not(.search) .detailList > a{padding-left: calc(120/16 * 1em);}
.tutorial .inner .content .contentInner .videoList{width: calc(100% + 24 / 16* 1em - 60 / 16* 1em);}
.appDownload .appList{margin: calc(60/16 * 1em) 0;}
.service .serviceMenu li.search a.open_menuSearch{margin-left: calc(30/14 * 1em);}

.Floor002912_app  .productList .slick-arrow{top: 50%; transform: translateY(-50%); z-index: 2; width: calc(22/16 * 1em); height: calc(22/16 * 1em); background: url(../images/case_slider_arrow_.svg) no-repeat center; position: absolute; font-size: 1em; text-indent: -9999em;overflow: hidden;}
.Floor002912_app  .productList .slick-arrow.slick-next{transform: translateY(-50%) rotate(180deg); left: calc(100% - 30/16 * 1em); margin-left: calc(45/1920 * 100vw);}
.Floor002912_app  .productList .slick-arrow.slick-prev{right: 100%; margin-right:  calc(45/1920 * 100vw);}
.Floor002912_app  .productList .slick-arrow{ transform: none; background-image: url(../images/video_arrow.svg);}
.Floor002912_app  .productList .slick-arrow.slick-prev{left: 5%; margin-right: 0;}
.Floor002912_app  .productList .slick-arrow.slick-next{left: unset; right: 5%; margin-right: 0; transform:rotate(180deg);}
}

@media(max-width:640px){
    .tutorial .inner .content .contentInner .videoList li{margin-right: 0;}
    .tutorial .inner .content .contentInner .videoList .slick-arrow.slick-next{left: 100%;}
    .appDownload .appList{flex-wrap: wrap;}
}



.prev-next{position: relative; width: 120px;height: 40px;}
.prev-next div{width: 40px; height: 40px; border-radius: 100%; background: var(--blue); opacity: 1}
.prev-next div:after{font-size: 16px;font-weight: bold; color: #ffffff}
.prev-next div.swiper-button-disabled{ background: #F8F8F8;}
.prev-next div.swiper-button-disabled:after{color: #999999}

.main-service .classify{width: 300px;position: relative;}
.main-service .classify li{ width: 100%; height: auto; border-radius: inherit;background: none;display: block;text-align:left; color: #666666; opacity: 1; padding: 12px 0}
.main-service .classify li span{display: block;padding-left: 10px; border-left: solid 3px #fff; transition: 0.5s; line-height: 20px;}
.main-service .classify li.swiper-pagination-bullet-active span{color: var(--blue);border-left-color:var(--blue)}
.main-service .list{width: calc(100% - 320px)}
.main-service .biaoti{padding-bottom: 20px;color: var(--blue)}
.main-service .swiper-slide >.biaoti{display: none}
@media(max-width:768px){
.main-service .classify{width: 100%;order: 2}
.main-service .list{width: 100%; padding-bottom: 5%}
.main-service .biaoti{text-align: center}
}

.swiper-slide .slick-slider{padding-bottom: 60px}
.swiper-slide .slick-list{margin-left: -10px; margin-right: -10px;}
.swiper-slide .slick-arrow{top: auto!important;}
.swiper-slide .slick-prev{left: 0!important}
.swiper-slide .slick-next{left: 80px!important; right: auto!important}

.download aside{ text-align: center;padding-bottom:6%;color: #000000}
.download .group:not(:last-child){padding-bottom:8%}
.download .group[data-type="app"] ul{max-width: 700px; width: 80%; margin:auto; padding-top: 10px; text-align: center}
.download .group[data-type="app"] li{width: 45%;max-width: 260px;}
.download .group[data-type="app"] figure{background: #F0F0F0;border-radius: 20px;}
.download .group[data-type="app"] figure img{width:92.31%; height:92.31%;border-radius:18px;}
.download .group[data-type="app"] h4{margin: 10px 0; color: #000000}
.download .group[data-type="app"] p{color: #999999}

.download .list li{padding:10px;}
.download .list li a{ background: #F9F9F9;max-width: 300px;padding:12% 0; margin: auto; border-radius: 10px; text-align: center;display: block}
.download .list li figure{padding-bottom:73.335%; margin:5% 0}
.download .list li figure img{mix-blend-mode: multiply;}
.download .list li span{font-size: 14px;color: #555; border-radius:30px;display: inline-block; line-height: 30px; padding: 0px 24px; border: solid 2px #CFCFCF}
.download .list li:hover span{background: var(--blue); border-color: var(--blue); color: #fff}
@media(max-width:768px){
.download aside{font-weight: bold}
}
/**/
.about_ban p{padding: 10px; margin: 0}
.about_ban p span{color: var(--blue)}
@media(min-width:768px){
.about_ban{position: relative}
.about_ban .info{position: absolute; width: 100%; height: 100%; top: 0; color: #ffffff; z-index: 10}
}
@media(max-width:768px){
.about_ban p{width: 100%; color: #000000}
.about_ban p:nth-child(2){text-align: right}
}

.main-about section{padding-bottom: 7%}
.main-about section:first-child{padding-top: 7%}
@media(max-width:768px){
.main-about section{padding-bottom:60px}
.main-about section:first-child{padding-top:60px}
}

.company .title h2{font-weight: normal}
.company .title h1{font-weight: 400;}
.company .info{text-align: justify;width: 43%}
.company .info p:first-child{padding-top: 0;margin-top: 0}
.company .photo{width: 50%}
.company .list{width: 100%}
.company .list li{width: 33.333%}
.company .list dl{color: var(--blue)}
.company .list .js-anim-num{font-size: calc(48/1920*100vw); }
.company .photo{width: 50%}
.company .photo img{width: 100%; border-radius: 20px}
@media(max-width:768px){
.company .info,
.company .photo{width: 100%}
.company .list{padding-top: 5%}
.company .list .js-anim-num{font-size: calc(48/768*100vw); }
.company .photo{width: 100%;order: -1; padding-bottom: 20px}
}

.vision li{width:31.667%;position: relative; border-radius: 20px; overflow: hidden}
.vision figure.bg{padding-bottom:118.425%}
.vision .box{position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; background: #F9F9F9; transition: 0.5S}
.vision .txt{width: 70%;}
.vision .txt .icon{width:80px;margin: auto; display:block}
.vision .txt h4{margin: 40px 0 30px 0; text-align: center}
.vision li:hover .box{background: rgba(24,117,247,0.9); color: #fff}
.vision li:hover .icon{filter: brightness(0) invert(1);}
@media(min-width:1024px){
.vision li:nth-child(3) ~ li{margin-top: 2%}
}
@media(max-width:1024px){
.vision .box{position: relative}
.vision figure.bg{position: absolute; width: 100%;padding-bottom: 0; height: 100%}
.vision .txt{width:100%;padding:10%}
}
@media(max-width:768px){
.vision li{width: 100%}
.vision li:not(:first-child){margin-top: 2%}
.vision .txt{padding: 4%}
}

.welfare li{position: relative;}
.welfare figure{border-radius: 20px}
.welfare .txt h4{margin-bottom: 10px;}
.welfare .txt p{width: 90%; line-height: 24px; min-height: 72px;}
@media(min-width:768px){
.welfare li:nth-child(2)~li{margin-top: 1.666%}
.welfare li:nth-child(4n+1),
.welfare li:nth-child(4n+4){ width: 58.334%}
.welfare li:nth-child(4n+2),
.welfare li:nth-child(4n+3){ width: 40%}
.welfare li:nth-child(4n+1) figure,
.welfare li:nth-child(4n+4) figure{padding-bottom: 42.858%}
.welfare li:nth-child(4n+2) figure,
.welfare li:nth-child(4n+3) figure{padding-bottom: 62.5%}
.welfare .txt{position: absolute; bottom:30px; left: 30px; right: 30px; z-index: 5; color: #fff}
}
@media(max-width:768px){
.welfare figure{padding-bottom: 62.5%;border-radius: 10px 10px 0 0}
.welfare .txt{padding: 4% 0 0 0}
.welfare .txt h4{text-align: center; color: #000}
.welfare .txt p{width: 100%}
.welfare li:not(:last-child){margin-bottom: 3%}
}

.contact{padding-top: 7%; border-top: solid 1px rgba(0,0,0,0.2)}
.contact .sec-title{display: none}
.contact li{width:48.75%; border-radius: 20px;background: #F9F9F9; padding: 5%}
.contact .txt{padding: 30px 0; width:80%}
.contact h4{color: var(--c000)}
@media(min-width:768px){
.contact li:nth-child(2)~li{margin-top:2.5%}
}
@media(max-width:768px){
.contact li{width:100%;}
.contact li:not(:first-child){margin-top: 4%}
}

.platform .list li{width:32.5%; margin-top: 1.25%; background: #F9F9F9; border-radius: 20px;padding: 40px;min-height: 280px}
.platform .list li:nth-child(1),
.platform .list li:nth-child(2){width:49.167%; margin-top: 0}
.platform .list h4,
.platform .list p{width: 100%}
.platform .list h4 span{display: block}
.platform .list h4 span.en{color: #999999; font-weight: normal}
.platform .list h4 span.cn{padding: 10px 0}
.platform .list p{align-items: flex-end}
.platform .list p a{padding-right: 20px;color: #BFBFBF; background: url("../images/jt.svg") no-repeat right}
.platform .list img{width: 25.81%}
@media(max-width:768px){
.platform .list li{width: 100%!important; padding:5%; min-height: inherit}
.platform .list li:not(:first-child){margin-top: 3%}
.platform .list img{width:15%}
}

.product-series .Columnmenu{padding-bottom: 2%}
.product-series .list{padding-bottom: 6%; max-width:940px; margin: auto; overflow: hidden}
.product-series .list ul{margin-left: -10px; margin-right: -10px;}
.product-series .list li{width: 25%;padding: 10px;}
.product-series .list .box{height: 100%; border-radius: 10px; background: #F9F9F9; padding:20px 10px;}
.product-series .list .text{text-align: center; padding: 10px 20px; height: 100px;color: var(--c000); line-height: 24px}
.product-series .list h4:nth-child(1){opacity: 0.75}
.product-series .list h4:nth-child(2){opacity: 0.5; margin: 5px 0}
.product-series .list figure {padding-bottom: 80%}
.product-series .list figure img{mix-blend-mode: multiply; transform: scale(0.9);object-fit: contain;-o-object-fit: contain;}
.product-series .list .item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
.product-series .list .button {padding: 10px;line-height: 22px;}
.product-series .list .button a{color: #555555; border: solid 2px #CFCFCF; border-radius: 20px;width: 48%; text-align:center}
.product-series .list .button a:after{content: '';display: inline-block; margin-left: 5px; width: 6px; height: 10px; background: url("../images/jt.svg") no-repeat}
.product-series .list .button a:hover{color: #fff; background-color: var(--blue); border-color: var(--blue)}
.product-series .list .button a:hover:after{background-image: url("../images/jt-white.svg")}
@media(max-width:1024px){
.product-series .list li{width:33.333%;}
.product-series .list .text{padding-left: 0; padding-right: 0}
.product-series .list .button{padding-left: 0; padding-right: 0}
}
@media(max-width:768px){
.product-series .list li{width:50%;}
.product-series .list .box{padding: 5px}
}

.footer{background: #E8E8E8;padding:5% 0}
.footer,
.footer a:not(:hover){color: rgba(0,0,0,0.5)}
.footer p{margin: 0; padding: 0}
.footer p:not(:last-child){padding-bottom: 20px}
.footer .box_left{width:calc(95% - 360px); max-width: 550px;}
.footer .box_right{width: 360px;}
.footer ul li{position: relative}
.footer ul li a{width: 36px; height: 36px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.footer ul li a img{max-height: 100%; object-fit: contain; -o-object-fit: contain}
.footer ul li:not(:last-child){margin-right: 30px;}
.footer ul figure{width:100px; padding: 5px; background: #fff; border-radius: 5px; left: 50%; transform: translateX(-50%); bottom: 100%; position: absolute;visibility: hidden; opacity: 0; transition: 0.5s}
.footer ul figure img{width: 100%}
.footer ul figure:after{content: ""; position: absolute; top: 100%; width: calc(13 / 16 * 1em); height: calc(13 / 16 * 1em);    background-color: #fff; left: 50%;  transform: translateX(-50%); -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);  clip-path: polygon(0 0, 50% 100%, 100% 0);}
.footer ul li:hover figure{visibility: inherit;opacity: 1; bottom: 160%;}
.footer .copyright{border-top: solid 1px rgba(0,0,0,0.1); padding-top: 20px;margin-top: 15%}
.footer .copyright a:not(:last-child){margin-right: 30px;}
.footer form .item{padding-bottom: 10px;}
.footer form .text,
.footer form select{width: 100%; border: none; background: #fff; line-height:36px;height:36px; padding: 0px 10px; color: var(--blue); font-weight: 300}
.footer form select{-webkit-appearance: none;  -moz-appearance: none; appearance: none;background: #fff url("../images/select-icon.svg") no-repeat 95%}
.footer form textarea.text{height: 100px}
.footer form .text::placeholder{ color: var(--blue); font-weight: 300}
.footer form .btn_submit{display: block; line-height: 36px; text-align: center; color: #fff; background: var(--blue); cursor: pointer}
.footer form .btn_submit span{background: url("../images/send.svg") no-repeat right; padding-right: 20px;display: inline-block}
@media(max-width:768px){
.footer{padding:5% 0}
.footer .box_left,
.footer .box_right{width: 100%; max-width: inherit}
.footer .copyright{display: none}
.footer .box_right{padding-top: 2%}
}

.more-jt{color:rgba(0, 0, 0, 0.5); border: solid 2px #CFCFCF; border-radius: 20px;display: inline-block; padding: 0px 18px;line-height:28px;}
.more-jt:after{content: '';display: inline-block; margin-left: 5px; width: 6px; height: 10px; background: url("../images/jt.svg") no-repeat}
.more-jt:hover,
li.item:hover .more-jt{color: #fff; background-color: var(--blue); border-color: var(--blue)}
.more-jt:hover:after,
li.item:hover .more-jt:after{background-image: url("../images/jt-white.svg")}

/*product*/
.slick-slider.arrow .slick-dots{position: absolute;width: 100%; bottom:30px; display: flex; justify-content: center; z-index: 10; }
.slick-slider.arrow .slick-dots li{width: 10px; height: 10px; border-radius: 100%;background: #fff; cursor: pointer;opacity: 0.5; transition: 0.5s; padding: 0}
.slick-slider.arrow .slick-dots li:not(:last-child){margin-right:20px;}
.slick-slider.arrow .slick-dots li.slick-active{opacity: 1}
.slick-slider.arrow .slick-dots button{display: none}
.slick-slider.arrow .slick-arrow{top:0; bottom:10px; margin: auto; z-index: 10; width: calc(40/16 * 1em); height: calc(40/16 * 1em); background:#F8F8F8; position: absolute; font-size: 1em; text-indent: -9999em; overflow: hidden; border-radius: 100%}
.slick-slider.arrow .slick-arrow:before{content: '';left: 0; top: 0; position: absolute; width: 100%; height: 100%;background:no-repeat center center;}
.slick-slider.arrow .slick-arrow.slick-prev{left:0px;}
.slick-slider.arrow .slick-arrow.slick-next{right:0px;}
.slick-slider.arrow .slick-arrow.slick-prev:before{ background-image: url(../images/arrow-prev.svg)}
.slick-slider.arrow .slick-arrow.slick-next:before{ background-image: url(../images/arrow-next.svg)}
.slick-slider.arrow .slick-arrow:hover{background-color: var(--blue)}
.slick-slider.arrow .slick-arrow:hover:before{filter: brightness(0) invert(1);}
.slick-slider.arrow .slick-disabled{cursor: default; opacity: 0.5}
.slick-slider.arrow.relative .slick-dots{position: relative; bottom: 0}
.slick-slider.arrow.relative .slick-dots li{background: #F9F9F9; opacity: 1; margin-top:0px!important;margin-bottom:0px!important}
.slick-slider.arrow.relative .slick-dots li.slick-active{background: #000000}
@media(min-width:1360px){
.slick-slider.arrow .slick-arrow.slick-prev{left:-60px;}
.slick-slider.arrow .slick-arrow.slick-next{right:-60px;}
}
@media(max-width:1024px){
.slick-slider.arrow .slick-dots{bottom: 10px}
.slick-slider.arrow .slick-dots li:not(:last-child){margin-right:10px;}
}

.ProDetail aside{text-align: center; line-height: 1; margin-bottom: 20px;}
.ProDetail .text{color: rgba(0,0,0,0.75)}
.ProDetail .text *{padding: 0; margin: 0}
.ProDetail .text h4{font-weight: 400; line-height: 1; margin-bottom: 20px;}
.ProDetail .text p{line-height: 2;}
@media(max-width:768px){
.ProDetail .text.fz-18{padding-bottom: 0!important}
.ProDetail .text.fz-18 p:last-child{padding-bottom: 70px!important}
.ProDetail .text h4{text-align: center;line-height: 110%;}
.ProDetail .text p{line-height: 28px;}
}

.ProDetail#Banner .infobox{position: absolute; top:15%;left: 0; right: 0; z-index: 10; text-align: center;}
.ProDetail#Banner .txt{width: 60%}
.ProDetail#Banner aside{padding-bottom: 10px;}
.ProDetail#Banner .t-1 {font-weight: 500}
.ProDetail#Banner .t-2 {opacity: 0.8; font-weight: 400;}
.ProDetail#Banner .more-jt{margin-top: 20px}
.ProDetail#Banner figure img{width: 100%}
.ProDetail#Banner .imgmo{display: none}
.ProDetail#Banner .infobox[data-type=False]{display: none}
.ProDetail#Banner .infobox[data-colour="white"],
.ProDetail#Banner .infobox[data-colour="white"] .more-jt{color: #fff}{ color: #fff}
.ProDetail#Banner .infobox[data-colour="white"] .more-jt:after{background-image: url(../images/jt-white.svg);}
.ProDetail#Banner .infobox[data-colour="black"]{color: #000000}
.ProDetail#Banner .infobox[data-zone="start"] .auto{justify-content:flex-start}
.ProDetail#Banner .infobox[data-zone="center"] .auto{justify-content: center}
.ProDetail#Banner .infobox[data-zone="end"] .auto{justify-content:flex-end}
.ProDetail#Banner .slick-slider.arrow .slick-arrow.slick-prev{left:2%!important;}
.ProDetail#Banner .slick-slider.arrow .slick-arrow.slick-next{right:2%!important;}
.ProDetail#Banner .slick-slide[data-model="True"] .infobox{position: relative; top: auto;padding-top: 5%; padding-bottom: 2%}
.ProDetail#Banner .slick-slide[data-model="True"] .infobox[data-zone="center"] .txt{width: 100%}
.ProDetail#Banner .slick-slide[data-model="True"]  figure {text-align: center;padding-bottom: 4%}
.ProDetail#Banner .slick-slide[data-model="True"]  figure img{width:auto;}
.ProDetail#Banner .slick-dots li{background: var(--blue)}

.ProDetail#Detail .group{padding: 5% 0;}
.ProDetail#Detail .group:nth-child(odd){background: #E8E8E8}
.ProDetail#Detail .group:nth-child(even){background: #F5F5F5}
.ProDetail#Detail .text{padding: 4% 0}
.ProDetail#Detail .text h4{width: 82%;}
.ProDetail#Detail .text p{text-align: justify; opacity: 0.75 }

.ProDetail#Detail .auto{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.ProDetail#Detail .group:nth-child(even) .text{order: 2}
.ProDetail#Detail .photo{width: 55%;}
.ProDetail#Detail .text{width: 37%}
#kyjy .ProDetail#Detail .group:nth-child(odd) .text{order: 2}
#kyjy .ProDetail#Detail .group:nth-child(even) .text{order: -1}
@media(max-width:1024px){
.ProDetail#Detail .photo{width:48%;}
.ProDetail#Detail .text{width: 48%}
.ProDetail#Banner .imgpc{display: none}
.ProDetail#Banner .imgmo{display: block}
}
@media(max-width:768px){
.ProDetail#Detail .group{padding: 60px 0}
.ProDetail#Detail .photo,
.ProDetail#Detail .text,
.ProDetail#Detail .text h4{width: 100%}
.ProDetail#Detail .text{padding-top: 0}
.ProDetail#Banner aside{margin-bottom: 0}
.ProDetail#Banner .infobox{top: 40px}
}

.ProDetail#Effect{text-align: center; padding-top:5% }
.ProDetail#Effect .group:not(:last-child){padding-bottom:5%}
.ProDetail#Effect .text{padding-bottom: 4%}
@media(max-width:768px){
.ProDetail#Effect{padding-top: 60px}
.ProDetail#Effect .group:not(:last-child){padding-bottom: 60px}
}

.ProDetail#Feature{text-align: center}
.ProDetail#Feature .group{padding-bottom:3%}
.ProDetail#Feature .text {border-bottom: solid 1px rgba(0,0,0,0.2)}
.ProDetail#Feature .text ul{padding:3% 0}
.ProDetail#Feature li{width: 33.333%; padding:2%}
.ProDetail#Feature li span{padding: 5px 0}
.ProDetail#Feature li .tit{display: block; opacity: 0.75}
.ProDetail#Feature li .colon{display: none}
@media(max-width:1024px){
.ProDetail#Feature li{width: 50%}
}
@media(max-width:768px){
.ProDetail#Feature{padding-bottom: 60px;}
.ProDetail#Feature li{width: 100%; padding: 10px 0;}
.ProDetail#Feature li:not(:last-child){ border-bottom: solid 1px #D9D9D9;}
.ProDetail#Feature li .tit{opacity: 1}
.ProDetail#Feature li .note{color: #666666}
}

.ProDetail#Advantage .group{padding:3% 0;}
.ProDetail#Advantage .text{text-align: justify; padding: 4% 0}
.ProDetail#Advantage .text h4{width: 70%;}
.ProDetail#Advantage .auto{display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center}
.ProDetail#Advantage .group:nth-child(even) .text{order: 2}
.ProDetail#Advantage .photo{width: 55%;}
.ProDetail#Advantage .text{width: 37%}
@media(max-width:1024px){
.ProDetail#Advantage .photo{width:48%;}
.ProDetail#Advantage .text{width: 48%}
}
@media(max-width:768px){
.ProDetail#Advantage .group{padding: 0 0 60px 0}
.ProDetail#Advantage .photo,
.ProDetail#Advantage .text,
.ProDetail#Advantage .text h4{width:100%}
.ProDetail#Advantage .text{padding-top: 0}
}

.ProDetail#Secure .group{padding:3% 0;}
.ProDetail#Secure .text h4{text-align: center}
.ProDetail#Secure ul{padding-top: 3%}
.ProDetail#Secure ul li{width: 20%; padding:2% 0}
@media(max-width:1024px){
.ProDetail#Secure ul li{width: 33.333%;}
}
@media(max-width:768px){
.ProDetail#Secure ul li{width: 50%;}
}

.ProDetail#SecureImg ul{margin-left: -13px; margin-right: -13px;}
.ProDetail#SecureImg ul li{width:calc( 25% - 26px);background: #F9F9F9;border-radius: 10px; margin: 13px; padding: 20px 0}
.ProDetail#SecureImg ul figure{padding-bottom:54.5%;}
.ProDetail#SecureImg ul figure img{object-fit: contain;-o-object-fit: contain; mix-blend-mode: multiply;}
.ProDetail#SecureImg ul .text{padding:10%;}
.ProDetail#SecureImg ul h4{margin-bottom: 10px;}
.ProDetail#SecureImg .slick-track{display: flex}
.ProDetail#SecureImg .slick-slider.arrow .slick-dots{position: relative;bottom: inherit}
.ProDetail#SecureImg .slick-slider.arrow .slick-dots li{width: 10px;margin-top: 0; margin-bottom: 0; padding: 0; opacity: 1}
.ProDetail#SecureImg .slick-slider.arrow .slick-dots li.slick-active{background: #000000}
@media(max-width:1024px){
.ProDetail#SecureImg ul li{width:calc( 50% - 26px);}
}
@media(max-width:640px){
.ProDetail#SecureImg ul li{width:calc(100% - 26px);}
}

.ProDetail#Technology{text-align: center}
.ProDetail#Technology .group{padding: 3% 0}
.ProDetail#Technology ul li{width: 20%; padding:3%}
.ProDetail#Technology ul figure{height: 60px; display: flex; justify-content: center; align-items: center}
.ProDetail#Technology ul figure img{max-height:100%}
.ProDetail#Technology ul p{line-height: 1.5}
@media(max-width:1024px){
.ProDetail#Technology ul li{width:33.333%; }
}

.ProDetail#Module .group{padding:5% 0;}
.ProDetail#Module.nofull .group:nth-child(odd){background: #F7F7F7}
.ProDetail#Module.havefull .group:nth-child(even){background: #F7F7F7}
.ProDetail#Module .text{text-align: justify; padding: 4% 0}
/*.ProDetail#Module .text h4{width: 70%;}*/
.ProDetail#Module .group:not(.fl_fr) {padding: 3% 0}
.ProDetail#Module .group:not(.fl_fr) .text h4{text-align: center; margin: auto}

.ProDetail#Module .fl_fr .auto{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.ProDetail#Module .fl_fr .photo{width: 55%;}
.ProDetail#Module .fl_fr .text{width: 34%}
.ProDetail#Module.nofull .fl_fr.group:nth-child(odd) .text{order: 2}
.ProDetail#Module.havefull .fl_fr.group:nth-child(even) .text{order: 2}
@media(max-width:1024px){
.ProDetail#Module .fl_fr .photo{width:48%;}
.ProDetail#Module .fl_fr .text{width: 48%}
}
@media(max-width:768px){
.ProDetail#Module .fl_fr .photo,
.ProDetail#Module .fl_fr .text{width:100%}
.ProDetail#Module .fl_fr .text{order: -1!important}
}

.ProDetail#Work .group{padding:3% 0;text-align: center}
.ProDetail#Work .text{padding-bottom: 3%}
.ProDetail#Work ul.many li{width:48.334%; padding: 20px 0}
.ProDetail#Work ul.many figure{padding-bottom:51.725%}
.ProDetail#Work ul.many p{margin: 0;padding: 2% 0}
@media(min-width:768px){
.ProDetail#Work ul.wap{display: none}
}
@media(max-width:768px){
.ProDetail#Work .group{padding: 60px 0 0 0}
.ProDetail#Work ul.many li{width:49%; padding: 1% 0}
.ProDetail#Work ul.many li:nth-child(2)~li{margin-top:15px}
.ProDetail#Work ul.many p{padding:15px; font-size: 17px}
.ProDetail#Work ul.many figure{padding-bottom:133.335%}
.ProDetail#Work ul.pc:not(.show_pc){display: none}
}

.ProDetail#Navigate .group{padding:3% 0;}
.ProDetail#Navigate .text{padding-bottom: 3%; text-align: center}
.ProDetail#Navigate .photo{text-align: center; padding: 20px 0}
.ProDetail#Navigate .article{padding-top: 3%}
@media(max-width:768px){
.ProDetail#Navigate .group{padding:60px 0 0 0;}
.ProDetail#Navigate .photo{padding: 0}
}

.ProDetail#Scenario .group{padding:2% 0; text-align: center}
.ProDetail#Scenario ul{padding: 2% 0; margin-left: -5px; margin-right: -5px;}
.ProDetail#Scenario ul li{width:calc(25% - 10px); position: relative; margin: 5px}
.ProDetail#Scenario ul li figure{padding-bottom: 200%!important}
.ProDetail#Scenario ul li figure:after{content: ''; position: absolute; width: 100%; height:30%;left: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5))}
.ProDetail#Scenario ul li p{position: absolute; bottom: 10px; left: 10px; right: 10px; color: #fff}
@media(max-width:768px){
.ProDetail#Scenario .group{padding:60px 0 0 0; }
.ProDetail#Scenario ul{justify-content: space-between; margin: 0}
.ProDetail#Scenario ul li{width:49%!important;padding: 1% 0; margin: 0}
.ProDetail#Scenario ul li figure{padding-bottom:133.335%!important}
.ProDetail#Scenario .slick-track{width: 100%!important; transform: none!important; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProDetail#Scenario .slick-track:before,
.ProDetail#Scenario .slick-track:after,
.ProDetail#Scenario .slick-dots,
.ProDetail#Scenario .slick-arrow,
.ProDetail#Scenario ul li.slick-cloned{display: none!important}
.ProDetail#Scenario ul li p{font-size: 16px}
.ProDetail#Scenario .text p{font-size: 15px}
}

.ProDetail#Parameter{padding: 3% 0}
.ProDetail#Parameter .box{text-align: center;padding: 40px 0; background: #fff;position: sticky; top:0;}
.ProDetail#Parameter .pic{height: 240px;margin-bottom: 10px;}
.ProDetail#Parameter .pic img{max-height: 100%}
.ProDetail#Parameter h4{padding: 0; margin: 0; font-weight: 500}
.ProDetail#Parameter ul li{border-bottom: solid 1px #D9D9D9;padding-top: 25px; padding-bottom: 25px;}
.ProDetail#Parameter ul li span{display: block; line-height: 30px; min-height: 30px;}
.ProDetail#Parameter ul li .colon{display: none}
.ProDetail#Parameter ul li .tit{color: #000}
.ProDetail#Parameter ul li .note{padding-left: 10px; padding-right: 10px}
@media(min-width:1024px){
.ProDetail#Parameter .many .group:nth-child(1){width: 65%}
.ProDetail#Parameter .many .group:nth-child(1) .box{padding-left:23%; padding-right: 23%}
.ProDetail#Parameter .many .group:nth-child(2){width: 35%}
.ProDetail#Parameter .many .group:nth-child(2) ul li .tit{display: none}
.ProDetail#Parameter ul li{display: flex; justify-content: space-between; align-items: center;}
.ProDetail#Parameter ul li .tit{width: 35%}
.ProDetail#Parameter ul li .note{flex: 1}
}
@media(max-width:1024px){
.ProDetail#Parameter .many .group:nth-child(1){width: 49%}
.ProDetail#Parameter .many .group:nth-child(2){width: 49%}
.ProDetail#Parameter ul li{padding: 10px 0}
.ProDetail#Parameter ul li .tit{display: block}
.ProDetail#Parameter ul li .note{display: block}
.ProDetail#Parameter .many .group:nth-child(2) .tit{opacity: 0}
.ProDetail#Parameter ul{font-size:15px}
.ProDetail#Parameter .pic{height:180px;}
}
@media(max-width:768px){
.ProDetail#Parameter{padding: 60px 0 0 0}
.ProDetail#Parameter .box{padding-top: 0}
.ProDetail#Parameter ul li .tit{font-size: 18px;}
.ProDetail#Parameter ul{font-size: 14px;}
}

.ProDetail#Specs .group{padding:3% 0;}
.ProDetail#Specs .text{padding-bottom: 3%; text-align: center}
.ProDetail#Specs .photo{text-align: center; padding: 2% 0}
@media(min-width:1025px){
.ProDetail#Specs .img_pc_wap .photo:not(:first-child){display: none}
}
@media(max-width:1024px){
.ProDetail#Specs .img_pc_wap .photo:not(:last-child){display: none}
}
@media(max-width:768px){
.ProDetail#Specs .group{padding:60px 0;}
}

.ProDetail#Service .group{padding:3% 0;}
.ProDetail#Service .text h4{text-align: center; padding-bottom: 3%}
.ProDetail#Service .text ol{text-align: center}
.ProDetail#Service .text ol li{width:calc(25% - 20px); margin: 10px;background: #F8F8F8; border-radius: 20px;padding: 3%; position: relative}
.ProDetail#Service .text ol figure{height: 80px;display: flex; justify-content: center; align-items: center}
.ProDetail#Service .text ol figure img{max-height:100%}
.ProDetail#Service .text ol li .link{position: absolute;left: 0; top: 0; width: 100%; height: 100%;cursor: pointer}
.ProDetail#Service .text ol li.have_link:hover{background: var(--blue); color: #fff}
.ProDetail#Service .text ol li.have_link:hover figure img{filter: brightness(0) invert(1);}
.ProDetail#Service .text ul{padding: 3% 0 3% 30px; max-width: 1000px; margin: auto}
.ProDetail#Service .text ul li{width: 48%; list-style: disc;padding:0.5%}
.ProDetail#Service .text ul li::marker{color: var(--blue)}
.ProDetail#Service .photo{text-align: center; padding-top: 2%}
@media(max-width:768px){
.ProDetail#Service .group{padding:60px 0;}
.ProDetail#Service .text ol{font-size: 16px}
.ProDetail#Service .text ol figure{height: 30px;}
.ProDetail#Service .text ol li{width:calc(50% - 10px); margin:5px;padding:10px}
.ProDetail#Service .text ul{font-size: 16px}
.ProDetail#Service .text ul li{width: 100%;padding: 2% 0}
}

.ProDetail#Video {padding-top: 2%; padding-bottom: 5%; overflow: hidden}
.ProDetail#Video aside{padding-bottom:2%}
.ProDetail#Video .slick-list{margin: 0 -15px}
.ProDetail#Video .slick-slide{margin: 0px 15px}
.ProDetail#Video .item{position: relative}
.ProDetail#Video .item figure{padding-bottom:56.318%; background: #000000}
.ProDetail#Video .item:not(:hover) figure img{opacity: 0.8}
.ProDetail#Video .item .txt{position: absolute;bottom:20px; left: 20px; right:20px;z-index: 10}
.ProDetail#Video .item .txt:after {content: ''; position: absolute; right: 0px; bottom: 0; width: calc(22 / 16* 1em);height: calc(22 / 16* 1em);background: url(../images/case_play.svg) no-repeat center;}
.ProDetail#Video .item .txt h4{width: 80%;padding: 0; margin: 0; font-weight: 400; color: #fff; }
@media(max-width:768px){
.ProDetail#Video{padding-top: 0}
.ProDetail#Video .slick-slider{padding-bottom: 70px}
.ProDetail#Video .slick-slider.arrow .slick-arrow{top: auto}
.ProDetail#Video .slick-slider.arrow .slick-arrow.slick-prev{left: auto; right: 80px}
}

.ProDetail#Related{padding-top: 5%; text-align: center}
.ProDetail#Related .list{margin-left: -13.5px; margin-right: -13.5px;;padding-top: 4% }
.ProDetail#Related .group{width: 25%; padding: 13.5px;}
.ProDetail#Related .item{ background: #F9F9F9; border-radius: 20px; overflow: hidden;}
.ProDetail#Related .txt{ text-align: center; padding: 20px 20px 0px 20px; color: #000000}
.ProDetail#Related .txt .mp{padding: 0; margin: 0; font-weight: 400}
.ProDetail#Related .txt h4:nth-child(1){opacity: 0.75}
.ProDetail#Related .txt h4:nth-child(2){opacity: 0.5;margin-top: 10px}
.ProDetail#Related figure img{mix-blend-mode: multiply; transform: scale(0.9);object-fit: contain;-o-object-fit: contain; z-index: 1}
.ProDetail#Related figure img.hover{ transform: scale(1);object-fit:cover;-o-object-fit:cover; z-index: 2;opacity: 0; transition: 0.5s;mix-blend-mode:normal}
.ProDetail#Related .item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
.ProDetail#Related .item:hover img.hover{opacity: 1}
.ProDetail#Related .button {padding:30px;line-height: 26px;}
.ProDetail#Related .button a{color: #555555; border: solid 2px #CFCFCF; border-radius: 20px; padding: 0px 20px;}
.ProDetail#Related .button a:after{content: '';display: inline-block; margin-left: 5px; width: 6px; height: 10px; background: url("../images/jt.svg") no-repeat}
.ProDetail#Related .button a:hover{color: #fff; background-color: var(--blue); border-color: var(--blue)}
.ProDetail#Related .button a:hover:after{background-image: url("../images/jt-white.svg")}
.ProDetail#Related .slick-slider.arrow .slick-dots{position: relative;bottom: inherit}
.ProDetail#Related .slick-slider.arrow .slick-dots li{width: 10px; padding: 0; margin: 13px; opacity: 1; list-style: none;background: #F9F9F9}
.ProDetail#Related .slick-slider.arrow .slick-dots li.slick-active{background: #000000}
@media(max-width:768px){
.ProDetail#Related{padding-top: 60px}
.ProDetail#Related .list{margin: 0; justify-content: space-between}
.ProDetail#Related .group{width: 49%!important; padding:1% 0}
.ProDetail#Related .slick-track{width: 100%!important; transform: none!important; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ProDetail#Related .slick-track:before,
.ProDetail#Related .slick-track:after,
.ProDetail#Related .slick-dots,
.ProDetail#Related .slick-arrow{display: none!important}
.ProDetail#Related .button{padding: 0 20px 20px 20px}
.ProDetail#Related .group.slick-cloned{display: none!important}
.ProDetail#Related .txt h4.fz-20{font-size: 15px}
.ProDetail#Related .txt h4.fz-18{font-size: 10px}
.ProDetail#Related .item > a{display: flex; flex-wrap: wrap}
.ProDetail#Related .txt{order: -1; width: 100%;padding: 30px 10px 0px 10px}
.ProDetail#Related figure{width: 100%}
}

.itemid290_id854 .img{width:22%;text-align: center;}
.itemid290_id854 .box:nth-child(2){width: 30%; order: -1}
.itemid290_id854 .box:nth-child(3){ width: 38%}
.itemid290_id854 dl{display: flex;padding: 5px 0}
.itemid290_id854 dl dt{}
.itemid290_id854 dl dd{flex: 1}
@media(max-width:1024px){
.itemid290_id854 .box{width: 70%!important}
.itemid290_id854 .img{width: 30%}
}
/*product end*/


/*index start*/

.ind_banner{position: relative}
.ind_banner figure{background: #000}
.ind_banner figure img{width: 100%;}
.ind_banner figure .wap{display: none}
.ind_banner .text{text-align: center; position: absolute;left: 10%; right: 10%; top: 20%; color: #fff; z-index: 10}
.ind_banner .text > *{padding: 0; margin: 0; opacity: 0; transition:1s ease-in-out; transform: translateY(50px)}
.ind_banner .text h4{font-weight: 500!important; margin-bottom: 10px!important; }
.ind_banner .text p{ transition-delay:0.6s;color: rgba(255,255,255,0.8)}
.ind_banner .text dl{transition-delay: 1.2s;padding-top: 30px;}
.ind_banner .text dl a{color: #fff; border: none; line-height: 36px;padding: 0px 40px}
.ind_banner .text dl a:hover{box-shadow: none!important;color: #fff!important;}
.ind_banner .text dl a:not(:last-child){margin-right: 30px;}
.ind_banner .text dl .more-jt i{font-style: normal; font-family: '宋体'; padding-left: 5px;}
.ind_banner .text dl .more-jt:after{display:none; background-image: url("../images/jt-white.svg")}
.ind_banner .slider-txt{position: absolute; z-index: 5; left:0; width: 100%; bottom: 30px;display: none}
.ind_banner .slider-txt li{height: 30px;}
.ind_banner .slider-txt span{color: #fff; opacity: 0.5; transition: 0.5s; padding-left: 40px;}
.ind_banner .slider-txt .slick-current span{opacity: 1; font-size: 16px; border-left: solid 2px #fff}
.ind_banner .slick-dots{position: absolute;margin: auto; left: 20%; right: 20%; width:60%; bottom:30px; display: flex; justify-content: center; z-index: 10; }
.ind_banner .slick-dots li{flex: 1; cursor: pointer;transition: 0.5s;position: relative}
.ind_banner .slick-dots li span{text-align: center; line-height:40px; color: #fff;transform: translateY(20px); opacity: 0; transition: 0.5s}
.ind_banner .slick-dots li:before,
.ind_banner .slick-dots li:after{background: #fff; content: '';left: 0; bottom: 0; height:2px;position: absolute;transition: 0s}
.ind_banner .slick-dots li:before{width: 0; z-index: 10 ;background:var(--blue);}
.ind_banner .slick-dots li:after{width: 100%;opacity: 0.5}
.ind_banner .slick-dots li:not(:last-child){margin-right:20px;}
.ind_banner .slick-dots li.ani-active{opacity: 1}
.ind_banner .slick-dots li.ani-active:before{width: 100%;transition: 5s;}
.ind_banner .slick-dots li:hover span{transform: translateY(0); opacity:1}
.ind_banner .slick-dots button{display: none}
.ind_banner .ani-show .text > *{opacity: 1; transform: translateY(0)}
@media(max-width:1024px){
.ind_banner figure .pc{display: none}
.ind_banner figure .wap{display:block}
.ind_banner .slider-txt{display: none}
.ind_banner .text dl a{padding: 0 20px}
.ind_banner .slick-dots li span{display: none}
}

.ind_series {padding-top: 5%; padding-bottom: 5%;overflow: hidden}
.ind_series .sec-title{padding-bottom:2%}
.ind_series .list{margin-left: -13.5px; margin-right: -13.5px;}
.ind_series li{padding: 13.5px;width: 25%;}
.ind_series li a{display: block; background: #F9F9F9; border-radius: 20px;}
.ind_series li .txt{text-align: center; padding:18% 30px 10% 30px}
.ind_series li .txt h4{font-weight: 500}
.ind_series li .txt p{opacity: 0.6; margin-top: 10px;}
.ind_series li .more{text-align: right; padding: 30px}
.ind_series li figure{padding-bottom:76%}
.ind_series li figure img{mix-blend-mode: multiply; transform: scale(0.9); object-fit: contain; -o-object-fit: contain}
.ind_series li.item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
@media(max-width:1024px){
.ind_series .list{margin: 0}
.ind_series ul{justify-content: space-between}
.ind_series li{width:49%;}
.ind_series li a{ border-radius: 10px;}
.ind_series li .txt{padding-left: 10px; padding-right: 10px;}

}
@media(max-width:768px){
.ind_series {padding-top:60px; padding-bottom:60px;}
.ind_series li{width:49%!important;padding:1% 0; float: none}
.ind_series li .txt h4{font-size: 15px}
.ind_series li .txt p{font-size: 10px}
.ind_series li .more{text-align: center}
.ind_series .sec-title{padding-bottom: 25px}
.ind_series .slick-track{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%!important; transform:none!important}
.ind_series .slick-arrow,
.ind_series .slick-dots,
.ind_series .slick-track:before,
.ind_series .slick-track:after{display: none!important}

}
@media(max-width:640px){
.ind_series li .more{padding: 10px}

}

.ind_application li{padding: 4% 0; border-bottom: solid 1px rgba(0,0,0,0.2)}
.ind_application li figure{ width: 50%}
.ind_application li .txt{width: 50%}
.ind_application li .desc{color: #000;}
.ind_application li h4{margin: 20px 0}
.ind_application li .img{padding-top:6%}
.ind_application li:nth-child(odd) figure{order: 2;}
@media(max-width:768px){
.ind_application li h4{margin-top: 0}
.ind_application li:first-child{padding-top: 0}
}
@media(max-width:640px){
.ind_application li:nth-child(1) .txt,
.ind_application li:nth-child(1) figure{width: 100%}
}

.ind_product {padding-top: 5%; padding-bottom: 5%;}
.ind_product .sec-title {text-align: left}
.ind_product .sec-title span{display: block; padding-bottom: 10px;}
.ind_product li{width:49%; padding: 1% 0}
.ind_product li a{background: #F9F9F9;border-radius: 20px; padding:20px;}
.ind_product li figure{width:60%; padding-bottom:50.91%}
.ind_product li figure img{mix-blend-mode: multiply; transform: scale(0.9); object-fit: contain; -o-object-fit: contain}
.ind_product li.item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
.ind_product li .txt{width:40%;padding:1%}
.ind_product li .txt h4{margin-bottom: 15px;}
.ind_product li .txt p{margin-top: 10px; margin-bottom: 40px;}
@media(max-width:768px){
.ind_product {padding-top: 60px; padding-bottom: 60px;}
.ind_product .sec-title{text-align: center}
.ind_product li a{padding: 10px}
.ind_product li figure{width: 100%;order: -1}
.ind_product li .txt{width: 100%; padding: 4%;text-align: center;}
.ind_product li .txt p{margin-bottom: 20px}
}

.ind_download{background: linear-gradient(90deg,#0b72fb,#89b9fb); text-align: center}
.ind_download .auto{padding-top:3%; padding-bottom:3%;}
.ind_download figure{padding-bottom: 3%;width: 60%; margin: auto}
.ind_download a{display: inline-block;border-radius: 18px; padding: 0px 40px; line-height: 36px; background: #fff; position: relative; color: var(--blue)}
.ind_download a:after{content: '';vertical-align: middle; display: inline-block;width: 20px; height: 20px; background: url(../images/arrow-down.svg) no-repeat}
.ind_download a:hover{background:  var(--blue); color: #fff}
.ind_download a:hover:after{filter: brightness(0) invert(1);}

.ind_solution{padding-top: 5%; padding-bottom: 5%;}
.ind_solution li{width:48.334%;background: #F9F9F9}
.ind_solution li figure{padding-bottom: 44.83%}
.ind_solution .txt{text-align: center; padding: 20px;}
.ind_solution .txt h4{margin-bottom: 10px; line-height: 32px;}
.ind_solution li.odd i{color:rgba(0, 0, 0, 0.2);font-style: normal}
@media(min-width:640px){
.ind_solution li:nth-child(2)~li{margin-top: 3.332%}
}
@media(max-width:768px){
.ind_solution{padding-top:60px; padding-bottom:60px;}
}
@media(max-width:640px){
.ind_solution li{width: 100%}
.ind_solution li:not(:first-child){margin-top: 4%}
.ind_solution li.odd{display: none}
}

.ind_vision {position: relative; overflow: hidden}
.ind_vision .info{position: absolute; width: 100%; height: 100%; z-index: 10}
.ind_vision .sec-title{text-align: left; color: #fff}
.ind_vision .txt{color: #fff; max-width: 700px}
.ind_vision .txt p{padding: 0; margin: 0; line-height: 150%}
.ind_vision .icon {padding-top: 6%}
.ind_vision .icon img{width: 25px;}
.ind_vision .icon img:not(:last-child){margin-right: 30px;}
.ind_vision figure:before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(24, 117, 247, 0.2) 0%, rgba(24, 117, 247, 0.5) 100%);}
.ind_vision figure img{width: 100%}
.ind_vision figure img.app{display: none}
@media(max-width:1200px){
.ind_vision figure img.pc{width: 150%; margin-left: -50%; max-width: inherit}
}
@media(max-width:768px){
.ind_vision figure img.app{display:block}
.ind_vision figure img.pc{display: none}
.ind_vision .sec-title{text-align: center}
.ind_vision .txt{text-align: center}
}

/*index end*/