@media (max-width: 1600px){ .headerBg { padding: 25px; } .allmoreButton { width: 250px; height: 56px; line-height: 56px; } } @media (max-width: 1440px){ .info_wrap{ width: 95%; } #allnavPage{ display: none; visibility: hidden; } } @media (max-width: 1200px){ .menuBg { padding: 15px 0 0; } .headerBg { padding: 15px; } .zujilunbo .gallery-top .swiper-slide-inner .honorbox .imgbox img{ object-fit: contain; } } @media (max-width: 1600px) and (min-width: 1400px){ .allmbox4Bg .other .con .img{ max-width: 67%; } .allmbox4Bg .other .case-text-item{ width: 290px; } .allmbox4Bg .other .case-text-list .des{ line-height: 22px; } .allmbox4Bg .allmoreButton{ width: 179px; height: 50px; line-height: 50px; } .allmbox4Bg .case-all-biao .fir{ font-size: 29px; } .allmbox4Bg .other .fn .text-list{ width: 72%; } .allmbox4Bg .other .fn .text-list:nth-of-type(1){ left: -5%; } .allmbox4Bg .other .fn .text-list:nth-of-type(2){ left: -18%; } .allmbox4Bg .other .fn .text-list:nth-of-type(3){ left: -28%; } .allmbox4Bg .other .fn .text-list:nth-of-type(4){ left: -18%; } .allmbox4Bg .other .fn .text-list:nth-of-type(5){ left: -5%; } .allmbox4Bg .other .fn .text-list i{ bottom: 0px; } .allmbox4Bg .other .fn .text-list p{ background-position: left center; background-size: 30px; font-size: 20px; } } @media (max-width: 1440px) and (min-width: 1200px){ .section-home .slide1 .bannerText .fir{ font-size: 40px; } .section-home .slide1 .bannerText .sec{ font-size: 22px; } .section-home .slide1 .bannerLine img{ max-width: 36%; } .section-home .slide2 .bannerText .banTextfir{ font-size: 40px; } .section-home .slide2 .bannerText .banner2Text{ font-size:22px; } /*.section-home .slide2 .bannerText{ width: 498px; bottom: 29%; left: 14%; }*/ .section-home .slide3 .bannerText{ top: 25%; } .section-home .slide3 .bannerText .fir{ font-size: 40px; } .section-home .slide3 .bannerText .sec{ font-size: 22px; } .navPc{ margin-top: 46%; height: 57%; } .allmbox2Text{ width: 60%; } .box2ImgBgright{ width: 40%; } .box2ImgBgright .rotatetext{ left: -10%; font-size: 88px; } .allmbox2Text .fir{ font-size: 30px; } .allmbox2Text .des{ font-size: 14px; } .mbox2Bot li{ padding: 4% 0; } .allmbox3Bg .news-inner{ height: 415px; } .allmbox3Bg .news-inner .text .fir{ font-size: 17px; } .allmbox3Bg .news-inner .text .des{ line-height: 20px; } .newsbox{ width: 77%; } .allmbox3Bg .news-inner .imgbox{ height: 45%; } .allmbox4Bg .other .con .img{ max-width: 64%; } .allmbox4Bg .other .fn .text-list{ width: 70%; } .allmbox4Bg .other .fn .text-list:nth-of-type(1){ left: -1%; } .allmbox4Bg .other .fn .text-list:nth-of-type(5){ left: -1%; } .allmbox4Bg .other .fn .text-list:nth-of-type(2){ left: -15%; } .allmbox4Bg .other .fn .text-list:nth-of-type(4){ left: -15%; } .allmbox4Bg .other .fn .text-list:nth-of-type(3){ left: -25%; top: 45%; } .allmbox4Bg .other .fn .text-list p{ font-size: 18px; padding-left: 20%; background-size: 23px; line-height: 38px; height: 38px; } .allmbox4Bg .case-all-biao{ width: 28%; } .allmbox4Bg .case-all-biao .fir{ font-size: 26px; } .allmbox4Bg .case-all-biao .sec{ font-size: 15px; } .allmbox4Bg .other .case-text-item{ width: 290px; } .allmbox4Bg .other .case-text-list .fir{ font-size: 20px; } .allmbox4Bg .other .case-text-list .des{ line-height: 23px; margin-top: 8%; margin-bottom: 12%; } .allmbox4Bg .other .case-text-biao i:before{ height: 42px; } .mbox5Goucheng .goucheng-list-a{ background-size: contain; } .mbox5Goucheng .goucheng-list-b{ background-size: contain; } .mbox5Goucheng .goucheng-list{ width: 170px; height: 166px; } .mbox5Goucheng .goucheng-list-inner{ line-height: 166px; font-size:20px; } .mbox5Goucheng .goucheng-list4 .goucheng-list-a { background: url(../img/goucheng-bg-big.png) no-repeat center; background-size: contain; /*width: 200px; height: 193px;*/ } .mbox5Goucheng .goucheng-list4 .goucheng-list-inner{ /*line-height: 193px;*/ } .mbox5Goucheng .goucheng-list-inner img{ max-width: 29%; } .warp{ width: 83%; } .mbox6BgNews{ height: 358px; } .mbox7Bg-bottom{ padding-top: 4%; } /*��ҳ*/ .company-type a{ width: 18%; } .zujilunbo .gallery-top .swiper-slide-inner .honorbox{ height: 84%; max-height: 84%; top: 9%; } .news-inner-list .newsLeft{ width: 17%; } .news-inner-list .newsCenter{ width: 57.5%; } } @media (max-width: 1199px) and (min-width: 992px){ .section-home .slide1 .bannerText .fir { font-size: 30px; letter-spacing: 3px; } .section-home .slide1 .bannerText .sec{ font-size: 20px; } .section-home .slide1 .bannerLine img{ max-width: 31%; } .section-home .slide2 .bannerText .banTextfir{ font-size: 30px; } .section-home .slide2 .bannerText .banner2Text{ font-size: 20px; } .section-home .slide2 .bannerText .banner2Line{ margin: 10px auto; } .section-home .slide3 .bannerText .fir{ font-size: 30px; letter-spacing: 3px; } .section-home .slide3 .bannerText .sec{ font-size: 20px; } .box2ImgBgright{ width: 37%; } .box2ImgBgright .rotatetext{ font-size: 87px; } .allmbox2Text .fir{ font-size: 30px; } .allmbox2Text .sec{ font-size: 16px; } .allmbox2Text{ width: 63%; } .allmbox2Text .des{ font-size: 14px; line-height: 23px; } .mbox2Num li .mbox2NumSp{ font-size: 20px; } .mbox2Bot li{ padding: 3% 0; } .mbox2Bot li .imgbox { height: 40px; line-height: 40px; } .mbox2Bot li .imgbox img{ max-width: 35%; max-height: 80%; } .allmbox3Bg .news-inner{ height: 447px; } .allmbox3Bg .news-inner .imgbox{ height: 42%; } .allmbox3Bg .news-inner .text .fir{ font-size: 19px; } .swiper-button-next-product{ right: -14%; } .swiper-button-prev-product{ left:-14%; } .allmbox4Bg .other .con .img { max-width: 55%; } .allmbox4Bg .other .fn .text-list{ width: 64%; } .allmbox4Bg .other .fn .text-list:nth-of-type(1){ left: 7%; } .allmbox4Bg .other .fn .text-list:nth-of-type(5){ left: 7%; } .allmbox4Bg .other .fn .text-list:nth-of-type(2){ left: -3%; } .allmbox4Bg .other .fn .text-list:nth-of-type(4){ left: -3%; } .allmbox4Bg .other .fn .text-list:nth-of-type(3){ left: -11%; top: 43%; } .allmbox4Bg .other .fn .text-list p{ padding-left: 17%; background-size: 20px; font-size: 18px; } .allmbox4Bg .other .fn .text-list i{ bottom: 2px; } .allmbox4Bg .other .fn .text-list.active em{ transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); } .allmbox4Bg .other .case-text-item{ width: 256px; } .allmbox4Bg .other .case-text-list .fir{ font-size: 20px; } .allmbox4Bg .other .case-text-list .des{ line-height: 21px; margin-top: 13%; } .allmbox4Bg .other .case-text-biao i:before{ height: 52px; } .allmbox4Bg .allmoreButton{ width: 217px; height: 48px; line-height: 48px; } .allmbox4Bg .case-all-biao{ width: 30%; } .allmbox4Bg .case-all-biao .fir{ font-size: 26px; } .mbox5Goucheng .goucheng-list{ width: 80%; } .mbox5Goucheng .goucheng-list-inner{ font-size: 16px; } .mbox5Goucheng .goucheng-list-a{ background-size: 100%; } .mbox5Goucheng .goucheng-list-b{ background-size: 100%; } .mbox5Goucheng .goucheng-list4 .goucheng-list-a{ background-size: 100%; } .mbox5Goucheng .goucheng-list4 .goucheng-list-b{ background-size: 100%; } .mbox5Goucheng .goucheng-list4{ width: 100%; } .mbox5Goucheng .goucheng-list-inner img{ max-width: 39%; } .mbox6BgNews{ height: 390px; } .mbox7Bg-bottom-list:nth-of-type(1){ width: 11%; } .mbox7Bg-bottom-list2 { width: 15%; } .erbox{ width: 115px; height: 115px; margin-left: 1%; } .mbox7Bg-bottom{ padding-top: 5%; height: 40%; } .mbox7Bg-top{ height: 60%; } /*��ҳ*/ .s-banner-box .fir{ font-size: 40px; line-height: 48px; } .company-type a{ width: 18%; font-size: 18px; line-height: 55px; } .company-type a i{ height: 1px; } .company-content-biao .fir{ font-size:20px; } .company-content-title .fir{ font-size:22px; } .company-content-title .line{ height: 40px; } .company-content-des{ line-height: 30px; } .company-content-biao img{ max-width: 26%; } .zujilunbo .gallery-top .swiper-slide-inner .honorbox{ height: 84%; max-height: 84%; top: 9%; } .gouchenglist1{ width: 53%; } .gouchenglist2 { width: 96%; } .hexin-zong-list{ font-size: 18px; } .hexin-secitem img{ max-width: 65%; } .product-list .fir{ font-size: 17px; } .product-list .sec{ width: 35px; line-height: 31px; } .product-list .imgbox{ height: 180px; } .case-inner-list .imgbox{ height: 269px; } .case-inner-list .imgbox .icon{ width: 70px; height: 70px; } .contactbox .contactText .secbox{ width: 100%; } .contactbox .contactText img{ margin-top: 6%; } .news-inner-list .newsLeft i{ display: none; } } @media (max-width: 992px) and (min-width: 768px){ .section-home .slide1 .bannerText .fir{ font-size: 30px; letter-spacing: 1px; } .section-home .slide1 .bannerText .sec{ font-size: 18px; } .section-home .slide1 .bannerLine img{ max-width: 47%; } .box2ImgBgright{ width: 36%; } .section-home .slide2 .bannerText .banTextfir{ font-size: 30px; } .section-home .slide2 .bannerText .banner2Line{ margin: 8px auto; } .section-home .slide2 .bannerText .banner2Text{ font-size: 18px; } .section-home .slide2 .bannerText{ bottom: 42%; } .section-home .slide3 .bannerText .fir{ font-size: 30px; letter-spacing: 1px; } .section-home .slide3 .bannerText .sec{ font-size: 18px; } .section-home .slide3 .bannerText{ top: 26%; } .box2ImgBgright .rotatetext{ font-size: 75px; left: -12%; } .allmbox2Text{ width: 61%; } .allmbox2Text .fir{ font-size: 30px; } .allmbox2Text .sec{ font-size: 16px; } .allmbox2Text .des{ line-height: 24px; font-size: 14px; } .mbox2Num li{ margin-right: 9%; } .mbox2Num li .mbox2NumSp{ font-size: 17px; } .mbox2Num li p{ font-size: 14px; } .mbox2Bot li .imgbox{ height: 45px; line-height: 45px; } .mbox2Bot li .imgbox img{ max-height: 62%; } .allmbox2Bg .allmoreButton{ height: 46px; line-height: 46px; } .allmbox3Bg .news-inner .text .fir{ font-size: 18px; } .allmbox3Bg .news-inner{ height: 430px; } .allmbox3Bg .news-inner .imgbox{ height: 34%; } .allmbox3Bg .news-inner .imgbox .mbox3Saerch{ max-width: 15%; } .swiper-button-next-product{ right: -16%; } .swiper-button-prev-product{ left:-16%; } .mbox5Goucheng .goucheng-list-inner{ font-size: 17px; line-height: 150px; } .mbox5Goucheng .goucheng-list{ width: 88%; height: 150px; } .mbox5Goucheng .goucheng-list4 .goucheng-list-a{ background-size: 100%; } .mbox5Goucheng .goucheng-list4 .goucheng-list-b{ background-size: 100%; } .mbox5Goucheng .goucheng-list4{ width: 99%; } .mbox5Goucheng .goucheng-list-inner img{ max-width: 40%; } .mbox5Goucheng{ height: 376px; } .mbox6BgNews-list{ width: 100%; height: 127px; margin-bottom: 1%; } .mbox6BgNews-list:last-child{ margin-bottom: 0; } .mbox6BgNews-list .imgbox{ width: 30%; } .mbox6BgNews-list .text{ width: 70%; padding: 3% 4%; } .mbox6BgNews{ height:auto; } .mbox6BgNews-list .mbox6BgIco{ left: 30%; } .mbox6BgNews-list:nth-child(odd) .text{ float: right; } .mbox6BgNews-list:nth-child(even) .text{ float: left; } .mbox6BgNews-list:nth-child(odd) .imgbox{ float: left; } .mbox6BgNews-list:nth-child(even) .imgbox{ float: right; } .mbox6BgNews-list:nth-child(even) .mbox6BgIco{ left:70% } .mbox6BgNews-list .text .time{ font-size: 13px; margin: 2% 0 2% 0; } .mbox6BgNews-list .text .des{ font-size: 14px; line-height: 25px; } .mbox7Bg-bottom-list:nth-of-type(1){ width: 15%; margin-right: 2%; } .mbox7Bg-bottom-list2 { width: 17%; } .mbox7Bg-bottom-list .abox a{ margin-bottom: 1px; } .mbox7Bg-top .mbox7Bg-top-list .fir{ font-size: 24px; } .mbox7Bg-bottom .top a i{ margin-top: 5px; } .mbox7Bg-bottom .top a p{ } .navBgList li{ width: 33.33%; height: 50%; overflow-y: auto; } .navBgList li .navBgList-biao .fir{ font-size: 22px; } .allmbox4Bg .other .case-text-item{ display: none; } .allmbox4Bg .case-all-biao{ width: 100%; text-align:center; margin-right: 0; position: inherit; display: none; } .allmbox4Bg .other .fnfir{ display: none; } .allmbox4Bg .other .fnsec { display: block; position: inherit; width: 100%; height: auto; } .mbox4Bg .other .fnsec{ display: block; position: inherit; width: 100%; height: auto; } .allmbox4Bg .other .fn .text-item{ display: block; position: inherit; overflow: hidden; width: 80%; margin: 8% auto 0 auto; } .allmbox4Bg .other .fn .text-list{ position: relative!important; left: inherit!important; top: inherit!important; width: 50%; float: left; padding: 0 6%; } .allmbox4Bg .other .con .img{ max-width: 48%; } .allmbox4Bg .other{ display: block; } .allmbox4Bg .other .fn .text-list em{ right: 21px; } .allmbox4Bg .other .fn .text-list i{ bottom: 2px; border-bottom: 1px dashed #c9dfff; width: 100%; opacity: 1; } .allmbox4Bg .other .fn .text-list.active i { border-bottom: 1px dashed #307ff0; } .allmbox4Bg .other .fn .text-list.active em{ transform: scale(3); -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); -ms-transform: scale(3); } .allmbox4Bg .other .fn .text-list p{ font-size:18px; color: #307ff0; background-size: 20px; } .allmbox4Bg .other .fn .text-list p a{ color: #307ff0; display: block; } .allmbox4Bg .bg4-items{ width: 100%; } .allmbox4Bg .bg4-items.bgimg { height: 36.7%; } .allmbox4Bg .bg4-items.bgcolor { height: 62.3%; } .fp-viewing-case .tel{ color:#fff; } .fp-viewing-case .telIco { background: url(../img/tel.png) no-repeat center; } .swiper-button-prev-case{ border-bottom: 1px solid #2f7ef0; color:#2f7ef0; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(1) p{ background-image: url("../img/c2.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(2) p{ background-image: url("../img/c3.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(3) p{ background-image: url("../img/c4.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(4) p{ background-image: url("../img/c5.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(5) p{ background-image: url("../img/c6.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(1) p{ background-image: url("../img/c7.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(2) p{ background-image: url("../img/c8.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(3) p{ background-image: url("../img/c9.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(4) p{ background-image: url("../img/c10.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(5) p{ background-image: url("../img/c11.png") !important; } /*��ҳ*/ .company-type a{ width: 19%; font-size: 17px; line-height: 55px; } .company-type a i{ height: 1px; } .company-type a:after{ height: 12px; } .company-content-biao .fir{ font-size: 18px; } .company-content-title .fir{ font-size: 20px; } .company-content-biao .thr{ font-size: 103px; } .company-content-title .line{ height: 27px; margin: 9px 0; } .company-content-des{ line-height: 30px; } .company-content-biao img{ max-width: 30%; } .company-content-imgbox-01{ height: auto; } .company01-left{ width: 100%; height: 218px; } .company01-right{ width: 100%; height: 144px; flex-direction: row; } .company01-right-list{ width: 32.5%; height: 100%; margin-top: 1%; } .s-banner-box .fir{ font-size: 30px; line-height: 35px; } .s-banner-box .sec{ font-size: 17px; } .s-banner-box .line{ width: 101px; } .inner-title .fir{ font-size: 22px; } .info_content{ padding: 2.5% 3.5% 13% 3.5%; } .zujilunbo .gallery-top .swiper-slide-inner .honorbox{ height: 84%; max-height: 84%; top: 9%; } .fp-viewing-case .telIcon { background: url(../img/tel.png) no-repeat center; } .gouchenglist1 { width: 60%; } .gouchenglist2{ width: 100%; } .hexin-imgbox{ height: 180px; } .active .newsbox .swiper-slide:nth-child(odd){ margin-top: 0; } .active .newsbox .swiper-slide:nth-child(even) { margin-top: 0; } .product-list{ width: 32%; margin-right: 2%; padding: 4.5%; } .product-list .fir{ font-size: 17px; } .product-list .sec{ width: 35px; line-height: 31px; margin: 9.5% auto 14% auto; } .product-list .imgbox{ height: 130px; } .de-page-mian .page-inner a{ min-width: 40px; height: 40px; line-height: 40px; font-size: 12px; } .case-inner .product_type{ flex-wrap: wrap; border:none; } .product_type a{ width: 33.33%; text-align:center; border-bottom:1px solid #f0f6ff; } .product_type a:after{ height: 1px; } .case-inner-list .imgbox .icon{ width: 60px; height: 60px; } .case-inner-list .imgbox .icon img{ max-width: 65%; max-height: 77%; } .case-inner-list .imgbox{ height: 233px; } .case-inner-list .imgbox .fir{ font-size: 17px; } .case-inner-list:nth-child(-n+9) { margin-bottom: 7%; } .case_inner_item strong.b_title{ padding-left: 5%; } .jobText-left .fir{ font-size: 22px; } .jobText-left .sec{ line-height: 23px; } .jobText-right{ width: 38%; margin-top: 7%; } .jobText-right-list .text .sec{ font-size: 17px; } .jobText-right-list .imgbox .shuxian{ height: 30px; } .job_ul li .job_title{ line-height: 60px; } .job_ul li .job_jian{ height: 60px; margin-top: 0; } .job_ul li .job_title_des .allmoreButton{ font-size: 16px; } .job_ul li .job_title_des .allmoreButton i{ font-size: 25px; } .contactbox .contactText{ padding: 3% 4% 3% 4%; } .contactbox .contactText .fir{ font-size: 22px; } .contactbox .contactText .secbox{ width: 100%; } .contact_inner_content{ height: 450px; margin-bottom: 11%; } .contactbox .contactText .sec{ font-size: 16px; } .contactbox .contactText img{ margin-top: 2%; } .news-inner-list .newsLeft i{ display: none; } .news-inner-list .newsLeft{ width: 16%; } .news-inner-list .newsCenter{ width: 58.5%; } .news-inner-list .newsRight{ width: 25.5%; } .contact-liuyan .contact-liuyan-title{ font-size: 20px; } } @media (max-width: 992px){ .allmbox { margin-right: 0; } .info-inner { margin-right: 0; } .menuBg { position: static; padding: 0; width: auto; height: auto; } .menuBtn { position: absolute; top: 20px; right: 20px; z-index: 2; } .menuBtn img { display: none; } .mBtnLine { width: 20px; text-align: left; } .mBtnLine span { width: 100%; height: 2px; background: #FFF; margin:auto; } .mBtnLine span:nth-child(2) { margin: 5px 0; width: 80%; } .menuBtn:hover .mBtnLine span{ margin-top: auto; width: 80%; } .menuBtn:hover .mBtnLine span:nth-child(2){ margin: 5px 0; width: 100%; } .mbox6BgNews-list .text:after{ display: none; } } @media (max-width: 991px) and (min-width: 768px){ .mOnLine{ display: none; } .navPc{ display: none; } } @media (max-width: 768px){ .mOnLine { display: none; } .allmbox4Bg .other .case-text-item{ display: none; } .allmbox4Bg .case-all-biao{ width: 100%; text-align:center; margin-right: 0; position: inherit; display: none; } .allmbox4Bg .other .fnfir{ display: none; } .allmbox4Bg .other .fnsec{ display: block; position: inherit; width: 100%; height: auto; } .allmbox4Bg .other .fn .text-item{ display: block; position: inherit; overflow: hidden; width: 94%; margin: 8% auto 0 auto; } .allmbox4Bg .other .fn .text-list{ position: relative!important; left: inherit!important; top: inherit!important; width: 50%; float: left; padding: 0 2%; } .allmbox4Bg .other .con .img{ max-width: 66%; } .allmbox4Bg .other{ display: block; } .mbox4Bg .other .fn .text-list em{ right: 21px; } .allmbox4Bg .other .fn .text-list i{ bottom: 2px; border-bottom: 1px dashed #c9dfff; width: 100%; opacity: 1; } .allmbox4Bg .other .fn .text-list.active i { border-bottom: 1px dashed #307ff0; } .allmbox4Bg .other .fn .text-list.active em{ transform: scale(3); -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); -ms-transform: scale(3); } .allmbox4Bg .other .fn .text-list p{ font-size:15px; color: #307ff0; background-size: 20px; } .allmbox4Bg .other .fn .text-list p a{ color: #307ff0; display: block; } .allmbox4Bg .bg4-items{ width: 100%; } .allmbox4Bg .bg4-items.bgimg { height: 36.7%; } .allmbox4Bg .bg4-items.bgcolor { height: 62.3%; } .fp-viewing-case .tel{ color:#fff; } .fp-viewing-case .telIco { background: url(../img/tel.png) no-repeat center; } .swiper-button-prev-case{ border-bottom: 1px solid #2f7ef0; color:#2f7ef0; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(1) p{ background-image: url("../img/c2.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(2) p{ background-image: url("../img/c3.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(3) p{ background-image: url("../img/c4.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(4) p{ background-image: url("../img/c5.png") !important; } .allmbox4Bg .caseslide1 .other .fn .text-list:nth-child(5) p{ background-image: url("../img/c6.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(1) p{ background-image: url("../img/c7.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(2) p{ background-image: url("../img/c8.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(3) p{ background-image: url("../img/c9.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(4) p{ background-image: url("../img/c10.png") !important; } .allmbox4Bg .caseslide2 .other .fn .text-list:nth-child(5) p{ background-image: url("../img/c11.png") !important; } #navPage{ display: none; } .tel{ display: none; } .telbox{ display: none; } .section-home .slide1 .bannerText .fir{ font-size: 22px; letter-spacing: 1px; } .section-home .slide1 .bannerText .sec{ font-size: 15px; } .section-home .slide2 .bannerText .banTextfir{ font-size: 22px; letter-spacing: 0; } .section-home .slide2 .bannerText .banner2Text{ font-size: 14px; } .section-home .slide2 .bannerText{ width: 95%; } .section-home .slide2 .bannerText .banner2Line{ margin:10px auto; width: 79%; } .section-home .slide1 .bannerLine img{ max-width: 73%; } .section-home .slide3 .bannerText .fir{ font-size: 22px; letter-spacing: 1px; } .section-home .slide3 .bannerText .sec{ font-size: 15px; } #allnavPage{ display: none; } .swiper-container-banner .swiper-pagination-bullet{ width: 8px; height: 8px; } .swiper-container-banner .swiper-pagination-bullet-active{ width: 20px; } /*��ҳ*/ .s-banner-box .fir{ font-size: 20px; line-height: 30px; } .s-banner-box .sec{ font-size: 14px; } .s-banner-button-inner{ width: 98%; } .all-next-button{ width: 69px; font-size: 12px; font-weight: 500; } .all-prev-button{ width: 69px; font-size: 12px; font-weight: 500; } .s-banner-box .line{ width: 63px; height: 1px; } .sroll-more p{ font-size: 12px; } .s-banner-button{ top: 65%; } .all_crumbs{ font-size: 12px; padding-left: 27px; } .info_content{ padding: 4.5% 3.5% 23% 3.5%; } .company-type a{ width: 32%; font-size: 14px; line-height: 53px; } .company-type a i{ height: 1px; } .company-content-imgbox-01{ height: auto; } .company01-left{ width: 100%; height: 218px; } .company01-right{ width: 100%; height: 110px; flex-direction: row; } .company01-right-list{ width: 32.5%; height: 100%; margin-top: 1%; } .company-content-biao{ display: none; } .company-content-text{ width: 100%; } .company-content-title .fir{ font-size:20px; } .company-content-title .line{ height: 29px; margin: 9px 0; } .company-content-des{ line-height: 30px; } .s-banner-box{ padding-top: 25%; } .inner-title .sec{ font-size: 14px; letter-spacing: 0; } .zuji-inner .inner-title{ margin-bottom: 10%; } .zujilunbo .gallery-top .swiper-slide-inner{ width: 99%; } .zujilunbo .gallery-top .ziji-list{ font-size:14px; padding-left: 13%; } .inner-title .fir{ font-size:20px; } .zujilunbo .gallery-top .ziji-list i{ top: 48%; } .zujilunbo .gallery-thumbs .swiper-slide-inner .title{ font-size: 16px; margin-top: 13%; } .zujilunbo .gallery-thumbs .swiper-slide-inner .line em{ width: 7px; height: 7px; } .zujilunbo .gallery-thumbs .swiper-slide-inner .line em:before{ width: 3px; height: 3px; } .zujilunbo .gallery-thumbs .swiper-slide-inner .line em:after{ width: 5px; height: 5px; } .zujilunbo .gallery-thumbs .swiper-slide-thumb-active .title{ font-size: 23px; margin-top: 10%; } .zujilunbo .gallery-thumbs .swiper-slide-inner{ padding-top: 9%; } .zuji-inner{ background: url(../img/bg.jpg) no-repeat top 2% center; background-size: 100%; } .zujilunbo .gallery-top .swiper-slide-inner .honorbox { height: 84%; max-height: 84%; top: 9%; display: none; } .gouchengboxfir{ display: none; } .gouchengboxsec{ display: block; } .gouchenglist{ flex-wrap: wrap; } .gouchenglist .imgbox{ font-size: 15px; margin-bottom: 2%; } .hexin-des{ font-size:14px; } .hexinimgbox .company-content-imgbox{ flex-wrap: wrap; } .hexin-imgbox { width: 49.5%; height: 123px; margin-bottom: 0.7%; } .hexin-zong-list{ font-size: 15px; line-height: 46px; background: url(../img/hexin-zong-list1.jpg) no-repeat left center; background-size: 100%; } .hexin-zong-list:nth-of-type(1) { background: url(../img/hexin-zong-list1.jpg) no-repeat left center; background-size: 100%; } .company-content-des img{ margin:0; } .hexin-secitem img{ margin: 0 0 4% 0; } .hexin-secitem{ font-size: 14px; line-height: 30px; } .navMenu{ right: 15px; height: 55px; } .navMenu .navMenuIcon{ margin-top: 19%; } .mbox6BgNews-list{ width: 100%; height: 79px; margin-bottom: 1%; } .mbox6BgNews-list:last-child{ margin-bottom: 0; } .mbox6BgNews-list .imgbox{ width: 30%; } .mbox6BgNews-list .text{ width: 70%; padding: 3% 4%; } .mbox6BgNews{ height:auto; } .mbox6BgNews-list .mbox6BgIco{ left: 30%; } .mbox6BgNews-list:nth-child(odd) .text{ float: right; } .mbox6BgNews-list:nth-child(even) .text{ float: left; } .mbox6BgNews-list:nth-child(odd) .imgbox{ float: left; } .mbox6BgNews-list:nth-child(even) .imgbox{ float: right; } .mbox6BgNews-list:nth-child(even) .mbox6BgIco{ left:70% } .mbox6BgNews-list .text .time{ font-size: 13px; margin: 2% 0 2% 0; } .mbox6BgNews-list .text .des{ font-size: 14px; line-height: 19px; display: none; } .warp{ width: 90%; } .all_index_title .fir{ font-size:22px; } .all_index_title .sec{ font-size: 14px; } .all_index_title .thr{ font-size: 32px; top: 9px; } .mbox5Goucheng{ height: 360px; } .mbox5Goucheng .goucheng-list{ height: 110px; width: 100px; } /*.mbox5Goucheng .goucheng-list4{ height: 150px; width: 100px; }*/ .mbox5Goucheng .goucheng-list-inner{ font-size: 14px; line-height: 110px; } .mbox5Goucheng .goucheng-list4 .goucheng-list-a { background: url(../img/goucheng-bg-big.png) no-repeat center; background-size: 100%; } .active .newsbox .swiper-slide:nth-child(odd){ margin-top: 0; } .active .newsbox .swiper-slide:nth-child(even) { margin-top: 0; } .allmbox3Bg .news-inner{ height: 369px; } .allmbox3Bg .news-inner .imgbox{ height: 39%; } .allmbox3Bg .news-inner .text .fir{ font-size: 18px; } .newsbox{ width: 60%; } .mbox3Bg .news-inner .text{ padding: 0% 7%; } .allmbox3Bg .swiper-slide:nth-child(odd) .text { bottom: 0; } .swiper-button-next-product{ right: -30%; } .swiper-button-prev-product{ left: -30%; } .allmbox3Bg .swiper-container{ padding:4% 0; } .all_index_title{ padding:0 3%; } .mbox5Goucheng .goucheng-list-inner img{ max-width: 37%; } .mbox6BgNews-list .text .fir{ font-size: 15px; } .mbox7Bg-top{ height: 100% !important; } .mbox7Bg-top .mbox7Bg-top-list{ width: 100%; height: 50%; } .mbox7Bg-top .mbox7Bg-top-list:nth-child(2) .mbox7Bg-top-list-inner{ top: 36%; } .mbox7Bg-top .mbox7Bg-top-list .fir{ font-size: 22px; } .mbox7Bg-bottom{ display: none; } .box2ImgBgright{ display: none; } .allmbox2Text{ width: 100%; padding:0 4%; } .allmbox2Text .sec{ font-size:16px; } .allmbox2Text .fir{ font-size:22px; } .allmbox2Text .des{ font-size: 14px; line-height: 24px; } .allmbox2Text .m-menu{ width: 100%; } .allmbox2Text .m-list{ width: 32%; height: 111px; } .allmbox2Text .m-list .m-list-text{ width: 99px; font-size: 15px; } .allmbox2Text .m-list:nth-child(1) .m-list-text { background: url(../img/mm1.png) no-repeat left center; background-size: 32px; } .allmbox2Text .m-list:nth-child(2) .m-list-text { background: url(../img/mm2.png) no-repeat left center; background-size: 26px; } .allmbox2Text .m-list:nth-child(3) .m-list-text { background: url(../img/mm3.png) no-repeat left center; background-size: 32px; } .navBgList li{ width: 33.33%; height: 45%; } .navBgList li .navBgList-biao .fir{ font-size: 18px; } .navBgTop{ padding: 16px 12px; } .navBgList li a{ margin-bottom: 1px; } .navBgList li .navBgList-biao .line{ margin: 5px 0 11px 0; } .navBgBottom{ height: calc(100% - 73px); } .product_type{ flex-wrap: wrap; border:none; } .product_type a{ width: 50%; line-height: 38px; font-size: 14px; border-bottom: 1px solid #f0f6ff; text-align:center; } .product-list{ width: 49%; margin-right: 2%; padding: 6.5%; } .product-list:nth-child(2n){ margin-right: 0; } .product-list:nth-child(3n){ margin-right: 2%; } .product-list:nth-child(6n){ margin-right: 0; } .product-list .fir{ font-size: 17px; } .product-list .sec{ width: 30px; line-height: 26px; border: 1px solid #2f7ef0; margin: 10.5% auto 17% auto; } .product-list .imgbox{ height: 90px; } .product-list:nth-child(-n+7){ margin-bottom: 3%; } .de-page-mian .page-inner a { min-width: 40px; height: 40px; line-height: 40px; font-size: 12px; } .footerbox{ display: none; } .product_type a:after{ height: 1px; } .product-info .inner-title{ margin-bottom: 9%; } .pro_type_des_sec strong.b_title{ line-height: 32px; } .pro_type_des_sec table{ margin-top: 10px; width: 500px!important; } .newsPage{ line-height: 25px; } .case-inner-list{ width: 49%; margin-right: 2%; margin-bottom: 13%; } .case-inner-list:nth-child(2n) { margin-right: 0; } .case-inner-list:nth-child(3n) { margin-right: 2%; } .case-inner-list:nth-child(6n) { margin-right: 0; } .case-inner-list .imgbox .icon img{ max-width: 71%; max-height: 53%; } .case-inner-list .imgbox .icon{ width: 50px; height: 50px; border: 2px solid #fff; top: -15%; } .case-inner-list .imgbox{ height: 170px; } .case-inner-list:nth-child(-n+9) { margin-bottom: 13%; } .case-inner-list .imgbox .fir{ font-size:17px; } .case-inner-item { margin-top: 15%; } .case_inner_item strong.b_title{ font-size: 18px; padding-left: 10.5%; } .case_inner_item strong.b_title{ margin-top: 4%; } .case_inner_sec_list{ width: 49%; height: 140px; margin-right: 2%; margin-bottom: 2%; } .case_inner_sec_list:nth-child(2n) { margin-right: 0; } .case_inner_sec_list:nth-child(3n) { margin-right: 2%; } .case_inner_sec_list:nth-child(6n) { margin-right: 0; } .case_inner_sec_list:nth-last-of-type(-n+3) { margin-bottom: 2%; } .jobText-left .fir{ font-size:22px; } .jobText-left{ width: 100%; } .jobText-right{ width: 100%; } .jobText-left .sec{ line-height: 23px; margin-bottom: 4%; } .jobText-right-list{ margin-bottom: 9%; } .jobText-right-list .imgbox .shuxian{ height: 32px; } .job_ul li .job_title{ line-height: 60px; font-size: 17px; } .job_ul li .job_jian{ height: 60px; margin-top: 0; } .job_ul li .job_title_des{ line-height: 26px; } .job_ul li .job_title_des .allmoreButton{ height: 35px; line-height: 35px; width: 149px; margin-top: 5%; } .contact_inner_content{ height: auto; } .contactbox .contactImg{ width: 100%; } .contactbox .contactText{ width: 100%; } .contactbox .contactText .fir{ font-size:22px; } .contactbox .contactText .secbox{ width: 100%; margin-top: 0%; } .contactbox .contactText .sec{ font-size: 16px; } .contactbox .contactText img{ float: none; width: 39%; margin:0 auto; } /*.mbox5Gouchengsec{ display: block; }*/ .mbox5Gouchengfir{ display: none; } .mbox5Gouchengsec .goucheng-list { width: 100px !important; } .mbox5Gouchengsec .goucheng-tiem-sec{ width: 70%; } .mbox5Gouchengsec .goucheng-tiem-sec2{ width: 100%; } .news-inner-list .newsLeft{ display: none; } .news-inner-list .newsCenter{ width: 70%; } .news-inner-list .newsCenter .fir{ font-size: 16px; } .news-inner-list .newsCenter .des{ margin-top: 3%; } .news-inner-list .newsRight{ width: 30%; height: 133px; } .news-inner-list .allmoreButton{ width: 136px; height: 40px; line-height: 40px; } #jobform{ width: 100%; height: 100%; } #jobform .faqline .faqtit{ width: 22%; } #jobform .faqline .input{ width: 78%; } #jobform textarea{ width: 78%; } #jobform .faqline .input1{ width: 37%; } #jobform button{ margin-left: 22%; margin-top: 16%; width: 37%; } .allmbox6Bg .allmoreButton{ margin: 12% auto 0 auto; } .jobText-right-list .text .sec{ font-size:16px; } .mobile-footer{ display: block; } .allmbox3Bg .news-inner .text .des{ line-height: 19px; } .swiper-container-banner .swiper-pagination{ bottom:10%; } .allmbox4Bg .otherbox .case-button{ bottom:14%; } .allmbox4Bg .other .fn .text-list em{ width: 7px; height: 7px; } .allmbox4Bg .other .fn .text-list em:after{ width: 5px; height:5px; } .allmbox4Bg .other .fn .text-list em:before{ width: 3px; height:3px; } .contact-liuyan .contact-liuyan-title{ font-size: 16px; } .contact-liuyan .inputbox input[type=text] { width: 100%; } .contact-liuyan .inputbox input[name=captcha]{ width: 49%; } .contact-liuyan .inputbox .verify{ height: 47px; width: 49%; } .contact-liuyan textarea{ width: 100%; margin-bottom: 8px; } .contact-liuyan .form-left { width: 100%; } .contact-liuyan .form-right { width: 100%; } .contact-liuyan .submit{ margin-top: 0; } .contact-liuyan{ border: 1px solid #eee; } .contact-liuyan input[name=captcha] { width: 49%; } .contact-liuyan .verify{ width: 49%; height: 47px; } .allmbox5Bg .gouchenglist .imgbox{ color:#fff; background: url(../img/goucheng-bg-small.png) no-repeat center; background-size: contain; font-size: 13px; height: 89px; line-height: 89px; } .allmbox5Bg .gouchenglist .imgbox img{ max-height: 32%; } } @media (max-width: 640px){ .allmoreButton { left: 0; width: 150px; height: 46px; font-size: 12px; line-height: 46px; } .allmoreButton i{ font-size: 20px; } .allmoreButtonDot{ width: 3px; height: 3px; } .allmoreButton strong{ margin-right: 11px; } .allmbox4Bg .otherbox .swiper-container{ margin-top: -17%; } } /*��ҳ����С��Ļ*/ @media (max-width: 1366px) and (max-height: 768px){ .allmbox2Text .m-menu{ margin: 4% 0 4% 0; } .allmbox2Text .sec{ margin: 1.5% 0 3% 0; } .allmoreButton{ width: 217px; } .allmbox3Bg .news-inner{ height: 335px; } .allmbox3Bg .news-inner .imgbox { height: 38%; } .allmbox4Bg .case-all-biao{ top: 20%; } .allmbox4Bg .other .case-text-item{ right: 10%; } .mbox5Goucheng{ height: 400px; } .allmbox5Bg .warp { width: 63%; } .mbox5Goucheng .goucheng-list { width: 127px; } .mbox5Goucheng .goucheng-list4{ width: 145px; } .all_index_title{ margin-bottom: 2%; } .mbox6BgNews { height: 310px; } .mbox6BgNews-list .text{ padding: 3% 4%; } .all_index_title .thr{ font-size: 53px; top: -9px; } .mbox7Bg-top .mbox7Bg-top-list .fir{ font-size: 23px; } .mbox7Bg-top .mbox7Bg-top-list .abox .allmoreButton{ margin: 5% auto 0 auto; } .mbox7Bg-top{ height: 56%; } .mbox7Bg-bottom{ height: 44%; } .mbox7Bg-bottom { padding-top: 2%; } } @media (max-width: 1285px) and (max-height: 578px){ .allmbox2Text .m-menu{ margin: 4% 0 4% 0; } .allmbox2Text .sec{ margin: 1.5% 0 3% 0; } .section-home .slide1 .bannerText .fir { font-size: 36px; letter-spacing: 5px; } .section-home .slide1 .bannerLine img { max-width: 27%; } .section-home .slide2 .bannerText .banTextfir { font-size: 36px; } .section-home .slide2 .bannerText{ bottom: 38%; } .section-home .slide3 .bannerText .fir { font-size: 36px; letter-spacing: 5px; } .allmbox2Text .des{ line-height: 25px; } .box2ImgBgright .rotatetext { font-size: 71px; } .allmbox2Text .fir { font-size: 28px; } .allmbox2Text .m-list .m-list-text{ width: 109px; font-size: 16px; } .allmbox2Text .m-list:nth-child(1) .m-list-text { background: url(../img/mm1.png) no-repeat left center; background-size: 34px; } .allmbox2Text .m-list:nth-child(2) .m-list-text { background: url(../img/mm2.png) no-repeat left center; background-size: 31px; } .allmbox2Text .m-list:nth-child(3) .m-list-text { background: url(../img/mm3.png) no-repeat left center; background-size: 34px; } .allmbox2Text .m-list{ height: 114px; } .allmoreButton{ height: 45px; line-height: 45px; font-size: 14px; width: 182px; } .allmoreButton i { font-size: 20px; } .allmoreButton strong{ margin-right: 8px; } .allmbox3Bg .news-inner { height: 290px; } .allmbox3Bg .news-inner .text{ padding: 2%; } .allmbox3Bg .news-inner .text .line{ height:1px; margin: 3% 0 4% 0; } .allmbox3Bg .news-inner .text .des { font-size: 13px; } .allmbox3Bg .news-inner .imgbox { height: 42%; } .allmbox3Bg .news-inner i.i1{ top: 0%; left: 0%; } .allmbox3Bg .news-inner i.i2 { top: 0%; left: 0%; } .allmbox3Bg .news-inner i.i3 { bottom: 0%; right: 0%; } .allmbox3Bg .news-inner i.i4 { bottom: 0%; right: 0%; } .allmbox3Bg .news-inner .imgbox .mbox3Saerch{ max-width: 12%; } .all_index_title .fir{ font-size: 24px; } .all_index_title .sec{ margin-top: 0.5%; } .all_index_title .thr { font-size: 41px; top: 1px; } .active .newsbox .swiper-slide:nth-child(even) { margin-top: 10px; } .active .newsbox .swiper-slide:nth-child(odd) { margin-top: -10px; } .allmbox3Bg .swiper-container { padding: 15px 0; } .allmbox3Bg .all_index_title{ margin-bottom: 3%; } .allmbox4Bg .other .con .img { max-width: 55%; } .allmbox4Bg .other .fn .text-list.active em{ transform: scale(3); -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); -ms-transform: scale(3); } .allmbox4Bg .other .fn .text-list:nth-of-type(1) { left: 3%; } .allmbox4Bg .other .fn .text-list:nth-of-type(2) { left: -14%; } .allmbox4Bg .other .fn .text-list:nth-of-type(3) { left: -17%; } .allmbox4Bg .other .fn .text-list:nth-of-type(4) { left: -13%; } .allmbox4Bg .other .fn .text-list:nth-of-type(5) { left: 3%; } .allmbox4Bg .other .case-text-item{ top: 43%; } .allmbox4Bg .case-all-biao .fir { font-size: 20px; } .allmbox4Bg .case-all-biao .sec { font-size: 14px; } .mbox5Goucheng .goucheng-list { width: 125px; } .mbox6BgNews-list .text .fir{ font-size: 15px; } .mbox6BgNews-list .text .des{ font-size: 13px; line-height: 22px; } .mbox6BgNews { height: 293px; } .mbox7Bg-top .mbox7Bg-top-list .fir { font-size: 20px; } .mbox7Bg-top .mbox7Bg-top-list .sec { margin-top: 1%; } .mbox7Bg-bottom-list .abox a{ margin-bottom: 1%; } .mbox7Bg-bottom .top a i { font-size: 17px; margin-top: 11%; } .mbox7Bg-bottom .top a p{ font-size: 14px; } .mbox7Bg-bottom { padding-top: 2.2%; } .company-type a{ font-size: 20px; } .contactbox .contactText .fir{ font-size: 22px; } .contactbox .contactText .sec{ font-size: 16px; } .s-banner-box{ padding-top: 10%; } .s-banner-box .fir{ font-size: 38px; } .s-banner-box .sec{ font-size: 16px; } .job_ul li .job_jian{ height: 70px; line-height: 70px; margin-top: 0; } .job_ul li .job_title{ line-height: 70px; font-size: 18px; } #jobform{ padding: 2%; width: 601px; height: 458px; } #jobform .faqline .faqtit{ width: 13%; line-height: 35px; font-size: 14px; } #jobform .faqline .input{ width: 87%; height: 35px; } #jobform .faqline{ padding: 0.5% 0; } #jobform textarea{ width: 87%; height: 72px; } #jobform .faqline .input1{ width: 26%; } #jobform .code img{ height: 35px; margin-left: 2%; } #jobform button{ float: left; width: 36%; margin-left: 2%; height: 35px; } .inner-title .fir{ font-size: 19px; } .news_inner_item{ font-size: 14px; } }