.about{
	background: url(img/5a871d5829a29942b68777d3385be75a28666811.png) left top no-repeat #f5f5f5;
}







.fazhan{
	padding-top: 94px;
}

.fazhan .fazhan_box{
	padding: 0 24px;
}
.fazhan .fazhan_box .top{
	margin-top: 46px;
}
.fazhan .fazhan_box .top .box {
	padding: 15px;
	background: #fff;
	opacity: 0.2;
}

.fazhan .fazhan_box .top .swiper-slide-active .box{
	opacity: 1;
}

.fazhan .fazhan_box .top .box .img{
	float: left;
	width: 41.4%;
}

.fazhan .fazhan_box .top .box .text{
	float: left;
	width: 58.6%;
	padding-left: 20px;
	padding-top: 2vw;
}

.fazhan .fazhan_box .top .box .text .bt{
	color: #3b3c44;
	font-size: 24px;
}

.fazhan .fazhan_box .top .box .text .js{
	color: #3b3c44;
	line-height: 1.6;
	margin-top: 6px;
	overflow: hidden;
	font-size: 15px;
}

@media(max-width: 1024px){
	.fazhan { padding-top: 4vw;}
	.fazhan .fazhan_box .top { margin-top: 30px;}
	.fazhan .fazhan_box { padding-bottom: 40px; }
}
@media(max-width: 640px){
	.fazhan .fazhan_box .top .box .text { padding-top:10px;}
}
@media(max-width: 540px){
	.fazhan { padding-top: 30px;}
	.fazhan .fazhan_box .top { margin-top: 20px;}
	.fazhan .fazhan_box { padding-bottom: 40px; }
	.fazhan .fazhan_box .top .box .img { width: 100%; }
	.fazhan .fazhan_box .top .box .text { padding:10px 0 0; width: 100%;}
	.fazhan .fazhan_box .top .box .text { width: 100%; }
	.fazhan .fazhan_box .top .box .text .js { height: auto; }
	.fazhan .fazhan_box { padding: 0 3% 40px;}
	.fazhan .fazhan_box .top .box .text .bt { font-size: 20px; }
}



/*????????????*/



.history_year{position: relative;background: url(img/5e78632c311e5a41b7552ae1956db8ce26ec0617.png) no-repeat center bottom;width: 850px;height: 434px;margin: auto;padding-top: 0;overflow: hidden;margin-top: -20px;background-size: 100%;}

.history_year .leftbox{width:434px;height:850px; margin:auto;}

.history_year .leftbox .swiper-container{height: 100%;width: 100%}

.history_year a{color: #666666;display: block;margin: auto;width:100%; height: 100%; line-height: 110px; text-align: center;position: relative;opacity: 0;transform-origin:50% 50%;font-size: 22px;}

.history_year .leftbox .swiper-slide i{width: 23px;height: 23px;display: block;display: none; position: absolute;  top:98px;  left: 50%;margin-left: -8px;}

.history_year .leftbox .swiper-slide em{display: none;position: absolute;top:-15px;left: 0;color: #e3254c;width: 100%;text-align: center;line-height: 30px; font-family: "Arial"; text-transform: uppercase; font-weight: bold;}

.history_year .leftbox .swiper-slide-active i{display: block;}

.history_year .swiper-button-prev:after,.history_year .swiper-button-next:after{display: none !important;}

.history_cont .swiper-slide.swiper-slide-active .topnum{

	visibility: visible;

	opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;

}

.topnum{

	opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;

	text-align: center;color: #2a2a2a;background: url(../images/his_line01.png) no-repeat center center;margin-bottom: 15px; visibility: hidden;

}

.topnum a{background: #fff;padding: 0 10px;}

.topnum a i{ font-family: "Arial"; color: #e3254c;}

.history_year li{float: left; width: 100%; padding: 35px 0; border-bottom:#bebebe solid 1px;overflow: hidden;}





.history_cont dl{overflow: hidden;padding: 30px;background: #efefef;}

.history_cont dt{float: left;width: 215px;}

.history_cont dd{float: right;width: calc(100% - 230px)}

.history_cont dd h3{font-family: "Arial";color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.his_p{color: #666;line-height: 1.8em;height: 9em;overflow: hidden;}

.his_p p{background: url(../images/his_cicle.png) no-repeat 0 12px;padding-left: 18px;/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}





.history_cont{margin-bottom: 80px;}

.history_cont .swiper-container{padding-bottom:15px;}



.history_cont .swiper-slide-prev{top:30px;}

.history_cont .swiper-slide-next{top:30px;}

.ie9 .history_cont .swiper-slide img{width: 100%;}

.history_cont .swiper-slide-duplicate-prev,.history_cont .swiper-slide-duplicate-next{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;top:30px;}

.history_cont .swiper-slide-duplicate-prev img,.history_cont .swiper-slide-duplicate-next img{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}



.history_cont .swiper-container-3d .swiper-slide-shadow-right,.history_cont .swiper-container-3d .swiper-slide-shadow-left{

	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.0)),to(rgba(0,0,0,0)));

    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0));

    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0));

    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0));

    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0));



}

