@media (min-width: 1921px) {

  .container {

    max-width: 1580px;

  }

}

@media (max-width: 1920px) {

  .container {

    max-width: 1580px;

  }

}

@media (max-width: 1680px) {

  .container {

    max-width: 1320px;

  }

  .top-box .logo {

    flex: 2;

  }

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

    padding: 15px;

  }

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

    top: 25px

  }

  .apple-retail .swiper-button-next {

    right: 23%;

  }

  .apple-retail .swiper-button-prev {

    left: 23%;

  }

  .lr_box .swiper-pagination {

    padding-left: 10px;

  }

  .lr_box .swiper-button-prev,

  .lr_box .swiper-button-next {

    left: 10px;

  }

  .inOneBox .swiperBox .jtBox {

    left: 95%;

  }

  .inOneSwiper1 .swiper-wrapper {

    min-height: 42rem;

  }

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

    padding: 0 10px;

  }

}

@media screen and (max-width:1440px) {
  .lc-bg .swiper-button-prev {
  
    top: calc(100% - 120px);}
 .lc-bg .swiper-button-next {
  
    top: calc(100% - 120px);}
  .container {

    max-width: 1280px;

  }

  .nav-menu a {

    padding: 0 10px;

  }

  #banner .swiper-button {

    display: none;

  }

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

    font-size: 18px;

  }

  .pro_txt b {

    font-size: 18px;

  }

  .case .swiper-slide a {

    padding: 10px;

  }

  .pinpai .swiper-button-next,

  .pinpai .swiper-button-prev {

    top: 90%

  }

  .main_title .fs48 {

    font-size: 50px;

  }

  .inOneSwiper1 .swiper-wrapper {

    min-height: 38rem;

  }

  #sol_bot {

    position: relative;

  }

  .Solution .swiper-container-thumbs {

    margin-top: 0;

  }

  .pinpai .swiper-num {

    top: 147px

  }

  .pinpai .pinpai-text {

    padding: 20px;

    height: 600px;

  }

  .pinpai .pinpai-text em {

    padding: 10px 0;

  }

}

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

  .container {

    max-width: 1200px;

  }

  .nav-menu ul li {

    width: auto;

    padding: 0 ;

  }

  .headerBotRig {

    padding: 0 10px;

  }

  .top-box .logo img {

    max-height: 50px;

  }

  .h_language { padding: 0 8px;}

  .nav-menu a {

    padding: 0 5px;

  }

  .top-box { padding-left: 10px;}

  .top-box .top_tel {

    margin-left: 0;

  }

  .cj_box {

    background: none;

  }

  .nav-menu {

    flex: 7;

  }

  .banner_txt b {

    font-size: 30px;

  }

  .banner_txt span {

    font-size: 20px;

  }

  .main_title .fs48 {

    font-size: 40px;

  }

  .ab_box {

    width: 21%;

  }

  .gssl .slbox img {

    min-height: 400px;

  }

  .ab_item .num b {

    font-size: 38px;

  }

  .apple-retail .swiper-slide {

    width: 600px;

  }

  .hover {

    padding: 50px 30px;

  }

  .ab_tit {

    font-size: 30px;

  }

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

    font-size: 30px;

    margin: 10px 0;

  }

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

    width: 100%;

  }

  .zlhz {

    padding: 20px 0;

  }

  .nav_r {

    width: 100%;

  }

  .hlbw_li_top_sp {

    font-size: 42px;

  }

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

    font-size: 14px;

  }

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

    font-size: 14px;

  }

  .tj_tu .swiper-container-thumbs .swiper-slide ul li .more_a img {

    width: 28px;

  }

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

    font-size: 20px;

  }

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

    display: none;

  }

  #sol_bot {

    height: 140px;

  }

  .gssl .slbox {

    height: 130vh;

  }

  #cul_bot .swiper-wrapper{ padding: 20px 0; margin-top: 20px;}

}

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

  .nav-menu ul li {

    padding: 0;

  }

}

