@media (max-width: 1380px) {
    .header,.home-bar1,.hot-products,.home-news,.footer .foot, .page-content{ padding-left: 12px; padding-right: 12px; }
    .navbar-nav .fl a{ margin-right:42px; }
    .wrap-swiper .swiper-button-prev{ left: 0; }
    .wrap-swiper .swiper-button-next{ right: 3px; }
    .home-news .news-lists-box{ width: 33%; margin-right: 3%; }
    .news-lists-box.moive{ width: 28%; margin-right: 0; }
    .news-lists-box li span{ width: 65%; }
    .news-lists-box .moive img{ width: 100%; }
    .navbar-nav .fl a{ padding: 0 20px; margin-right:0px; }
    .footer .foot .box1{ padding-left: 0; padding-right: 0;}
    .footer .foot .t-l{ width: 18%; }
    .nav-bar{ height: auto;}
    .nav-bar .nav-title{ text-align: center; width: 100%; }
    .wrap-swiper-nav{ width: 100%; }
    .product-lists li{ margin-right: 2%; max-width: 32%;}
    .qualification-lists .box{ width: 23.5%; margin-right: 2%; }
    .recruitment-lists li{ margin-right: 2%; width: 49%; }
    .recruitment-lists li a{ width: 100%; }
    .case-lists li{ margin-left: 0; margin-right: 2%; width: 23.5%;}
    .case-lists li:nth-child(4n){ margin-right: 0;}
}

@media (max-width: 1240px) {
    .home-product-center .wrap-swiper{ width:100%; }
    .navbar-nav .fl a{ padding: 0 15px;}
}

/*ex*/
@media (max-width: 1200px) {
    .carousel-content{ width: 602px; height: 206px; margin-top: -103px; }
    .carousel-content .text1{ width: 362px; }
    .carousel-content .p1{ line-height: 36px;}
    .carousel-content .carousel-text p{ font-size:36px; }
    .navbar-nav .fl a{ padding: 0 10px;}
    .news-lists-box li span{ width: 55%; }
}

@media (max-width: 1122px) {
    .navbar-nav h1 img.logo2{ display: none; }
    .navbar-nav .header-search{ width: 150px; }
    .navbar-nav h1{ margin-right: 16px;}
    .news-lists-box li span{ width: 50%; }
}

