@media (min-width: 1921px) {

  .container {

    max-width: 1380px;

  }

}

@media (max-width: 1920px) {

  .container {

    max-width: 1300px;

  }

}

@media (max-width: 1680px) {

  .product ul li a {

    font-size: 20px;

  }

  .product ul li a em img {

    height: 28px;

  }

  .container-fluid {

    padding: 0 5vw;

  }

  .nav-menu a {

    margin: 0 10px;

  }

  .nav-menu {

    padding-left: 15px;

  }

  .banner_txt b {

    font-size: 60px;

  }

  .f-24 {

    font-size: 22px;

  }

}

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

  .nav-menu a {

    margin: 0 5px;

  }

  .nav-menu {

    padding-left: 5px;

  }

  .inbanner_txt .title {

    font-size: 42px;

  }

  .banner_txt .title {

    font-size: 42px;

  }

  .banner_txt .small_title {

    font-size: 18px;

    line-height: 32px;

  }

}

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

  .container-fluid {

    padding: 0 4vw;

  }

  .inbanner_txt .title {

    font-size: 38px;

  }

  .logo img {

    max-height: 40px;

  }

}

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

  .nav li {

    margin-right: 25px;

  }

  .container {

    max-width: 1200px;

  }

  .pad_100 {

    padding: 70px 0;

  }

  .zyzs-content b {

    font-size: 30px;

  }

}

