@media only screen and (max-width: 1130px){ div.wp{ width: 96%; } #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } #bannerSlide{ display: none; } .banner-x{ display: block; } .xinwen {width: 100%;float: none;} .keyan {width: 100%;float: none;} .keyan2{ margin-left: 0; margin-top: 15px; } .tongzhi {width: 100%;float: none;margin-top: 15px;} .pingtai {width: 100%;float: none;margin-top: 15px;} .tuijian p{ height: auto; } .index-body{ background-image: none; } .index-body.erjibox .wp{ background-image: none; } .menu{ width: 20%; } .content1{ width: 78%; } .tupian-list ul{ margin-left: 0; } .tupian-list li{ width: 31.33333333333333%; margin:0 1%; } .tupian-pic{ padding: 8px; } } @media only screen and (max-width: 900px){ .select-group li{ width: 48%; margin-left: 4%; margin-top:20px; } .select-group{ margin-top: 0; } .select-group li:first-child, .select-group li:first-child+li+li{ margin-left: 0%; } .er{ float: none; width: 200px; margin:0 auto; text-align: center; } .er img{ display: block; margin-right: 0; float: none; margin:0 auto 5px; } #footer{ text-align: center; } #footer span{ display: inline-block; } .menu {display: none;} .content1{ float: none; width: 100%; } .banner-2{ display: none; } .banner-2-phone{ display: block; } } @media only screen and (max-width:700px){ .tupian-list li{ width: 48%; margin-top: 20px; } .tupian-list{ margin-top: 0; } .menu-3 a{ width: 23%; margin-right: 0; margin:1%; text-align: center; } } @media only screen and (max-width: 600px){ .tuijian-pic{ float: none; width: 100%; margin-right: 0; } .tuijian h1{ margin-top: 15px; } .m-page ul li a{ padding: 0 8px; line-height: 20px; font-size: 12px; } .m-page ul li{ margin-right: 5px; } .mianbaoxie{ display: none; } .news2-pic{ float: none; margin-right: 0; width: 100%; } .list-news2 li h1{ padding-top: 20px; } .list-news2 li p{ height: auto; } } @media only screen and (max-width: 500px){ .select-group li{ float: none; width: 100%; margin-left: 0!important; } .tupian-list li{ float: none; width: 100%; margin-left: 0; margin-right: 0; } .menu-3 a{ width: 31.333333%; } } @media only screen and (max-width: 420px){ .keyan .title-11 h1:first-child {margin-right: 5px;} .keyan .title-11 h1{ font-size: 12px; } } @media only screen and (max-width: 350px){ .logo-2{ width: 230px; } .keyan .title-11 h1{ padding-left: 10px; padding-right: 10px; } .keyan .title-11 h1 i.i3{ display: none; } .menu-3 a{ width: 48%; } }