.main_content .pd20{background: #F7F7F7}
.Min{margin-top: 25px;position: relative;}
.ls_banner img{ width:100%; height:116px}
h2.title_history{font-size:18px;line-height: 2em;text-align: center;}
ul.history_year{width: 83%;border-bottom: 1px solid #45b796;margin-top: 15px;position: absolute !important;top: 116px !important;z-index: 111;left: 17% !important;right: 0px !important;}
ul.history_year li{height: 40px;line-height: 40px;background: #FFF;font-size: 15px;color: #828282;cursor: pointer;}
ul.history_year li.active{background:#45b796;color: #fff;border: 1px solid #45b796;}
ul.history_year li.active::after{content: '';position: absolute;top: 13px;left: 100%;height: 0;width: 0;border: 7px solid transparent;border-left: 7px solid #45b796;}
ul.history_year li{float: left;width: 13%;border-bottom: 0px;margin-right: 1%;border: 1px solid #ccc;border-bottom: 0px;box-sizing: border-box;text-align: center;}
ul.history_year li.active::after{ display: none; }

ul.history_list{width: 904px;position: relative;padding-top: 70px;}
ul.history_list li{line-height: 28px;margin-bottom: 15px;position: relative;}
ul.history_list li h2.tit{margin: 0 0 10px 132px;font-size:18px;color: #45b796;height: 38px;line-height: 30px;}
ul.history_list li h2.tit::before{content: '';position: absolute;border-radius: 50%;width: 16px;height: 16px;background: #5dd9b5;left: 95px;top:8px;margin-left: -8px;}
ul.history_list::before{content: '';position: absolute;top: 0;height: 100%;width: 4px;background: #e5f7f2;left: 95px;margin-left: -2px;}
ul.history_list li h2.Title{width: 75px;text-align: right;padding:10px;font-size: 16px;color: #a0a0a0;}
ul.history_list li h2.Title::after{content: '';position: absolute;border-radius: 50%;width: 10px;height: 10px;background: #a1e5d1;left: 98px;top:17px;margin-left: -8px;}
.con_box{width: 760px;padding:10px;background: #e5f7f2;position: relative;border-radius: 0.25em;box-shadow: 0 3px 0 #d3f1e9;}
.con_box::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #e5f7f2;} 
 
@media only screen and (max-width:768px){
.ls_banner img{display:none;}
ul.history_year{position:inherit !important;width:100%;top: 0px !important;left:0px !important}
ul.history_list{ width: 100%; margin-top: 20px; padding-top:0px; }
.con_box{width: 82%;}
ul.history_list li h2.Title{width: 40px;}
ul.history_list::before,ul.history_list li h2.tit::before{left: 70px;}
ul.history_list li h2.Title::after{left: 73px;}

}
@media only screen and (max-width:640px){
ul.history_year li{ font-size: 12px; }
.con_box{width: 83%;}
}
@media only screen and (max-width:560px){
.con_box{ width: 75%; }
ul.history_year li{ border-bottom: 1px solid #ccc; margin-bottom: 10px; width:24%; }
}
@media only screen and (max-width:470px){
.con_box{width: 70%;}
}
@media only screen and (max-width:400px){
.con_box{width: 65%;}
}