@charset "utf-8";
.header .navigation {line-height: 50px; color: #fff}
.header .navigation a {color: #fff;}
.header .navigation > .icon-search {float: right;font-size: 18px;cursor: pointer; position: relative}
.header .searchwrapper {position: absolute; width: 230px; background: #fff; padding: 20px; right: 0; top: 50px; box-shadow: 0 0 20px rgba(0,0,0,0.3); display: none}
.header .searchwrapper input {width: 100%;height: 30px; line-height: 100%; font-size: 14px; border:1px solid #ccc; text-indent: 15px; border-radius: 6px}
.header .searchwrapper em {	
	border-color: transparent;
	border-style: solid;
	border-width:8px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-8px;
	right: 5px;
}
.header .navigation > .icon-search:hover .searchwrapper {display: block}
.header .searchwrapper form{padding: 0; margin: 0 ;line-height: 1em}
.header .searchwrapper button {color: #444;position: absolute;right: 25px;top: 26px;background:none}
.content {padding: 50px 0;}

.content .col_1 {width: 72%; float: left;}
.content .col_2 {width: 28%; float: left;padding-top: 12px}
.content .colwrapper {margin-left: 60px;}

.content .newsDetailList span {color: #666F79}
.content .newsDetailList h4 {font-size: 18px; color: #2A61B3;line-height: 1.5em;}
.content .newsDetailList a:hover h4 {color:#030303}
.content .newsDetailList p {color: #8E95A0; padding-top: 8px;}
.content .newsDetailList li,.content .col_2 li {padding: 20px 0; border-bottom: 1px solid #ddd;}
.content .newsDetailList.nop span {float: right;line-height: 28px;font-size: 14px; margin-left: 20px;}

.content .col_1 h1 {font-size: 30px;line-height: 1em; color: #2960b0;border-bottom: 2px solid #ddd; padding-bottom: 25px;}
.content .col_2 h3 {font-size: 18px; line-height: 1.5em; padding-bottom: 15px; border-bottom: 2px solid #ddd}
.content .col_2 h3 a.more {float: right; padding: 0 10px}
.content .col_2 .marTop {margin-top: 40px;}
.content .col_2 .departmentWrapper img {width: 24%;float: left;}
.content .col_2 .departmentWrapper .department {margin-left: 30%}
.content .col_2 .departmentWrapper .department h4 {color: #666;font-size: 15px;line-height: 1.5em}
.content .col_2 .departmentWrapper a:hover .department h4 {color: #2A61B3}
.content .col_2 ul.imglist {margin-top:20px;}
.content .col_2 ul.imglist li { border:0;padding: 5px 0;}
.content .col_2 ul.imglist li img {width:100%;}
.content .col_2 ul.province {margin-top:20px;}
.content .col_2 ul.province li {float:left; padding: 0;width: 33.33%;border-bottom: 0}
.content .col_2 ul.province li a {display: block;line-height: 40px;font-size: 15px; text-align: center;margin: 5px; background: #eaedf0}
.content .loading {text-align: center; line-height: 80px;}
.content .loading img {vertical-align: middle}
.content .loadingmore {background:#0E9EEA;color: #fff; font-size: 16px; text-align: center;line-height: 48px; border-radius: 6px;width: 300px; margin: 30px auto; cursor: pointer}

.content.articleContent .aside {width: 100px; float: left}
.content.articleContent .articlewrapper {margin-left: 140px; margin-bottom: 30px;}
.content.articleContent .articlewrapper h1 {font-size: 30px; font-weight: bold;line-height: 1.25em;padding-bottom: 15px}
.content.articleContent .articlewrapper .time {font-size:14px; color: #999}
.content.articleContent .articlewrapper .articleheader {border-bottom:2px solid #ddd; padding-bottom: 20px; margin-bottom: 40px;}
.content.articleContent .articlewrapper .article {width: 70%; float: left; font-size: 16px; line-height: 1.75em}
.content.articleContent .articlewrapper .article p {margin:0.75em 0}
.content.articleContent .articlewrapper .article p:first-child {margin-top: 0;}
.content.articleContent .articlewrapper .article img,.content.articleContent .articlewrapper .article video {max-width: 100%}
.content.articleContent .articlewrapper .article section {height:auto}
.content.articleContent .articlewrapper .ariclerelink {float:left;width: 30%}
.content.articleContent .articlewrapper .ariclerelink .mod {margin-left:40px;}
.content.articleContent .articlewrapper .ariclerelink .mod  .slidegallery img {width: 100%}


.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .slick-dots 
{
	position: absolute;
	bottom: -30px;
	width: 100%;
    text-align: center;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .slick-dots li  
{
	display: inline-block;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .slick-dots li button
{   background:#ababab;
    border: 0 none;
    border-radius: 7px;
    color: #ffd800;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 12px;
    line-height: 0;
    margin: 0 5px;
    outline: medium none;
    padding: 0;
    width: 12px;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .slick-dots li.slick-active button
{
	background: #2292dd;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery  .sliderbutton
{
	height: 45px;
    margin-top: -35px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 9;
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    text-align: center;
    background-color:#000; 
    background-color:rgba(0,0,0,0.6);
    *background-color:#000;
    zoom:1;
    vertical-align:middle;
    cursor: pointer;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery  .sliderbutton i
{
	line-height: 42px;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .sliderbutton:hover
{
	color:#ff7800;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .sliderbutton.next
 {
    right: 0;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery .sliderbutton.prev
 {
    left: 0;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery
{
	margin-bottom: 70px;
	position: relative;
	font-size: 15px;
}

.content.articleContent .articlewrapper .ariclerelink .mod .slidegallery a div
{
	padding:10px 0 0 0
}



.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline
{
	border-left:1px solid #bfc3c4;
	margin: 25px 0 0 10px;
    padding: 0 0 0 25px;
}

.content.articleContent .articlewrapper .ariclerelink .mod   .asidetimeline .time
{
	border:1px solid #bfc3c4;
	background: #fff;
	padding: 0 8px;
	position: relative;
	display: inline-block;
	line-height: 24px;
	*display: inline;
	*zoom:1;
	color: #3192b5;
	border:1px solid #3192b5;	
}



.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline .time code
{
	border-color:#3192b5;
}

.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline i.arrow {
	border-color: transparent;
	border-style: solid;
	border-width:8px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-right-color:#3192b5;
	border-left-width:0;
	left:-8px;
	margin-top:-8px;
	top:50%;
}


.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline i em {
	border-color: transparent;
	border-style: solid;
	border-width:8px;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	border-right-color:#fff;
	border-left-width:0;
	top:-8px;
	left:1px;
}

.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline code
{
	position: absolute;
	width: 9px;
	height: 9px;
	background: #fff;
	border:1px solid #3192b5;
	border-radius: 11px;
	left: -32px;
	top: 50%;
	margin-top: -5px;
}

.content.articleContent .articlewrapper .ariclerelink .mod  .asidetimeline h4
{
	font-size: 14px;
	line-height: 1.5em;
	padding: 0.75em 0 1.25em 0;
}

.content.articleContent .articlewrapper .ariclerelink .mod .asidetimeline span.click
{
	font-size: 12px;
	float: right;
	color: #999;
}


.content.articleContent .articlewrapper .ariclerelink .mod h3 { font-size: 18px; color: #3192b5; padding-bottom: 15px; border-bottom: 2px solid #ddd}

.content.articleContent .articlewrapper .ariclerelink .mod .iconwraper
{
	background: #3192b5;
	color: #fff;
	height: 36px;
	width: 36px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	margin-right: 15px;
}

.content.articleContent .articlewrapper .ariclerelink .mod .iconwraper i
{
	line-height: 36px;
}

.content.articleContent .aside .view {background: url(../images/rect.jpg) no-repeat left top; height: 100px; color: #fff; text-align: center; border-radius: 6px;}
.content.articleContent .aside .view span {font-size: 30px; font-weight: bold; display: block;line-height: 1em;padding-top: 25px;}
.content.articleContent .aside .share {text-align: center; color: #999;padding: 10px 0; line-height: 40px; font-size: 13px;}
.content.articleContent .aside .share.fixed {position: fixed; top: 0}
.content.articleContent .aside .share .icons {border-top:1px solid #ccc; padding-top: 15px;}
.content.articleContent .aside .share .icons div {float: left; line-height: 40px; height: 40px;width: 40px; text-align: center; color: #fff; border-radius: 50%; font-size: 20px; margin: 0 5px; cursor: pointer}
.content.articleContent .aside .share .icons div.weibo {background: #ff4200}
.content.articleContent .aside .share .icons div.weixin {background: #00b61a}

@media screen and (max-width:800px)
{
	.content {padding: 40px 0;}
	.content .col_1 {width: 65%;}
	.content .col_2 {width: 35%;}
	.content .colwrapper {margin-left: 50px;}
	.content.articleContent .articlewrapper {margin-left: 130px;}
	.content.articleContent .articlewrapper .article {width: 65%;}
	.content.articleContent .articlewrapper .ariclerelink {width: 35%}
	.content.articleContent .articlewrapper .ariclerelink .mod {margin-left: 20px;}
}


@media screen and (max-width:700px)
{
	.content {padding: 30px 0;}
	.content .col_1 {width: auto; float: none;}
	.content .col_2 {width: auto; float: none;padding-top: 30px}
	.content .colwrapper {margin-left: 0;}
	.content.articleContent .aside {width: 60px;}
	.content.articleContent .aside .view {display: none}
	.content.articleContent .aside .share.fixed {right:20px;bottom: 10px; top: auto}
	.content.articleContent .aside .share {position: fixed;right:20px;bottom: 10px; z-index: 1}
	.content.articleContent .articlewrapper {margin-left: 0;}
	.content.articleContent .articlewrapper h1 {font-size: 20px;}
	.content.articleContent .articlewrapper .articleheader {margin-bottom: 20px;}
	.content.articleContent .articlewrapper .article {width: auto; float: none}
	.content.articleContent .articlewrapper .ariclerelink {width: auto; float: none;padding-top: 20px; border-top: 1px solid #ddd; margin-top: 40px;}
	.content.articleContent .articlewrapper .ariclerelink .mod {margin-left: 0;}
	.content.articleContent .aside .share  span {display: none;}
	.content.articleContent .aside .share .icons {border-top: 0; padding: 0}
	.content.articleContent .aside .share .icons div {float: none;margin: 10px 0}

}