@charset "UTF-8";
@media (min-width:686px) and (max-width:999px) {
  .wrap{ width:686px;}	
  .focusBox,.focusBox .pic img{ height:167px;}
  .picImg{ height:273px;}
  .picImg li { display: inline-block; float: left; margin-right: 0px; margin-bottom: 0px; position: absolute; top: 0; left: 0;}
  .picImg li img{ width:100%; height:auto;}
  .picImg li.item-1 { left: 0; top: 0; width:123px; height:163px;}
  .picImg li.item-2 { left: 0; top: 167px; width:123px; height:92px; }
  .picImg li.item-3 { left: 127px; top: 0; width:123px; height:92px;}
  .picImg li.item-4 { left: 127px; top: 96px; width:123px; height:163px;}
  .picImg li.item-5 { left: 254px; top: 0; width:218px; height:163px;}
  .picImg li.item-6 { left: 254px; top: 167px; width:123px; height:92px;}
  .picImg li.item-7 { left: 381px; top: 167px; width:123px; height:92px;}
  .picImg li.item-8 { left: auto; right:0; top: 0; width:155px; height:42px;}
  .picImg li.item-9 { left: auto; right:0; top: 46px; width:155px; height:116px;}
  .picImg li.item-10 { left: auto; right:0; top: 166px; width:123px; height:92px;}
  .leftmenu{ width:160px;}
  .ml-215{ margin-left:160px;}
  .article_body img { width:90%; height:auto;}
  .picture img { width:90%; height:auto;}
}
@media screen and (max-width:685px) {
  .focusBox,.focusBox .pic img{ height:150px;}
  .main{ padding:0 10px;}
  .m-box1, .m-box2, .m-box3, .m-box4, .m-box5, .m-box6{ float:none; width:100%; margin:0;}
  .wrap{ width:100%;}
  .picImg{ height:auto;}
  .picImg li { position:static; width:46%; margin:2%; overflow:hidden;}
  .picImg li.picitem{ width:46%; margin:2%; height:150px;}
  .leftmenu{ width:100px;}
  .ml-215{ margin-left:100px;}
  article img{ width:85%; height:auto;}
  .footer p{ padding-left:8px;}
  .role-l{ display:none;}
  .role-r{ margin-left:0;}
}
@media screen and (max-width:780px) {
  .search{ display:none}
  .outNav{ height:0;}
  .nav{ display:none;}
  .sideNav{ display:block}
  .header{ background-position:0 center; }
}
@media screen and (max-width:590px) {
  .header{ background-size:60% auto}
  .header img.logo{ width:60%;}
  a.returnIndex{ left:62%;}
  .header span{ font-size:20px; top:45px;}
  .focusBox,.focusBox .pic img{ height:140px;}
}
@media screen and (max-width:608px) {
  .slogan{ right:4px; margin-top:-60px;}
  .erweima{ margin-top:-20px;}
  .article_body img { width:88%; height:auto;}
  .picture img { width:88%; height:auto;}
}
@media screen and (max-width:520px) {
  .outHead { height: 85px; }
  a.returnIndex{ top:40px; width:60px;}
  .leftmenu{ width:80px;}
  .ml-215{ margin-left:80px;}
  .ul-sublist{ padding:10px 5px;}
  .pages{ padding:10px 5px;}
}
@media screen and (max-width:480px) {
  a.returnIndex{ top:35px;}
  .header span{ font-size:20px; top:35px;}
  .picImg li.picitem{ height:120px;}
}
@media screen and (max-width:380px) {
  .outHead { height: 75px; }
  a.returnIndex{ top:28px;}
  .header span{ font-size:16px; top:33px;}
  .ul_roler li{ width:33%;}
}
@media screen and (max-width:330px) {
  .outHead { height: 65px; }
  .header img.logo{ padding-top:15px;}
  a.returnIndex{ left:auto; right:0px; top:10px;}
  .header span{ top:36px;}
}