@media (min-width: 1921px) {

  .container {

    max-width: 1580px;

     

  }

.subnav a{

     margin-right: 4vw;

}

}



@media (max-width: 1920px) {



  .container {

    max-width: 1480px;

  }

}



@media (max-width: 1680px) {





  .product ul li a {

    font-size: 20px;

  }



  .product ul li a em img {

    height: 28px;

  }

}



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

  .hnbm_points_ul_li_01 {

    top: 24%;

    left: 17.3%;

  }



  .hnbm_points_ul_li_02 {

    top: 37%;

    left: 20%;

  }



  .hnbm_points_ul_li_03 {

    top: 57%;

    left: 18%;

  }



  .hnbm_points_ul_li_04 {

    top: 35%;

    left: 39.4%;

  }



  .hnbm_points_ul_li_05 {

    top: 43%;

    left: 29.4%;

  }



  .hnbm_points_ul_li_06 {

    top: 48%;

    left: 34.4%;

  }



  .hnbm_points_ul_li_07 {

    top: 22.2%;

    left: 71.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 63.8%;

    left: 84.6%;

  }

}



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







  #gallery .swiper-slide .product-box p {

    line-height: 40px;

    margin-bottom: 10px;

  }

.pro_banner .banner-top .info b{ font-size: 40px;}

.pro_banner .banner-top .info span {

  font-size: 20px;

}

.pro_banner .swiper-button-next,.pro_banner .swiper-button-prev{ top:88%;}

.pro_banner .banner-top .info{ bottom: 45%;}

.center_box .in_name b {

  font-size: 40px;

}

.center_box .in_name p{ font-size: 14px;}

.inbanner .pro_txt b {

    color: #1270B7;

    font-size: 42px;

    display: block;

    margin-bottom:20px;

}

.inbanner .pro_txt p{ font-size: 20px;}

