@media only screen and (max-width:1500px){
  section p{font-size: 18px;line-height: 30px;}
  .index-category .cont .item{gap: 0 40px;}
  .index-category .cont .item .box{width: 100%;height: auto;padding-bottom: 180px;}
  .index-solution .wp-block-group p{font-size: 16px;line-height: 25px;margin: 0;}
  .index-news .slide{margin-left: calc((100% - 92vw) / 2);}
  .index-news .slide-dot{margin-right: calc(100% - 92vw);}
  .index-resource .wp-block-cover{padding: 6.77vw 4vw 6.77vw 4vw;}
}


@media only screen and (max-width:1400px){
  header .nav .one > li{padding: 30px 15px;}
  .main-contact .cont .contact-way{width: 540px;}
  .main-contact .cont .form-box{width: calc(100% - 570px);}
  .main-contact .cont .form-box li:nth-child(5),
  .main-contact .cont .form-box li:nth-child(6){width: 100%;}
  .main-contact .cont .contact-way ul li.add{width: 100%;}
  .common-content .cont .slide-about .slide-pic .wp-block-image{width: 92vw;}
  
}

@media only screen and (max-width:1300px){
  footer .one{flex-wrap: wrap;justify-content: flex-start;}
  footer .one > li{width: 27.33%;margin-bottom: 30px;}
}