@media screen and (max-width:991px) {
    .footer-list1 {
      flex-wrap: wrap;
    }

    .footer-list1 b{ text-align: center;}
    .footer-list1 span{ text-align: center;}
    
  .solution_con { 

    flex-direction: column;

  }

  .bgcolor .solution_con {

    flex-direction: column-reverse;

    margin-top: 0;

  }

  .solution-fl {

    width: 100%;

    position: relative;

  }

  .solution-fl .fl_viedo {

    position: relative;

    top: 0;

  }

  .solution-two {

    width: 100%;

    margin-top: 30px;

  }

  .inbanner_txt .title {

    font-size: 28px;

    width: 100%;

    font-weight: 600;

  }

  .inbanner_txt .small_title {

    font-size: 16px;

    width: 100%;

    margin-top: 20px;

    line-height: 24px;

  }

  .main-title2 {

    text-align: center;

  }

  .main-title2::before {

    margin: 0 auto;

  }

  .banner_txt .fl_txt {

    width: 100%;

  }

  .applay-box .container .list ul li:last-child {

    margin-bottom: 30px !important;

  }

  .num_bg {

    transform: rotateX(0);

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

    transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

    -moz-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;

  }

  .num_bg.on {

    transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

  }

  #sol_bot .swiper-button-prev,

  #sol_bot .swiper-button-next {

    display: block;

  }

  .Solution .swiper-container-thumbs .swiper-slide p {

    font-size: 18px;

  }

  .Solution .swiper-container-thumbs .swiper-slide {

    width: 25% !important;

  }

  .container-fluid {

    padding: 0 15px;

  }

  .top_menu {

    height: 60px;

  }

  .banner {

    height: 80vh;

  }

  .banner_txt b {

    font-size: 48px;

  }

  .ab_bottom2 li p {

    font-size: 16px;

  }

  .ab_bottom2 li span {

    font-size: 20px;

  }

  .ab_bottom2 li b {

    font-size: 24px;

  }

  .ab_bottom2 .ab_num_list {

    width: 100% !important;

  }

  .main-title,

  .make_world .fl_txt b {

    font-size: 40px;

  }

  .ab_bottom2 .ab_num {

    flex-wrap: wrap;

  }

  .our_item .our_txt b {

    font-size: 24px;

  }

  .our_item {

    margin: 50px 0;

  }

  .solution_bg {

    padding-top: 50px;

  }

  #sol_bot {

    margin-top: 50px;

  }

  .make_world {

    flex-direction: column;

  }

  .make_world .fl_txt {

    width: 100%;

    text-align: center;

    padding-top: 0;

    margin-top: 0;

  }

  .make_world .fr_tu {

    width: 100%;

    margin-top: 30px;

  }

  .submit-btn {

    padding: 10px;

    font-size: 16px;

    font-weight: normal;

  }

  .forms-container {

    gap: 20px

  }

  .form-box {

    width: 48%;

  }

  .pad_80 {

    padding: 50px 0;

  }

  .seaBtn {

    margin-right: 30px;

  }

  .nav {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: white;

    transition: all 0.4s ease;

    transform: translateY(-100%);

    z-index: 99;

    overflow-y: auto;

    max-height: 0;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

    opacity: 0;

    visibility: hidden;

  }

  .arrow-btn i {

    display: block;

  }

  .nav.active {

    transform: translateY(0);

    max-height: 80vh;

    opacity: 1;

    visibility: visible;

  }

  .nav>ul {

    flex-direction: column;

    padding: 10px 0;

  }

  .nav li {

    width: 100%;

  }

  .nav ul li a {

    height: auto;

    padding: 12px 20px;

    text-align: left;

    border-bottom: 1px solid #f0f0f0;

    position: relative;

    height: auto;

    line-height: 24px;

  }

  /* 移动端箭头按钮 */

  .arrow-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 36px;

    height: 36px;

    border: 1px solid #dedede;

    margin-left: auto;

  }

  .headDiv .head_right {

    height: 60px;

  }

  #header {

    height: 60px;

    background: #fff;

  }

  .headDiv .logo {

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .headDiv .top_menu {

    height: 60px;

  }

  .headDiv .head_right {

    height: 60px;

  }

  #header.header-scrolled {

    height: 60px;

    background: #fff;

  }

  #header.header-scrolled.headDiv .logo {

    height: 60px;

  }

  #header.header-scrolled.headDiv .top_menu {

    height: 60px;

  }

  #header.header-scrolled .nav ul li a {

    color: #333;

  }

  #header.header-scrolled .nav li.active a {

    color: #333;

  }

  #header.header-scrolled .logo2 {

    display: none;

  }

  #header.header-scrolled .logo1 {

    display: block;

  }

  #header.header-scrolled .nav ul li a:hover {

    color: #E60008;

  }

  #header.header-scrolled .nav ul li.active a {

    color: #E60008;

  }

  #header.header-scrolled .nav ul li ul li a:hover {

    color: #fff;

  }

  #header.header-scrolled .arrow-btn i {

    color: #333;

  }

  #banner {

    height: 60vh;

  }

  .footer-list1 {

    border-left: 0;

    padding: 0;

  }

  .product ul li a {

    flex-direction: column;

  }

  .product ul li a span {

    display: flex;

    flex-direction: column;

  }

  /*banner*/

  #banner .swiper-button {

    display: none;

  }

  #banner .swiper-container-horizontal>.swiper-pagination-bullets,

  .swiper-pagination-custom,

  .swiper-pagination-fraction {

    bottom: 10px;

  }

  #banner .swiper-slide .pcimg {

    display: none !important;

  }

  #banner .swiper-slide .mobimg {

    display: block !important;

  }

  .top {

    display: none;

  }

  /*about*/

  .about-box {

    flex-direction: column;

    background-size: cover;

  }

  .about_fl {

    width: 100%;

    padding-right: 0;

  }

  .about_fr {

    width: 100%;

    margin-top: 30px;

  }

  .more {

    margin-top: 20px;

  }

  /*底部*/

  .foot {

    padding: 30px 0;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }

  .foot .ft-contact {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 10px;

    text-align: center;

  }

  .foot .ft-contact img {

    margin: 0 auto;

  }

  .footer-list3 {

    display: none;

  }

  .foot .ft-contact b {

    text-align: center;

    width: 100%;

  }

  .foot .ft-nav .ft-nav-list {

    display: none;

  }

  .foot-box {

    flex-direction: column;

  }

  .fot_bot {

    width: 100%;

  }

  .footer-list2 {

    width: 100%;

    padding-right: 0;

  }