.inpro_box {

  width: 96%;

}

}

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



  .hnbm_points_ul_li_01 {

    top: 23%;

    left: 19.3%;

  }



  .hnbm_points_ul_li_02 {

    top: 34%;

    left: 20%;

  }



  .hnbm_points_ul_li_03 {

    top: 53%;

    left: 18%;

  }



  .hnbm_points_ul_li_04 {

    top: 34%;

    left: 38.4%;

  }



  .hnbm_points_ul_li_05 {

    top: 41%;

    left: 28.4%;

  }



  .hnbm_points_ul_li_06 {

    top: 45%;

    left: 33.4%;

  }



  .hnbm_points_ul_li_07 {

    top: 22.2%;

    left: 71.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 63.8%;

    left: 84.6%;

  }



  .hnbm_points_ul_li_07 {

    top: 22.2%;

    left: 71.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 61.8%;

    left: 82.6%;

  }

}



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

  .nav li {

    margin-right: 25px;

  }



  .container {

    max-width: 1200px;

  }



  .more {

    margin-top: 10px;

  }



  #gallery .swiper-slide .product-box {

    margin-top: 10px;

  }



  .hnbm_points_ul_li_01 {

    top: 20%;

    left: 19.3%;

  }



  .hnbm_points_ul_li_02 {

    top: 30%;

    left: 19%;

  }



  .hnbm_points_ul_li_03 {

    top: 47%;

    left: 18%;

  }



  .hnbm_points_ul_li_04 {

    top: 29%;

    left: 38.4%;

  }



  .hnbm_points_ul_li_05 {

    top: 36%;

    left: 28.4%;

  }



  .hnbm_points_ul_li_06 {

    top: 39%;

    left: 32.4%;

  }



  .hnbm_points_ul_li_07 {

    top: 20.2%;

    left: 69.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 63.8%;

    left: 84.6%;

  }



  .hnbm_points_ul_li_07 {

    top: 22.2%;

    left: 71.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 51.8%;

    left: 82.6%;

  }

}



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

  .sale {

    flex-direction: column;

  }



  .sale_map {

    width: 100%;

  }



  .sale_add {

    width: 100%;

  }



  .hnbm_points_ul_li_01 {

    top: 24%;

    left: 19.3%;

  }



  .hnbm_points_ul_li_02 {

    top: 39%;

    left: 20%;

  }



  .hnbm_points_ul_li_03 {

    top: 58%;

    left: 18%;

  }



  .hnbm_points_ul_li_04 {

    top: 36%;

    left: 38.4%;

  }



  .hnbm_points_ul_li_05 {

    top: 44%;

    left: 29.4%;

  }



  .hnbm_points_ul_li_06 {

    top: 47%;

    left: 33.4%;

  }



  .hnbm_points_ul_li_07 {

    top: 20.2%;

    left: 69.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 63.8%;

    left: 84.6%;

  }



  .hnbm_points_ul_li_07 {

    top: 22.2%;

    left: 71.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 62.8%;

    left: 83.6%;

  }

}



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

  .cus-btn-4{ display: none;}
  .inproduct .inpro_content ul li h5{width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .change-language {

    display: none;

  }



  .mobile-body-mask {

    width: 100%;

    height: 100vh;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999

  }



  .mobile-ico-close {

    width: 30px;

    height: 30px;

    background: #fff url(../images/close1.png) center center no-repeat;

    background-size: 50% auto;

    position: absolute;

    right: -35px;

    top: 0;

  }



  .sub-content {

    position: relative;

    display: block;

    right: auto;

    border-radius: 0;

    border: none;

    box-shadow: none;

    z-index: 99999;

  }



  .lang-more {

    display: none !important

  }



  .mobile-head-items {

    position: fixed;

    top: 0;

    left: 0;

    background: #1270B7;

    width: 100%;

    height: 35px;

    line-height: 35px;

    text-align: left;

    display: block;

    z-index: 999;

  }



  .mobile-head-item {

    float: right;



  }



  .mobile-head-item.mobile-head-aside {

    float: right

  }



  .mobile-head-item .title {

    width: 100%;

    font-size: 20px;

    height: 35px;

    line-height: 35px;

    overflow: hidden;

    text-align: center;

    color: #FFF;

    cursor: pointer;

    padding-right: 10px;

  }



  .mobile-head-item .title a {

    position: relative;

    display: block;

    color: #FFF;

  }



  .mobile-head-item .main-content-wrap {

    background: #FFF;

    top: 0;

    display: block;

    z-index: 99999;

  }



  .mobile-head-item .main-content-wrap .content-wrap {

    overflow-y: auto;

    height: 100%;

    padding: 15px 10px;

    background-color: #fff;

  }



  .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {

    overflow-y: hidden;

  }



  .mobile-head-item .side-content-wrap {

    position: fixed;

    display: block;

    left: -70%;

    width: 70%;

    height: 100%;

  }



  .mobile-head-item .middle-content-wrap {

    position: absolute;

    left: 0;

    width: 100%;

    height: auto;

    padding: 20px 0;

    opacity: 0;

    visibility: hidden;

  }



  .headDiv .logo img {

    height: 36px!important;

  }



  .mobile-head-item .middle-show-content-wrap {

    top: 30px;

    visibility: visible;

    opacity: 1;

  }



  .searchWrap {

    background: none;

  }



  .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;

  }



  .headDiv .top_menu {

    height: 60px;

  }



  .headDiv {

    top: 35px

  }



  .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;

  }





  /* 多级菜单在移动端样式 */

  .submenu {

    position: static;

    width: 100%;

    margin-top: 0;

    border-top: none;

    border-left: 4px solid #E60008;

    box-shadow: none;

    display: none;

    padding-left: 0;

    background: #f1f1f1;

    opacity: 1;

    transform: none;

  }



  .nav li {

    margin-right: 0;

  }



  .nav ul li ul li a {

    border-bottom: none;

    color: #333;

  }



  .nav ul li ul li a:hover {

    background: #1270B7;

  }



  .third-level {

    border-left: 4px solid #F1F1F1;

  }



  .fourth-level {

    border-left: 4px solid #ff9800;

  }



  .nav ul li ul li a {

    padding:12px 20px;

  }



  .nav ul li ul li ul li a {

    padding-left: 30px;

    border-bottom: 1px dashed #dedede;

  }



  .nav ul li ul li ul li ul li a {

    padding-left: 40px;

  }



  .hamburger {

    display: block;

  }

#header.header-scrolled.headDiv .logo img { height: 36px!important;}

#header.header-scrolled.headDiv .head_right { height: 60px;}

  #header.header-scrolled {

    top: 35px;

    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 .seaBtn {

    background: url(../images/sousuo1.png) center no-repeat;

  }



  #header.header-scrolled .seaBtn.selected {

    background: url(../images/close1.png) center no-repeat;

  }



  #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: 75vh;

  }

