@media screen and (max-width: 1680px) {
    .banner-link-wrap .item {
        width: 190px;
    }
    .nav_images{
        /* width: 150px; */
        height: 65px;
    }
    .banner-link-wrap .item .title {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .banner-link-wrap .item .txt{
        padding: 10px 10px;
    }
     .banner-link-wrap .item .intro{
        font-size: 12px;
     }
    /* .pic img{
        width: 90%;
    } */
}

@media screen and (max-width: 1490px) {
     /* .banner-link-wrap .item {
        width: 190px;
    } */
    .footer-container .footer-main .footer-nav ul {
        margin-right: calc(var(--ratio-size) * 105);
    }

    .footer-container .contact-message {
        margin-right: calc(var(--ratio-size) * 80);
    }
    .banner-link-wrap .item .title {
        font-size: 12px;
    }
}
@media screen and (max-width: 1280px){
     .search-wrapper{
        min-height: 755px !important;
    }
}
@media screen and (max-width: 1250px) {
   
    .about-page .contact-main {
        padding-left: calc(var(--ratio-size) * 300);
        padding-right: calc(var(--ratio-size) * 300);
    }
    .banner-link-wrap .item .title {
        font-size: 12px;
    }
    .about-page .contact-main .by-map {
        height: calc(var(--ratio-size) * 480);
    }

    .product-detail-page .product-detail-main .advantage ul li::before {
        top: calc(var(--ratio-size) * 16);
    }

    .product-detail-main .content-main ul li::before {
        top: calc(var(--ratio-size) * 16);
    }

    .footer-container .footer-main .footer-nav ul {
        margin-right: calc(var(--ratio-size) * 80);
    }

    .footer-container .contact-message {
        margin-right: calc(var(--ratio-size) * 80);
    }

}

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

    .custom-pagination .prev,
    .custom-pagination .next {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding: 0;
    }

    .custom-pagination .prev span,
    .custom-pagination .next span {
        width: 50px;
        display: none;
    }
}