.ewm{ margin-top: 2%;}
  .foot-contact {

    width: 100%;

    text-align: center;

    margin-top: 0px;

    padding-bottom: 10px; display: block; border: none;

  }
.links2 {
    padding-bottom: 140px !important;
}
.links{ display: none;}
.footer-copyright{ display: none;}
  .footer-copyright .main_box {

    flex-direction: column;

  }

  .footer-list2 {

    padding-top: 30px;

  }

  .fot-logo {

    text-align: center;

    margin: 0 auto;

  }

  .fot-logo img {

    max-height: 60px;

    margin-left: auto;

    margin-right: auto;

  }

  #header.header-transparent {

    background: #fff;

  }

  .pad80 {

    padding: 50px 0;

  }

  .indexXian {

    display: none;

  }

  .about_fl {

    padding-left: 0;

    margin-top: 20px;

  }

  .ft-logo {

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 100%;

  }

  .ft-logo img {

    width: auto;

    margin-left: auto;

    margin-right: auto;

    display: block;

  }

  .footer-main {

    padding: 10px 0;

  }

  .slide_nav {

    width: 100%;

  }

  .ab_txt {

    margin-top: 30px;

  }

  .ab_box {

    margin-top: 20px;

  }

  .pad_100 {

    padding: 50px 0;

  }

  .about_fl .ab_txt {

    width: 100%;

  }

  .ab_bottom {

    margin: 0;

  }

  .ab_bottom b {

    font-size: 30px;

  }

  .main_title .m_p1 {

    font-size: 40px;

  }

  .pad_100 {

    padding: 50px 0;

  }

  .footer-list3 {

    display: none;

  }

  #header.header-transparent .logo-tu1 {

    display: none;

  }

  #header.header-transparent .logo-tu2 {

    display: block;

  }

  .seaBtn span {

    color: #000;

  }

  .zyzs-content b {

    font-size: 24px;

  }

  .zyzs {

    width: calc(50% - 20px);

  }

  .mobile-nav .drop-down li a {

    width: 100%;

  }

  .mobile-nav .drop-down li a p span {

    display: none;

  }

  .banner_txt .title {

    font-size: 32px;

    width: 100%;

  }

  .banner_txt .small_title {

    font-size: 14px;

    line-height: 26px;

    width: 100%;

  }

  .video_list .swiper-button-next {

    right: 10px;

  }

  .video_list .swiper-button-prev {

    left: 10px;

  }
    .footer-list1 .item {
        width: calc(50% - 10px);
        margin: 5px;
        flex: auto;
        background: rgba(255, 255, 255, .1);
        justify-content: center;
    }
}

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

  .yy_table td:before {

    white-space: wrap;

  }

  #sol_bot .swiper-button-prev {

    left: 0;

    background: none;

    box-shadow: none;

  }

  #sol_bot .swiper-button-next {

    right: 0;

    background: none;

    box-shadow: none;

  }

  .f-24 {

    font-size: 20px;

  }

  .banner .video_box {

    position: relative;

    height: 80vh;

  }

  .banner_txt {

    position: absolute;

    top: 30%;

    padding-top: 0;

  }

  .num_bg {

    position: relative;

    padding: 20px 0;

  }

  /*头部*/

  #header {

    height: 60px;

  }

  .top-box {

    height: 60px;

  }

  .top-box .logo {

    justify-content: flex-start;

    height: 60px;

  }

  .top-box .logo img {

    max-height: 45px;

  }

  .ab_bottom2 li p {

    font-size: 14px;

  }

  .ab_bottom2 .ab_num {

    font-size: 14px;

  }

  /*about*/

  .banner-slide-content .title {

    font-size: 20px;

    line-height: 32px;

    font-weight: 500;

    color: #fff;

    display: block;

    margin-bottom: 15px;

    letter-spacing: -0.25px;

    text-transform: capitalize;

  }

  .banner-slide-content p {

    font-size: 18px;

    color: #fff;

  }

  .main_title p b {

    font-size: 30px;

    line-height: 40px;

  }

  .main_title .m_p4 {

    font-size: 20px;

  }

  .pad80 {

    padding: 40px 0;

  }

  .main_title .m_p1 {

    font-size: 32px;

  }

  .main_title .m_p2 {

    font-size: 16px;

  }

  .main_title .m_p3 {

    font-size: 20px;

  }

  .about_fl .ab_txt {

    font-size: 15px;

  }

  .about_fr {

    margin-top: 0;

  }

  .about_fl .ab_txt {

    padding: 0 10px;

  }

  .banner {

    height: auto;

  }

  .ab_bottom2 ul {

    flex-wrap: wrap;

  }

  .ab_bottom2 li {

    width: calc(33.33% - 30px);

  }

  .footer-list1 {

    border: none;

    padding-left: 0;

  }

  .main_title {

    text-align: center !important;

  }

  .main_title .m_p1 {

    justify-content: center !important;

  }

  .form-box {

    width: 100%;

  }

  .news_con {

    margin-top: 50px;

    flex-direction: column;

  }

  .news-fl {

    width: 100%;

  }

  .news-two {

    width: 100%;

    margin-top: 20px;

  }

  .forms-container {

    display: block;

  }

  .forms-container .form-box {

    width: 100%;

  }

  .consultation-form {

    margin-top: 20px;

  }

  .solution_con {

    margin-top: 30px;

  }

  .in_title {

    font-size: 30px;

  }

  .solution-two .solution_title {

    font-size: 24px;

  }

  .adv-con2 .list {

    width: calc(50% - 30px);

    margin: 15px;

  }

  .solution_news .news-two {

    width: 100%;

  }

  .solution_news .in_title {

    margin-bottom: 10px;

  }

  .inbanner_txt .title {

    font-size: 18px;

  }

  .inbanner_txt .small_title {

    font-size: 14px;

    width: 100%;

    margin-top: 10px;

    line-height: 24px;

  }

  .cyqy-ys li {

    width: calc(50% - 20px);

    margin: 10px;

  }

  .cb_ys .grid-wrapper {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 30px;

    margin-top: 50px;

  }

  .our_item {

    flex-direction: column;

  }

  .our_item .our_tu {

    width: 100%;

    position: relative;

  }

  .our_item .our_tu .fl_viedo {

    position: relative;

    top: 0px;

    width: 100%;

  }

  .our_item .our_txt {

    width: 100%;

  }

  .our_item .our_txt,

  .xny_ys .card {

    padding: 15px;

  }

  .solution_news2 .news_con {

    padding-top: 10px;

  }

  .hzlc .hzlc-box .hzlc_con {

    margin-top: 30px;

  }

  .our_item .our_tu img {

    border-radius: 10px;

  }

  .our_item .our_txt,

  .xny_ys .card {

    border-radius: 10px;

  }

  .xny_ys .container .solu_list {

    margin-top: 30px;

  }

  .xny_ys .container .solu_list ul li:nth-child(2n) .our_item {

    flex-direction: column-reverse;

  }

  .our_item.hb_case2 {

    flex-direction: column-reverse;

  }

  .xny_ys .container .solu_list ul li:nth-child(2n) .card,

  .xny_ys .container .solu_list ul li:nth-child(2n) .our_item .our_tu img {

    border-radius: 10px;

  }

  .case_video {

    margin-top: 0;

  }

  .solution_bg .case_video {

    margin-top: 20px;

  }

  .img_title {

    margin: 0;

  }

  .img_title .txt {

    padding: 20px;

  }

  .modal-container {

    width: 80%;

  }

  .img_title .img {

    height: 200px;

  }

  .img_title .txt p {

    font-size: 14px;

  }

  .modal-body {

    max-height: 500px;

    padding: 15px;

  }

  .modal-header {

    padding: 15px;

  }

  .close-modal {

    position: absolute;

    top: 12px;

  }

  .xny_ys .grid-wrapper {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 30px;

    margin-top: 50px;

  }

}

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

  .adv-con a b {

    font-size: 20px;

  }