#video-container {

    height: 75vh;

}

  .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;

    padding: 10px;

  }



  .hz-tu {

    float: left;

    width: 50%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    margin: 0 auto;

    z-index: 1;

  }



  #thumbs {

    position: relative;

    width: 100%;

  }



  #gallery .swiper-slide .product-box p {

    margin-bottom: 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;

  }



  #header.header-transparent {

    background: #fff;

  }



  .pad80 {

    padding: 30px 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;

  }



  .banner_txt b {

    font-size: 26px;

    margin: 10px 0;

  }



  .banner_txt span {

    font-size: 18px;

  }



  .yuan {

    margin-top: 15px;

  }



  .yuan span {

    width: 10px;

    height: 10px;

  }



  .news_box {

    flex-direction: column;

  }



  .tit {

    font-size: 20px;

  }



  .footer-main {

    padding: 20px 0;

  }



  .news_fr {

    width: 100%;

    margin-top: 20px;

    padding: 0;

  }



  .news_fl {

    width: 100%;

    flex-direction: column;

    padding: 0;

  }



  .news_fl a {

    margin-top: 15px;

  }



  .newscon {

    width: 100%;

  }



  .scroll {

    display: none;

  }



  .tj_tu {

    flex-direction: column;

  }



  .slide_nav {

    width: 100%;

  }



  #thumbs .swiper-wrapper {

    flex-direction: row;

    flex-wrap: wrap;

  }



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

    width: 100%;

  }



  .tj_tu .swiper-container-thumbs .swiper-slide p::before {

    display: none;

  }



  .line {

    display: none;

  }



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

    padding: 0;

    width: calc(33.3% - 10px) !important;

    text-align: center;

    background: #fff;

    padding: 10px 0;

    margin: 5px;

    font-size: 20px;

  }



  #gallery {

    width: 100%;

  }



  #gallery .swiper-slide {

    width: 100%;

  }



  #case {

    width: 100%;

    padding: 0 3%;

  }



  #sol_bot {

    position: relative;

  }



  .Solution .swiper-container-thumbs {

    margin-top: 0;

  }



  .cs_r .cs_rtit ul li {

    display: inline-block;

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

    text-align: center;

    margin: 10px;

    background: #fff;

  }



  .cs_r .cs_rtit ul li.on span::after {

    display: none;

  }



  .cs_r .cs_rtit ul li a {

    font-size: 18px;

    display: block;

    line-height: 45px;

    height: auto;

    margin: 10px;

    color: #333;

    font-weight: bold;

  }



  .cs_r .cs_rtit ul {

    align-items: stretch;

  }



  .cs_r .cs_rc .item_con .hz div {

    width: calc(33.33% - 20px);

    margin: 10px;

  }



  .cs_r .cs_rtit ul li.on span {

    color: #42A0E8;

    display: inline-block;

    line-height: 45px;

    height: auto;

    position: relative;

  }



  .ab_txt {

    margin-top: 30px;

  }



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

    height: 50px;

    width: 50px;

  }



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

    font-size: 20px;

    padding-bottom: 10px;

  }



  #sol_bot {

    height: auto;

  }



  .main_title .m_p1 {

    font-size: 34px;

  }



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

    width: calc(33.33% - 10px);

    padding: 15px 0;

    display: block;

    text-align: center;

    margin: 5px;

    font-size: 16px;

    background: #fff;

  }



  .sl .swiper-button-next {

    position: absolute;

    top: 65%;

    right: 5px;

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    z-index: 99;

    width: 40px;

    border-radius: 100%;

    border: 1px solid #dedede;

    font-size: 24px;

    line-height: 40px;

    text-align: center;

    height: 40px;

    transition: all .5s ease;

    outline: none;

  }



  .sl .swiper-button-prev {

    position: absolute;

    top: 65%;

    left: 5px;

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    z-index: 99;

    width: 40px;

    border-radius: 100%;

    font-size: 24px;

    line-height: 40px;

    text-align: center;

    height: 40px;

    transition: all .5s ease;

    outline: none;



  }



  .pj .swiper-button-next,

  .pj .swiper-button-prev {

    top: 80%

  }



  .pj .swiper-pagination {

    bottom: 35px

  }



  .product ul li,

  .product ul li a {

    height: auto;

  }



  .product ul li em img {

    height: 28px;

  }



  .news_bot {

    flex-wrap: wrap;

  }



  .news_bot li {

    margin: 10px;

    transition: .3s;

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

  }



  .p_list02 a {

    position: relative;

    margin: 15px;

    padding-bottom: 20px;

    margin-bottom: 15px;

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

  }



  .anli_box {

    flex-wrap: wrap;

  }



  .anli_box a {

    background: #fff;

    margin: 15px;

    width: calc(50% - 30px);

    overflow: hidden;

  }

  .about { padding: 30px 0;}

  .ys li {

    width: calc(50% - 20px);

    background: rgba(255, 255, 255, 0.5);

    position: relative;

    padding: 30px;

    margin: 10px;

}

.pinpai-gs{ font-size: 32px;}

.pinpai-item .pinpai-h{ padding: 10px 0; font-size: 18px; line-height: 24px;}

.service-con { flex-wrap: wrap; margin: 0; box-shadow:none}

.service-con .ser-item {

    cursor: pointer;

    position: relative;

    padding: 20px;

    flex: auto;

    margin: 10px ;

    color: #fff;

    text-align: center;

    line-height: 28px;

    border-right: none;

    background: #fff;

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

}



.anlibg .swiper-button-next {

    position: absolute;

    top: 52%;

     width: 40px;

    height: 40px;

    font-size: 20px;

    line-height: 40px;

    left: auto;right: 0;}

