@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1360px) {
.wrapper .inner { width:98%; margin:0 auto; }
.mbanner .focus-prev{left:15px;}
.mbanner .focus-next{right:15px;}
.mbanner .focus-title-bar{ width:600px;}
.main1 .ml,.main2 .ml{ width:calc(100% - 460px);}
.main1 .mr,.main2 .mr{width:420px;}
.post-11 .news_list li a{ padding-left:60px;}
.post-22{width:calc(100% - 450px);}

} 
@media screen and (max-width: 1220px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod{width:auto;padding:0 8px;}
.mbanner .focus-title-bar{ height:60px; padding-left:70px;}
.mbanner .focus-title-bar:before{ border-bottom:60px solid rgba(0,0,0,0.6);border-left:70px solid transparent;}
.mbanner .focus-title{height:60px; line-height:60px;left:70px;}
.header .sitetitle{ display:none;}
.title .list_tt{ margin-left:25px;}
.list_tt li{margin-right:20px;}
.post-11 .news_list li{ width:46%; margin-right:8%;}
.post-11 .news_list li:nth-child(2n){margin-right:0;}
.post-11 .news_list li:nth-child(3n){margin-top: 50px;margin-right:8%;}
.post-11 .news_list li:nth-child(5),.post-11 .news_list li:nth-child(6){ display:none;}
.main1 .ml,.main2 .ml{ width:calc(100% - 400px);}
.main1 .mr,.main2 .mr{width:360px;}
.news3 .info{ padding-left:30px; padding-right:20px;}
.post-21{ width:360px;}
.post-22{ width:calc(100% - 390px)}
.tt3:before{right:68%;}
.tt3:after{left:68%;}
#footer .foot-right{ float:left; display:block; width:100%; position:relative;}
#footer .links{ margin-top:0; position:absolute;right:0; bottom:0px;}
#footer .copyright{ padding:15px 8px;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.navi-aside-toggle,
.navi-aside-search {display: block;}
.l-banner img{width:100%;height:100%;}
.wrapper .inner .mod{width:auto;padding:0 12px;}
#header .inner{padding-bottom:20px;}
#header .mod{ height:auto;}
.header .head-left{float:none; width:90%; margin:0 auto; display:block; padding-top:22px;}
.header .head-right{float:none; width:100%;clear: left;padding-top:22px;}
.sitelogo img{width:460px;}
.sitetitle{ display:inline-block; font-size:20px; line-height:26px;}
.header .head-right{ padding-top:7px;}
.wp-search{ width:100%;}
.mbanner .focus-navigation{ width:40px; height:40px;line-height:40px;}
.mbanner .focus-title-bar{width: 80%; height:40px; padding-left:40px;}
.mbanner .focus-title-bar:before{ border-bottom:40px solid rgba(0,0,0,0.6);border-left:40px solid transparent;}
.mbanner .focus-title{height:40px; line-height:40px;left:40px; font-size:18px;}
.main1,.main2{ padding-top:40px;}
.main1 .ml,.main2 .ml,.main3 .ml,.main1 .mr,.main2 .mr,.main3 .mr{ float:none; width:100%;}
.main1 .mr,.main2 .mr,.main3 .mr{ margin-top:30px;}
.post-11 .news_list li:nth-child(5),.post-11 .news_list li:nth-child(6){ display: block;}
.post-11 .news_list li:nth-child(6){margin-right:0;}
.news3 .info{ padding-left:70px; padding-right:60px;}
.news3 .news_xian{ width:40%;}
.tt3:before{right:72%;}
.tt3:after{left:72%;}
.link_bt{ font-size:18px;}
#footer .foot_top{ padding-top:40px;}
#footer .links{ position:static; margin-top:30px; width:100%;}
.botlinks .links-wrap{ width:100%;}
#footer .copyright{ text-align:center;}

#nav{ display:none;}
.wp-menu.nowrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.wp-navi-aside .navi-aside-wrap li{ width:100%;}

/*导航样式：后台绑定时也可以定义配置*/
.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(/_upload/tpl/02/0c/524/template524/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;}

}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {


/*栏目图片*/
.l-banner{height: 180px; text-align:center;}
#l-container .inner,
#d-container .inner {padding:0px 0px;}
#l-container.wrapper .inner .mod,
#d-container.wrapper .inner .mod{padding:0;}

.column-switch {display:block;}

.col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;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:0px;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:24px;margin-right:100px;}/*标题*/
.col_news_con  .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/

.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}

.infobox { width:auto;padding:0px;  margin:0 10px; }

.col_news_list .wp_entry img,
.article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/

.news3 .pic{ padding:26px 20px;}
}


@media screen and (max-width: 680px){
	.main1, .main2{ padding-top:30px;}
	.post-21,.post-22{ float:none; width:100%;}
	.post-22{ margin-top:30px;}
	.news3 .news_xian{ width:60px;}
	.tt3:before{right:79%;}
	.tt3:after{left:79%;}
 }
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
 @media screen and (max-width: 550px) {
 .sitelogo img { width:100%}
.mbanner .focus-title-bar{height:28px; padding-left:28px;}
.mbanner .focus-title-bar:before{ border-bottom:28px solid rgba(0,0,0,0.6);border-left:28px solid transparent;}
.mbanner .focus-title{height:28px; line-height:28px;left:28px; font-size:14px;}
 .title .bt1,.tt3 .title{ font-size:22px;}
 .tt{ height:54px;}
 .post-bt{ margin-top:20px;}
 .list_tt li{ margin-right:10px; padding:0 12px;}
 .post-11 .news_list li:nth-child(n+1){ width:100%; margin-right:0; margin-top:10px;}
 .news3 .info{ padding-left:20px;padding-right:20px;}
 .news3 .news_xian{ width:30px;}
 .news3 .pic{ padding:21px 20px;}
 
}
@media screen and (max-width: 479px) {
.title .list_tt{ margin-left:15px;}
.news3 .news_box{height:40px;}
.news3 .news_num{ width:40px;height:40px; line-height:40px;}
.news3 .news_wz{ line-height:40px;}
.news3 .news_xian{ height:40px;}
.news3 .pic .bt{ font-size:16px;}
.tt3:before{right:88%;}
.tt3:after{left:88%;}
.post4{justify-content: flex-start;-webkit-justify-content:flex-start;-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.tu_list{ width:50%;}

.article h1.arti_title {line-height: 28px;font-size:18px;}
.article h2.arti_title {line-height: 28px;font-size: 16px;}
}
@media screen and (max-width: 375px) {
    
}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
    
}