.footer-list1 .item i{ font-size: 18px; display: none;}
.footer-list1 .item .txt{ padding-left: 0;}
.footer-copyright .main_box{ flex-direction: column;}
.footer-main{ padding-bottom: 0;}
.footer-copyright p span{ padding: 0; display: block;}
  .adv-con a p {

    font-size: 14px;

  }

  .adv-con a .txt {

    padding: 20px;

  }

  .Solution .swiper-container-thumbs .swiper-slide {

    width: 33.33% !important;

  }

  .ab_bottom2 ul {

    flex-wrap: wrap;

  }

  .ab_bottom2 li {

    width: calc(50% - 30px);

    margin: 10px 15px;

    border-radius: 10px;

  }

  .banner_txt b {

    font-size: 32px;

  }

  .foot .ft-contact {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    padding: 10px;

  }

  .foot .ft-contact {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

    padding: 10px;

  }

  .foot .ft-nav {

    width: 100%;

  }

  .fot_top img {

    height: 60px;

  }

  #news .swiper-button-next,

  #news .swiper-button-prev {

    top: 20%

  }

  .our_item .our_txt b {

    font-size: 20px;

  }

  #sol_top .swiper-slide .product-box a {

    width: calc((100% / 2) - 40px);

    text-align: center;

    margin: 15px 20px;

    font-size: 15px;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

  }

  .fot_top {

    flex-wrap: wrap;

  }

  .fot_top div {

    width: 100%;

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .fot_bot {

    flex-wrap: wrap;

  }

  .footer-list3 {

    width: 100%;

    text-align: center;

  }

  .footer-list4 {

    width: 100%;

    justify-content: center;

    align-items: center;

  }

  .footer-copyright .main_box {

    flex-wrap: wrap;

  }

  .footer-copyright .main_box p {

    width: 100%;

  }

  #suspension {

    display: none;

  }

  .about_fl {

    margin-top: 0;

  }

  .about_fl .ab_txt {

    padding: 0;

  }

  .van-tit {

    font-size: 20px;

    text-align: left;

  }

  .van-tit b {

    text-align: left;

  }

  .van-tit p {

    text-align: center;

  }

  .fot_bg {

    padding: 20px 0;

  }

  .banner_txt b,

  .banner_txt span {

    width: 100%;

  }

  .ab_bottom li {

    width: 50%;

  }

  .footer-list1 span,

  .footer-list2 span,

  .footer-list3 span {

    font-size: 20px;

  }

  .footer-list1 p,

  .footer-list2 p,

  .footer-list3 p {

    font-size: 16px;

  }

  .main-title,

  .make_world .fl_txt b {

    font-size: 30px;

  }

  #news .swiper-slide .app_info p {

    font-size: 16px;

  }

  .banner .video_box {

    height: 60vh;

  }

  .inbanner_txt {

    padding: 20px 0;

    position: relative;

    background: #f7f7f7;

  }

  .inbanner_txt .title {

    color: #000;

  }

  .inbanner_txt .small_title {

    color: #666;

  }

  .cyqy-ys {

    margin-top: 0;

  }

  .cyqy-ys li {

    width: 100%;

    margin: 10px 0;

  }

  .cb_ys .grid-wrapper {

    margin-top: 20px;

  }

  .xny_ys .card-icon {

    font-size: 20px;

  }

  .xny_ys .card-title {

    font-size: 18px;

  }

  .card-title b {

    font-size: 14px;

  }

  .hzlc {

    padding-bottom: 50px;

  }

  .solution-two ul li {

    border-bottom: 1px solid #dedede;

    width: 100%;

  }

  .hzlc .hzlc-box .container .right ul li {

    flex: 0 0 166px;

    padding: 15px;

    margin-right: 10px;

  }