.anlibg .swiper-button-prev {

    position: absolute;

    width: 40px;

    height: 40px;

        line-height: 40px;

    font-size: 20px;

    top: 52%;

    left: 0}

    .cus-btn-4{ margin-top: 15px; width: 140px; height: 45px; line-height: 45px; font-size: 14px;}

    .cus-btn-4 span{ height: 45px; line-height: 45px;font-size: 14px;}



    .about_fr img{ width: 30%;}

    .about_fr .ab_box img { width: 100%;}

   .about_fr .ab_box .video_tu img{ width: auto;}

    .hpul_parga{ display: none;}

    .ab_box{ margin-top: 30px;}

    .about_fl .ab_tit{ font-size: 18px;}

    .inabout .inab_box {flex-direction: column;}

    .inabout .inab_box .inab_fr{ width: 100%;  background: #fff;}

    .inabout .inab_box .inab_fl{ width: 100%;}

    .advbg2 .container {

      top:0px;

      margin-top: 30px;

      position: relative;

    }

    .pad50 { padding: 50px 0;}

    #ry .swiper-slide{ width: 65%;}

    .message{ flex-direction: column;}

    .message .tu{ width: 100%; padding: 20px;}

    .jiameng{ width: 100%; padding: 20px;}

    .message .tu b{ font-size: 30px;}

    .message .tu .con_our{ margin-top: 20px;}

    .sale_add2{ margin-top: 20px;}

    .join_rczp_list .zp-content p{ font-size: 20px;}

    .inabout .inab_box{ margin-top: 0;}

    #ry .swiper-container{ padding-bottom: 0; margin-top: 0;}

    .pro_banner .banner-top .info b{ font-size: 30px;}

    .pro_banner .banner-thumbs {

      bottom: 10%;

    }

    .pro_banner .swiper-button-next, .pro_banner .swiper-button-prev{ top:78%; width: 40px; height: 40px; line-height: 40px;}

    .pro_banner .banner-top .info {

      margin: 0;

      width: 70%;

      bottom: 42%;

    }

    .headDiv {

      position: relative;

    }

     .inbanner { margin-top: 35px;}

    .inbanner .pro_detail{ margin-top: 20px;}

    .inbanner .container {

      bottom: 0;

    }

    .inbanner .pro_detail .pro_detail_txt b{ font-size: 30px; display: block;}

    .detail_box{ flex-direction: column; padding: 10px;}

    .detail_tu{ width: 100%;}

    .detail_content{ width: 100%;}

    .jscs_box{ flex-direction: column;}

    .jscs_tit{ width: 100%;}

    .table-responsive{ width: 100%;}

    .ys_list_right .img {

    display: flex

;

    align-items: center;

    margin: 10px;

    justify-content: space-between;

    padding: 20px;

    width: calc(31.33% - 20px);

    float: left;

    background: rgba(255, 255, 255, .5);

}

.detail_boxx {

  padding: 0 10px;

  margin-top: 0;

}

.pad60{ padding: 30px 0;}

.ser_py .container{ flex-direction: column;}

.ser_py_txt{ width: 100%;}

.ser_py_tu{ width: 100%;}

.mold .pro_con li {

    display: block;

    float: left;

    width: calc(50% - 20px);}

    .ys-list .item {

    padding: 20px 0;

    width: 49%;

}

.center_box .in_name{ display: none;}

.inbanner .pro_txt {

    height: 50%;

    color: #fff;

    width: 100%;

}

.center_box {

  height: auto;

  padding-top: 30px;

}

.inbanner .pro_txt b{ font-size: 32px;}

.main_pro .in_title {

  font-size: 24px;

}

.message{ margin-top: 0;}

.ys-list{ margin: 0;}

}



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



  /*头部*/

  #header {

    height: 60px;

  }



  .top-box {

    height: 60px;

  }



  .top-box .logo {

    justify-content: flex-start;

    height: 60px;

  }



  .top-box .logo img {

    max-height: 45px;

  }



  .mobile-nav-toggle {

    top: 5px;

  }



  .sfixed {

    position: fixed;

    top: 60px;

    left: 0;

    z-index: 99;

    box-shadow: 1px 1px 2px #eee;

    -webkit-box-shadow: 1px 1px 2px #eee

  }



  .product-intro-b .list-b li {

    float: left;

    width: 33.33%;

    background: url(../images/pro11.jpg) no-repeat left center;

    font-size: 16px;

    line-height: 55px;

    height: 55px;

  }



  /*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;

    font-family: "Poppins", sans-serif;

    color: #fff;

  }



  .index1 li {

    height: 278px;

    width: 100%;

  }



  .index1 li .pad {

    padding: 30px;

  }



  .index1 li .tit span {

    margin-left: 0;

  }



  #gallery .swiper-slide .img-tu {

    width: 100%;

  }



  #gallery .swiper-slide {

    flex-direction: column;

  }



  #gallery .swiper-slide .product-box {

    width: 100%;

  }



  .tj_tu {

    margin-top: 10px;

  }



  .news-two ul li {

    width: 100%;

  }



  .news-two a {

    margin: 10px 0;

  }



  .foot .ft-contact {

    width: 100%;

    margin-top: 0;

  }



  .news-fl {

    width: 100%;

  }



  .news-fr {

    display: none;

  }



  .main_title p b {

    font-size: 30px;

    line-height: 40px;

  }



  #gallery .swiper-slide .product-box p {

    font-size: 15px;

    line-height: 30px;

  }



  #gallery .swiper-slide .product-box b {

    line-height: 40px;

    font-size: 26px;

  }



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

    font-size: 14px;

  }



  .fwsh_list li {

    width: calc(50% - 2px);

    border: 1px solid #f1f1f1;

    margin-left: -1px;

    margin-bottom: -1px;

  }



  .ys-box {

    display: flex;

    align-items: stretch;

    place-content: stretch center;

    flex-direction: column;

  }



  #youshi .ys-box:nth-child(2) {

    flex-direction: column-reverse;

  }



  #youshi .ys-box:nth-child(4) {

    flex-direction: column-reverse;

  }



  #youshi .ys-box:last-child {

    flex-direction: column-reverse;

  }



  .ys-cont {

    margin: 10px;

  }



  .ys-cont2 {

    margin: 10px;

  }



  #gallery .swiper-slide .product-box .container {

    flex-direction: column;

  }



  #gallery .swiper-slide .product-box .pro_con {

    width: 100%;

    padding: 20px;

  }



  #gallery .swiper-slide .product-box .product_tu {

    width: 100%;

    margin-top: 0px;

  }



  #case .swiper-slide {

    margin: 0;

  }



  #case .swiper-wrapper {

    padding-bottom: 0;

  }



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

    position: relative;

    top: 0;

    left: 0;

    width: calc(50% - 10px);

    padding: 15px 0;

    text-align: center;

    margin: 5px;

    height: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    z-index: 999;

    color: #333;



  }



  #gallery .swiper-slide .product-box .product_tu {

    padding-bottom: 8px;

  }



  .main_title .m_p4 {

    font-size: 20px;

  }



  .about-box {

    margin-top: 20px;

  }



  #sol_top .swiper-slide .product-box {

    align-items: stretch;

    position: relative;

    top: 20px

  }



  .pro-video .video .abtu {

    background-attachment: scroll;

    height: 200px;

  }



  #case .swiper-slide-active,

  .swiper-slide-duplicate-active {

    -webkit-transform: scale(1);

    transform: scale(1);

    z-index: 1002;

  }



  #case .swiper-container {

    padding: 0;

    margin: 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;

  }



  .more {

    width: 120px;

    height: 40px;

    line-height: 40px;

  }



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

    font-size: 16px;

  }



  #gallery .swiper-slide .product-box .pro_con .product_txt {

    color: #42A0E8;

    font-size: 20px;

    margin-bottom: 0;

  }



  .sl_info {

    font-size: 24px;

  }



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

    margin: 5px;

    padding: 40px 0;

    font-size: 16px;

    cursor: pointer;

    color: #333;

    width: calc(33.3% - 10px) !important;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  #thumbs .swiper-wrapper {

    align-items: stretch;

  }



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

    background: #fff;

    height: 58px;

  }



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

    display: none;

  }



  .about-box {

    padding: 0;

  }



  .about_fr {

    margin-top: 0;

  }



  .about_fl .ab_txt {

    padding: 0 10px;

  }



  .ab_bottom {

    margin-top: 0;

    padding: 10px;

  }



  .ab_bottom ul {

    align-items: stretch;

  }



  .ab_bottom li a {

    margin: 10px 0;

  }



  .ab_bottom b {

    font-size: 26px;

  }



  .news_box {

    margin-top: 20px;

  }



  .ab_bottom li a i {

    font-size: 14px;

  }



  .sbcj {

    margin-bottom: 10px;

  }



  .sbcj a {

    width: 50%;

    margin: 10px;

  }



  .sl .swiper-button-next {

    position: absolute;

    top: 55%;

    left: calc(100% - 50px);

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    z-index: 99;

    width: 35px;

    border-radius: 100%;

    border: 1px solid #42A0E8;

    background: #42A0E8;

    font-size: 24px;

    line-height: 35px;

    text-align: center;

    height: 35px;

    transition: all .5s ease;

    outline: none;

  }



  .sl .swiper-button-prev {

    position: absolute;

    top: 55%;

    left: 15px;

    color: #fff;

    cursor: pointer;

    overflow: hidden;

    z-index: 99;

    width: 35px;

    border-radius: 100%;

    border: 1px solid #42A0E8;

    background: #42A0E8;

    font-size: 24px;

    line-height: 35px;

    text-align: center;

    height: 35px;

    transition: all .5s ease;

    outline: none;

  }



  .xcal .swiper-slide .inner-con p i {

    display: none;

  }



  .xcal .swiper-slide p {

    height: auto;

    line-height: 28px;

    text-align: center;

    padding: 10px;

  }



  .xcal .swiper-slide .inner-con p {

    padding: 10px;

    text-align: center;

    justify-content: center;

  }



  .news_list .item img {

    height: auto;

  }



  .news_list .item .info_box {

    position: relative;

  }



  .news_content .day span {

    font-size: 18px;

  }



  .news_content .newscon {

    padding-left: 10px;

  }



  .news_content a {

    padding: 10px;

    margin-right: 0;

  }



  .news_content .newscon b {

    font-size: 16px;

  }



  .news_info a b {

    margin-bottom: 10px;

  }



  .news_info a p {

    padding: 10px 0;

  }



  #honor .swiper-container {

    margin-top: 0;

    padding-bottom: 0;

  }



  #honor .swiper-slide {

    width: 100%;

    height: 100%;

    background: #fff;

    position: relative;

    transform: scale(1);

    margin-top: 20px;

    margin-bottom: 40px;

    -webkit-transition: transform 1.0s;

    transition: transform 1.0s;

  }



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

    font-size: 20px;

    line-height: 38px;

  }



  #sol_top {

    width: 100%;

  }



  #sol_bot {

    width: 100%;

  }



  #sol_top .swiper-slide .product {

    width: 100%;

  }



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

    color: #42A0E8;

  }



  .news_list .item {

    width: 100%;

  }



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

    width: 100%;

    padding: 0 10px;

    font-size: 14px;

    text-align: left;

  }



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

    font-size: 20px;

    padding-bottom: 10px;

  }



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

    font-size: 30px;

    padding-top: 10px;

  }



  #sol_bot {

    height: 120px;

  }



  .footer-list1 {

    border: none;

    padding-left: 0;

  }



  .sbcj {

    margin-top: 20px;

  }



  .jspt ul li {

    width: 50%;

    padding: 0;

  }



  .news .news_con {

    flex-wrap: wrap;

    flex-direction: column;

  }



  .news .news_con .newsfl {

    width: 100%;

  }



  .news .news_con .newsfr {

    width: 100%;

    padding: 0;

    border: none;

  }



  .main_title {

    text-align: center !important;

  }



  .main_title .m_p1 {

    justify-content: center !important;

  }



  .sl {

    position: relative;

  }



  .ab_list2 li b {

    font-size: 30px;

  }



  .case_item a {

    width: auto;

  }



  .case_item {

    display: none;

  }



  .probg {

    padding-top: 40px;

  }



  .sl_box {

    padding: 0;

  }



  .xcal .swiper-slide a {

    margin: 0;

  }

.pinpai-item .container { flex-wrap: wrap;}

.pinpai-item .pinpai-text {

    width: 100%;

    background: #fff;

    overflow: hidden;

    padding: 20px 0;

}

.pinpai-item .pinpai-imgbox{ width: 100%;}

.pinpai-item .pinpai-imgbox img { margin: 15px 0;}

.pinpai-gs{ font-size: 24px;}

.main_title .m_p2{ width: 100%;}

.advbg { margin-top: 40px;}

.fot_top img { height: 44px;}

.inproduct{ flex-direction: column;}

.inpro_nav{ width: 100%; padding: 0 ; height: auto;}

.inpro_nav ul {

    padding: 0 10px;

    position: relative;

    top: 0px;

}

.menu-item-container {

  width: 100%;

}

.inproduct .inpro_content{ width: 100%; padding: 20px;}

.inproduct .inpro_content ul {

    margin-top: 30px;

    display: grid

;

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

    gap: 15px;

}

.inproduct .inpro_content ul li{ padding: 10px;}

    .pro_banner .banner-top .info {

      bottom: 24%;

    }

        .pro_banner .banner-thumbs {

          bottom: 0;

          padding: 20px 0 90px 0;

        }

        .inbanner .pro_detail .pro_detail_txt b{ font-size: 20px;}

        .inbanner .pro_detail .pro_detail_txt p{ font-size: 16px; margin-top: 10px; }

        .ys_list_right .img{        width: calc(50% - 20px);}

        .mold .pro_con li {



    width: calc(50% - 20px);

    margin: 10px;

    padding: 10px;

   

}

.xijie_con{ padding: 10px;}

}



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

    #header {

    height: 50px;

  }



  .top-box {

    height: 50px;

  }

  .headDiv .top_menu{height: 50px;}

.headDiv .logo { height: 50px;}

  .top-box .logo {

    justify-content: flex-start;

    height: 50px;

  }



  .top-box .logo img {

    max-height: 36px;

  }



#header.header-scrolled.headDiv .head_right { height: 50px;}

  #header.header-scrolled {

    top: 35px;

    height:50px;

    background: #fff;

  }

  #header.header-scrolled.headDiv .logo { height: 50px;}

#header.header-scrolled.headDiv .top_menu { height:50px;}

  .mobile-nav-toggle {

    top: 5px;

  }



  .sfixed {

    position: fixed;

    top: 50px;

    left: 0;

    z-index: 99;

    box-shadow: 1px 1px 2px #eee;

    -webkit-box-shadow: 1px 1px 2px #eee

  }

  .moblogo img {

    height: 35px;

  }



  .product ul li:before {

    background: #0C308E;

  }



  .product ul li:hover a {

    color: #000;

  }



  .banner_txt b {

    font-size: 20px;

    margin: 10px 0;

  }



  .banner_txt span {

    font-size: 16px;

    line-height: 1.5;

  }

  .cus-btn-4 span{ line-height: 45px!important;}



  #banner .swiper-slide .container {

    position: absolute;

    left: 0;

    right: 0;

    top: 33%;

    bottom: 0;

    margin: 0 auto;

  }



  .banner-slide-content .title {

    font-size: 16px;

    line-height: 28px;

    font-weight: 500;

    color: #fff;

    display: block;

    margin-bottom: 10px;

  }



  .banner-slide-content p {

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    color: #fff;

  }



  .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%;

  }



  #gallery .swiper-slide .product-box .pro_con {

    padding: 10px;

  }



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

    margin: 5px;

    padding: 20px 0;

    font-size: 14px;

    cursor: pointer;

    color: #333;

    width: calc(50% - 10px) !important;

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .cs_r .cs_rtit ul li {

    display: inline-block;

    width: calc((100% / 3) - 10px);

    text-align: center;

    margin: 5px;

    background: #fff;

  }



  .cs_r .cs_rtit ul li a {

    margin: 0;

    font-size: 14px;

  }



  .cs_r .cs_rc .item_con .hz div {

    width: calc(50% - 10px);

    margin: 5px;

  }



  .ab_list2 li b {

    font-size: 24px;

  }



  .product ul li a {

    font-size: 18px;

  }



  .product ul li a em img {

    height: 26px;

  }



  .news .news_con .newsfr ul li a p {

    flex-wrap: wrap;

  }



  .news .news_con .newsfr ul li em {

    width: 100%;

    margin-top: 10px;

  }



  .news_bot li {

    margin: 10px;

    transition: .3s;

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

  }



  .pj .swiper-button-next {

    top: 85%;

    width: 100px;

    right: 5px;

  }



  .pj .swiper-button-prev {

    top: 85%;

    width: 100px;

    left: 5px;

  }



  .p_list02 a {

    position: relative;

    margin: 15px;

    padding-bottom: 20px;

    margin-bottom: 15px;

    width: calc((100% / 1) - 30px);

  }



  .anli_box a {

    background: #fff;

    margin: 15px;

    width: calc(100% - 30px);

    overflow: hidden;

  }

    #banner {

        height: 55vh;

    }

        #video-container {

        height: 55vh;

    }

    .prone .swiper-slide .newstit { font-size: 18px; margin-top: 10px;}

.fot_top img{ height:50px; }

.news .news_con .newsfr ul li a span { margin-left: 0; margin-right: 20px;}

  

.product ul li {

    border-radius: 0px;

    display: flex;

    align-items: center;

    flex-direction: column;

    margin: 10px;

    width: calc(50% - 20px);

    text-align: center;

    position: relative;

}

.product ul li span{ padding: 10px;}

  .hnbm_points_ul_li_01 {

    top: 24%;

    left: 19.3%;

  }

    .hnbm_points_ul_li_02 {

        top: 38%;

        left: 17%;

    }

    .hnbm_points_ul_li_03 {

        top: 57%;

        left: 16%;

    }



  .hnbm_points_ul_li_04 {

    top: 36%;

    left: 38.4%;

  }



     .hnbm_points_ul_li_05 {

        top: 44%;

        left: 26.4%;

    }

    .hnbm_points_ul_li_06 {

        top: 47%;

        left: 30.4%;

    }



  .hnbm_points_ul_li_07 {

    top: 20.2%;

    left: 66.7%;

  }



  .hnbm_points_ul_li_08 {

    top: 63.8%;

    left: 79.6%;

  }



 @keyframes page-loader-ripples {

  0% {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    opacity: 0.0;

  }



  50% {

    opacity: 1.0;

  }



  100% {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    opacity: 0.0;

  }

}

.cta-section { padding: 60px 20px; margin-bottom:60px;}

.cta-section .cta-content h2{ font-size: 32px;}

.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-list2{ 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%; }

.service-con .ser-item b {

  font-size: 18px;

}



    .hnbm_points_ul_li_01 {

        top: 21%;

        left: 18.3%;

    }

        .hnbm_points_ul_li_02 {

        top: 35%;

        left: 12%;

    }

        .hnbm_points_ul_li_02 {

        top: 35%;

        left: 12%;

    }

        .hnbm_points_ul_li_05 {

        top: 43%;

        left: 23.4%;

    }

        .hnbm_points_ul_li_06 {

        top: 47%;

        left: 26.4%;

    }

        .hnbm_points_ul_li_06 {

        top: 47%;

        left: 26.4%;

    }

        .hnbm_points_ul_li_07 {

        top: 20.2%;

        left: 63.7%;

    }

        .hnbm_points_ul_li_08 {

        top: 63.8%;

        left: 75.6%;

    }

    .about-box{ margin: 0;}

    .sale_add{ padding: 20px;}

    .about_fl .ab_txt{ margin-top: 15px;}

    .message .tu .con_our i{ margin-bottom: 10px; font-size: 18px;}

    .message .tu .con_our p{ font-size: 16px;}

    .message .tu .con_our span{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}

    .jiameng div{ flex-wrap: wrap;}

    .message .tu b{ font-size: 24px;}

    #ry .swiper-slide p {

    line-height: 40px;

    padding: 10px;

    text-align: center;

    color: #636363;

    font-size: 18px;

    margin: 0;

}

.inabout .about_fl .ab_tit{ margin-top: 30px;}

.sale_add2 .hnba_li{ width: 50%;}

#ry .swiper-button-next,#ry .swiper-button-prev{ width: 40px; height: 40px; line-height: 40px;}

.ser_box{ margin-bottom: 0px;flex-direction: column; }

.ser_box .main_title{ width: 100%;}

.ser_box .join_rczp_list{ width: 100%;}

.main_title .m_p1{ font-size: 20px;}

.join_rczp_list .zp-content p{ width: calc(100% - 45px);}

.faq_box ul li{ width: 100%;}

.inbanner .pro_detail{ flex-direction: column;}

.inbanner .pro_detail .pro_detail_tu{ display: none;}

.inbanner .pro_detail .pro_detail_txt{ width: 100%;}

    .inbanner .pro_detail {

      margin-top: 15px;

    }

.pro_apply .list2 {

    display: grid

;

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

    gap: 10px;

    margin-top: 20px;

}

.detail-video {

    padding-bottom: 30px;

    background: #fff;

    width: calc(50% - 20px);

    margin: 10px;

}

.anli_box .newstit{ margin-top: 0; font-size: 16px;}

.detail-video{ padding-bottom: 0;}

.cus-btn-3{ margin-top: 15px;}

.inbanner .pro_detail .pro_detail_txt p{ display: none;}

.inbanner .pro_txt b{ font-size: 30px; margin-bottom: 10px;}

.inbanner .pro_txt p{  font-size: 18px; margin: 5px 0;}

.main_pro .in_title{ line-height: 1.8;}

.innewslist li .innewright{ margin-top: 0;}

.innewslist li a{ padding: 0 10px;}

.customer .swiper-slide img {

  height: auto;

}

} 



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

 

  .mobile-nav-toggle {

    top: 0;

  }



  .about-box {

    flex-direction: column;

  }



  .about_fl {

    width: 100%;

    padding: 0;

  }



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

    font-size: 14px;

  }



  .sfixed {

    position: fixed;

    top: 50px;

    left: 0;

    z-index: 99;

    box-shadow: 1px 1px 2px #eee;

    -webkit-box-shadow: 1px 1px 2px #eee

  }



  .product-intro-b .list-b li {

    float: left;

    width: 33.33%;

    background: url(../images/pro11.jpg) no-repeat left center;

    font-size: 16px;

    line-height: 50px;

    height: 50px;

  }



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

    padding: 0;

  }



  #gallery .swiper-slide .product-box .pro_con {

    margin: 0;

  }



  .support ul li {

    height: 68px;

    display: flex;

    align-items: center;

    flex-direction: column;

    padding: 10px 20px;

    margin: 10px;

    width: calc(100% - 20px);

    text-align: center;

    background: #F5F5F5;

    position: relative;

  }

  .product ul li {

        border-radius: 0px;

        display: flex

;

        align-items: center;

        flex-direction: column;

        margin: 10px 0;

        width: calc(100% - 0px);

        text-align: center;

        position: relative;

    }

        .ys li {

        width: calc(100% - 0px);

        background: rgba(255, 255, 255, 0.5);

        position: relative;

        padding: 20px;

        margin: 10px 0;

    }

    .ys a {

      text-align: center;

    }

    .zyzs-icon { margin: 0 auto;}

    .news .news_con .newsfr ul li a span { display: none;}

    .news .news_con .newsfr .faq { width: 100%;}

    .form-group label {

      font-size: 14px;

    }

    .modal-header h2 { font-size: 18px;}

    .form-group { margin-bottom: 10px;}

    .layui-layer { width: 90%!important; height: 70%!important;}

    .banner_txt { top:35%}

       .banner_txt .cus-btn-4{ display: none;}

        .about_fr img{ width: 50%;}

        .banner_txt span{ font-size: 14px;}

        .pro_banner .banner-top .info b{ font-size: 20px;}

        .pro_banner .banner-top .info span{ font-size: 14px;}

            .sale_add2 .hnba_li {

        width: 100%;

    }

    .customer .swiper-slide p{ padding: 0 10px; font-size: 14px;}

    .pro_banner .swiper-button-next {

    background: none;

    font-size: 30px;

    left: calc(14% + 70px);}

    .pro_banner .banner-thumbs .swiper-slide {

      padding: 10px 0;

      border-radius: 10px;

    }

    .inproduct .inpro_content{ padding: 0;}

    .message .tu b{ font-size: 18px;}

    .article_titlebor{ font-size: 18px;}

}