@charset "utf-8";
.history_div{position: relative;}
.history_div:after{content: '';
    position: absolute;
    background: #fff;
    width: 92%;
    height: 2px;
    left: 4%;
    top: 50%;}
.history-container{position: relative;z-index: 2; }
.h_info{position:relative;}
.h_dian{position: relative;width:24px;height:24px;border-radius: 50%;border:1px solid #fff;padding:6px;margin:0 auto;box-sizing: border-box;}
.h_dian i{display: block;width:100%;height:100%;border-radius: 50%;background:#fff;}
.h_dian:after{content: '';position: absolute;width:1px;height:30px;left:50%;border-left:1px solid #fff; display: none;}
.h_info h2{width:150px;height:40px;line-height:40px;color:#fff;text-align: center;font-size:20px;margin:0 auto;font-family: arial;}
.h_icon{position: absolute;left:50%;margin-left:-78px;}
.history-container .swiper-slide:nth-child(odd) .h_dian:after{top:100%;}
.history-container .swiper-slide:nth-child(even) .h_dian:after{bottom:100%;}
.history-container .swiper-slide:nth-child(odd) .h_inner{padding-top:168px;}
.history-container .swiper-slide:nth-child(even) .h_inner{padding-bottom:168px;}
.history-container .swiper-slide:nth-child(odd) .h_info{padding-top:85px;}
.history-container .swiper-slide:nth-child(even) .h_info{padding-bottom:88px;}
.history-container .swiper-slide:nth-child(odd) .h_icon{top:25px;}
.history-container .swiper-slide:nth-child(even) .h_icon{bottom:25px;}
.history-container .swiper-slide:nth-child(odd) .h_dian{margin-bottom:30px;}
.history-container .swiper-slide:nth-child(even) .h_dian{margin-top:30px;margin-left: 63px;}
.history-container .swiper-slide:nth-child(even) h2{position:absolute; bottom:30px; display:block; width:150px; text-align:center;}

.history_div .swiper-button-next,.history_div .swiper-button-prev{width:30px;height:30px;margin-top:-15px;background:url(../image/ico_fl.png) no-repeat center;background-size:contain;outline:0;opacity: 1;}
.history_div .swiper-button-prev{left:0;}
.history_div .swiper-button-next{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.history-container .swiper-slide-active .h_dian{ border:1px solid #fdce00; }
.history-container .swiper-slide-active .h_dian i{ background: #fdce00; }
.history-container .swiper-slide-active .h_info h2{ font-size: 22px; font-weight: bold; }
.history-container .swiper-slide .h_text{height:155px; overflow:hidden; padding-top:30px; text-align:center; color:#fff;}
@media (max-width:767px){
	.history_div:after{ width: 84%; left: 8%; top: 55%; }
	.history-container .swiper-slide .h_inner{padding-top: 150px !important;
    padding-bottom: 0 !important;
    position: relative;
	min-height: 300px;
   }
	.history-container .swiper-slide .h_info{}
	.history-container .swiper-slide .h_icon{top:0 !important;}
	.history-container .swiper-slide .h_dian{margin-top:5px !important;  margin-bottom: 10px !important;}
	.history-container .swiper-slide .h_dian:after{bottom:auto;display: none;}
	.history-container .swiper-slide .h_text{      line-height: 25px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    top: -110px;
    width: 100%;
    text-align: center;
    padding: 0 10%;
}
	.history_div .swiper-button-next{ top:30%; }
	.history_div .swiper-button-prev{ top:30%; }
	.history_list {
	position: relative;
	padding: 0 35px;
}
@media (min-width:768px){
	.history_div{margin:5% 0;}
	.h_info{height:168px;}
	.h_icon{width:156px;height:98px;}
	.h_info h2{position: absolute;left:50%;transform: translateX(-50%);}
	.h_dian{position: absolute;left:50%;transform: translateX(-50%);}
	.history-container .swiper-slide:nth-child(odd) .h_text{margin-top:10px;}
	.history-container .swiper-slide:nth-child(even) .h_text{margin-bottom:10px;}
	.history-container .swiper-slide:nth-child(odd) .h_dian{top:0;}
	.history-container .swiper-slide:nth-child(even) .h_dian{bottom:0;}
	.history-container .swiper-slide:nth-child(odd) .h_info h2{bottom:0;}
	.history-container .swiper-slide:nth-child(even) .h_info h2{top:0;}
}
@media (min-width:992px){
	.h_info{height:220px;}
	.history_div .swiper-button-next,.history_div .swiper-button-prev{width:40px;height:40px;margin-top:-20px;}
	
	.history-container .swiper-slide:nth-child(odd) .h_inner{padding-top:224px;}
	.history-container .swiper-slide:nth-child(even) .h_inner{padding-bottom:220px;}
	.h_text p{font-size:.42rem;}
	.h_info h2{font-size:.6rem;}
}
@media (min-width:1200px){
	.h_info h2{width:156px;height:44px;line-height:44px;font-size:.6rem;}

}
@media (min-width:1450px){
	.h_text p{font-size:.4rem;}
	
}

    .sidebar-box {
	margin-bottom: 30px;
	padding: 25px;
	font-size: 15px;
	width: 100%;
	float: left;
	background: #fff
}

.sidebar-box *:last-child {
	margin-bottom: 0
}

.sidebar-box h3 {
	font-size: 18px;
	margin-bottom: 15px
}

.categories li,.sidelink li {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dee2e6;
	list-style: none
}

.categories li:last-child,.sidelink li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0
}

.categories li a,.sidelink li a {
	display: block
}

.categories li a span,.sidelink li a span {
	position: absolute;
	right: 0;
	top: 0;
	color: #ccc
}

.categories li.active a,.sidelink li.active a {
	color: #000;
	font-style: italic
}
.search-form {
	background: #f7f7f7;
	padding: 10px
}

.search-form .form-group {
	position: relative
}

.search-form .form-group input {
	padding-right: 50px
}

.search-form .icon {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

 .author-art {
	margin-bottom:25px;
}
.title2{
	font-size:24px;
	color:#575555;
	margin:0 0 10px;
	display:block;
	line-height:29px;
}
.title2 a{
	color:#666;
}
.title2 a:hover{color:#666;}
.art-bottom {
	overflow:hidden;
	padding:10px;
	color:#649300;
	font-size:13px;
	border:1px solid #e5e5e5;
	background:#fff;
	margin-top:15px;
}
.tbs{
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:-60px;
	list-style:none;
	font-size:16px;
	font-weight:bold;
}
.tbs li{
	float:left;
	margin-left:1px;
}
.tbs li a{
	color:#fff;
	font-weight:bold;
	padding:12px 14px;
	display:block;
}
.tbs li a:hover{
	background:none;
	color:#27201c;
	text-decoration:none;
	background:#fff;
}
.author-art .title{
	font-size:30px;
	font-size: 30px;
    font-weight: normal;
    line-height: 51px;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
	display:block;
	background:#649300;
	color:#fff;
	border-bottom:1px solid #e5e5e5;
}
.team-img{
    float: left;
    width: 100%;
}
.map-border{
    margin:0 0 40px;
	border:4px solid #e0dedc;
}
.comments{
	margin:0 0 10px;
	padding:0;
	list-style:none;
}
.comments li{
	overflow:hidden;
	margin-bottom:10px;
}
.comments li p{
	line-height:16px;
	margin:0;
}
.comments li p a{
	color:#080606;
	font-size:11px;
}
.comments-img{
	float:left;
	margin-right:8px;
}
.comments li .team-img{
	width:65px;
}
.comments li .author-name{
	display:block;
	margin-bottom:3px;
	font-size:12px;
	font-weight:bold;
	color:#666;
}
.side-gallery{
	margin: 0 0 20px -22px;
}
.side-gallery li{
	border:4px solid #dad6cf;
	margin:0 0 22px 22px;
}
.archives{
	margin:0;
	padding:0;
	list-style:none;
	line-height:22px;
}
.archives li{
	margin-bottom:10px;
}
.archives li a{
	color:#666;
}
.num-post{
	float:right;
	color:#649300;
}
/*----------- End Author Page CSS --------------*/

/*----------- Start Blog Page CSS --------------*/
.b-top-links {
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	overflow:hidden;
	font-style:italic;
}
.b-top-links li {
	float:left;
	margin-right:20px;
	padding-left:20px;
}
.b-top-links li a {
	color:#666;
	text-decoration:none;
}
.b-top-links li a:hover {
	text-decoration:underline;
}
.b-top-links li.author-name {
	background-position:0 -57px;
}
.b-top-links li.comments2{
	background-position:0 -125px;
}
.b-top-links li.design-icon {
	background-position:0 -201px;
}
.blog-bottom {
	overflow:hidden;
	padding:10px;
	font-size:13px;
	border:1px solid #e5e5e5;
	margin: 10px 0 20px 0;
}