@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; }
.sitelogo img{ width:220px;}
.logo{ padding-top:8px;}
.sitetitle{font-size:28px;}
.post-news5 li{height: 210px;}
.post-news5 li a .cricle{ width:110px; height:110px;}
.post-news5 li a .tubt{ font-size:16px;}
#footer .foot-right{ margin-left:60px;}
#footer .foot-ma{top: -12px;}
#footer .foot-ma .tu{ width:180px;}

} 
@media screen and (max-width: 1200px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod{width:auto;padding:0 8px;}
.main1 {padding: 60px 0;}
.main2 {padding-bottom:60px;}
.main3{padding: 62px 0 80px;}	
#footer .foot-ma{top: -8px;}	
#footer .foot-ma .tu {
    width: 120px;
}	
	
/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.navi-aside-toggle{ margin-top:0;}
.navi-aside-toggle,
.navi-aside-search {display: block;}
.l-banner img{width:100%;height:100%;}
.wrapper .inner .mod{width:auto;padding:0 12px;}
.fly_top{ padding-bottom:0;}
.header_01,.header_01 .rt_top{ width:100%;}
.searchbox {width: 100%;}
.wp-search{ width:100%;}
.site-lang{top:60px;}
#header .mod{ height:auto;}
#header .head-left,#header .head-right{float:none; width:90%; margin:0 auto;}
#banner{min-height:300px; background:url(images/top_banner.jpg) left top no-repeat; background-size:auto 140%;}
#banner .inner{ display:none;}
.l-banner{ height:300px; background-size:auto 100%;}

.main1{ padding:30px 0;}
.main1 .ml,.main1 .mr,.main2 .ml,.main2 .mr{ float:none; width:100%;}
.main1 .mr,.main2 .mr{ margin-top:30px;}
.post-news1{ margin-top:8px;}
.post-news4{ margin-top:18px;}
.post-news2,.post-news3{ height:auto;}
.post-21 .post-tu,.post-news2,.post-newstu img{height:80vw;}
.post-news5 li{ width:33%;}

#footer .mod{ padding:0 24px;}
#footer .foot_top{ padding-top:24px;}
#footer .head-left{float:none; display:block; width:100%;}
#footer .foot-right{ float:none; display:block; width:100%; position:relative; padding-top:20px; margin-left:0;}
#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;}

#l-container .inner,#d-container .inner{ padding-top:30px;}

#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) {
/*栏目图片*/

.column-switch {display:block;}
.col_menu{ padding-top:0;}
.col_menu .col_menu_head{background:#036eb7;}
.col_menu .col_menu_head h3.col_name{ height:auto;}

.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_list .wp_listcolumn .wp_column a{ padding-left:0; text-align:center;}
.col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/
.col_list .wp_listcolumn .wp_column a{ border-bottom:1px solid #ececec;}

.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_list{ margin-top:0;}

.wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}



.col_news_list .wp_entry img,
.article .entry .read img{max-width: 100%;height:auto!important; width:100%;}/**文章阅读部分图片大小限制**/


}

@media screen and (max-width: 706px){
	#footer .logo{ float:none;}
	.sitelogo img{ width:270px;}
	#footer .sitetitle{ display:block;}
	#footer .foot-right{ padding-top:0;}
 }
@media screen and (max-width: 680px){
	
	.post-21 .post-tu,.post-news2,.post-newstu img{height:70vw;}
	.post-newstu .play{ width:80px; height:80px;}
 }
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
 @media screen and (max-width: 550px) {
	 .sitelogo img{ width:220px;}
 #header .sitetitle{ display:none;}
 .post-news4 li{ width:100%; margin-right:0; margin-top:20px;}
 .post-news4 li:nth-child(2){ margin-top:20px;}
 #footer .foot-ma{ position:static; padding-top:20px;}
 
}
@media screen and (max-width: 479px) {
	
.post-news5 li{ 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: 340px) {
	
}