@media screen and (max-width:990px) {
.lc-bg .swiper-button-prev {
    top: calc(100% - 26px);
    left: calc(50% - 60px);
}
.lc-bg .swiper-button-next {
    top: calc(100% - 26px);
     left: calc(50% + 5px);
}
.lc-bg .swiper-button-next, .lc-bg .swiper-button-prev {
    background: none;
    outline: none;
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #002B69;
    transform: skewX(-10deg);
}
.honor .swiper-slide {
    margin: 10px;
    width: calc(25% - 20px);
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1);
    height: auto;
}
  .h_language { display: none;}

  .pinpai .swiper-button-prev {

    top: 50%;

    left: calc(100% - 130px);

    width: 45px;

    height: 45px;

    line-height: 45px;

  }

  .pinpai .swiper-button-next {

    left: calc(100% - 80px);

    width: 45px;

    height: 45px;

    line-height: 45px;

    top: 50%;

  }

  .inOneBox .swiperBox .jtBox {

    position: relative;

    left: auto;

    right: auto;

    margin: 10px auto;

    transform: translate(0);

    width: 160px;

    height: 45px;

    background: #044F9F;

    border-radius: 1.5rem;

    z-index: 999;

  }
  .shadow-dark{ display: none;}
  .inOneBox .swiperBox .jtBox .swiper-button-next {

    top: 98%;

    transform: translate(-45%, -50%) rotate(90deg);

    left: 80%;

    right: auto;

    background: none;

  }

  .inOneBox .swiperBox .jtBox .swiper-button-prev {

    background: none;

    top: 98%;

    transform: translate(-50%, -50%) rotate(270deg);

    left: 20%;

    height: auto;

  }

  .inOneBox .swiperBox .jtBox .swiper-button-prev img,

  .inOneBox .swiperBox .jtBox .swiper-button-next img {

    filter: brightness(100);

  }

  .mobile-nav .drop-down .drop-down ul {

    background: #333;

  }

  .fix-side {

    display: none;

  }

  .jiant {

    display: none;

  }

  /*头部*/

  .back-to-top {

    display: none !important;

  }

  .header_top {

    display: none;

  }

  .top-box {

    padding: 0;

  }

  .change-language {

    display: none;

  }

  #header.header-scrolled {

    background: #fff;

  }

  .headerBotRig {

    position: fixed;

    right: 70px;

    top: 15px;

    z-index: 999 !important;

  }

  .seaBtn {

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

  }

  .footer-main .container {

    padding: 15px 0;

  }

  .footer-list1 .socials {

    margin-top: 15px;

  }

  .footer-list4 {

    text-align: center;

    width: 100%;

  }

  #header {

    height: 70px;

    position: relative;

  }

  .mobile-nav-toggle {

    top: 13px;

  }

  .top-box .top_tel {

    display: none;

  }

  .top-box .logo {

    justify-content: flex-start;

    height: 70px;

    padding-left: 10px;

    

  }

  .top-box .logo img {

    max-height: 55px;

  }

  .top-box .logo .logo-tu2 {

    display: block;

  }

  .top-box .logo .logo-tu1 {

    display: none;

  }

  .footer-main .container {

    flex-direction: column;

  }

  .footer-list1 {

    display: none;

  }

  .fot_tel {

    display: none;

  }

  .footer-list1 span::before,

  .footer-list2 span::before,

  .footer-list3 span::before,

  .footer-list4 span::before {

    left: 48%;

  }

  .address-content {

    width: 100%;

    text-align: center;

    padding: 0;

  }

  .address-content span {

    display: none;

  }

  .footer-list3 {

    width: 100%;

  }

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

  }

  /*about*/

  .ab_bottom {

    background: url(../images/about.jpg) no-repeat bottom;

    height: 400px;

  }

  .ab_list2 {

    width: 100%;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    margin-top: 30px;

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

    position: relative;

    left: 0;

  }

  .about-box {

    flex-direction: column;

  }

  .about_fl {

    width: 100%;

    padding-right: 0;

  }

  .about_fr {

    width: 100%;

  }

  .mobile-nav .drop-down li a img {

    display: none;

  }

  .pad_80 {

    padding: 30px 10px;

  }

  .footer-list2 {

    display: none;

  }

  .main_title p b {

    font-size: 32px;

  }

  .main_title2 b {

    font-size: 24px;

  }

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

    right: 0px;

    background: #000;

    width: 100%;

    height: 35px;

    line-height: 35px;

    text-align: left;

    display: block;

    z-index: 995;

    font-size: 24px;

    line-height: 35px;

  }

  .mobile-head-items .title {

    margin-top: 3px;

  }

  .mobile-head-item {

    float: right;

    width: 45px;

  }

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

    float: right

  }

  .mobile-head-item .title {

    width: 100%;

    height: 25px;

    line-height: 25px;

    overflow: hidden;

    text-align: center;

    color: #fff;

    cursor: pointer;

  }

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

    top: 105px;

  }

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

    position: absolute;

    left: 0;

    width: 100%;

    height: auto;

    padding: 20px 0;

    opacity: 0;

    visibility: hidden;

  }

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

    top: 30px;

    visibility: visible;

    opacity: 1;

  }

  .pro_list a {

    position: relative;

    background: #fff;

    z-index: 1;

    padding: 10px;

    margin: 10px;

    width: calc(50% - 20px);

    overflow: hidden;

  }

  .tj_tu .swiper-container-thumbs .swiper-slide:hover .xiala {

    display: none;

  }

  .ab_item .num b {

    font-size: 30px;

  }

  .casebg .container {

    flex-direction: column;

  }

  .casebg .container .main_title {

    width: 100%;

  }

  .case {

    width: 100%;

  }

  .pinpai .pinpai-text {

    width: 100%;

  }

  .pinpai .pinpai-imgbox {

    width: 100%;

  }

  .pinpai .swiper-num {

    display: none;

  }

  .pinpai .pinpai_page {

    left: 50%;

    bottom: 10px;

  }

  .footer-list3 {

    text-align: center;

  }

  .fzls_box .gallery-top .swiper-slide {

    flex-direction: column;

  }

  .fzls_box .gallery-top .fzls_list {

    width: 100%;

  }

  .fzls_box .gallery-top .swiper-slide .ys_txt {

    width: 100%;

  }

  .fzls_box .swiper-button-next {

    left: calc(50% + 30px);

    top: calc(100% - 30px);

  }

  .fzls_box .swiper-button-prev {

    left: calc(50% - 30px);

    top: calc(100% - 30px);

  }

  .scroll {

    display: none;

  }

  .seaBtn.selected {

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

  }

  .hy a {

    padding: 10px;

  }

  .box_01 .swiper-button-next,

  .box_01 .swiper-button-prev {

    display: block;

  }

  .ab_box {

    width: 100%;

    padding: 30px 0;

  }

  .main_title em {

    margin: 10px 0 !important;

  }

  .box_01 .swiper-button-next {

    display: none;

  }

  .box_01 .swiper-button-prev {

    display: none;

  }

  .inOneSwiper1 .swiper-slide {

    padding: 3%;

  }

  .inOneSwiper1 .swiper-slide .imgBox img {

    max-height: 500px !important;

  }

  .shili {

    padding: 30px 0;

    overflow: hidden;

  }

  .pinpai .swiper-slide {

    margin-top: 10px;

  }

  .main_title .fs48 {

    font-size: 28px;

  }

  .main_title em {

    font-size: 16px;

  }

  .pinpai .pinpai-sum {

    padding: 20px 0;

    margin-top: 10px;

    font-size: 26px;

  }

  .pinpai .pinpai-item {

    padding: 10px;

    flex-direction: column;

  }

  .pinpai .pinpai-imgbox {

    margin-top: 20px;

  }

  .apple-retail .swiper-slide {

    width: 300px;

  }

  .apple-retail .swiper-slide {

    margin-top: 0;

  }

  #earth {

    width: 500px;

    height: 500px;

  }

  #sol_bot {

    position: relative;

  }

  .Solution .swiper-container-thumbs {

    margin-top: 0;

  }

  .headerBotRig {

    padding: 0 10px;

    height: 45px;

    background: none;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .about_wrap_top_desz {

    display: none;

  }

  .about_wrap_bg {

    background: #fff;

  }

  .hltw_le {

    width: 100%;

  }

  .hltw_le_info {

    margin-bottom: 20px;

  }

  .home_leade_wrap {

    height: inherit;

  }

  .ab_tu_wrap {

    position: relative;

  }

  .ab_tu {

    position: relative;

  }

  .about_wrap_wrap {

    height: auto;

  }

  .about_wrap {

    height: auto;

  }

  .about_wrap_bg {

    position: relative;

    display: none;

  }

  .about_wrap_top {

    padding: 40px 0;

  }

  .ab_tit br {

    display: none;

  }

  .hlbw_ul {

    opacity: 1;

    transform: none;

    margin: 0;

  }

  .hlbw_li {

    padding: 0 20px;

  }

  .hlbw_li_top_sp {

    font-size: 28px;

  }

  .hlbw_li_btm {

    margin-top: 10px;

  }

  .hlbw_li_btm p {

    font-size: 18px;

  }

  .tj_tu {

    flex-direction: column;

    height: auto;

  }

  #gallery {

    display: none;

  }

  .slide_nav {

    width: 100%;

    margin-left: 0;

    height: auto;

    position: relative;

    z-index: 2;

    border-left: 1px solid rgba(0, 0, 0, 0.05);

  }

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

    height: auto;

  }

  .pro_content {

    width: 100%;

    position: relative;

    margin-left: 0;

    flex-direction: column-reverse;

    display: flex;

  }

  .pro_nav {

    width: 100%;

    padding: 30px 15px;

    text-align: center;

  }

  .pro_nav .ab_more {

    display: none;

  }

  .news-fl {

    flex-direction: column;

  }

  .news-one,

  .news-tu {

    width: 100%;

  }

  .news-tu {

    margin-top: 20px;

  }

  .gssl .slbox {

    display: none;

  }

  .service-content {

    position: relative;

    background: url(../images/fwbg.jpg) no-repeat;

    padding: 40px 0;

    background-size: cover;

  }

  .about_wrap_btm_wrap {

    width: 60%;

  }

  #thumbs .swiper-wrapper {

    flex-wrap: wrap;

  }

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

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

    background: #fff;

    margin: 10px;

    box-shadow: 0 0 10px #eee;

    border: none;

  }

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

    border: none;

  }

  .tj_tu .swiper-slide-thumb-active li {

    background: #fff !important;

  }

  .tj_tu .swiper-slide-thumb-active li .pro_box {

    color: #333 !important;

  }

  .tj_tu .swiper-slide-thumb-active li .more_a img {

    filter: brightness(0) !important;

  }

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

    font-size: 20px;

    font-weight: bold;

  }

  .service_box {

    margin-top: 40px;

  }

  .productbg {

    padding-bottom: 40px;

  }

  .slmask {

    display: none;

  }

  .nav_sub .nav_r .r,

  .nav_r_tit {

    display: none;

  }

  .fot_top { justify-content: center;}

  .footer-list4  { display: block;}

  .fot_bot{ flex-direction: column;}

  .footer-list4 .ewm_box{ justify-content: center;}

  .fw_box { flex-direction: column;}

  .td, .td2{ width: 100%; margin-top:10px;display: flex; flex-wrap: wrap; }

  .td dl,.td2 dl{ width: calc(50% - 12px); margin: 10px 5px; display: block; }

  .tdimg{ display: none;}

  .td dl i{ right:20px; left: auto;}

  .about_fl{ padding-left: 0;}

  .main_title .m_p1{ font-size: 40px; justify-content: center;}

  .main_title .m_p3{ font-size: 46px;}

  .about_fl b{ font-size: 30px; margin-bottom: 20px;}

  .ab_list .number b{ font-size: 32px;}

  .culture{ flex-direction:column-reverse; height: auto;}

  #cul_top {

    width:100%;

}