.footer-list1 span, .footer-list2 span, .footer-list3 span{ font-size: 14px;}
.footer-list1 b{ font-size: 18px;}
}

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

  .Solution .swiper-container-thumbs .swiper-slide {

    width: 50% !important;

  }

  .about-box {

    flex-direction: column;

  }

  .about_fl {

    width: 100%;

    padding: 0;

  }

  .banner_txt {

    top: 15%

  }

  .banner_txt b {

    font-size: 26px;

  }

  .headDiv .logo img {

    height: 40px;

  }

  .main_title .m_p1 {

    font-size: 28px;

  }

  .contactBtn {

    width: 150px;

    height: 45px;

    line-height: 45px;

  }

  .banner_txt span {

    display: none;

  }

  .ab_bottom li p {

    text-align: center;

  }

  .pad_80 {

    padding: 30px 0;

  }

  .our_item {

    flex-direction: column;

    margin-top: 0;

    margin: 30px 0;

  }

  .our_item .our_tu {

    width: 100%;

  }

  .our_item .our_txt {

    width: 100%;

    padding-left: 0;

    display: flex;

    align-items: center;

    justify-content: flex-start;

  }

  .more1 {

    margin-top: 0;

  }

  .solution_box .our_item:nth-child(2n) {

    flex-direction: column-reverse;

  }

  .solution_box .our_item:nth-child(2n) .our_txt {

    width: 100%;

    padding-right: 0;

    padding-left: 0;

  }

  #sol_top .swiper-slide .product-box a {

    width: calc((100% / 2) - 20px);

    text-align: center;

    margin: 10px;

    font-size: 15px;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

  }

  #sol_top .swiper-slide .product-box {

    margin-top: 20px;

  }

  .make_world .fl_txt img {

    max-height: 30px;

    margin-left: auto;

    margin-right: auto;

  }

  .make_world .fl_txt p {

    font-size: 16px;

  }

  .make_world .fl_txt b {

    margin-bottom: 10px;

  }

  .adv-con a {

    width: 100%

  }

  .tj_tu .swiper-container-thumbs .swiper-slide {

    margin: 5px 10px;

    width: auto !important;

  }

  .sl_box {

    margin-top: 10px;

  }

  #zl1,

  .forms-container {

    margin-top: 20px;

  }

  .cooperation-form .form-header p,

  .consultation-form .form-header p {

    font-size: 20px;

  }

  .form-header,

  .form-content {

    padding: 15px;

  }

  .main-title,

  .make_world .fl_txt b {

    font-size: 26px;

  }

  .f-24 {

    font-size: 18px;

  }

  .news-two ul li {

    padding: 15px;

  }

  .fot-logo img {

    max-height: 36px;

  }


  .logo img {

    max-height: 32px;

  }

  .solution-two .solution_title {

    font-size: 20px;

  }

  .solutioncon b {

    font-size: 16px;

  }

  .adv-con2 .list {

    width: calc(100% - 20px);

    margin: 10px;

    padding: 10px;

  }

  .in_title {

    font-size: 24px;

  }

  .support_form {

    padding: 15px;

  }

  .news-two a b {

    font-size: 18px;

  }

  .szfx_btn b {

    font-size: 20px;

  }

  .cyqy-ys li {

    padding: 20px;

  }

  .yy_table td {

    font-size: 14px;

    font-weight: normal;

  }

  .banner_txt {

    top: 20%

  }

  .banner_txt .title {

    font-size: 26px;

    width: 100%;

  }

  .banner_txt .small_title {

    margin-top: 15px;

  }

}