@media screen and (max-width: 960px) {
    :root {
        font-size: 14px;
    }

    .type-area {
        padding: 0 5%;
    }

    .common-b-title {
        font-size: 20px;
    }

    .common-blue-btn a {
        padding: 10px 15px;
    }

    .common-blue-btn a .icon {
        width: 20px;
        height: 20px;
        margin-left: 25px;
    }

    .common-blue-btn a p {
        font-size: 14px;
    }

    .common-blue-btn a .icon img {
        width: 12px;
    }

    .common-banner {
        /* height: 150px; */
        height: auto;
        min-height: 150px;
        padding: 20px;
        margin-top: 50px;
    }

    .common-nav {
        margin-top: 10px;
    }

    .common-banner .title {
        font-size: 22px;
    }

    .common-xb-title {
        font-size: 18px;
    }

    .sub-xt-title {
        font-size: 16px;
    }

    .technology-page .technology-main .text {
        font-size: 16px;
    }

    .common-s-title {
        font-size: 16px;
    }

    .common-banner .text {
        margin: 0;
        margin-top: 10px;
        text-align: center;
        font-size: 14px;
        line-height: 1.5;
    }

    .common-form {
        padding: 20px 5%;
        padding-bottom: 30px;
    }

    .common-form .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .common-form form {
        margin-top: 20px;
    }

    .common-form form .input-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .common-form form .input-item .title {
        font-size: 14px;
    }

    .common-form .input-item .input-main {
        height: 40px;
        margin-top: 5px;
    }

    .common-form .input-item .input-main input {
        padding-left: 10px;
        font-size: 14px;
    }

    .common-form .input-item .get-code-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90%;
        padding: 0 10px;
        font-size: 14px;
    }

    .common-form .common-blue-btn a .icon {
        margin-left: 60px;
    }

    .common-breadcrumb {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 12px;
    }

    .common-breadcrumb a {
        line-height: 2;
    }

    .about-page .about-nav-outside {
        height: 80px;
    }

    .about-page .about-nav {
        height: 40px;
    }

    .about-page .about-nav a p {
        line-height: 40px;
    }

    .header-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
    }

    .header-container .logo {
        display: flex;
        align-items: center;
        width: 80px;
    }

    /* .header-container>ul {
        display: none;
    } */

    /* .header-container .function {
        display: none;
    } */

    /* .header-container .mobile-menu {
        display: flex;
    } */

    .mobile-left.active {
        transform: translateX(0);
    }

    .mobile-right.active {
        transform: translateX(0);
    }

    .footer-container {
        padding-left: 5%;
        padding-right: 5%;
    }

    .footer-area {
        padding-bottom: 10px;
    }

    .footer-container .footer-main .footer-nav {
        display: none;
    }

    .footer-container .logo {
        width: 80px;
    }

    .footer-container .footer-main {
        flex-direction: column;
        margin-top: 15px;
    }

    .footer-container .contact-message {
        padding-left: 15px;
        font-size: 14px;
    }

    .footer-container .footer-main .title {
        font-size: 16px;
    }

    .footer-container .footer-main ul li:not(.title) {
        line-height: 1.5;
    }

    .footer-container .share-content {
        padding-left: 15px;
        margin-left: 0;
        margin-top: 10px;
        border-left: 1px solid #dedede;
    }

    .footer-container .share-content .pic {
        width: 100px;
    }

    .footer-container .footer-bottom {
        flex-direction: column;
        font-size: 12px;
    }

    .footer-container .footer-bottom .right {
        margin-top: 5px;
    }

    #cube-ctn {
        height: calc(100vh - 50px);
    }

    #cube-ctn .text.layer {
        font-size: 14px;
    }

    .cube-ctn .scroll-prompt {
        right: 50%;
        bottom: 20px;
        transform: translateX(50%);
        animation-name: scrollPromptMobile;
    }

    .scroll-prompt .pic {
        width: 20px;
        margin-top: 10px;
    }

    .index-page .introduce-content {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .index-page .introduce-item {
        flex-direction: column-reverse;
    }

    .index-page .introduce-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .index-page .introduce-item .pic {
        width: 100%;
        height: 200px;
    }

    .index-page .introduce-item .text-main {
        position: relative;
        width: 100%;
        height: auto;
    }

    .index-page .introduce-item .text-main .text {
        margin-top: 10px;
        margin-bottom: 25px;
        font-size: 16px;
    }

    .index-page .news-main {
        flex-direction: column;
        margin-top: 20px;
    }

    .index-page .news-main .news-item {
        width: 100%;
    }

    .index-page .news-main .news-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .index-page .news-main .news-item .pic {
        height: 200px;
    }

    .index-page .news-main .news-item .text-main .title {
        font-size: 16px;
    }

    .index-page .news-main .news-item .text-main {
        padding: 0 10px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .index-page .news-main .news-item .text-main .time {
        margin-top: 25px;
        font-size: 14px;
    }

    .index-page .news-main .news-item .text-main .label {
        margin-top: 5px;
        margin-left: auto;
        font-size: 14px;
    }

    .index-page .news-main .other-news-item a {
        padding: 0 10px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .index-page .news-main .other-news-item:nth-child(1) a {
        padding-top: 15px;
    }

    .index-page .news-main .other-news-item:not(:last-child) a {
        border-bottom: 1px solid #c1c1c1;
    }

    .index-page .news-main .other-news-item .title {
        font-size: 16px;
    }

    .index-page .news-main .other-news-item .time {
        margin-top: 10px;
        text-align: right;
        font-size: 14px;
    }

    .news-page .news-nav {
        font-size: 14px;
    }

    .news-page .news-nav a {
        padding: 10px 15px;
    }

    .news-page .news-main {
        margin-top: 20px;
    }

    .news-page .news-main .search-input {
        width: 100%;
        height: 40px;
        margin-left: 0;
    }

    .news-page .news-main .search-input input {
        padding-left: 5px;
        font-size: 14px;
    }

    .news-page .news-main .news-list {
        padding-right: 5%;
        margin-top: 20px;
    }

    .news-page .news-main .news-list .news-top {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .news-page .news-main .news-list .news-top .news-top-main {
        padding: 20px;
        padding-bottom: 25px;
    }

    .news-page .news-main .news-top-main .time {
        padding: 8px 4px;
    }

    .news-page .news-main .news-top-main .time .day {
        font-size: 16px;
    }

    .news-page .news-main .news-top-main .time .year {
        font-size: 14px;
    }

    .news-page .news-main .news-top-main .bottom {
        flex-direction: column;
        margin-top: 40px;
    }

    .news-page .news-main .news-top-main .bottom .text {
        width: 100%;
        font-size: 16px;
    }

    .news-page .news-main .news-top-main .bottom .more-btn {
        margin-top: 25px;
        margin-left: auto;
    }

    .news-page .news-main .news-top-main .bottom .arrow-icon {
        width: 20px;
        height: 20px;
        margin-left: 25px;
    }

    .news-page .news-main .news-top-main .bottom .arrow-icon img {
        width: 12px;
    }

    .news-page .news-main .news-list .news-item {
        width: 100%;
        margin: 0;
    }

    .news-page .news-main .news-list .news-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .news-page .news-main .news-list .news-item a .pic {
        height: 200px;
    }

    .news-page .news-main .news-list .news-item .text-main {
        padding: 15px;
    }

    .news-page .news-main .news-list .news-item .text-main .title {
        font-size: 16px;
    }

    .news-page .news-main .news-list .news-item .text-main .time {
        margin-top: 10px;
        font-size: 14px;
        text-align: right;
    }

    .news-page .pager-main {
        margin-top: 25px;
    }

    .news-page .pager-main ul a {
        width: 25px;
        height: 25px;
    }

    .news-page .pager-main ul li.previous a,
    .news-page .pager-main ul li.next a {
        height: auto;
        padding: 5px 15px;
    }

    .news-page .pager-main ul li.previous a {
        padding-left: 30px;
    }

    .news-page .pager-main ul li.next a {
        padding-right: 30px;
    }

    .news-page .pager-main ul li.previous a::after,
    .news-page .pager-main ul li.next a::after {
        top: calc(50% - var(--ratio-size) * 15);
    }

    .news-page .pager-main ul li.previous img,
    .news-page .pager-main ul li.next img {
        width: 12px;
    }

    .news-detail-page .detail-main {
        margin-top: 20px;
    }

    .news-detail-page .detail-main .text-main {
        width: 100%;
    }

    .news-detail-page .detail-main .text-main .top {
        padding-bottom: 10px;
    }

    .news-detail-page .detail-main .text-main .top .title {
        padding-bottom: 10px;
        font-size: 16px;
    }

    .news-detail-page .detail-main .text-main .content {
        font-size: 14px;
    }

    /* .news-detail-page .detail-main .text-main .content p {
        margin-bottom: 10px;
    } */

    .news-detail-page .detail-main .text-main .content h1 {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .news-detail-page .detail-main .text-main .bottom {
        margin-top: 25px;
    }

    .news-detail-page .detail-main .text-main .bottom .pic {
        display: none;
    }

    .news-detail-page .detail-main .text-main .bottom .title {
        font-size: 14px;
    }

    .news-detail-page .detail-main .text-main .bottom .text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .news-detail-page .detail-main .contact {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: 20px;
    }

    .news-detail-page .detail-main .contact .title {
        padding: 10px 0;
        font-size: 16px;
    }

    .news-detail-page .detail-main .contact .text {
        min-height: 150px;
        padding: 15px;
        font-size: 14px;
    }

    .news-detail-page .detail-main .contact .text ul {
        margin-top: 10px;
    }

    .news-detail-page .detail-main .contact .text ul .icon {
        width: 30px;
        height: 30px;
    }

    .news-detail-page .breadcrumb {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
    }

    .common-nav-item .pic {
        width: 30px;
        height: 30px;
    }

    .technology-page .common-nav.type-area {
        padding: 0;
    }

    .technology-page .technology-main .top:first-child {
        padding-top: 70px;
    }

    .technology-page .technology-main .product-list {
        margin-top: 20px;
    }

    .technology-page .technology-main .product-list .product-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .technology-page .technology-main .product-item .product-title {
        padding-top: 15px;
        margin-bottom: 15px;
    }

    .product-detail-page .data-main .data-item a:not(.wfEditorMode) {
        padding: 10px 15px;
    }

    .technology-page .technology-main .product-item ul li {
        padding: 0 10px;
    }

    .technology-page .technology-main .product-item a {
        padding: 10px;
    }

    .solution-page .solution-main {
        padding-top: 20px;
    }

    .solution-page .solution-nav {
        margin-top: 20px;
    }

    .solution-page .solution-nav .nav-item {
        flex-direction: column;
        justify-content: flex-start;
        /* justify-content: space-between; */
    }

    .solution-page .solution-nav .icon {
        max-width: 40%;
        max-height: none;
        height: 30px;
        margin-bottom: 3px;
    }

    .solution-page .solution-nav p {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        font-size: 12px;
    }

    .solution-page .solution-main {
        padding-bottom: 30px;
    }

    .solution-page .solution-main .product-list {
        margin-top: 25px;
    }

    .solution-page .solution-main .product-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .solution-page .solution-main .product-item:last-child {
        margin-bottom: 0;
    }

    .solution-page .solution-main .product-item:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }

    .solution-page .solution-main .product-item a {
        padding: 15px;
    }

    .solution-page .solution-main .product-item .pic {
        width: 100%;
        height: 200px;
    }

    .solution-page .solution-main .product-item .type {
        padding-left: 10px;
        margin-top: 10px;
    }

    .solution-page .solution-main .product-item ul {
        margin-top: 10px;
    }

    .product-detail-page .common-nav {
        flex-wrap: wrap;
        padding: 0;
    }

    .product-detail-page .common-nav .common-nav-item {
        flex: unset;
        width: 25%;
    }

    .product-detail-page .product-detail-main .content-main {
        position: relative;
        z-index: 3;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        font-size: 14px;
    }

    .product-detail-page .product-detail-main .content h1 {
        font-size: 18px;
    }

    .product-detail-page .product-detail-main .advantage .advantage-title {
        font-size: 16px;
    }

    .product-detail-page .product-detail-main .advantage ul li {
        padding-left: 15px;
    }

    .product-detail-page .product-detail-main .advantage ul li::before {
        top: 10px;
    }

    .product-detail-page .data-main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .product-detail-page .data-main .data-list {
        margin-top: 20px;
    }

    .product-detail-page .data-main .data-item {
        width: 100%;
    }

    .product-detail-page .data-main .data-item:not(:last-child) {
        margin-bottom: 15px;
    }

    .product-detail-page .data-main .data-item .title {
        font-size: 14px;
    }

    .product-detail-page .data-main .data-item a {
        padding: 15px 10px;
    }

    .product-detail-page .data-main .data-item a .pdf-pic {
        width: 40px;
        height: 40px;
    }

    .product-detail-page .data-main .data-item .download {
        margin-top: 15px;
    }

    .product-detail-page .data-main .data-item .download .pic {
        margin-left: 5px;
    }

    .product-detail-page .client-main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .product-detail-page .client-main .client-list {
        margin-top: 20px;
    }

    .product-detail-page .client-main .client-item {
        width: 100%;
    }

    .product-detail-page .client-main .client-item a {
        padding: 15px 10px;
    }

    .product-detail-page .client-main .client-item a .time {
        margin-top: 10px;
        text-align: right;
    }

    .product-detail-page .technology-video {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .product-detail-page .technology-video .video-swiper {
        margin-top: 20px;
    }

    .product-detail-page .technology-video .video-swiper .pic {
        height: 150px;
    }

    .product-detail-page .technology-video .video-swiper .pic .play-icon {
        width: 50px;
        height: 50px;
    }

    .product-detail-page .technology-video .video-swiper .text {
        padding-top: 10px;
    }

    .product-detail-page .news-main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .product-detail-page .news-main .news-list {
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .product-detail-page .news-main .news-list .news-item {
        width: 100%;
    }

    .product-detail-page .news-main .news-item .pic {
        height: 200px;
    }

    .product-detail-page .news-main .news-item .text-main {
        padding: 10px 15px;
    }

    .product-detail-page .news-main .news-item .text-main .time {
        margin-top: 20px;
        font-size: 14px;
    }

    .about-page .about-nav {
        justify-content: flex-start;
        font-size: 14px;
        text-align: left;
    }

    .about-page .culture-main {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-page .culture-main .left {
        width: 100%;
        height: auto;
    }

    .about-page .culture-main .left .culture-item {
        padding: 20px;
    }

    .about-page .culture-main .left .culture-item .title {
        font-size: 20px;
    }

    .about-page .culture-main .left .culture-item .text {
        margin-top: 20px;
        font-size: 16px;
    }

    .about-page .culture-main .left .culture-item .title-en {
        font-size: 40px;
    }

    .about-page .culture-main .bg {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    .about-page .profile-main {
        flex-direction: column;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .about-page .profile-main .title {
        width: 100%;
        font-weight: bold;
    }

    .about-page .profile-main .text-content {
        margin-top: 10px;
    }

    .about-page .profile-main .text-content p:not(:last-child) {
        margin-bottom: 10px;
    }

    .about-page .profile-main .text-content ul {
        margin-bottom: 10px;
    }

    .about-page .profile-main .advantage {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .about-page .profile-main .advantage-item {
        width: 49%;
        margin-bottom: 20px;
    }

    .about-page .profile-main .advantage .icon {
        width: 90%;
        height: 40px;
        max-width: none;
    }

    .about-page .profile-main .advantage .icon img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .about-page .profile-main .advantage .title {
        font-size: 16px;
    }

    .about-page .profile-main .advantage .text {
        font-size: 14px;
    }

    .about-page .team-main {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .about-page .team-list {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .about-page .team-list .team-item {
        /* width: 48%; */
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }

    .about-page .team-list .team-item .pic {
        height: 200px;
    }

    .about-page .team-list .team-item .text {
        padding: 10px;
        padding-bottom: 20px;
    }

    .about-page .team-list .team-item .name {
        font-size: 16px;
    }

    .about-page .team-list .team-item .position {
        margin-top: 5px;
        font-size: 14px;
    }

    .about-page .partner-main {
        padding-top: 20px;
        padding-bottom: 30px;
        overflow: hidden;
    }

    .about-page .partner-main .partner-list {
        margin-top: 20px;
    }

    .about-page .partner-main .partner-list .pic {
        width: calc((100% - 20px) / 3);
        height: 60px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    /* .product-detail-page .nav-outside {
        height: 125px;
    } */
    .about-page .partner-main .partner-list .pic:nth-child(6n + 5) {
        margin-right: 10px;
    }

    .about-page .partner-main .partner-list .pic:nth-child(3n + 3) {
        margin-right: 0;
    }

    .about-page .course-main {
        padding-top: 20px;
    }

    .about-page .course-main .year-swiper span {
        font-size: 20px;
    }

    .about-page .course-main .main-content {
        margin-top: 40px;
    }

    .about-page .course-main .main-content>div {
        width: 90%;
        max-width: 90%;
        height: 270px;
    }

    .about-page .course-main .main-content .content-item .month {
        font-size: 18px;
    }

    .about-page .course-main .main-content .content-item .text {
        padding-bottom: 15px;
    }

    .about-page .course-main .timeline {
        width: 85%;
        padding-top: 8px;
        margin-top: 50px;
        font-size: 14px;
    }

    .about-page .contact-main {
        padding: 0 5%;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .about-page .contact-main .by-map {
        flex-direction: column-reverse;
        height: auto;
        margin-top: 20px;
    }

    .about-page .contact-main .by-map .map {
        width: 100%;
        height: 200px;
    }

    .about-page .contact-main .by-map .text-main {
        width: 100%;
        min-height: 0;
        padding: 0 15px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .about-page .contact-main .by-map .text-main .item .icon {
        width: 20px;
        height: 20px;
    }

    .about-page .contact-main .by-map .text-main .item {
        margin-top: 15px;
    }

    .about-page .contact-main .by-map .text-main .item p {
        margin-left: 5px;
    }

    .about-page .distribution-main {
        margin-top: 20px;
    }

    .about-page .distribution-main .city-list {
        padding-top: 20px;
    }

    .about-page .distribution-main .city-item {
        width: 100%;
        padding-left: 10px;
    }

    .about-page .distribution-main .city-list .title {
        font-size: 16px;
    }

    .about-page .distribution-main .city-list .text {
        margin-top: 5px;
        font-size: 14px;
    }

    .about-page .distribution-main .city-list .text p {
        margin-left: 5px;
    }

    .about-page .distribution-main .city-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .about-page .course-main .course-list {
        overflow: hidden;
    }

    .search-container .searchbox1 {
        margin-top: 100px;
    }

    .search-container .searchbox1 form {
        display: flex;
        width: 90%;
        margin: 0 auto;
    }

    .search-container .searchbox1 .searchText {
        flex: 1;
    }

    .search-container .news-list {
        padding-right: 5%;
        margin-top: 20px;
    }

    .search-container .news-list .news-item {
        width: 100%;
        margin: 0;
    }

    .search-container .news-list .news-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .search-container .news-list .news-item a .pic {
        height: 200px;
    }

    .search-container .news-list .news-item .text-main {
        padding: 15px;
    }

    .search-container .news-list .news-item .text-main .title {
        font-size: 16px;
    }

    .search-container .news-list .news-item .text-main .time {
        margin-top: 10px;
        font-size: 14px;
        text-align: right;
    }

    .product-detail-page .download-dialog .download-form {
        width: 95%;
    }

    .product-detail-page .download-dialog .common-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-detail-page .news-main .news-list .news-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .about-page .join-main {
        height: auto;
        padding: 30px 0;
    }

    .about-page .join-main .title {
        font-size: 16px;
        font-weight: bold;
    }

    .about-page .join-main .email {
        font-size: 14px;
    }

    .about-page .join-main .arrow-area {
        width: 20px;
        height: 20px;
        margin-top: 10px;
    }

    .about-page .join-main .white-arrow {
        border-width: 10px;
    }

    .about-page .join-main .tips {
        font-size: 14px;
    }

    .about-page .join-main .common-blue-btn {
        margin-top: 25px;
    }

    .about-page .about-nav a:hover {
        background: #f3f3f3;
        color: #000;
    }

    .about-page .join-main .email-icon {
        width: 20px;
    }

    .privacy-container {
        padding-top: 30px;
        margin-top: 50px;
    }

    .privacy-container .title {
        font-size: 20px;
    }

    .privacy-container .privacy-main {
        margin-bottom: 40px;
    }

    .privacy-container .privacy-main h3 {
        font-size: 16px;
    }

    .privacy-container .privacy-main ul {
        margin-bottom: 10px;
    }

    .privacy-container .privacy-main p {
        margin-bottom: 10px;
    }

    .law-container {
        padding-top: 30px;
        margin-top: 50px;
    }

    .law-container .title {
        font-size: 20px;
    }

    .law-container .law-main {
        margin-bottom: 40px;
    }

    .law-container .law-main h3 {
        font-size: 16px;
    }

    .law-container .law-main ul {
        margin-bottom: 10px;
    }

    .law-container .law-main p {
        margin-bottom: 10px;
    }

    .footer-container .footer-bottom .left {
        flex-wrap: wrap;
    }

    .technology-page .technology-main .product-item a:not(.wfEditorMode) {
        padding: 10px 0;
    }

    .header-container .logo img {
        width: 100%;
    }

    .news-page .news-main .search-input form {
        width: 100%;
    }

    .footer-container .footer-bottom .left a {
        display: flex;
        align-items: center;
        line-height: 1.8;
    }

    .footer-container .footer-bottom span {
        line-height: 1.8;
    }

    .footer-container .footer-bottom .left img {
        width: 15px;
        margin-right: 5px;
    }

    #page #cube-ctn {
        height: 200px;
        margin-top: 50px;
    }

    #page .swiper {
        height: 200px;
    }

    .cube-ctn .banner-button-prev.banner-switch-btn {
        left: 50px;
        bottom: 6px;
        width: 30px;
        height: 30px;
    }

    .cube-ctn .banner-button-next.banner-switch-btn {
        left: 90px;
         bottom: 6px;
          width: 30px;
        height: 30px;
    }

    .cube-ctn .banner-pagination .bullet-style {
        margin: 0 5px;
    }

    #page .first-floor-video {
        height: 200px;
    }

    .cube-ctn .banner-switch-btn {
        width: 30px;
        height: 30px;
    }

    .cube-ctn .banner-pagination {
        bottom: 10px;
    }

    /* #page #cube-ctn .solid {
        clip-path: polygon(0% 0, calc(50vw + 50vh * 1.72) 0, calc(50vw - 50vh * 1.72) 100%, 0% 100%);
    } */

    #page #cube-ctn .solid {
        clip-path: polygon(0% 0, 95% 0, 0 115%, 0% 100%);
    }

    .cube-ctn .scroll-prompt {
        display: none;
    }

    .index-page .news-main .other-news-item a:not(.wfEditorMode) {
        padding: 5px 10px;
    }

    .product-detail-main .content-main ul li {
        padding-left: 15px;
    }

    .product-detail-main .content-main ul li::before {
        top: 10px;
    }

    .news-detail-page .detail-main .text-main .content img {
        height: auto;
    }

    #cube-ctn .text.layer {
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }

    .news-detail-page .detail-main .text-main .content ul,
    .news-detail-page .detail-main .text-main .content ol {
        padding-left: 10px;
    }

    .solution-page .solution-main .product-item li::before {
        margin-top: 8px;
    }

    .pc-show {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .product-detail-page .download-dialog textarea {
        height: 100px;
        font-size: 14px;
    }

    #page .first-floor-video {
        display: none;
    }

    .cube-ctn .mobile-bg {
        display: block;
    }

    .law-container .logo {
        width: 150px;
    }

    .privacy-container .logo {
        width: 80px;
    }

    .about-page .course-main .logo {
        width: 100px;
    }


    @keyframes arrowAn {
        to {
            transform: translateY(25px);
            opacity: 0;
        }
    }

    .swiper-slide img {
        margin-top: 0 !important;
    }

    .search-wrapper {
        padding-left: 0;
    }

    .filter-wrap {
        background-color: #fff;
        width: 100%;
        transform: translateX(-100%);
        opacity: 0;
        transition: .3s;
        z-index: 99;
        position: fixed;
        top: 50px;
        padding: 5%;
        height: 100vh;
        overflow-y: auto;
    }

    .filter-wrap.active {
        transform: unset;
        opacity: 1;
    }

    .filter-wrap .filter-btn {
        padding-top: 30px;
        border-bottom: 0;
    }

    .filter-btn {
        display: block;
    }

    .search-page .input-wrap .btn {
        width: 80px;
    }

    .banner-link-wrap {
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        transform: unset;
    }

    .banner-link-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
    }

    .banner-link-cont {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 1;
    }

    .banner-link-wrap-lock {
        width: 30px;
        top: 70%;
        right: 20px;
    }

    .banner-link-wrap-close {
        top: 86%;
        z-index: 2;
    }
}