@media screen and (max-width: 980px){ img{ max-width: 100%; } .service_img_big { display: none; } .service_img{ display: block; } .shadow{ display: none; } .wash .title{ padding: 0; width: 1.43rem; height: .72rem; top: .36rem; left: .84rem; } .wash .title h2{ margin: 0; padding: 0; width: 100%; font-size: .32rem; text-align: center; line-height: .72rem; } .specification_content{ background-color: #191919; } .specification_content>li{ height: 185px; overflow: hidden; } .electron{ width: 100%; } .electron h1{ color: #fff; font-size: 26px; margin-top: 0; line-height: 30px; } .electron_xian{ margin-top: 5.5%; width: 65%; height: 2px; background-color: #006ac5; } .electron_title{ margin: 0 auto; margin-top: .9rem; margin-left: .8rem; } .electron_title p{ font-size: 16px; } .wash{ width: 100%; overflow: hidden; } .specification_content img{ max-width: 100%; } .Customer_title{ width: 100%; padding: .9rem 0; background-color: #191919; } .Customer_title h1{ color: #fff; font-size: .45rem; margin-left: .8rem; margin-top: 0; line-height: .54rem; } .Customer_title p{ margin-left: 10%; font-size: .28rem; } .Customer_title .electron_xian{ margin-left: 10%; } .serve_case{ width: 100%; } .serve_case>li{ width: 100%; height: 185px; margin: 0; padding-top: 0; } .Customer_BG{ position: absolute; left: 0; top: 0; height: 100%; z-index: 0; } .Customer_title{ position: relative; left: 0; top: 0; z-index: 10; } .serve_case{ position: static; transform: translateX(0); -webkit-transform: translateX(0); } .serve_title{ margin: .15rem 0; font-size: .28rem; letter-spacing: 2px; } .this_icon{ width:1rem; height: 1rem; } .conceal{ position: static; width: 100%; opacity: 1; text-align: center; } .conceal > p{ display: none; } .more{ display: inline-block; line-height: normal; margin: 0 auto; width: auto; height: auto; padding: 0 .2rem; border-radius: .04rem; border: 1px solid #0069C8; } .more a{ padding:0; font-size: .2rem; letter-spacing: 0; } .contents{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; flex-direction: column; -webkit-lex-direction: column; z-index: 100; } }