#cul_bot {

  width: 100%;

  padding:30px 20px 30px;

}

#cul_bot .swiper-wrapper{ flex-direction: row;}

.culture .swiper-container-thumbs .swiper-slide {

  cursor: pointer;

  color: #fff;

  position: relative;

  overflow: hidden;

  width: 33.33% !important;

  transition: all .3s;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  height: 20%;

  transition: all 0.8s;

  /* background: rgba(0, 0, 0, 0.27); */

}

.culture .swiper-container-thumbs .swiper-slide-thumb-active .ico::before{ display: none;}

.culture .swiper-container-thumbs .swiper-slide .ico::before{ display: none;}

.culture .swiper-container-thumbs .swiper-slide-thumb-active {

  padding-left: 0px;

  }

  .culture .swiper-container-thumbs .swiper-slide .ico{ padding: 0;}

  .culture .swiper-container-thumbs .swiper-slide{ padding: 10px 0; flex-direction: column;}

  .culture .swiper-container-thumbs .swiper-slide p{ font-size: 24px;}

  .product-box{ margin-top: 0;}

  #cul_top .swiper-slide .product-box {

    position: absolute;

    left: 20px;

    top: 40px;

    width: calc(100% - 30px);

}

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

    color: #fff;

    font-size: 38px;

    line-height: 42px;

    width: 100%;

    text-align: left;

    margin-bottom: 10px;

    display: block;

    font-weight: normal;

}





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

    font-size: 20px;

    margin: 10px 0;

    line-height: 46px;

    text-align: left;

    width: 100%;

}

