@media screen and (max-width:890px){
.head .nav{ text-align:right;}
.head .nav a{ margin:15px 25px 0;}
.head .head_r{ bottom:25px;}
.news_m ul li .li_m{ width:500px;}
.news_m ul li.hot .time{ height:240px;}
.news_m ul li .li_m dl dd{ width:100%; margin-left:0px;}
}
@media screen and (max-width:680px){
.contact .ct_m{ width:100%; padding:0; margin:0; margin-bottom:25px; border:0; text-align:left;}
.news_m ul li .li_m{ width:480px;}
}
@media screen and (max-width:590px){
.head .nav a{ margin:15px 15px 0;}
.head .head_r span{ font-size:10px;}
}
@media screen and (max-width:450px) {
.head .nav a{ margin:15px 10px 0 5px; font-size:14px;}
.head .logo{ left:5px;}
.head .head_r{ bottom:25px;}
.contact .ct_m h2{ font-size:18px; color:#555;}
}
@media screen and (max-width:370px) {
.head .head_r{ position:relative; right:0; bottom:5px;}
.head .head_r span{ position:absolute; right:5px; top:5px;}
.head .nav .nav_ico{ display:inline-block;}
.head .nav .nav_m{ display:none; position:absolute; right:0; top:70px; width:100%; background:#FFF; height:35px; line-height:35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.head .nav a{ margin-top:0;}
.head .logo img,.head .logo{ width:62px; height:32px;}
.head{ height:70px;}
}