@media only screen and (max-width:1200px){
  section h2{font-size: 30px;line-height: 40px;}
  header {position: relative;}
  header .main-width{display: flex;justify-content: space-between;align-items: center;}
  header .logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0;}
  header .menubtn{display: block;}
  header .nav{position: fixed; left: 0; top: 130px; left: -100%; width: 100%; height: calc(100vh - 50px); border-top: 1px solid #ddd; background-color: #fff; overflow-y: auto; transition: all 1s;z-index: 999;}
  header .nav > ul.one{display: block;}
  header .nav > ul.one > li{padding: 0 50px 0 4vw;border-bottom: 1px solid #ddd;width: 100%;box-sizing: border-box;}
  header .nav > ul.one > li a{display: block;padding: 10px 0;}
  header.flow .menu > ul.one > li{padding: 0 50px 0 4vw;}
  header.active .nav{left: 0;}
  header .nav .one{flex-direction: column;padding: 0 20px;}
  header .nav .one > li{width: 100%;box-sizing: border-box;padding: 0;border-bottom: 1px solid #ddd;position: relative;}
  header .nav .one > li a{display: block;padding: 15px 0;}
  header .nav .one > li.menu-item-has-children > a{display: inline-block;padding: 15px 50px 15px 0;}
  header .nav .one > li > i{position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; display: none; text-align: center;}
  header .nav .one > li.menu-item-has-children > i{display: block;}
  header .nav .one > li > i::before { content: '\e90d'; font-family: 'icomoon'; position: absolute; right: 0; top: 0; width: 30px; line-height: 30px; font-size: 16px; color: #000; }
  header .nav .one > li > .sub-menu{position: initial; padding: 0 0 20px; background-color: transparent; opacity: 1;display: none; margin: 0 !important; border: none; width: 100%; text-align: left;}
  header .nav .one > li > .sub-menu > li{padding-left: 20px; border: none; position: relative;}
  header .nav .one > li > .sub-menu > li::before{content: ""; display: block; width: 10px; height: 1px; position: absolute; left: 0; top: 20px; background-color: #000;}
  header .nav .one > li > .sub-menu > li > a{margin: 0;color: #000;padding:0;}
  header .nav .one > li.on > i{display: block;transform: rotate(90deg);}
  header .nav .one > li:hover > .sub-menu{display: none;}
  header .nav .one > li:hover::after{display: none;}
  .index-category .cont .item{gap: 0 20px;}
  .index-category .cont .item .box h3{font-size: 20px;line-height: 30px;}
  .index-category .cont .item .box ul li a{font-size: 16px;}
  .index-adv h3{font-size: 20px;line-height: 30px;}
  .index-adv .list-adv .item{padding-left: 110px;}
  .index-adv .list-adv .item::before{width: 70px;height: 70px;line-height: 70px; font-size: 38px;left: 20px;}
  .index-adv .list-adv .item:nth-child(4):before{font-size: 40px;}
  .index-solution .wp-block-group h2{font-size: 22px;line-height: 30px;}
  .index-solution .with-img .wp-block-image + .wp-block-group{padding: 15px 0 0 15px;}
  .index-solution .wp-block-buttons .wp-block-button__link{width: 120px;height: 40px;line-height: 40px;font-size: 14px;border-radius: 20px;}
  .index-solution .with-img .wp-block-buttons .wp-block-button__link{width: 110px;font-size: 14px;}
  .index-resource .wp-block-cover h2{font-size: 22px;line-height: 30px;}
  .index-news .slide-pic li .text{padding: 10px;}
  .index-news .slide-pic li .text span{font-size: 14px;line-height: 20px;}
  .index-news .slide-pic li .text h2{font-size: 16px;line-height: 25px;margin: 10px 0 15px;}
  .index-news .slide-pic li .text time{font-size: 12px;line-height: 20px;}
  .index-news .slide-pic li.active .text{padding: 20px;}
  .index-news .slide-pic li.active .text h2{margin-bottom: 20px;}

  .list-product .cont ul{gap: 20px;}
  .list-product .cont ul li{width: 30.7%;}
  .list-product .cont ul li h3{font-size: 14px;}

  .list-case .category{display: none;}
  .list-case .cont{width: 100%;}
  .list-case h1{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
  .list-case h1::after{margin-top: 20px;}
  .list-case .cont ul li h3{font-size: 18px;line-height: 28px;}
  .list-case .cont ul li p{font-size: 14px;line-height: 22px;}

  .main-case .recommend{display: none;}
  .main-case .cont{width: 100%;}
  .main-case .cont .box{margin-bottom: 40px;}
  .main-case h1{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
  .main-case h1::after{margin-top: 20px;}
  .main-case .related{padding: 50px 0;}

  .find h2{font-size: 30px;line-height: 40px;}
  .main-case .related ul li{width: 32%;}

  .list-news .cont h1{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
  .list-news .cont h1::after{margin-top: 20px;}

}

@media only screen and (max-width:1100px){
  .main-product .cont .overview{flex-direction: column;}
  .main-product .cont .slide-pro{margin: 0 auto 30px;}
  .main-product .cont .overview .info{width: 100%;}
  
  .list-news .cont{width: 100%;}
  .recent{display: none;}
  .list-news .cont ul li .pic{width: 300px;height: 200px;padding-bottom: 0;}
  .list-news .cont ul li .text{width: calc(100% - 330px);}

  .main-content .cont{width: 100%;}

  .list-download .cont{width: 100%;}
  .list-download .cont h2{font-size: 30px;line-height: 40px;}
  .list-download .nav-category{display: none;}

  .list-video .cont h3{font-size: 16px;line-height: 25px;margin-bottom: 5px;}
  .list-video .cont .more{font-size: 14px;line-height: 20px;}

  .main-video h1{font-size: 30px;line-height: 40px;margin-bottom: 30px;}
  .main-video .recent h2{font-size: 30px;line-height: 40px;}
  .main-video .recent{display: block;}
  .main-video .cont .video::before{font-size: 140px;}
  .main-video .recent ul li .pic{height: 190px;}
  .main-video .recent ul li h3{margin: 15px 0 0;font-size: 18px;line-height: 26px;}
  
  .common-content .cont .slide-grow .slide-pic{width: 75vw}
  .common-content .cont .slide-grow .slide-pic .wp-block-group{width: 75vw;height: 25vw;}
  .common-content .cont .slide-grow .slide-pic .wp-block-group h4{line-height: 25vw;font-size: 25vw;margin: 0 auto;}
  .common-content .cont .slide-grow .slide-pic .wp-block-group p{width: 70%;padding: 20px;}
  .common-content .cont .slide-grow .slide-dot{padding-top: 30px;}
  .common-content .cont .slide-grow .slide-dot:before{top: calc(2vw + 40px);}
  .common-content .cont .slide-grow .slide-dot li.active strong{font-size: 16px;line-height: 25px;}
  .common-content .cont .slide-grow .slide-dot li.active strong{top: -25px;}

}

@media only screen and (max-width:980px){
  .index-category{padding: 0 0 50px;}
  .index-category .title{padding: 50px 0 20px;}
  .index-category .cont .item .box h3{font-size: 18px;}
  .index-category .cont .item .box ul{padding: 15px 0;}
  .index-adv{padding: 50px 0;}
  .index-solution{padding: 50px 0;}
  .index-news{padding: 50px 0;}
  .index-about{padding: 50px 0;}

  .nav-category h2{height: 50px;line-height: 50px;}
  .list-product .nav-category{width: 100%;position: initial;margin-bottom: 30px;}
  .list-product .cont{width: 100%;}
  .list-product .cont ul li{width: 31.4%;}

  .main-product .nav-category{width: 100%;margin-bottom: 30px;position: initial;}
  .main-product .cont{width: 100%;}
  .main-product .recommend ul li{width: 48.5%;}
  .main-product .cont .slide-pro{margin: 0 30px 0 0;}
  .main-product .cont .overview{flex-direction: row;}
  .main-product .cont .overview .info{width: calc(100% - 410px);}
  .main-product .recommend ul li{width: 23.5%;}
  .find li{width: 49.5%;}
  .find{padding: 50px 0;}

  .list-download{padding: 50px 0;}
  
  .list-video .cont ul{grid-template-columns:1fr 1fr;}

  .main-contact h2{font-size: 30px;margin-bottom: 30px;}
  .main-contact .cont{flex-direction: column-reverse;}
  .main-contact .cont .contact-way{width: 100%;}
  .main-contact .cont .form-box{width: 100%;margin-bottom: 30px;}

  .common-content .cont .slide-grow .slide-dot li::after{width: 40px;height: 40px;}
}

@media only screen and (max-width:900px){
  .top{display: none;}
  header .nav{top: 90px;}
}

@media only screen and (max-width:780px){
  header{height: 60px;}
  header .func{padding: 10px 0;}
  header .func .btn-contact{display: none;}
  header .func .search{margin-right: 15px;}
  header .func .lang{padding-right: 0;}
  header .func .lang span{display: none;}
  header .func .lang::after{display: none;}
  header .nav{top: 60px;}

  section h2{font-size: 24px;line-height: 34px;margin-bottom: 15px;}
  section p{font-size: 16px;line-height: 25px;}
  
  .index-category .cont .item{gap: 10px;}
  .index-about .wp-block-buttons .wp-block-button__link{width: auto;padding: 0 40px;height: 40px;line-height: 40px;border-radius: 40px;}
  .index-adv .list-adv .item{width: 100%;padding: 35px;display: flex;flex-direction: column;align-items: center;}
  .index-adv .list-adv .item::before{position: initial;}
  .index-adv h3{text-align: center;margin-top: 20px;}
  .index-adv .list-adv .item p{text-align: center;}
  .index-solution .with-bg{width: 100%;margin-bottom: 20px;}
  .index-solution .with-img{width: 100%;}
  .index-news h2{margin-bottom: 15px;}
  .index-news .slide{width: 92vw;margin: 0 auto;position: relative;}
  .index-news .slide-pic{height: auto;margin: 0;}
  .index-news .slide-pic li{width: 92vw;height: 55vw;}
  .index-news .slide-pic li.active .pic{height: 55vw;}
  .index-news .slide-pic li.active{width: 92vw !important;}
  .index-news .slide-dot{position: initial;height: 0;}
  .index-news .slide-dot .btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;border-color: #fff;}
  .index-news .slide-dot .btn.prev{left: 20px;transform: translateY(-50%) rotate(180deg);}
  .index-news .slide-dot .btn.next{right: 20px;}
  .index-news .slide-dot .btn::after{color: #fff;}
  .index-news .slide-dot ul{display: none;}
  .index-resource{flex-wrap: wrap;}
  .index-resource .wp-block-cover{width: 100%;margin-bottom: 8px;padding: 30px;}
  .index-resource .wp-block-cover h2{margin-bottom: 8px;}
  .index-resource .wp-block-buttons .wp-block-button__link{margin-top: 40px;}
  footer .main-width{flex-wrap: wrap;}
  footer .nav{width: 100%;}
  footer .join{width: 100%;}

  .list-product .cont ul{gap: inherit;justify-content: space-between;}
  .list-product .cont ul li{width: 48.5%;margin-bottom: 15px;}

  .main-product .cont .overview{flex-direction: column;}
  .main-product .cont .slide-pro{margin: 0 auto 30px;}
  .main-product .cont .overview .info{width: 100%;}
  .main-product .recommend ul{justify-content: space-between;}
  .main-product .recommend ul li{width: 48.5%;margin-bottom: 15px;}

  .list-case .desc{font-size: 15px;line-height: 25px;}
  .list-case .cont ul li h3{font-size: 16px;line-height: 25px;}

  .main-case .related h2{font-size: 26px;}
  .main-case .related ul li{width: 440px;margin: 0 auto 30px;}

  .list-download .cont h2{font-size: 26px;line-height: 36px;margin-bottom: 20px;}
  .list-download .cont ul li{width: 100%;}
  .list-download .cont ul li .button a.eye{display: none;}

  .main-video .recent ul{gap: 20px;}
  .main-video .recent ul li h3{font-size: 16px;line-height: 25px;}
  
  .common-content .tab ul li{height: 50px;line-height: 50px;}
  .common-content .cont .wp-block-pullquote p{font-size: 26px;line-height: 36px;}
  .common-content h2{font-size: 26px;line-height: 36px;margin: 0 0 30px;}
  .common-content .cont .slide-grow .slide-dot{display: none;}

  .common-content .cont .cer-list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;margin-bottom: 30px;}
  .common-content .cont .cer-list .wp-block-image{width: 100%;}
  .common-content .cont .cer-list .wp-block-image .wp-element-caption{height: auto;}
  .common-content .cont .faq-list{padding: 0;}

}

@media only screen and (max-width:700px){
  header.sr .search{top: 68px;}
  header .search i{right:4vw;margin:-15px 0 0 0;left: initial;}
  header .search .box{width: 300px;}

  .index-category .cont .item{flex-direction: column;gap: 30px;}
  .index-category .cont .item .box{padding: 20px 20px 65%;}
  .index-about .wp-block-buttons .wp-block-button__link{margin-top: 30px;}
  .index-solution .with-bg{padding: 20px;min-height: auto;}
  .index-solution .wp-block-group h2{margin-bottom: 15px;}
  .index-solution .with-img .wp-block-image + .wp-block-group{flex-direction: column;padding: 15px;}
  .index-solution .wp-block-buttons{margin-top: 20px;}
  .index-solution .wp-block-buttons .wp-block-button__link{width: auto; padding: 0 40px;height: 40px;line-height: 40px;border-radius: 40px;}
  .index-solution .with-img .wp-block-buttons .wp-block-button__link{width: auto;}
  footer .one > li{width: 49%;margin: 0 0 20px 0;}
  footer .one > li:nth-child(1){width: 100%;}

  .list-case h4{font-size: 16px;line-height: 25px;}
  .list-case .cont ul li{width: 49%;}
  .list-case .cont ul li .text{padding: 15px;}
  .find h2{font-size: 20px;line-height: 30px;}
  .find li{width: 100%;}

  .list-news .cont ul li{flex-direction: column;padding: 20px 0;}
  .list-news .cont ul li .pic{width: 100%;margin: 0;height: auto;}
  .list-news .cont ul li .pic img{position: initial;}
  .list-news .cont ul li .text{width: 100%;}
  .list-news .cont time{margin: 5px 0;}
  .list-news .cont h3{font-size: 16px;}
  .list-news .cont p{font-size: 14px;line-height: 22px;}

  .main-content .cont h1{font-size: 26px;line-height: 36px;}
  .main-content .subpage ul{flex-wrap: wrap;}
  .main-content .subpage ul li{width: 100%;padding: 0 !important;margin-bottom: 10px;}
  .main-content .subpage ul li::after{display: none;}
  .main-content .subpage ul li.next{text-align: left;}
  
  .main-video h1{font-size: 20px;line-height: 30px;width: 100%;}
  .main-video .cont{padding: 50px 0;}
  .main-video .cont .video{height: 320px;}
  .main-video .cont .video::before{display: none;}
  .main-video .recent h2{font-size: 20px;line-height: 30px;margin-bottom: 20px;}
  .main-video .recent h2::after{margin: 10px auto 0;}
  .main-video .recent ul{grid-template-columns: 1fr;}
  .main-video .recent ul li .pic{height: auto;}
  .recent ul li .pic img{position: initial;}

  .main-success h1{font-size: 22px;line-height: 32px;}
  .main-success .return-btn{padding: 0 20px 0 50px;height: 50px;line-height: 50px;font-size: 20px;}
  .main-success .return-btn::after{width: 50px;height: 50px;font-size: 30px;}

  .flow-message .box{width:92vw;height:auto;padding: 20px 0;}
.flow-message .box i{top:-36px;right:0;}
.flow-message .box > div{max-height: 80vh;overflow: auto;}
.flow-message .box .simple-message{padding: 15px;}
.flow-message .box .code{float:none;width:100%;}
.flow-message .box .sub{float:none;width:100%;}
header .func .search-icon{margin-right: 15px;}

body{padding-bottom: 60px;}
.pop-up-box{width: 100%; left: 0;right: 0;bottom: 0;height: 60px;top: inherit;border-radius: 0;padding: 0;}
  .pop-up-box .chat{display: flex;justify-content: space-between;flex-wrap: nowrap;}
  .pop-up-box a .tip{display: none;}
  .pop-up-box a:hover .tip{display: none;}
  .pop-up-box a{width: calc(100% / 3);margin: 0 auto;height: 60px;padding: 35px 0 10px;text-align: center;overflow: hidden;}
  .pop-up-box a::before{width: 26px;height: 26px;line-height: 26px; font-size: 26px;left: 50%;top: 10px;margin-left: -13px;}
  .pop-up-box a.get-top{display: none;}
  .pop-up-box a::after{position: absolute;content: "";left: -1px;top: 0;bottom: 0;width: 1px;background-color: #eee;}
  .pop-up-box a.whatsapp::before{font-size: 24px;}

}

@media only screen and (max-width:640px){
  .index-category .cont > img{height: 260px;object-fit: cover;}
  .index-category .cont .item{margin-top: -60px;}
  .main-product .cont .overview .info{width: 100%;}

  .list-case .cont ul li{width: 100%;}
  .main-case .related ul li{width: 100%;}

  .list-video .cont ul{grid-template-columns:1fr;}

  .main-contact .cont .form-box label{line-height: 45px;font-size: 14px;}
  .main-contact .cont .form-box input{height: 45px;line-height: 45px;font-size: 14px;}
  .main-contact .cont .form-box select{height: 45px;line-height: 45px;}
  .main-contact .cont .form-box .sub{height: 45px;line-height: 45px;font-size: 16px;}
  .main-contact .cont .contact-way ul li{padding: 10px 0 10px 60px !important;font-size: 16px;}
  .main-contact .cont .contact-way ul li::before{width: 45px;height: 45px;}
  .main-contact .cont .contact-way ul li.mail::before{background-position: 0px -630px;}
  .main-contact .cont .contact-way ul li.who::before{background-position:-45px -630px;}
  .main-contact .cont .contact-way ul li.tel::before{background-position:-90px -630px;}
  .main-contact .cont .contact-way ul li.phone::before{background-position:-135px -630px;}
  .main-contact .cont .contact-way ul li.add::before{background-position:-180px -630px;}
  .main-contact .cont .contact-way .wp-block-group .wp-block-group__inner-container{padding-left: 60px;}

  .common-content .cont .slide-about{height: 320px;}
  .common-content .cont .slide-grow .slide-pic{width: 70vw;}
  .common-content .cont .slide-about .slide-pic .wp-block-image{height: 320px;}
  .common-content .cont .slide-about .slide-pic .wp-block-image img{height: 100% !important;object-fit: cover;}
  .common-content .cont .slide-grow .slide-pic .wp-block-group{height: auto;background-color: #fff;padding: 15px;box-sizing: border-box;}
  .common-content .cont .slide-grow .slide-pic .wp-block-group p{position: relative; left: 0; top: 0; width: 100%; margin: 0 auto; transform: translate(0,0);padding: 0;}
  .common-content .cont .slide-grow .slide-pic .wp-block-group h4{line-height: 30px; font-size: 20px;margin-bottom: 10px;}

  .main-404 .main-width{display:block;}

}