/*发展历史*/

.history_year{position: relative; background: url(../images/history_bg.png) no-repeat 0 bottom;width: 850px;height: 300px;margin: auto;    padding-top: 70px; overflow: hidden;}

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

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

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

.history_year .leftbox .swiper-slide i{width: 23px;height: 23px;background: url("../images/about_icon (1).png") no-repeat center center;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_cont .swiper-slide.swiper-slide-active .topnum{

	visibility: visible;

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

}

.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; overflow-y: auto;}

.his_p p{background: url(../images/his_cicle.png) no-repeat 0 12px;padding-left: 18px;font-size:14px;color:#000;/*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") no-repeat;opacity:0;}

.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:72px;opacity: 1; color: #3e3e3e;}



.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(62deg) translateX(17px) translateY(-19px);opacity: 1;}

.history_year .leftbox .next_nth2Mode a{transform: rotate(131deg)  translateX(-22px) translateY(-7px);opacity: 1;}

.history_year .leftbox .prev_nth3Mode a{transform: rotate(33deg) translateX(-48px) translateY(101px);opacity: 1;}

.history_year .leftbox .next_nth3Mode a{transform: rotate(152deg) translateX(54px) translateY(98px);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;}

/*

.history_year .swiper-button-prev{width: 28px;height: 51px;background: url(../images/his_prev.png) no-repeat center center; position: absolute;left: 255px;top:0px;margin-top: 15px;}

.history_year .swiper-button-next{width: 28px;height: 51px;background: url(../images/his_next.png) no-repeat center center;position: absolute;right: 255px;top:0px;margin-top: 15px;}
*/

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

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



@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: 28px;height: 20px;margin-top: -10px;}

}