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

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1399px) {
#banner{ width:100%; overflow:hidden;}
} 
@media screen and (max-width: 1280px) {

.wrapper .inner { width:98%; margin:0 auto; }
.main2{ background-position:-40px bottom;background-size: auto 100%;}

.main1 .ml{ width:calc(100% - 410px);}
.main1 .mr{width:380px;}
.post-21{ float:left; width:480px;}
.post-22{width:calc(100% - 480px);}
#footer .foot-call{ padding-left:46px;}

} 
@media screen and (max-width: 1220px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod{width:auto;padding:0 8px;}
.nav .wp-menu .menu-item a.menu-link{ font-size:18px;}
.mbanner .focus-navigation{ width:60px; height:60px; line-height:60px;}
.main1{ padding:60px 0;}
.main1 .ml{ width:calc(100% - 380px);}
.main1 .mr{width:350px;}
.post-21{ width:360px;}
.post-21 .post-tu{height:300px;}
.post-22 .news_list li:nth-child(7),.post-22 .news_list li:nth-child(8),.post-12 .news_list li:nth-child(5){ display:none;}
.post-12 .news_list li{ margin-top:20px;}
.post-12 .news_list li:first-child{ margin-top:0;}
.post-22{ width:calc(100% - 360px)}
.post-22 .news_list li a{ padding-right:60px;}
.main2 { background-position: -80px bottom;}
.tu_list {padding-left: 40px;}
.link_main{ padding-left:168px;}
.link_main:before{left:-170px;}
#footer .foot-call{ float:none; clear:both; display:block; padding-left:106px; padding-top:17px;}
#footer .foot-right{ position:absolute;top:0px;right:0;}
}

/**
 * [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:520px;}
.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;}
.main1,.main2{ padding:40px 0;}
.main1 .ml,.main1 .mr{ float:none; width:100%;}
.main1 .mr{ margin-top:30px;}
.tt{ margin-bottom:30px;}
.post-12 .news_list li:nth-child(5){ display:block;}
#footer .mod{ padding:0 24px;}
#footer .foot-right{ float:none; display:block; width:100%; position:relative; padding-top:20px;}
#footer .links{ position:static;width:100%;}
.botlinks .links-wrap{ width:100%;}
.botlinks .links-wrap .link-items li a:hover{color: #fff; background:#0668ad;}
#footer .copyright{ padding:8px;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(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%;}/**文章阅读部分图片大小限制**/


}

@media screen and (max-width: 706px){
	.link_list{ width:208px;}
 }
@media screen and (max-width: 680px){
	.main1{ padding-top:30px;}
	.post-21,.post-22{ float:none; width:100%;}
	.post-22 .news_list li:nth-child(7),.post-22 .news_list li:nth-child(8){ display:block;}
	.post-22 .news_list li a{ padding-right:80px;}
	.post-21 .post-tu{height:60vw;}
	.main3{ padding:40px 0 20px;}
	.link_main {padding-left: 128px}
	.link_main:before {left: -210px;}
	.link_list{ width: 180px; margin-left:10px;}
	.link_list:before{left: -10px; width:10px;}
	.link_list:first-child:before{left: -70px; width:70px;}
	.sitelogo img {width: 100%;}
 }
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
 @media screen and (max-width: 550px) {
 .sitelogo img { width:100%}
 .tt .title{ font-size:24px;}
 .tt { margin-bottom: 16px;}
 .tu_list {height: 380px;}
 .tu_list .swiper-slide{margin-bottom: 50px;}
 .link_main {padding-left: 50px}
 .link_main:before {left: -210px;}
 
}
@media screen and (max-width: 479px) {
	#footer .foot-call{ padding-left:2px;}
	.link_main {padding-left: 80px}
 	.link_main:before {left: -240px;}
	.link_list{ width: 240px; margin-left:20px;}
	.link_list:before{left: -20px; width:20px;}
	.link_list:first-child:before{left: -80px; width:80px;}

.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: 340px) {
	.link_main {padding-left: 50px}
    .link_list{ width: 220px; margin-left:20px;}
}