@media(max-width:750px) { html { width : 100vw; overflow: hidden; } .consulting { display: none !important; } header { display: none; } nav { display: none; } nav .right .contact-wrap { display: none; } .wrap { width: 100%; } nav .left p { display: none; } .plate-title, .plate-slogan { width: 100%; } .plate-slogan { display: none; } .plate-title { margin-top: .266667rem; } .about-content { flex-direction: column; margin-top : .346667rem } .about-content .left .slogan { font-size: .426667rem; width : 94%; margin : 0 auto; height : auto; } .about-content .right video { width : 8.826667rem; height : 5.066667rem; margin : 0 auto; display: block; } .about-content .more { margin-top : .426667rem; margin-bottom: .293333rem; margin-left : .346667rem; } .solution, .platform-wrap { display: none; } .product-wrap ul li img { width : 4.64rem; height: 4.64rem; } .product-wrap ul li { flex : 0 0 46%; margin-top: .4rem; } .case-container { display: none; } footer>ul>li { display : flex; flex : 0 0 48%; flex-direction: column; margin-left : .186667rem; } footer>ul { flex-wrap: wrap; } footer { background: #333333; } footer>ul>li h2 { font-size: 21px; margin : .346667rem 0 .266667rem 0; } .phone-nav { display : flex; border-bottom: 1px solid #06a260; } .swiper-container1 { margin-top: 70px; height : auto !important; } .phone-nav { display : flex; height : 70px; top : 0; flex-direction: column; z-index : 99; background : #fff; position : fixed !important; .right { width: 100%; } } nav .right .nav-ul { flex-direction: column; background : rgba(0, 0, 0, 0.8); margin-top : 0 !important; } nav .right { width: 100%; } nav .right .nav-ul li { color : #fff; margin: .266667rem 0; a { color: #fff; } } .fold { width : 25px; height: 25px; } .phone-nav { .left { width : 92%; /* height : 160px; */ display : flex; justify-content: space-between; margin-top : 19px; } .right { width : 100%; background : rgba(0, 0, 0, 0.7); z-index : 999; position : fixed; top : 70px; height : 0; overflow : hidden; // padding-bottom: 29px; } } .navigation { display: none; } .aboutDetail { .left { h1 { display: none; } } } .about-content .left .slogan { text-indent: 0; margin-top : 10px; } .switchTab li { font-size: 16px; } .about-content .right img { width : 90%; height : auto; margin : 0 auto; display : block; margin-top: .533333rem } .patent-wrap li { flex : 0 0 45.7%; height : 5.84rem; margin : 0 .168rem; margin-bottom : .426667rem; flex-direction: column; background : linear-gradient(0deg, #d3f7e7, #fbfbfb); } // &::after { // content : ''; // position : absolute; // width : 10px; // height : 5px; // background: red; // } .patent-wrap { flex-wrap: wrap; } .switchTab { display: none; } .classifyList li { padding : 0 .4rem; font-size : .4rem; margin-bottom: .106667rem; } .detail-wrap { flex-direction: column; margin-top : .4rem; } .solution-wrap .left { width : 7.333333rem; height : 7.333333rem; margin : 0 auto; margin-top: .32rem; } .solution-wrap .left img { width : 7.333333rem; height: 7.333333rem; } .detail-wrap .right { /* margin-left: 35px; */ width : 92%; margin : 0 auto; h3 { display: none; } } .switchProduct li { /* width : 120px; */ /* height : 34px; */ display : flex; align-items : center; justify-content: center; cursor : pointer; flex : 0 0 25%; padding : 0.04rem 0; font-size : .373333rem; } .switchProduct { width: 94%; } .product-detail img { width: 94%; } .product-detail { margin: .48rem 0 .933333rem 0; } .downloadTable { width : 96%; margin-top: .293333rem; td:nth-child(1) { width: 6.213333rem; } thead { td:nth-child(3) { display: none; } } tbody { td { padding: .24rem 0; } td:nth-child(3) { display: none; } } } .swiper-container1 .swiper-slide img { width : 100%; height: 5.333333rem; } .contact-wrap { flex-direction: column; } .contact-wrap .left ul li { color : #727171; margin-top: .266667rem; font-size : .426667rem; } .contact-wrap .left { /* flex: 0 0 41%; */ width : 94%; margin : .32rem auto; } .contact-wrap .left h2 { font-size: .56rem; } .contact-wrap .right img { width : 94%; display: block; margin : 0 auto; } .remittance-info { margin-top : .533333rem; flex-direction: column; padding : .426667rem 0; ul:first-child { margin-bottom: .266667rem; } } .vertical { display: none; } .remittance-info { width: 94%; } .detail-wrap .left { width : 94%; margin: 0 auto; } .gallery-thumbs .swiper-slide img { width : 2.666667rem; height : 2.666667rem; border-radius: 10px; } .gallery-thumbs .swiper-slide { width : 2.666667rem !important; height : 2.666667rem !important; border-radius: 10px; margin-bottom: 10px; margin: .133333rem .186667rem !important; } .gallery-top .swiper-slide img { width : 99%; border-radius: 10px; } }