.history-part{padding: 5% 0;}
.his-part01{padding-left: 2.7%; margin-bottom:3%;}
.his-part01 h2{color:#564932}
.his-part01 p{margin-top:1%;color: #131210;}

.history_year{float:left; width:240px; height:688px; border:1px solid #E2E1E2; border-radius: 10px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.leftbox{ width:240px; height:588px; position: relative; margin-top:50px;}
.leftbox .swiper-button-prev{ width:36px; height: 36px; line-height: 36px;  left:50%; top:-36px; margin-top: 0; margin-left: -18px; text-align: center;border-radius: 100%; border:2px solid #000; background:none;}
.leftbox .swiper-button-next{ width:36px; height: 36px; line-height: 36px; left:50%; top:auto; margin-top: 0; bottom:-36px; margin-left: -18px;text-align: center;border-radius: 100%; border:2px solid #000; background:none;}
.leftbox .swiper-button-prev.swiper-button-disabled,.leftbox .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.leftbox .swiper-button-prev.disabled{ cursor: default; opacity: 0.5;}
.leftbox .swiper-button-next.disabled{ cursor: default; opacity: 0.5;}
.leftbox .swiper-button-prev i,.leftbox .swiper-button-next i{font-weight: bold; font-size:24px; color: #000;}

.leftbox .swiper-container{height: 100%;width: 100%; background: url(../images/his_dot.jpg) center top repeat-y;}
.leftbox .swiper-slide{width:100%;}
.leftbox .swiper-slide a{color: #A1A1A1;display: block; margin: 0 5%; text-align: center; background: #fff; font-family: Arial, Helvetica, sans-serif; }
.leftbox .swiper-slide.on a{color: #A76E00; font-weight: bold;}
.leftbox .swiper-slide.on a:hover{color: #A76E00!important;}

.history_cons{ float: right; width:calc(100% - 320px);}
.history_cons li{ overflow: hidden; margin-bottom:5%;}
.history_cons dl dt{  float: right; width: 62%; border-radius: 15px; overflow: hidden;}
.history_cons dl dt img{ width: 100%;}
.history_cons dl dd{ float: left; width: 38%; padding:5% 5% 5% 0;}
.history_cons dl dd h3{margin-bottom: 5%;}
.history_cons dl dd .c{color:#686868; line-height: 1.8;}
.history_cons li:nth-child(2n) dt{ float: left;}
.history_cons li:nth-child(2n) dd{ float: right; padding: 5% 0 5% 5%;}
.history_cons li.onn:nth-child(2n) dd{ float: right;}
@media only screen and (max-width:1365px){
.history_cons dl dt,.history_cons dl dd{ width: 100%;}
.history_cons dl dd{padding: 5% 0!important;}
}
@media only screen and (max-width:1023px){
    .history_year{ float: none; background: none; width:100%; height: auto;}
    .leftbox{ width:calc(100% - 80px); height: auto; margin:0 auto;}
    .leftbox .swiper-container{ background: none;}
    .leftbox .swiper-slide{ background: none; line-height: 40px; height: 40px;}
    .leftbox .swiper-slide a{text-align: center; padding:0;}
    .leftbox .swiper-button-prev{ left:-40px; margin-left: 0; top:2px;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
    .leftbox .swiper-button-next{ left:auto; right:-40px; margin-left: 0; top:2px;transform:rotate(270deg);-webkit-transform:rotate(270deg);}
    .history_cons{ width:100%; margin-top:20px;}
}