.culture .swiper-container-thumbs .swiper-slide-thumb-active{ background: #B2C600;}

.honor .swiper-slide a{ padding: 0;}

.honor .swiper-slide em{ font-size: 14px;  }

.footer-list4 .ewm_box div{ margin: 5px;}

.top_box .name{ font-size: 32px;}

.fzlc { padding: 0;}

}

@media screen and (max-width:768px) {
  .fzlc #fzlc-thumbs .swiper-slide .yuandian {
 
    left: calc(5% - 9px);
}
.fzlc #fzlc-thumbs .swiper-slide .year_line {

    left: calc(5% - 6px);}
   .inpro_de ul{

  flex-wrap: wrap;

}
    .inpro_de li {
    width:100%!important;
    float: left;
    margin: 10px 0;
}
  /*头部*/

  #header {

    height: 60px;

  }

  .top-box .logo {

    justify-content: flex-start;

    height: 60px;

  }

  .top-box .logo img {

    max-height: 45px;

  }

  .mobile-nav-toggle {

    top: 9px

  }

  .headerBotRig {

    top: 9px;

  }

  .product_con {

    padding: 10px;

  }

  .footer-copyright {

    padding: 10px 0;

  }

  .footer-main {

    padding-bottom: 20px;

  }

  .product {

    margin-top: 0px;

  }

  /*about*/



  .about_txt {

    font-size: 15px;

    line-height: 24px;

    margin: 15px auto;

    width: 88%;

  }

  .ab_list2 {

    margin-top: 30px;

  }

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

  }

  .about_fl p {

    margin: 0;

  }

  .bottom_nav {

    display: block;

  }

  .bottom_nav a span {

    margin: 0;

  }

  .bottom_nav a {

    flex-direction: column;

  }

  .bottom_nav a img {

    width: 26px;

  }

  .copyright {

    padding: 20px 0 75px;

  }

  .copyright i {

    float: none;

  }

  .mobile-nav a {

    height: auto;

  }

  .searchWrap {

    background: none;

  }

  .product {

    flex-direction: column;

  }

  .pro_fl {

    width: 100%;

  }

  .pro_fr {

    width: 100%;

    margin-top: 20px;

  }

  .pro_fr .pro_box {

    width: 100%;

    margin-left: 0;

  }

  .appl .swiper-slide {

    margin-top: 0;

  }

  .appl .swiper-slide a {

    padding-bottom: 10px;

  }

  .appl .swiper-slide i {

    padding: 0 5px;

  }

  .appl .swiper-slide em,

  .appl .swiper-slide p,

  .appl .swiper-slide b {

    padding: 0 5px;

  }

  .footer-list3 span {

    text-align: center;

  }

  .con_box {

    flex-direction: column;

  }

  .product {

    padding: 0;

  }

  .appl .swiper-slide a {

    padding: 30px 0;

  }

  .fzls_box .gallery-top .swiper-slide .ys_txt {

    padding: 15px 15px 50px 15px;

  }

  .fzls_box .gallery-top .swiper-slide .ys_txt .title {

    margin-bottom: 15px;

    font-size: 24px;

  }

  .ab_item {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

  .course_zb { flex-wrap: wrap;}

  .news-two ul li {

    width: 100%;

    margin-right: 0;

    margin-top: 5px;

  }

  .course_zb .news_video {

    display: block;

    width: 100%;

    margin: 30px 0;

}

.course_zb p { font-size: 14px;}

#fw-list .swiper-slide{ height: 350px;}



.news-two {

  margin-top: 30px;

}

  .main_title p {

    font-size: 24px;

  }

  .lr_box {

    width: 70px;

  }

  .lr_box .swiper-button-next {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

  .lr_box .swiper-button-prev {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

  .apple-retail .swiper-button-next,

  .apple-retail .swiper-button-prev {

    top: 40%

  }

  .apple-retail .swiper-slide {

    margin: 0 10px;

  }

  .case {

    margin-top: 0;

  }

  .hover {

    padding: 10px;

  }

  .news-box {

    flex-direction: column;

  }

  .news-one {

    width: 100%;

    padding: 0 0 10px;

  }

  .news_info a {

    width: calc(50% - 20px);

    margin: 10px;

  }

  .news_info a:nth-child(3),

  .news_info a:nth-child(6) {

    margin: auto;

  }

  .message_bo .main_title {

    width: 100%;

  }

  .jiameng {

    width: 100%;

  }

  .message_bo {

    flex-direction: column;

  }

  .fot_top {

    flex-direction: column;

    justify-content: center;

  }

  .footer-main {

    padding-top: 20px;

  }

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

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    z-index: 999;

    color: #333;

  }

  #sol_top .swiper-slide .product-box {

    position: relative;

    top: 0;

  }

  .Solution .swiper-num {

    display: none;

  }

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

    font-size: 20px;

    line-height: 38px;

    color: #333;

    font-weight: bold;

  }

  .Solution {

    display: flex;

    flex-wrap: wrap;

    flex-direction: column-reverse;

  }

  #sol_top {

    width: 100%;

  }

  #sol_bot {

    width: 100%;

  }

  .Solution .swiper-button-next {

    display: none;

  }

  .Solution .swiper-button-prev {

    display: none;

  }

  #sol_top .swiper-slide .product {

    width: 100%;

  }

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

    color: #333;

  }

  .news_list .item {

    width: 100%;

  }

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

    width: 100%;

    padding: 0;

    font-size: 14px;

    text-align: left;

    color: #666;

  }

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

    font-size: 18px;

    padding-top: 10px;

  }

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

    font-size: 30px;

  }

  #sol_bot {

    height: 120px;

    margin-top: 30px;

  }

  .hlbw_li {

    padding: 0 20px;

  }

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

    display: none;

  }

  .ly_tit {

    display: block;

    text-align: center;

    margin-top: 40px;

  }

  .fu_fr ul li {

    width: 50%;

  }

  .about_wrap_btm::after {

    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 88%);

  }

  #sol_top {

    background: #f5f5f5 !important;

  }

}

