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

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {
.wrapper .inner {
	width: 100%;
	margin: 0 auto;
}
.wrapper .inner .mod {
	width: auto;
	padding: 0 8px;
}
.nav .wp-menu .menu-item {
}
.nav .wp-menu .menu-item a.menu-link {
	padding: 0 24px;
}
.main4 .ml {
	width: 30%
}
.main4 .mc {
	width: 35%
}
.main4 .mr {
	width: 30%
}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner {
	width: 100%;
	margin: 0 auto;
}
.navi-aside-toggle, .navi-aside-search {
	display: block;
}
.mbanner .focus-title {
	padding: 0 10px;
	font-size: 40px;
	font-weight: bold;
	line-height: 42px;
	height: 42px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbanner .focus .focus-title-bar {
	max-width: 100%;
	left: 0;
	right: auto;
	bottom: 17%;
	margin-left: 0;
	height: 42px;
	overflow: hidden;
}
#header {
	background: #fff;
}
#header .inner {
	padding: 8px 0px;
	height: auto;
	position: relative;
	background: none;
}
.header .head-left {
	float: none;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}
.header .sitelogo {
	float: none;
	margin-top: 0px;
}
.header .sitelogo a {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}
.header .sitetitle {
	margin-top: 12px;
	font-size: 28px;
}
.header .head-main {
	display: none;
}
.header .head-right {
	float: none;
	width: 100%;
	margin-top: 0px;
	position: relative;
	top: 0;
}
.header .head-right .searchbox {
	margin: 5px 0px;
	width: 100%;
}
.header .head-right .wp-search {
	position: relative;
	background: #fff;
	border-radius: 15px;
}
/*导航样式：后台绑定时也可以定义配置*/
.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;
}
.main1 .inner {
	padding: 10px 0 20px;
}
.main1 .ml {
	float: none;
	width: 100%;
}
.main1 .mr {
	float: none;
	width: 100%;
}
.post.post-11 .con {
	padding-top: 10px;
}
.post-22 .con {
	padding-top: 10px;
}
.main4 .ml {
	width: 320px;
	float: none;
	margin: 0 auto;
	padding-bottom: 15px;
}
.main4 .ml img {
	max-width: 85%;
}
.main4 .mc {
	width: 340px;
	float: none;
	margin: 0 auto;
}
.main4 .mr {
	width: 340px;
	float: none;
	margin: 0 auto;
}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
#header .inner {
	height: auto;
}
.header .sitelogo a img {
	max-width: 85%;
	margin: 5px 0px;
}
.list #nav {
	border-bottom: 0px solid #c2d1eb;
}
.mbanner .focus-pagination {
	display: none;
}
/*栏目图片*/
.l-banner {
	height: 180px;
}
.l-banner img {
	width: 100%;
	height: 100%;
}
#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;
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: 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;
	width: 73%;
}/*标题*/
.col_news_con .news_list li.news span.news_meta {
}/*属性*/
.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%;
}/**文章阅读部分图片大小限制**/
}
/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.mbanner .focus-title {
	font-size: 32px;
}
.post .tt .tit .title {
	line-height: 48px;
	font-size: 24px;
}
.post .tt .tit {
	background: url(images/tt.png) no-repeat left 28px;
}
.post .more_btn {
	margin-top: 10px;
}
.post-11 .tt .tit .title:after {
	font-size: 12px;
}
.post-21 .tt .tit .title:after {
	font-size: 12px;
}
.post-23 .news_title {
	width: 73%;
}
.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: 360px) {
.main4 .mc {
	width: 100%;
	float: none;
	margin-top: 20px;
}
.main4 .mr {
	width: 100%;
	float: none;
}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
}