.Min{position: relative;}

ul.history_year{width: 880px;border-bottom: 1px solid #078999;text-align: center;position: absolute !important;left: 90px;top: 20px;z-index: 9;}
ul.history_year li{height: 30px;line-height: 30px;float: left;font-size: 16px;color: #828282;cursor: pointer;padding: 0 5px;border: 1px solid #ccc;border-bottom: none;margin-right: 10px;text-indent: 0;}
ul.history_year li.active{background: #078999;color: #fff;}

ul.history_list{width: 100%;position: relative;padding: 80px 0;}
ul.history_list li{line-height: 28px;margin-bottom: 15px;position: relative;}
ul.history_list li.history_li ul li h2.tit{margin: 0 0 10px 132px;font-size:18px;color: #2175b7;padding-left: 25px;height: 38px;line-height: 30px;}
ul.history_list li.history_li ul li h2::before {content: '';position: absolute;top: 7px;right: -13px;height: 0;width: 0;border: 7px solid transparent;border-left: 7px solid #078999;} 

ul.history_list::before{content: '';position: absolute;top: 0;height: 100%;width: 4px;background: #e7f3fb;left: 72px;margin-left: -2px;}
ul.history_list li h2.Title{text-align: right;padding: 5px;font-size: 16px;color: #fff;background: #078999;position: relative;}
ul.history_list li h2.Title::after{content: '';position: absolute;border-radius: 50%;width: 12px;height: 12px;background: #078999;left: 136px;top: 8px;margin-left: -71px;}
.con_box{padding:10px;background:#f4f4f4;position: relative;border-radius: 0.25em;}

ul.history_list li h2.tit{font-size: 18px;padding-left: 98px;margin-bottom: 20px;line-height: 28px;color: #aa0000;}
ul.history_list li h2.tit:after{content: '';position: absolute;border-radius: 50%;width: 15px;height: 15px;background: #aa0000;left: 135px;top: 6px;margin-left: -71px;}
ul.history_year,.con_box{width: 86%;box-sizing: border-box;}
.con_box p{text-indent: 2em;}
ul.history_list li h2.tit{ font-size: 16px; }
ul.history_list{ padding: 140px 0 }
ul.history_year li{ border:1px solid #ccc; margin-top: 10px; }

@media only screen and (max-width: 640px){
ul.history_year,.con_box{width: 84%;}
ul.history_list{ padding: 180px 0 } 
ul.history_list{ padding: 40px 0px 0px; }
ul.history_year{position: initial !important;width: 100%;padding-bottom: 10px;}
ul.history_year li{width: 31.3%;margin:10px 1% 0px;}
.con_box p{text-indent: 0;}
}

@media only screen and (max-width:480px){
 .con_box{width: 74%;}
}
@media only screen and (max-width:360px){
 ul.history_year li{ width: 48%; }
 .con_box{width: 70%;}
}