锘緻media screen and (max-width:980px){ .picNews,.txtNews{width:50%;} .focusBox{position:relative;width:100%; height:auto; overflow:hidden;} .picNews{height:auto} .focusBox .pic img { width:100%; height:auto; display: block; } .focusBox .prev,.focusBox .next{top:45%} .focusBox .next{left:auto;right:0;} .div_label{width:3%;padding:5px 1%;} .topicMore{width:2%;padding:10px 1%;} .ul_topics{width:91%;margin-left:0;} .ul_topics li{width:20%;margin:13px 1%;margin-bottom:0;padding:10px 1%;} .div_topics{margin-bottom:8px;} .div_newsItem{width:99%;margin:8px auto; float:none;} .ul_picList li{width:23%;margin:1%; height:auto;} } @media screen and (max-width:880px){ .picNews,.txtNews{width:100%;float:none;} .topNews{height:auto; background:none;margin-bottom:15px} .ul_topics li{width:29%;} .ul_topics li:last-child{display:none} .div_newsItem .ul_txtNewsList li a{width:83%} } @media screen and (max-width:645px){ .ul_topics li:nth-last-child(2){display:none;} .ul_topics li{width:44%;} .ul_topics{width:90%} .topicMore{width:3%;padding:10px 1%;} .div_newsItem_long{height:auto;} .ul_picList li{width:48%;margin:1%;} .focusBox .prev,.focusBox .next{top:40%} } @media screen and (max-width:420px){ .ul_txtNewsList li a{width:70%} .div_label{width:7%;} .topicMore{width:5%;} .ul_topics{width:83%;} .focusBox .prev,.focusBox .next{top:30%} .div_newsItem .ul_txtNewsList li a{width:75%} } @media screen and (max-width:400px){ .ul_topics li{display:none;} .div_label{width:8%;} .topicMore{width:6%;} .ul_topics{width:79%;} .ul_topics li:first-child{display:block;width:98%;margin:2px 1% 0;padding:20px 1%} } @media screen and (max-width:320px){ .focusBox .prev,.focusBox .next{top:25%} }