@media screen and (max-width:640px) {
  .honor .swiper-slide {
    margin: 5px;
    width: calc(33.33% - 10px);
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0, 78, 204, 0.1);
    height: auto;
}

  .main_title {

    padding: 5px;

  }

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

  }

  .main_title p {

    margin-bottom: 8px;

  }

  .footer-list3 .con_info {

    flex-direction: column;

  }

  .appl-box {

    padding: 30px 0;

  }

  .main_title p b {

    font-size: 28px;

  }

 

  .ab_item {

    margin-top: 0;

    margin-bottom: 20px;

  }

  .main_title span {

    font-size: 16px;

  }

  .hy {

    margin-top: 20px;

  }

  .footer-list1 span, .footer-list2 span, .footer-list3 span { margin-bottom: 12px;}

  .footer-list4 img {

    height: 80px;

    margin-left: auto;

    margin-right: auto;

  }

  .lr_box .swiper-pagination {

    display: none;

  }

  .banner_txt b {

    font-size: 15px;

    margin: 10px 0;

  }

  .banner_txt {

    width: calc(100% - 50px);

    margin: 0;

  }

  .banner_txt span {

    font-size: 13px;

  }

  #banner .swiper-slide .container {

    top: 5%

  }

  .productbg {

    padding: 0 10px;

  }

  .more {

    margin-top: 10px;

  }

  .inOneSwiper1 .swiper-wrapper {

    min-height: 25rem;

  }

  .about_fr .ab_txt {

    margin-top: 0 !important;

  }

  .ab_item li {

    width: 50%;

    justify-content: flex-start;

  }

  .news_info a {

    width: 100%;

    margin: 5px 0;

  }

  .about_wrap_btm_wrap {

    width: 100%;

  }

  .jie_box {

    display: block;

  }

  .mob_jjfa .item {

    width: 100%;

    margin: 10px 0;

  }

  .ab_tit {

    font-size: 24px;

  }

  .more {

    border: 1px solid #002B69;

    border-radius: 40px;

    height: 40px;

    padding: 0 40px 0 20px;

    display: block;

    position: relative;

    width: 140px;

    line-height: 40px;

    color: #002B69;

    margin-top: 20px;

  }

  .more span {

    height: 34px;

    width: 34px;

    border: none;

    background: #002B69;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    text-align: center;

    outline: none;

    padding: 0px 16px;

    cursor: pointer;

    display: inline-block;

    position: absolute;

    font-size: 20px;

    right: 2px;

    top: 2px;

    border-radius: 100%;

    line-height: 34px;

    outline: none;

    transform: rotate(0);

    -webkit-transition: all 0.7s linear;

    -o-transition: all 0.7s linear;

    transition: all 0.7s linear;

  }

  .hlbw_li {

    margin: 10px 0;

  }

  .hlbw_li_top_sp {

    font-size: 18px;

  }

  .hlbw_li_top .num {

    font-size: 14px;

  }

  .hlbw_li_btm p {

    font-size: 14px;

  }

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

    padding: 0;

  }

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

    padding: 10px;

  }

  #thumbs .swiper-wrapper {

    flex-wrap: wrap;

  }

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

    font-size: 14px; height: 72px;
    line-height: 28px

  }

  .yyal .swiper-slide .yj_info b {

    font-size: 18px;

  }

  .yyal .swiper-button-next,

  .yyal .swiper-button-prev {

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 30px;

  }

  .pinpai .pinpai-text em {

    font-size: 16px;

  }

  .pinpai .swiper-button-next,

  .pinpai .swiper-button-prev {

    top: 59%

  }

  .zlhz .swiper-slide img {

    height: 52px;

  }

  #zl1 {

    margin-top: 0;

  }

  .news-two a {

    padding: 10px;

    margin: 10px 0;

  }

  .news-two ul li {

    width: 100%;

  }

  .news {

    padding: 30px 0;

  }

  .fot_top img {

    height: 45px;

  }

  .info {

    font-size: 14px;

  }

  .hltw_le_tit {

    margin-bottom: 10px;

  }

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

    font-size: 14px;

    font-weight: bold;

  }

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

    line-height: 28px;

  }

  .pinpai .pinpai-text {

    height: auto;

  }

  .pinpai .swiper-button-next,

  .pinpai .swiper-button-prev {

    top: 6%

  }

  .news-one b {

    font-size: 20px;

    margin: 10px 0;

  }

  .pinpai .pinpai-text b { font-size: 16px;}

  .td dl{ padding: 10px;}

  .td dl i,.td2 dl i{ font-size: 60px;}

  .main_title .m_p1{ font-size: 30px; justify-content: center;}

  .main_title .m_p3{ font-size: 36px;}

  .about_fl b{ font-size: 20px; margin-bottom: 10px;}

  .ab_list .number b{ font-size: 22px;}

  .inab_tu img {

    border-radius: 50px 50px 0 0;

}

