@media (max-width: 1600px){ .honor_lunbo_list .swiper-button-next{right:1%;} .honor_lunbo_list .swiper-button-prev{left:1%} } @media (max-width: 1650px) and (min-width: 1400px){ .head-warpper{width: 92%;} .head-menu{width: 62%;} .head-warpper h1{ padding-right: 15px; } .head-tel a{ width: 197px; padding-left: 54px; font-size: 18px; } } @media (max-width: 1400px){ .head-warpper{width: 95%;} .head-menu{width: 55px;} .warpper{ width: 100%; padding:0 3%; } .sbannerbox .sbanner-title{ padding: 0 3%; } .index_company_box .text .thr .text-center{text-align:center} .company-inner .index_company_box .text .pic{ float: none; margin: auto; width: auto; } } @media (max-width: 1400px) and (min-width: 1200px){ .head-tel a{ width: auto; padding: 0 20px; font-size: 18px; text-align:center; background: #13b87b; } .head-warpper h1{ padding-right: 1.5%; } .head-menu{ width: 60%; } .head-warpper h1{width: 35%;} .head-menu ul{ width: 75%; } .swiper-container-banner .banner1-text{ top: 17%; } } @media (max-width: 1200px){ .index_pro_lunbo_right_list_inner .title{font-size:15px;} .index_company_box .text .thr img{max-width:100%;} .cbl{ display: none; } } @media (max-width: 1200px) and (min-width: 992px){ .head-warpper{ width: 90%; } .head-warpper h1{ padding-right: 2.5%; } .head-tel a{ display: none; } .head-menu{ width: 56%; } .head-warpper h1{width: 38%;} .head-menu ul li>a{font-size: 15px;} .head-menu ul{ width: 100%; } .swiper-container-banner .banner-text-inner img{ max-width: 61%; } .swiper-container-banner .banner1-text { top: 24%; } .swiper-container-banner .banner2-text .banner-text-inner img { max-width: 49%; } .index_pro_type .abox a{ line-height: 70px; font-size: 19px; } .index_pro_lunbo{ height: 617px; } .index_pro_lunbo_right_list_inner .imgbox{ height: 243px; } .all_index_title .fir{ font-size: 33px; } .all_index_title .sec{ font-size: 20px; } .index_company_box .text:before{ display: none; } .index_company_box .text .sec{ font-size: 27px; } .index_company_box .text .thr{ font-size: 15px; line-height: 28px; } .index_company_box{ height: 423px; } .swiper-container-honor .imgbox{ height: 257px; } } @media (max-width: 992px){ .honor_lunbo_list .lunbobutton{zoom:0.8;} } @media (max-width: 992px) and (min-width: 768px){ .head-menu ul li>a{font-size: 14px;} .head-menu{width: 59%; } .head-warpper{ width: 90%; } .head-warpper h1{ padding-right: 2.5%; width: 35%; } .head-tel a{ display: none; } .head-menu ul{ width: 100%; } .swiper-container-banner .banner-text-inner img{ max-width: 61%; } .swiper-container-banner .banner1-text { top: 24%; } .swiper-container-banner .banner2-text .banner-text-inner img { max-width: 49%; } .all_index_title .fir{ font-size: 28px; } .all_index_title img { margin: 6px auto; } .all_index_title .sec{ font-size: 17px; } .index_pro_type .abox a{ line-height: 60px; font-size: 16px; } .index_pro_lunbo { width: 100%; height: 600px; } .index_pro_lunbo_right_list_inner .imgbox{ height: 236px; } .index_pro_lunbo_right_list_inner .title em{ font-size: 14px; width: 65%; } .index_pro_lunbo_right_list_inner .title span{ line-height: 26px; width: 67px; font-size: 14px; } .index_pro_lunbo_left span{ width: 130px; line-height: 40px; } .index_youshi_list .text .fir{ font-size: 16px; } .index_youshi_list .text .sec{ font-size: 14px; } .index_youshi_list .text .line{ height: 2px; } .index_company_box{ margin-top: 0; } .index_company{ padding-top: 7%; } .index_company_box .text .fir{ font-size: 18px; } .index_company_box .text .sec{ font-size: 24px; } .index_company_box .text .thr{ font-size: 14px; line-height: 24px; } .index_company_box .text:before{ display: none; } .honor_type a{ width: 160px; line-height: 46px; font-size: 17px; } .swiper-container-honor .imgbox{ height: 192px; } .swiper-container-honor .title em{ font-size: 14px; } .swiper-container-honor .title span{ line-height: 26px; width: 67px; font-size: 14px; } .index_news_left{ width: 100%; margin-bottom: 4%; } .index_news_right { width: 100%; display: none; } .footerbox-erbox{ width: 38%; float: right; margin-left: 0; } .footerbox-right{ width: 100%; margin-top: 5%; } .footerbox-right a:nth-child(-n+6){ margin-bottom: 0; } .head-menu ul li:before{ height: 2px; } .sbannerbox{ height: 380px; } .head-warpper{ height: 70px; } .head-menu ul li{ height: 70px; } } @media (max-width: 768px) { .contact-liuyan .verify img{ object-fit: contain; background: #f3fbfe; } .index_news_left{ width: 100%; margin-bottom: 4%; } .index_news_right { width: 100%; display: none; } .footerbox-erbox{ width: 57%; float: left; margin-left: 0; } .footerbox-right{ width: 38%; } .footerbox-right a{ font-size: 14px; } .footerbox-right a:nth-child(-n+6){ margin-bottom: 5%; } .head-warpper{ width: 90%; height: 70px; } .head-warpper h1{ padding-right: 2.5%; width: 68%; } .head-tel a{ display: none; } .head-menu{ display: none; } .swiper-container-banner .banner1-text{ top: 23%; } .swiper-container-banner .banner-text-inner img{ max-width: 61%; } .swiper-container-banner .swiper-pagination-bullet{ width: 7px; height: 7px; } .swiper-container-banner .banner2-text .banner-text-inner img{ max-width: 49%; } .all_index_title .fir{ font-size: 22px; line-height: 32px; } .all_index_title img{ margin: 1px auto; } .all_index_title .sec{ font-size: 13px; line-height: 21px; } .index_pro_type .abox{ margin-bottom: 6px; } .index_pro_type .abox a{ line-height: 50px; font-size: 15px; } .index_pro_lunbo{ height: auto; } .index_pro_lunbo_left{ display: none; } .index_pro_lunbo_right{ width: 100%; } .index_pro_lunbo_right_list_inner .title span{ display: none; } .index_pro_lunbo_right_list_inner .title em{ line-height: 46px; font-size: 14px; width: 100%; } .index_pro_lunbo_right_list_inner .imgbox{ height: 157px; } .index_youshi_list:nth-child(1), .index_youshi_list:nth-child(4){ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .index_youshi_list{ width: 100%; background: none; overflow: hidden; } .index_youshi_list .imgbox{ width: 30%; float: left; } .index_youshi_list .text { margin-top: 4%; width: 70%; float: left; padding-left: 3%; } .index_youshi_list .text .fir{ text-align: left; font-size: 16px; } .index_youshi_list .text .sec{ padding:0; font-size: 14px; line-height: 21px; margin-top: 3%; } .index_youshi_list .text .line{ display: none; } .index_youshi .index_youshi_box{ display: block; } .index_company{ padding-top: 5%; } .index_company_box{ margin-top: 0; height: auto; } .index_company_box .imgbox{ width: 100%; } .index_company_box .text{ width: 100%; } .index_company_box .text:before{ display: none; } .index_company_box .text .sec{ font-size: 22px; } .index_company_box .text .fir{ font-size: 19px; } .honor_type a{ width: 36%; line-height: 42px; font-size: 16px; } .swiper-container-honor .imgbox{ height: 135px; } .swiper-container-honor .title span{ display: none; } .swiper-container-honor .title em { line-height: 46px; font-size: 14px; width: 100%; } .index_news_left_list .time{ width: 77px; height: 77px; } .index_news_left_list .time .fir{ font-size: 25px; line-height: 27px; margin-top: 17%; } .index_news_left_list .text{ width: -webkit-calc(100% - 77px); width: -moz-calc(100% - 77px); width: calc(100% - 77px); } .index_news_left_list .text .title{ font-size: 16px; margin: 0 0 2% 0; } .index_news_left_list .text .des{ line-height: 20px; } .footerbox-left{ width: 100%; } .footerbox-left-tel { margin-bottom: 0%; } .footerbox-erbox-list p{ display: none; } .index_company_box .text .thr{ line-height: 25px; } .company-more{ margin-top: 4%; } .sbannerbox{ height: 180px; } .sbannerbox .sbanner-title .fir{ font-size: 20px; } .shililunbo .imgbox{ height: 145px; } .shililunbo{ height: 438px; } .more-box{ flex-wrap: wrap; } .more-list{ width: 100%; margin-bottom: 2%; height: 140px; } .more-list .meng .fir{ font-size: 20px; } .more-list .meng .sec{ font-size: 16px; } .product_inner_list{ width: 50%; margin-right: 0; padding:0 0.5%; } .index_pro_lunbo_right_list_inner .title{ font-size: 14px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .de-page-mian .page-inner a{ min-width: 35px; height: 35px; width: 35px; line-height: 35px; font-size: 16px; padding:0; } .index_pro_type .abox:after{ display: none; } .pro-des-top{ height: auto; } .pro-des-imgbox{ width: 100%; margin-bottom: 7%; height: 300px; } .pro-des-text{ width: 100%; } .des-tumb{ display: none; } .pro-des-text .title{ font-size: 20px; } .case-inner-list { width: 100%; padding-bottom: 5%; border-bottom: 1px solid #eee; margin: 0 0 10% 0; } .case-inner-list .imgbox{ height: 215px; } .inner-title-sub .fir{ font-size: 20px; } .news-inner-top{ height: auto; } .news-inner-top .swiper-container .imgbox{ width: 100%; height: 160px; } .news-inner-top .swiper-container .text{ width: 100%; margin-top:7%; padding: 0 4% 4% 4%; } .news-inner-top .swiper-container .swiper-slide{ padding:0; } .news-inner-item .text-inner .title{ padding-bottom: 5px; } .news-inner-item .text-inner .des{ padding-top: 13px; } .news-inner-item .text-inner .more { margin-top: 20px; } .news-inner-bottom .news-inner-list .timediv{ width: 70px; } .news-inner-bottom .text{ width: calc(100% - 90px); } .news-inner-bottom .news-inner-list{ padding: 3% 0 3% 0; margin-bottom: 4%; } .honor-inner-list{ width: 48%; } .honor-inner-list .imgbox{ height: 140px; } .honor-inner-list .title{ line-height: 35px; font-size: 14px; } .contact-lianxi-left{ width: 100%; } .contact-lianxi{ height: auto; } .contact-lianxi-left-list{ height: 161px; } .info { padding: 10% 0; padding-bottom: 22%; } .contact-title{ font-size: 20px; margin-bottom: 5%; } .contact-liuyan .contact-liuyan-title{ font-size: 16px; } .contact-liuyan .form-left{ width: 100%; margin-bottom: 8px; } .contact-liuyan .form-right{ width: 100%; } .contact-liuyan .submit{ margin-top: 8px; } .fixBut{ display: block; } .copy{ display: none; } .mobile-footer{ display: block; } .footerbox{ display: none; } .index_news{ padding: 4% 0 23% 0; } .more_inner{ padding-bottom: 10%; } .swiper-container-other .imgbox{ height: 140px; } .company-inner .index_company_box .text .pic{ float: none; width: 100%; margin-bottom: 3%; } }