@media screen and (max-width:1660px) { .technologyOne .next{ right: 0; background-color: rgba(255, 255, 255, .5);} } @media screen and (max-width:1440px) { body{ font-size: 14px;} nav .logo img{ height: 40px;} /* .banner .paly{ width: 80px;} */ .ewmUl img{ width: 120px;} .idxCase .list{ padding: 20px;} .idxCase .list li{ margin-right: 20px; margin-bottom: 20px;} .banDesc li img{ height: 60px;} .idxLine{ height: 22px;} .footLogo{ height: 40px;} .subnav a{ padding: 28px;} .subnav a::after{ height: calc(100% - 56px);top:28px} .subnav a::before{ width: calc(100% - 56px);left:28px} .technologyOne .next{ width: 60px;} .total span{ padding: 0 30px;} .newsTop { height: 480px;} .newslist li .img, .newslist li .desc{ height: 280px;} .modelOne .prev,.modelOne .next{ width: 50px; } .modelOne .swiper-container{ width: calc(100% - 200px);} .idxCase .prev{left: 0;} .idxCase .next{right: 0;} } @media screen and (max-width:1280px) { .banDesc li img{ height: 50px;} nav .oneNav{ font-size: 18px;} nav .right ul{ width: 92%;} .idxLine{ height: 18px;} .ewmUl img{ width: 100px;} .subnav a{ padding: 25px;} .subnav a::after{ height: calc(100% - 50px);top:25px} .subnav a::before{ width: calc(100% - 50px);left:25px} .technologyOne .next{ width: 50px;} .total span{ padding: 0 20px;} .honorList li .img{ height: 300px;} .newsTop { height: 430px;} .newslist li .img, .newslist li .desc{ height: 240px;} .newsTop .txt::after{ position: absolute; left: 0; bottom: 20px; height: 2px;} .newslist li{ width: calc((100% - 60px )/3); margin-right: 30px; margin-bottom: 30px;} .newslist li:nth-child(3n){ margin-right: 0;} .modelOne .swiper-container{ width: calc(100% - 120px);} } @media screen and (max-width:1240px) { nav .oneNav{ font-size: 16px;} nav{ width: 100%;} } @media screen and (max-width:1000px) { .w80{ width: 96%; } nav .oneNav{ font-size: 16px;} .banDesc .w80{ width: 100%;} .idxClass{ flex-wrap: wrap;} .idxClass li{ width: 50%;}.idxClass li:first-child{ width: 100%;} .idxClass li img{ width: 100%;} .idxClass .txt{ display: flex; align-items: center; justify-content: center; flex-direction: column;} .idxLine{ height: 15px;} .idxCase .list li{ width: calc((100% - 20px) / 2); margin-right:20px; margin-bottom: 20px;} .idxCase .list li:nth-child(3n){ margin-right: 20px;} .idxCase .list li:nth-child(2n){ margin-right: 0;} .idxCase .list{ padding-bottom: 0;} footer .right{ display: none;} .technologyOne .next{ width: 40px;} .total span{ padding: 0 10px;} .honorList li .img{ height: 280px;} .newsTop { height: 380px;} .newslist li .img, .newslist li .desc{ height: 200px;} .newsTop .txt::after{ bottom: 8px; } .newslist li{ width: 48%; margin-right: 3%; margin-bottom: 30px;} .newslist li:nth-child(3n){ margin-right: 3%;} .newslist li:nth-child(2n){ margin-right: 0;} .banner .banTxt{ width: 80%;} } @media screen and (max-width:750px) { body{ font-size: 12px;} .w80{ width: 100%; padding: 0 20px;} nav .logo::before{-webkit-clip-path:polygon(100% 0,100% 100%, 0% 100%, 0 0); background: transparent;} .navBox.big::before,.navBox.big::after{ display: none;} nav .logo{ height: 60px;} .navBox.big nav .logo{ height: 60px;} nav{ justify-content: space-between;} .navUL{ display: none;} .navBox{background-image: linear-gradient(to right,var(--qblue),var(--green)); top: 0; padding-left: 20px; width: 100%; position: fixed; top: 0; left: 0;} nav .logo{ width: auto;} .h_nav {display: flex;margin-left: 0;} .h_nav.close{align-items: center; justify-content: center;} /* .banner .txt{ padding-left: 50px; padding-right: 50px;} .banner .paly{ width: 50px;} */ .banDesc .w80{ padding: 0; } .banDesc li{ } .banDesc li img{ height: 16px; display: none;} .idxCulture li{ width: 100%; padding: 20px 0;} .idxCulture li::after{ height: 1px; width: 80%; right: 10%; top: 100%;} .idxCulture{ padding: 0;} /* .banDesc li:nth-child(2n):after{ display: none;} */ .idxLine{ height:10px;} .newClass a{ margin-right: 15px;} .idxNews .right .idxnewItem{ margin-top: 18px;} .idxContact .right{ padding: 0;} .idxContact .left{ padding: 20px;} .idxContact .right .con{ padding: 20px;} .footLogo{ height: 30px;} footer .center{ margin-top: 10px;} .neiBan .txt{ padding: 20px 0;} body::before{display: block;content: '';width: 100%;height: 60px;} .neiBanImg{ width: 100%; height: 220px; object-fit: cover;} .subnav a{ padding: 20px; white-space: nowrap; } .subnav a::after{ height: calc(100% - 40px); top: 20px;} .subnav a::before{ width: calc(100% - 40px);left:20px; } .subnav{ padding-top: 0;} .subnav .w80{ width: 100%;overflow-x: scroll; padding: 0; } .subnav .w80::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/ /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px;} .subnav .w80::-webkit-scrollbar-thumb {/*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/border-radius: 3px; background: #e5e5e5; height: 1px; } .subnav .w80::-webkit-scrollbar-track {/*婊氬姩鏉¢噷闈㈣建閬?/border-radius: 3px; background: transparent; height: 1px;} .technologyOne .right{ margin-top: 15px;} .technologyOne .next{ display: none;} .technologyLine{ width: 40px; height: 2px;} .total span{ padding: 0 5px;} .equalImg{ width: 10px;} .technologyThere .right{ margin-top: 18px;} .honorList li .img{ height: 240px;} .newsTop { height: auto;} .newsTop .img{ height: 200px;}.newsTop .line-clamp8{-webkit-line-clamp: 3;} .newslist li .img, .newslist li .desc{ height: 200px;} .newsTop .txt::after{ bottom: 8px; } .newPage .justify-end{ justify-content: flex-start; margin-top: 10px;} .modelOne .prev,.modelOne .next{ display: none; } .modelOne .swiper-container{ width: 100%;} .map{ width: 100%; height: 300px;} .contactOnline .w48 + .w48{ margin-top: 15px;} footer{background-attachment:scroll} /*.banner{ height: 35vh;} height: 35vh; */ .banImg{ width: 100%; object-fit: cover;} nav .right{ width: auto } .banner .banTxt{ width: 70%;} .banner .txt{ padding-bottom: 15%;} .idxCase .prev,.idxCase .next{ display: none !important;} .idxAbout .left,.idxAbout .right{ width: 100%;} .idxAbout .right{ padding: 0; margin-top: 20px;} } @media screen and (max-width:480px) { .idxCase .list li{ width: 100%; margin-right:0; margin-bottom: 15px;} .idxCase .list li:nth-child(3n){ margin-right: 0;} .honorList li .img{ height: 180px;} .newslist li{ width: 100%; margin-right: 0%; margin-bottom: 15px;} .newslist li:nth-child(3n){ margin-right: 0;} .newslist li:nth-child(2n){ margin-right: 0;} }