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

    .logo img {
        width: 140px;
    }

    .telephone {
        margin-left: 20px;
    }

    .telephone,
    .trial a {
        height: 38px;
        line-height: 38px;
        border-radius: 19px;
    }

    .telephone img {
        top: -2.5px;
        height: 30px;
    }

    .trial a {
        width: 120px;

    }
}

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

    body.on {
        overflow: hidden;
    }

    .w1440,
    .feature .w1440 {
        width: 94%;
    }

    .column,
    .subsidiary {

        display: none;
    }

    .mobile_btn {
        display: block;
    }

    /* .mobile_btn.on span{
        background-color: #fff;
    } */

    .logo img {
        width: 150px;
    }

    .header {
        height: 60px;
        padding: 0 15px;
    }

    .header .navmobile {
        display: block;
        width: 100%;
        box-sizing: border-box;
        transition: ease .5s;
        opacity: 0;
        transform: translateX(-140%);
        /*	height: calc(100% - 50px);*/
        height: 100vh;
        position: fixed;
        top: 60px;
        left: 0px;
        z-index: 998;
        background: #3399ff;
        text-align: left;
        padding: 10px 30px 30px;
        padding-top: 40px;
    }

    .header .navmobile ul {
        overflow: scroll;
        height: 80%;
        overflow-x: hidden;
    }

    .header .navpc ul li:hover:before {
        width: 0px;
        left: 0px;
        opacity: 1;
    }

    .header .navpc ul li:hover .box {
        height: 0;
        overflow: hidden;
        display: none;
    }

    .header .navpc ul li.on .box {
        height: auto;
        display: block;
        top: 3px;
        padding: 9px;
        left: 0px;
        margin-left: 0px;
        box-shadow: none;
    }

    .header .navmobile.on {
        transform: translateY(0);
        opacity: 1;
    }

    .header .navmobile ul li {
        position: relative;
        width: 92%;
        margin: 0 auto;
        height: auto;
    }

    .header .navmobile ul li {
        font-size: 15px;
        display: block;
        padding: 10px 0;
        line-height: 29px;
        color: #fff;
        position: relative;
        font-weight: bold;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .header .navmobile ul li a {
        line-height: 29px;
        height: auto;
        color: #fff;
        display: inline-block;
    }

    .ability {
        display: flex;
    }

    .header .navmobile .telephone {
        margin: 0;
        border-color: #fff;
        color: #fff;
    }

    .header .navmobile .trial a {
        background-color: #fff;
        color: #3399ff;
    }

    .header .navmobile .hot {
        display: inline-block;
        position: relative;
        top: -10px;
        width: 30px;
        transform: rotate(-8deg);
        border-radius: 4px;
        background-color: #ff912c;
        color: #fff;
        font-size: 8px;
        line-height: 18px;
        text-align: center;
    }

    #mySwiper {
        height: 180px;
    }

    .banner .text .title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .banner .text .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .banner .text .desc {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .banner .text .btn a {
        width: 120px;
        height: 36px;
        margin-top: 15px;
        font-size: 14px;
        line-height: 36px;
    }

    .big-title {
        font-size: 24px;
    }

    .core,
    .advantage,
    .case,
    .news,
    .footer {
        padding: 30px 0;
    }

    .core-list {
        gap: 15px;
    }

    .core-item {
        width: calc(33.33% - 10px);
        padding: 15px 10px;
        border-radius: 8px;
    }

    .core-img {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    .core-img img {
        height: 60px;
    }

    .core-title {
        margin: 15px 0;
        font-size: 16px;
    }

    .core-text {
        display: none;
        margin-top: 15px;
    }

    .core-desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        line-height: 24px;
    }

    .advantage .advantage-content {
        display: block;
    }

    .advantage-left {
        width: 100%;
    }

    .advantage-list {
        display: flex;
    }

    .advantage-item {
        display: block;
        height: auto;
        padding: 15px 0 10px;
        width: 25%;
        text-align: center;
    }

    .advantage-desc {
        display: none;
    }

    .advantage-img {
        display: inline-block;
        margin: 0;
    }

    .advantage-img img {
        width: auto;
        height: 30px;
    }

    .advantage-title {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 2;
    }

    .advantage-item.active .advantage-title {
        position: relative;
        top: -2px;
    }

    .advantage-right-content {
        flex-wrap: wrap;
        height: auto;
        padding: 20px;
    }

    .advantage-bigimg {
        text-align: center;
    }

    .advantage-bigimg img {
        width: 40%;
    }

    .advantage-right-text {
        margin-left: 0;
        margin-top: 30px;
    }

    .advantage-right-title {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .advantage-more a {
        margin: 30px auto;
    }


    .case .swiper-slide {
        transform: scale(1) !important;
    }

    .case .swiper-slide .case-text {
        font-size: 14px !important;
    }

    .case .swiper-slide .case-title-text {
        padding: 0;
        margin-left: 15px;
        font-size: 20px !important;
    }

    .case .swiper-slide .case-text {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 242px;
        box-sizing: border-box;
    }

    .case-title img {
        width: 50px;
        height: 50px;
    }

    #caseSwiper {
        width: 80%;
        margin: 30px auto 10px;
    }

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

    .swiper-button-next {
        right: 0;
    }

    .case-title {
        height: 90px;
    }

    .news-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .news-item {
        width: 100%;
        padding: 20px;
        border-radius: 10px;
    }

    .news-item a {
        display: flex;
        flex-direction: row-reverse;
        gap: 10px;
    }

    .news-item.notimg a{
        display: block;
    }

    .news-desc{
        margin-top: 15px;
        -webkit-line-clamp: 2;
    }

    .news-title {
        height: 56px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 28px;
    }

    .news-img {
        width: 45%;
    }

    .news-img>img {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

    .news-more a {
        margin-top: 30px;
        font-size: 14px;
    }

    .news-warp {
        flex: 1;
    }

    .news-jt,
    .news-item:hover .news-desc {
        display: none;
    }

    .news-item:hover .news-img {
        display: block;
    }

    .appointment {
        padding: 60px 0;
    }

    .appointment-title {
        width: 94%;
        margin: 0 auto 30px;
        font-size: 28px;
    }

    .appointment-desc {
        width: 94%;
        margin: 0 auto 20px;
        font-size: 16px;
        line-height: 28px;
    }

    .appointment-btn a {
        width: 160px;
        height: 40px;
        font-size: 14px;
        line-height: 38px;
    }

    .footer .w1440 {
        display: block;
    }

    .company {
        text-align: center;
    }

    .company span,
    .company a {
        margin-right: 10px;
        font-size: 14px;
    }

    .company a {
        display: block;
    }

    .footer .phone {
        width: 50%;
        margin: 20px auto;
        text-align: center;
    }

    .qrcode {
        justify-content: center;
    }

    .filing {
        text-align: center;
    }

    .navigation {
        display: none;
    }

    /* 
    .secondary-banner{
        margin-top: 60px;
    } */

    #secondary {
        height: 240px;
        min-height: 240px;
    }

    .secondary-banner img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
    }

    .secondary-text {
        width: 94%;
        left: 3%;
    }

    .secondary-text br {
        display: none;
    }

    .secondary-text .title {
        font-size: 19px;
        line-height: 40px;
    }

    .secondary-text .desc {
        font-size: 14px;
        line-height: 24px;
    }

    .comparison,
    .strength,
    .vision,
    .competency,
    .honor,
    .scene,
    .sdk,
    .examine,
    .domain,
    .pattern,
    .feature {
        padding: 30px 0;
    }

    .vidoe video {
        width: 100%;
    }

    .strength-list {
        padding: 10px;
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }

    .card-title {
        font-size: 18px;
        margin-top: 65px;
    }

    .card-number {
        font-size: 30px;
    }

    .features-tabs,
    .feature-content-card {
        flex-wrap: wrap;
        padding: 15px;
    }

    .content-media {
        width: 100%;
    }

    .features-tabs {
        justify-content: start;
        margin-bottom: 15px;
    }

    .feature-tab {
        width: 50%;
        padding: 10px 0;
        font-size: 13px;
    }

    .features-content-area {
        min-height: 400px;
    }

    .content-image {
        width: 90%;
    }

    .content-detail h3 {
        font-size: 1.4rem;
    }

    .features-tabs-container {
        margin-bottom: 0;
    }

    .applications-grid {
        width: 94%;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 20px;
    }

    .vision-content {
        flex-wrap: wrap;
    }

    .vision-text {
        flex: none;
        width: 100%;
    }

    .vision-text h3 {
        font-size: 1.4rem;
    }

    .vision-text p,
    .vision-tex .quote {
        font-size: 14px;
    }

    .quote {
        font-size: 16px;
        margin-top: 10px;
    }

    .vision-image {
        height: 180px;
        margin: 60px 0;
    }

    .vision-image img {
        width: 100%;
    }

    .honor .w1440 {
        width: 94%;
        margin: 0 auto;
    }

    .honor-list {
        grid-template-columns: repeat(1, 1fr);
        padding: 40px 15px 30px;
    }

    .honor-item {
        padding: 20px;
    }

    .honor-item img {
        width: 45%;
    }

    .content-detail p {
        font-size: 14px;
    }

    .competency-list {
        flex-wrap: wrap;
        margin-top: 25px;
        gap: 20px;
    }

    .competency-item {
        width: 100%;
        flex: none;
    }

    .competency-item .title {
        border: none;
        margin-top: 0;
        font-size: 18px;
    }

    .competency-icon img {
        width: 25px;
        /* height: 25px; */
    }

    .small-title {
        width: 94%;
        margin: 20px auto;
    }

    .product-advantages-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 30px;
    }

    .strength-card {
        padding: 15px;
    }

    .product-advantages-container .strength-card h3 {
        font-size: 1.1rem;
    }

    .pain-point-wrapper {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 30px;
        padding: 0 10px;
        gap: 20px;
    }

    .pain-title {
        font-size: 18px;
    }

    .evaluation-sdk .product-advantages-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .software .w1440 {
        overflow-x: auto;
    }

    .software table {
        width: 1000px;
    }

    .competency-icon {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .news_content {
        width: 94%;
        padding: 10px;
        margin: 0 auto;
    }

    .news_title {
        font-size: 20px;
    }

    .news_item_right {
        width: 100%;
    }

    .news_item {
        padding: 20px;
    }

    .news_item_desc {
        margin: 10px 0;
    }

    .news_item_left {
        width: 40%;
        margin-right: 10px;
    }

    .news_item_left .imgbg {
        width: 100%;
    }

    .hierarchy {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .hasimg .news_item_right {
        width: 60%;
    }

    .news_item_left .imgbg {
        height: 100%;
    }

    .news_item {
        padding: 20px 10px;
    }

    .hasimg .news_item_desc {
        -webkit-line-clamp: 1;
        margin-top: 5px;
    }

    .news_item_title {
        line-height: 30px;
    }

    .hasimg .news_item_right {
        position: relative;
        top: -4px;
    }

    .page ul {
        flex-wrap: wrap;
        justify-content: left;
    }

    .page ul li {
        margin-bottom: 10px;
    }

    .detail-content {
        padding: 15px;
        margin: 0 auto 20px;
    }

    .detail_title {
        font-size: 20px;
        line-height: 32px;
    }

    .source {
        line-height: 45px;
    }

    .source span {
        margin-right: 10px;
        font-size: 13px;
    }

    .evaluation-sdk .product-advantages-container {
        margin-top: 30px;
    }

    .examine img{
        width: 100%;
    }

    .pattern-list{
        grid-template-columns: repeat(1, 1fr);
    }

    .pattern-list .core-text{
        display: block;
    }

    .pattern-list .core-img{
        display: flex;
        gap: 30px;
        margin-top: 0;
        margin-bottom: 30;
    }

    .text-box{
        width: 97%;
    }

    .app-content{
        padding-top: 20px;
    }

    .advantage-right{
        border-radius: 0 0 16px 16px;
    }

    .advantage-list {
        border-radius: 16px 16px 0 0;
    }

    .el-dialog{
        width: 96%;
    }

    .form-submit{
        width: 100%;
        height: auto;
        padding-bottom: 25px;
    }

    .el-checkbox-group{
        grid-template-columns: repeat(2, 1fr);
    }

    .free-tl{
        height: auto;
    }

    .el-input{
        gap: 10px;
        padding: 0 10px;
    }

    .from-name{
        padding-right: 0;
    }

    .from-name .el-input-inner{
        width: 35%;
    }

    .yzm-content .el-input{
        width: 60%;
    }

    .yzm-content .el-input .el-input-inner{
        width: 100%;
    }
}