@media (max-width: 1300px){ .proinfo-a .gallery-top, .proinfo-a .bimg{ width: 400px; height: 400px; } .proinfo-a .gallery-thumbs{ width: 90px; height: 300px; margin-top: 50px; } .proinfo-a .simg{ width: 90px; height: 400px; } .proinfo-a .gallery-thumbs .swiper-slide{ width: 90px; } .proinfo-a .simg .swiper-button-prev, .proinfo-a .simg .swiper-button-next{ width: 90px; height: 32px; } .proinfo-a .right{ padding-top: 30px; } .proinfo-a .right h2{ font-size: 20px; line-height: 50px; } .proinfo-a .right .btn a{ width: 200px; } .service-a li .box{ padding: 25px; } .service-a li .box .line{ margin-bottom: 20px; } } @media (max-width: 1199px){ header .nav a{ margin-left: 2%; } .iabout .pc, .iproduct .pc{ width: 70%; } .iabout .txt, .iproduct .txt{ width: 55%; } .in-ban .txt h2, .in-ban .txt h3{ font-size: 36px; line-height: 48px; } .channel li .tit{ font-size: 20px; padding-right: 30px; line-height: 40px; background: url(../img/bg8.png) no-repeat right center/10px auto; } .proinfo-a .bimg{ margin-left: 0; width: 100%; } .proinfo-a .bimg .swiper-container-horizontal>.swiper-pagination{ left: 0; bottom: 0; text-align: center; width: 100%; } .proinfo-a .bimg .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background: #343e48; margin: 0 5px; opacity: 1; } .proinfo-a .bimg .swiper-pagination-bullet-active{ background: #fcce01; } .summary-b .pc{ width: 70%; } .summary-c ul li .box{ width: 250px; } /*瀹㈡埛鏈嶅姟*/ .service-a ul{ margin-left: -5px; margin-right: -5px; } .service-a li .box{ margin: 0 5px; } .service-c .tab-box{ padding: 30px 50px 90px; } .applay-tb{ width: 900px; } .applay-tb .applay-input{ width: 180px; } .applay-tb select.applay-input{ width: 180px; } .applay-tb textarea.applay-input{ width: 780px; } }