.history_cont .swiper-slide-next,.history_cont .swiper-slide-prev{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;}



.history_cont .swiper-pagination{display: none;}





.history_cont .but>div{width: 25%;height: 87%;margin-top: 0;top:30px;background:url(../images/wite_bg.png) repeat;}

.history_cont .but>div.swiper-button-prev{left: 0;}

.history_cont .but>div.swiper-button-next{right: 0;}





/*????????????*/



.history_cont .swiper-slide{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;top:30px;}

.history_cont .swiper-slide img{opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;}



.history_cont .swiper-slide.swiper-slide-active,.history_cont .swiper-slide.swiper-slide-active img{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.history_cont .swiper-slide.swiper-slide-prev,.history_cont .swiper-slide.swiper-slide-prev img{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;}

.history_cont .swiper-slide.swiper-slide-next,.history_cont .swiper-slide.swiper-slide-next img{opacity:0.4;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4;}

.history_cont .swiper-slide.swiper-slide-prev dl,.history_cont .swiper-slide.swiper-slide-next dl{margin-top: 30px;}





/*????????????*/







@media only screen and (min-width:1025px){

.history_year .leftbox .swiper-slide-active a{font-size: 32px;opacity: 1;color: #2a8a8e;}



.history_year .leftbox a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.history_year .leftbox .prev_nth2Mode a{transform: rotate(68deg) translateX(12px) translateY(43px);opacity: 1;}

.history_year .leftbox .next_nth2Mode a{transform: rotate(112deg) translateX(-15px) translateY(46px);opacity: 1;}

.history_year .leftbox .prev_nth3Mode a{transform: rotate(41deg) translateX(-57px) translateY(133px);opacity: 1;}

.history_year .leftbox .next_nth3Mode a{transform: rotate(140deg) translateX(58px) translateY(132px);opacity: 1;}

.history_year .leftbox .prev_nth4Mode a{transform: rotate(-80deg) translateX(-126px) translateY(-143px);}

.history_year .leftbox .next_nth4Mode a{transform: rotate(80deg) translateX(-214px) translateY(162px);}

.history_year .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;}

.history_year .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;}

.history_year .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;}

.history_year .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;}
.fnt_20 {
    font-size: 20px;
}




.history_year .swiper-button-prev{width: 28px;height: 51px;background: url(img/910f1ae749b92a00f9ce3767bc63469e3e007339.png) no-repeat center center;position: absolute;left: 331px;top: 67px;margin-top: 15px;transition: all 0.4s;}

.history_year .swiper-button-next{width: 28px;height: 51px;background: url(img/afa326e803eea130e1d7667174d38a547fd46fab.png) no-repeat center center;position: absolute;right: 353px;top: 67px;margin-top: 15px;transition: all 0.4s;transform:;}


.history_year .swiper-button-prev:hover{background: url(img/0f62132772d532691ea2bf0144da04626c02d05e.png) no-repeat center center; transform:}

.history_year .swiper-button-next:hover{background: url(img/31ad33344285588e6bf97b831cd420df7b99f2c2.png) no-repeat center center; transform:}


.history_year .leftbox .swiper-container{padding-right: 150px;}

