﻿
.n_about{padding-bottom: 80px;position: relative;}




.about_his{background: url(../images/a_intr_img06.jpg) no-repeat center top; min-height: 495px;}
.about_his .h3{text-align: center;font-size: 48px;color: #82828f;margin-top: 55px;}
.about_his .h3 p{font-size: 16px;margin-top: 15px;}
.dsj_con{margin-top:0px;position: relative;}
.dsj_con .daj_line{width: 1px;background-color: #82828f;
    position: absolute;top:35px;bottom: 0px;left: 50%;min-height: 200px;
}
.dsj_con dl{width:50%;margin-top:0px;float: left;text-align: right;min-height: 300px;}
.dsj_con dl.dl_odd{float: left;margin-top: 120px;text-align: left;}
.dsj_con dl:nth-of-type(odd){margin-top: -100px;}
.dsj_con dl:nth-of-type(2n){margin-top: 0px;}
.dsj_con dl:nth-of-type(2){margin-top: 110px;}
.dsj_con dl:nth-of-type(1){margin-top: 0px;}
.dsj_con dl dt{display:inline-block;width: 110px;height: 30px;background-color: #9dc33a;
	color: #fff;text-align: center;line-height: 30px;font-size: 14px;
	left:60px;position: relative;top:115px;border-top:10px solid #fff;border-bottom:10px solid #fff;
}
.dsj_con dl.dl_odd dt{left: -50px;}
.dsj_con dl:first-child dt{border-top:10px solid #f1f1f3;border-bottom:10px solid #f5f5f7;}
.dsj_con dl:first-child+dl dt{border-top:10px solid #fbfbfb;border-bottom:10px solid #fefefe;}
.dsj_con dl dt span{
	font-size:0px;width: 0px;height: 0px;line-height:0px;
	border-color:transparent #9dc33a transparent transparent;
	border-style: dashed solid dashed dashed;
	border-width: 6px;
	display: block;position: absolute;
	top:50%;left: -12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.dsj_con dl.dl_odd dt span{
	border-color:transparent transparent transparent #9dc33a;
	border-style: dashed dashed dashed solid;
	left: auto;right: -12px;
}
.dsj_con dl dd{padding:35px 80px 0 0;overflow: hidden;}
.dsj_con dl:hover dd h3{color: #9dc33a;}
.dsj_con dl.dl_odd dd{padding:35px 0 0 90px;overflow: hidden;}
.dsj_con dl dd span{display: inline-block;width: 500px;}
.dsj_con dl dd span img{border:3px solid #fff;box-shadow: 0px 0px 5px #999;border-radius: 5px;}
.dsj_con dl dd h3{font-size: 12px;color: #666;text-align: left;width: 500px;
	margin-bottom: 20px; margin-top: 15px;float: right;
}
.dsj_con dl.dl_odd dd h3{float: left;text-align: left;}
.dsj_con h4 a{display:inline-block;position: absolute;bottom:-75px;left: 50%;-webkit-transform: translateX(-50%);
	transform: translateX(-50%);font-size: 26px;color: #9dc33a;
	background: url(../images/info_tit03.png) no-repeat center bottom;height: 65px;
}


.ab_his_year .disabled{ display: none;}




@media only screen and (max-width: 1260px){
	.dsj_con dl dt{height: 50px;}
	.dsj_con dl dd span{width: 95%;}
	.dsj_con dl dd h3{width: 90%;}
}
@media only screen and (max-width: 767px){
	.about_his .h3{font-size: 26px;}
	.about_his .h3 p{font-size: 14px;}
	.dsj_con .daj_line{left: 10px;}
	.dsj_con dl dt span{
		border-color:#9dc33a transparent transparent transparent ;
		left: 50%;right: auto;bottom: -18px;top:auto;margin-left: -6px;
	}
	.dsj_con dl.dl_odd dt span{
		border-color:#9dc33a transparent transparent transparent ;
		left: 50%;right: auto;bottom: -18px;top:auto;margin-left: -6px;
	}
	.dsj_con dl.dl_odd{float: none;}
	.dsj_con dl:nth-of-type(odd){margin-top: 0px;}
	.dsj_con dl:nth-of-type(2){margin-top: 0px;}
	.dsj_con dl{float: none;width: 100%;padding-left: 25px;text-align: left;
		margin-top: 50px !important;margin-bottom: 80px;}
	.dsj_con dl.dl_odd dt{left: -20px;}
	.dsj_con dl dt{left: -20px;top:0px;border-top:0!important;border-bottom: 0px!important;height: 30px;}
	.dsj_con dl.dl_odd dd{padding:35px 80px 0 0;}
	.dsj_con dl dd{padding-top: 10px!important;padding-right: 0px!important;}
	.dsj_con dl dd h3{text-align: left;width: 95%;float: left;}
}

/*发展历程*/
.n_history .about_his{background: none;}
.n_history .dsj_con dl:first-child dt,.n_history .dsj_con dl:first-child+dl dt{border-color: #fff !important;}
.n_history .dsj_con .daj_line{top:0;}
/*时间轴样式*/
.shiC{background: #000;}
.bx_shiC{width:90%;height: 85px;margin:0px auto 0px;}
.bx_shiC li{cursor: pointer;position: relative;
	height:85px;line-height: 85px;text-align: center;color: #fff; width: 12.5%; float: left;}
.bx_shiC li span{}
.bx_shiC li i{display: none;position: absolute;bottom: 15px;left: 50%;margin-left:-20px;width: 40px;height: 4px;background: #9dc33a;}
.bx_shiC li.on{ background: #f2d501}

.bx_shiC li.on i{display: block;}
.bx_shiC .bx-wrapper .bx-controls-direction a{display: block;width: 65px;height:85px;
	top:0;margin-top:0;cursor: pointer;
}
.bx_shiC .bx-wrapper .bx-prev{background: url(../images/ri_li03.png) no-repeat center center;left:-66px;}
.bx_shiC .bx-wrapper .bx-prev.disabled{background: url(../images/ri_li01.png) no-repeat center center;left:-66px;}
.bx_shiC .bx-wrapper .bx-next{background: url(../images/ri_li04.png) no-repeat center center;right:-65px;}
.bx_shiC .bx-wrapper .bx-next.disabled{background: url(../images/ri_li02.png) no-repeat center center;right:-65px;}


.bx_shiC .bx-wrapper .bx-viewport{border:0;}
@media only screen and (max-width: 1300px){
	.n_history.wwrap{width: 100%;}
	.bx_shiC{width: 85%;}
}
@media only screen and (max-width: 1024px){
	.bx_shiC{width: 75%;}
}
@media only screen and (max-width: 767px){
	.bx_shiC .bx-wrapper .bx-prev{left: -67px;}
}
@media only screen and (max-width: 600px){
	.bx_shiC{width: 70%;}
}
@media only screen and (max-width: 410px){
	.bx_shiC{width: 55%;}
}

