@media screen and (max-width: 1200px){ .wrap{ width: 992px; } .head .logo img{ width: 200px; } .head .block_2 li{ margin: 0 } .main .sec_1 .right .dec{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; margin-bottom: 14px; } } @media screen and (max-width: 992px){ .wrap{ width: 768px; } .head .logo img{ width:160px; } .top .weather{ padding: 0px 10px; } .head .block_2 .h2tit a{ padding: 0px 4px; font-size: 12px; } .head .search{ width: 180px } .head .block_2 li{ margin: 0px 4px; } } @media screen and (max-width: 768px){ .wap_nav { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 7777; } .wap_nav .logo { float: left; position: absolute; left: 0px; top: 0px; } .wap_nav .logo img{height: 33px;margin-top: 9px;margin-left: 10px;} body{ padding-top: 50px; } .channel_main .right .bg .article img{ width:100%; } .pc{ display: none; } .wap{ display: block; } .main .sec_1 .right{ width: 100%; height: auto; padding-bottom: 30px; zoom: 1; overflow: hidden; margin-top: 20px; margin-bottom: 20px; } .main .sec_1 .center{padding-left: 0;padding-right: 0;} .listmodel1{ padding: 10px 0px } .main .sec_1 .left, .main .sec_1 .center{ float: none; width: 100%; margin: 0px; margin-bottom: 10px; } .main .sec_2 .items .item{ float: none; width: 100%; margin-right: 0px; margin-bottom: 20px; } .main .sec_1 .left{ padding-top: 0; } .main .sec_1 .center{ padding-left: 10px; padding-right: 10px; } .footer .sec_1 .left{ float: none;width: 100%; } .footer .sec_1 .right{ float: none; width: 100%; zoom: 1; overflow: hidden; } .footer .sec_1 .right .item{ min-height: 170px; width: 33.3333%; } .footer .sec_1 .right .item:last-child:after{ display: none; min-height: 1px; } .footer .sec_1 .right .item:last-child{ min-height: 1px; } .footer .sec_2 .right{ text-align: center; float: none; padding: 10px; padding-top: 0; line-height: 1.7; } .footer .sec_2 .right a{ margin: 0px 10px; } .footer .sec_2 .left{ float: none; text-align: center; padding: 0px; font-size: 13px; line-height: 1.7; padding: 10px; font-size: 12px; } .main .sec_1 .left, .footer .sec_1{ display: none; } .main .sec_1 .right .pos,.main .sec_1 .right .name{ padding-left: 0px; width: 200px; margin: auto; } .main .sec_1 .right .pos{ margin-bottom: 20px; } .channel_main .left{ float: none; width: 100%; margin-top: 0; } .channel_main .right{ float: none; width: 100%; } .channel_main .right .bg .list1 li .imgbox{ float: none; width: 100%; } .channel_main .right .bg .list1 li .content{ float: none; width: 100%; padding: 15px 0; } .channel_main .right .bg .list3 li{ width: 50%; margin-bottom: 10px; } .channel_main .right .bg .article .infor{ font-size: 12px; } }