.history_year .leftbox .swiper-slide-active a{transform: rotate(90deg) translateX(-6px) translateY(-90px);}



.history_year .leftbox{transform: rotate(-90deg) translateX(275px);}





}

.history_year .leftbox .swiper-slide{overflow: initial;}

@media only screen and (max-width:1279px){

.history_cont dl{padding: 20px;}

.history_cont dd{width: calc(100% - 230px)}

}

@media only screen and (max-width:1024px){

.history_cont .but>div{width: 27px;height: 44px;margin-top:-22px; top:50%;display: none;}

.history_cont .but>div.swiper-button-prev{left: 0;    background: url(../images/prev02.png) no-repeat center center;}

.history_cont .but>div.swiper-button-next{right: 0;    background: url(../images/next02.png) no-repeat center center;}



.history_year .leftbox .swiper-slide.on a{font-size:32px;opacity: 1; color: #3e3e3e;}





.history_cont .swiper-slide-prev{top:0px;}

.history_cont .swiper-slide-next{top:0px;}



.history_year .leftbox .prev_nth2Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .next_nth2Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .prev_nth3Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .next_nth3Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .prev_nth4Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .next_nth4Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .prev_nth5Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .next_nth5Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .prev_nth6Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}

.history_year .leftbox .next_nth6Mode a{transform: rotate(0deg) translateX(0)  translateY(0);}



.history_year .leftbox .swiper-slide-active a{transform: rotate(0deg) translateX(0px) translateY(0px);}

.history_year .leftbox{transform: rotate(0deg) translateX(0px); }

.history_year .leftbox .swiper-slide-active a{color: #000;}

.history_year,.history_year .leftbox{width: 100%;height: auto;}

.history_year .leftbox .swiper-container{padding-right: 0px;}

.history_year{padding-top:0;background: none;}

.history_year a{opacity: 1;}



.history_year .swiper-button-next.swiper-button-disabled,.history_year .swiper-button-prev.swiper-button-disabled{opacity: 0.5; cursor: pointer;     pointer-events: inherit;}

.history_year .swiper-button-next.disabled,.history_year .swiper-button-prev.disabled{opacity: 0.35; cursor: default;}

.history_year .leftbox .swiper-slide-active i{display: none;}

.history_year a{line-height: 32px;}



.history_year .swiper-button-prev{width: 28px;height:28px;background: url(../images/his_prev.png) no-repeat center center; position: absolute;left:0px;top:50%;margin-top: -14px; background-size: cover;}

.history_year .swiper-button-next{width: 28px;height:28px;background: url(../images/his_next.png) no-repeat center center;position: absolute;right:0px;top:50%;margin-top: -14px;background-size: cover;}

.history_cont{margin-bottom: 0;}

.about_history{position: relative;padding:60px 0;}

.history_year{padding: 0 30px;  box-sizing: border-box; position: absolute;top:0;left:3%;width: 94%;}

.history_cont .swiper-pagination{display: block;text-align: center;width: 100%;margin-top:10px;}

.history_cont .swiper-pagination span{margin: 0 5px;width: 10px;height: 10px;}



.topnum{background-size: 100%;}

.history_cont .swiper-slide.swiper-slide-prev,.history_cont .swiper-slide.swiper-slide-prev img{opacity:1;filter:alpha(opacity=10); -moz-opacity:1; -khtml-opacity:1;}

.history_cont .swiper-slide.swiper-slide-next,.history_cont .swiper-slide.swiper-slide-next img{opacity:1;filter:alpha(opacity=10); -moz-opacity:1; -khtml-opacity:1;}

.history_cont .swiper-slide.swiper-slide-prev dl,.history_cont .swiper-slide.swiper-slide-next dl{margin-top:0px;}

.history_cont .swiper-slide{top:0;}

}

@media only screen and (max-width:767px){

.about_history{padding:50px 0;}

.history_cont dl{padding:10px;}

.history_cont dd{width:100%;}

.history_cont dt{width: 100%;margin-bottom: 20px;}

.history_year .leftbox .swiper-slide.on a{font-size: 24px;}

.history_year .swiper-button-next,.history_year .swiper-button-prev{width: 20px;height: 20px;margin-top: -10px;}

}