.ab_list,.inab_tu{ margin-top: 20px;}

.ab_list{ flex-wrap: wrap;}

.ab_list li {

  width: calc(50% - 10px);

  margin: 5px;

  padding: 5px;

  box-sizing: border-box;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  background: #f6f6f6;

}

.yun{ opacity: 0.5;}

.fzlc #fzlc-thumbs .swiper-slide .year b{ font-size: 22px;}

.culture .swiper-container-thumbs .swiper-slide p{ font-size: 18px;}

#cul_top .swiper-slide .product-box b{ font-size: 28px;}

#cul_top .swiper-slide .product-box p{ font-size: 16px; line-height: 30px;}

#cul_bot{ padding: 30px 20px 0;}

.honor .swiper-slide em{ padding: 5px;}

.honor{ padding: 20px 0;}

.top_box .name{ font-size: 26px;}

.subnav a{ line-height: 65px;}

.inbanner .top_box{ padding: 10px 0;}

.top_box .name{ width: 100%;}

}

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

  #header {

    height: 50px;

  }

  .mobile-nav-toggle {

    top: 4px

  }

  .headerBotRig {

    top: 2px;

    right: 60px;

  }

  .top-box .logo {

    justify-content: flex-start;

    height: 50px;

  }

  .ab_item .num b {

    font-size: 24px;

  }

  .ab_item span {

    font-size: 16px;

  }

  .top-box .logo img {

    max-height: 40px;

  }

  .product-box {

    margin-top: 10px;

  }

  .mobile-nav-toggle i {

    width: 42px;

    height: 42px;

    line-height: 42px;

  }

  .about-box {

    flex-direction: column;

  }

  .about_fl {

    width: 100%;

    padding: 0;

  }

  .banner-slide-content p {

    margin-top: 0;

    font-size: 12px;

  }

  .banner-slide-content .title {

    font-size: 14px;

    line-height: 24px;

  }

  #banner .swiper-slide .container {

    top: 5%

  }

  .jiameng div {

    width: 100%;

  }

  .news-two a {

    padding: 10px;

    margin: 5px;

  }

  .news-two ul li {

    width: 100%;

  }

  .pinpai .pinpai-h {

    margin: 10px 0;

    font-size: 20px;

  }

  .footer-list1 span::before,

  .footer-list2 span::before,

  .footer-list3 span::before,

  .footer-list4 span::before {

    left: 47%;

    ;

  }

  .footer-list1 p,

  .footer-list2 p,

  .footer-list3 p {

    text-align: center;

    padding: 0 10px;

  }

  .tj_tu .swiper-button-prev {

    left: calc(50% - 28px);

    top: 55%

  }

  .zlhz .swiper-slide img {

    height: 45px;

  }

  .banner_txt { top:15%}

  .td dl i,.td2 dl i{ font-size: 50px;}

  .td dl, .td2 dl {

    width: 100%;

    margin: 10px 0;

    display: block;

}

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

  .main_title .m_p3{ font-size: 26px;}

  .about_fl b{ font-size: 18px; margin-bottom: 10px;}

  .ab_list .number b{ font-size: 18px;}

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

  #cul_bot img{ width: 35px;}

  .honor .swiper-button-prev {

    position: absolute;

    top: 30px;

    left: calc(100% - 120px);

    outline: none;

    color: rgb(255, 255, 255);

    font-size: 20px;

    width: 40px;

    line-height: 40px;

    height: 40px;

    text-align: center;



    background: rgb(0, 43, 105);

    transform: skewX(-10deg);

}

.honor .swiper-button-next {

  position: absolute;

  top: 30px;

  left: calc(100% - 60px);

  outline: none;

  color: #fff;

  font-size: 20px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  background: #002B69;

  transform: skewX(-10deg);

}

.fzlc .swiper-button-next, .fzlc .swiper-button-prev {

  background: none;

  outline: none;

  color: #fff;

  font-size: 20px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height:40px;

  background: #002B69;

  transform: skewX(-10deg);

}

.about_fl .ab_txt{ font-size: 14px;}

.top_box .name{ font-size: 18px;}

.mod_bord_li{ font-size: 14px;}
.mod_bord_ul span{ font-size: 14px;}
.inab_tu img {

  border-radius: 20px 20px 0 0;

}
.tj_tu .swiper-container-thumbs .swiper-slide .pro_box p {

  font-size: 16px; height: auto;
  line-height: 24px;
  margin-bottom: 10px;

}
.tj_tu .swiper-container-thumbs .swiper-slide {
  width: calc(100% - 20px) !important;
  background: #fff;
  margin: 10px;
  box-shadow: 0 0 10px #eee;
  border: none;
}
}