@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */

@media screen and (max-width: 1350px){
.inner1 {
    width: 100%;
    margin: 0 auto;
    height: 61px;
}
.header .head-left {
    width: 30%;
    z-index: 99;
    position: absolute;
    background: none;
    height: 61px;
    padding-left: 2%;
}
.header .head-right {
    float: left;
    width: 64%;
    padding-left: 32%;height: 61px;
}
.sousuo {
    float: left;
    padding-top: 22px;
    padding-left: 1%;
}
.sitelogo img {
    width: 100%;
   
}
.header .sitelogo {
    float: left;
    padding-top: 1%;
    padding-left: 0;
}
.wp-inner {
    width: 100%;
    margin: auto;
}
.infobox {
    padding: 0px 15px;
}

}



@media screen and (max-width: 1200px){
.inner1 {
    width: 100%;
    margin: 0 auto;
    height: 61px;
}
.header .sitelogo {
    float: left;
    padding-top: 2%;
    padding-left: 0;
}
.wrapper .inner {
    width: 100%;
    margin: 0 auto;
}
.main1 .inner .mod {
    padding:65px 0px;
}
.main1 .post-11 .tt {
  
    width: 13%;
    padding-right: 2%;
}
.main1 .post-11 .con {
    width: 85%;
    float: left;
    margin-left: 0px;
}
.main1 {
    background: #f6f6f6;
    padding: 0px 0px;
}
.main1 .post-11 .con {
    margin-left: 0px;
}
.main1 .ml {
    float: left;
    width:48%;padding-right: 4%;
}
.news_list li.news .news_text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.main1 .mr {
    float: left;
    width: 48%;
}
.main2 .mr {
    width: 48%;
    float: left;
}
.main2 .ml {
    width: 48%;
    float: left;
    margin-right: 4%;
}
.focus-container{
    width:100%!important;
}
.focus-box {
    width: 100% !important;
}
.main3 .ml {
    width: 48%;
    padding-right: 4%;
    float: left;
}
.main3 .mc {
    width: 48%;
    float: left;
    margin-left: 0px;
}
.main3 .mr {
    width: 48%;
    float: left;
}
#footer .inner .foot-left {
    float: left;
    padding: 30px 18%;
}
#footer .inner .foot-right {
    float: left;
    margin-top: 6px;
}


}



@media screen and (max-width: 999px){
#header {
    position: relative;
}
/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
.wp-menu .menu-item{width: 100%;}
.navi-aside-toggle,
.navi-aside-search {display: block;}
.sub-menu {
    position: static;
    top: 0;
}
.sub-menu .sub-item a{
height: 20px;
}
.inner1 {
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.header .head-left {
    width: 96%;
    padding-left: 0;    position: static;
}
.header .head-right {
    float: left;
    width: 95%;
    padding-left: 0;display:none;
}
.header .sitelogo {
    float: left;
    padding-top: 1%;
    padding-left: 22%;
    height: 60px;
}
.sitelogo img {
    width: 100%;height:100%;
}
.wp-menu .menu-item a.menu-link {
    line-height: 20px;
}
.sousuo {
    float: left;
    padding-top: 0%;
    margin-top: -4%;
    margin-left: 96%;
    padding-left: 0%;
}



}
@media screen and (max-width: 767px){
.sousuo {
    position: absolute;
    float: right;
    top: 28px;
    left: 95%;
    padding-top: 0%;
    margin-top: 0%;
    margin-left: 0;
    padding-left: 0%;
}
.main1 .ml {
    float: left;
    width: 100%;
    padding-right: 0%;
    padding-left: 5%;
}
.main1 .mr {
    float: left;
    width: 80%;
    margin-top: 20px;
    margin-left: 15%;
}
.main1 .post-11 .con {
    margin-left: 0px;
    width: 77%;
    margin-left: 2%;
    margin-top: -5%;
}
.main1 .post-11 .tt {
    width: 10%;
    padding-right: 0%;
}
.main1 .inner {
    padding: 0px 0px;
}
.main2 .ml {
    width: 90%;
    float: left;
    margin-right: 0%;
    margin-left: 5%;
}
.main2 .mr{
    width:90%;
    float: left;
    margin-right: 0%;
    margin-left: 5%;margin-top: 20px;
}
.main2 .mm {
    margin-left: 5%;
    margin-right: 5%;
}
.main1 .post-11 .tt .tit .title{
    padding: 10px 0;
    margin-right: 40%;
    margin-left: 40%;
}
.main1 .inner .mod {
    padding: 65px 0px;
    padding-bottom: 40px;
}
.main2 {
    padding: 20px 0px 40px 0px;
}
.main3 .ml {
    width: 90%;
    padding-right: 0%;
    float: left;
    margin-left: 5%;
}
.main3 .mc{
    width: 90%;
    padding-right: 0%;
    float: left;
    margin-left: 5%;
}
.main3 .mr {
    width: 90%;
    padding-right: 0%;
    float: left;
    margin-left: 5%;
}
.news_list li.news span.news_title {
    float: left;
    width: 83%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.mr .news_list li.news span.news_title {
    width: 100%;
}
#footer .inner .foot-left {
    float: left;
    padding: 20px 10%;
    padding-right: 2%;
}
.header .sitelogo{
    padding-left: 7%;    
}
.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
.col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
.col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/

.col_news {width: 100%;min-height:300px;float:none;} /**栏目新闻**/
.col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_con  .news_list li.news {line-height:24px;padding:4px 0px;}
.col_news_con .news_list li.news span.news_title {
    line-height: 17px;
    margin-right: 100px;
    width: 71%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}/*标题*/
.col_news_con  .news_list li.news span.news_meta {margin-left:-100px;float: right;line-height: 17px;}/*属性*/
#l-container .inner {
    padding-top: 0;
}
}



@media screen and (max-width: 479px){
#footer .inner .foot-left {
    float: left;
    padding: 20px 5%;
    padding-right: 0%;
}
#footer .inner .foot-right {
    margin-left: 5%;
}
.post-12 .news_title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.main3 .mc {
    width: 90%;
    margin-left: 5%;
}
.main3 .ml {
    width: 90%;
    margin-left: 5%;
}
.sousuo {
    position: absolute;
    float: right;
    padding-top: 0%;
    margin-top: 0%;
    margin-left: 0;
    top: 20px;
    left: 93%;
    margin-right: 0%;
    padding-left: 0%;
}
.header .sitelogo {
    padding-left: 10%;
    width: 80%;
    height: 80%;
}
.header .head-left {
    width: 100%;
}
}



@media screen and (max-width: 319px) {
    
}