@media (max-width: 768px) {
    .header{ height:68px; }
    .head{ overflow: initial;}
    .navbar-nav{ width: 100%; background-color:#fff; overflow: hidden; margin-top: 68px;}
    .navbar-nav h1{ display: none;}
    .navbar-nav .fr a:hover span:after, .navbar-nav .fr a.active span:after, .navbar-nav .fl a:hover span:after, .navbar-nav .fl a.active span:after{ display: none;}
    .navbar-nav .fr,.navbar-nav .fl{ width:100%;position:fixed; background: #fff;overflow:scroll;}
    .navbar-nav .fl a, .navbar-nav .fr a{ margin-right:0; width: 100%;  margin-left:0;  text-align: center;}
    .navbar-nav .fl a{ margin-right: 22px; font-size: 14px; border-bottom: 1px #e8e8e8 solid;}
    .navbar-nav .header-search{ display: none; }
    .navbar-nav .fl a span, .navbar-nav .fr a span{ line-height: 44px; }
    .home-news .news-lists-box{ width: 100%; margin-right: 0; margin-top: 32px; }
    .home-news{ overflow: hidden; height: auto; padding-bottom:86px; background-size: 100% auto; padding-top:0px;}
    .news-lists-box .moive{ margin-top: 20px;}
    .footer{ padding-bottom: 16px; }
    .footer .foot .code{ width: 100%; }
    .footer{ background-size: 100% 100%; height:auto; }
    .footer .foot .t-l{ width: 25%; text-align: center; }
    .qualification-lists .box{ width: 49%; margin-right: 2%; }
    .qualification-lists .box:nth-child(4n){ margin-right: 2%;}
    .qualification-lists .box:nth-child(2n){ margin-right: 0;}
    .qualification-lists .box img{ display: table; margin: 0 auto; }
    .recruitment-lists li{ margin-right:0; width:100%; }
    .carousel-content{ width: 320px; height: 112px; margin-top: -56px; }
    .carousel-content .text1{ width: 208px; margin-left: 14px; margin-top: 16px; }
    .carousel-content .carousel-text p{ font-size:22px; }
    .carousel-content .carousel-text{ margin-left: 10px; margin-top: 13px;}
    .carousel-content .p1{ line-height: 24px; font-size: 12px; margin-left: 12px; padding: 0 8px;}
    .carousel-indicators{ bottom: 6px; }
    .carousel-indicators li{ width: 8px; height: 8px; }
}

@media (max-width: 576px) {
    .head .navbar-toggler{ width: 46px; height: 36px; margin-top: 0; top: 0; }
    .header{ min-height: 52px; padding: 8px 0;}
    .head .navbar-toggler .navbar-toggler-icon:before{ top: 9px; }
    .head .navbar-toggler .navbar-toggler-icon:before{ top: 22px; }
    .content-radius .f-icon{ position: relative; width: 50%; float: left; padding-bottom: 26px; margin-top: 22px; }
    .f-icon{ left: initial !important; top: initial !important;}
    .content-radius .inner .solution-icon{ display: none; }
    .f-icon h2{ margin: 0 !important; text-align: center;  width: 100%; line-height: normal; margin-right: 0; position: absolute; bottom: 0; font-size: 14px; }
    .f-icon a{ float: none; margin: 0 auto;}
    .content-radius{ padding-top: 14px; width: 100%; height: auto; position: inherit; margin: 0; bottom: initial;  border: 0 none; left: 0}
    .industry-solutions{ width: 100%; height:  auto; padding-bottom: 22px; background-size: 100% 100%; }
    .box-title{ margin-top: 34px; }
    .box-title h2{ font-size: 28px; }
    .box-title h3{ margin-top: 16px; }
    .box-title .line{ margin-top: 20px;}
    .home-product-center .wrap-swiper{ margin-top: 46px; }
    .home-product-center{ height: auto; padding-bottom: 22px;}
    .wrap-swiper .name{ padding-top: 18px;}
    .home-case-center{ height: auto;}
    .wrap-accordion .accordion-box{ margin-top: 35px; }
    .wrap-accordion .accordion-box ul li{ width: 100%; }
    .wrap-accordion .accordion-box ul li .left{ width: 100%; }
    .news-lists-box li span{ width: 62%; }
    .float-bar a{ width:46px; height:46px;  }
    .float-bar a.phone{ background-size: 21px 21px; }
    .float-bar a.qq{ background-size:22px 23px; }
    .float-bar a.code{ background-size:21px 21px; }
    .float-bar a.btn{ background-size:18px 10px; }
    .nav-bar .nav-title{ font-size: 20px; line-height:50px; }
    .wrap-swiper-nav .swiper-slide a{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; width: 100%; height: 42px; overflow: hidden; }
    .swiper-nav{ height: 42px; }
    .wrap-swiper-nav .swiper-slide{ line-height: 42px;}
    .wrap-swiper-nav .swiper-button-prev, .wrap-swiper-nav .swiper-button-next{ height: 42px;}
    .bread-crumbs{ font-size: 12px; padding-top: 18px; }
    .box-title h2{ font-size: 22px; }
    .box-title p.zs{ font-size: 14px; margin-top: 12px; }
    .page-article{ padding-top: 28px; }
    .title-line{ margin-top: 62px; }
    .page-article p{ margin-top: 22px;}
    .page-article p.mt{ margin-top: 24px; }
    .page-content.mb1{ padding-bottom: 48px; }
    .page-content.mb{ padding-bottom: 50px; }
    .title-line strong em{ font-size: 22px; }
    .title-line strong{ top: -18px; }
    .product-lists{ padding-top:18px; }
    .product-lists li{ height:auto}
    .product-lists li{ margin-top:24px; min-height: inherit; max-width:49%; margin-right: 2%;}
    .product-lists li .name{ font-size: 16px; margin-top: 10px; }
    .product-lists li .intro{ font-size: 13px; margin-top: 8px; }
    .product-lists li .more{ margin-top: 10px; font-size: 12px; }
    .product-lists li:nth-child(3n){ margin-right:2%;}
    .product-lists li:nth-child(2n){ margin-right: 0;}
    .page.mt{ margin-top: 42px;}
    .page a{ width: 24px; height:38px; line-height: 38px; padding: 0; font-size: 13px; }
    .page a.prev, .page a.next{ background-size:36px 38px; }
    .footer .foot .t-l{ margin-top: 28px; }
    .footer .foot .t-l dt{ font-size: 16px; }
    .footer .foot .code{ margin-top: 30px; }
    .contactus{ margin-top: 42px; }
    .contact-message h2{ margin-top: 32px; font-size: 20px; }
    .contact-message dl{ margin-top: 18px; width: 100%; }
    .contact-message dl dd{ font-size: 14px; line-height: 24px; padding-right: 22px;}
    .qualification-lists{ padding-top: 20px; }
    .qualification-lists .box{ margin-top: 24px; }
    .recruitment-lists{ margin-top: 48px;}
    .recruitment-lists li{ margin-bottom: 18px;}
    .recruitment-detail{ margin-top: 44px;}
    .intro-title.mt{ margin-top: 30px;}
    .product-y-lists li{ height: auto; padding-left: 0; overflow: hidden; margin-top: 24px;}
    .product-y-lists li .img{ position: initial; width: 100%;}
    .product-y-lists li .img img{ max-width: 100%; }
    .product-y-lists li .message .more{ margin-top: 10px; text-align: left; font-size: 12px;}
    .product-y-lists li .message .intro{ margin-top: 12px; font-size: 14px; line-height: 22px; height: 88px; }
    .product-y-lists{ padding-top: 0;}
    .articles h2 strong{ font-size: 22px; line-height: 30px; }
    .articles .article-bar .browse{ margin-left: 12px;}
    .articles .article-bar{ font-size: 13px; }
    .articles-body{ margin-top: 26px;}
    .articles-body p.mt{ margin-top: 18px;}
    .case-lists h2{ font-size: 16px; line-height: 44px; height: 44px; }
    .case-lists ul{ margin-top: 18px;}
    .case-lists{ margin-top: 32px;}
    .case-lists li{ width: 49%; margin-right: 2%; }
    .case-lists li:nth-child(2n){ margin-right: 0;}
    .wrap-swiper .swiper-button-next{ right: 0; }
    #zoom .content p{ font-size:16px; }
}