.Min{position: relative;}

.titPc{position: absolute;right:0px;top: 20px;z-index: 9;width: 800px;}
ul.history_year{width: 800px;border-bottom: 1px solid #ef7a4b;text-align: center;}
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;}
ul.history_year li.active{background: #ef7a4b;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 h2.tit1{line-height: 40px;font-size: 16px;text-indent: 100px;}
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 #ef7a4b;} 

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{width: 40px;text-align: right;padding: 0 4px;font-size: 16px;color: #fff;background: #ef7a4b;position: relative;}
ul.history_list li h2.Title::after{content: '';position: absolute;border-radius: 50%;width: 15px;height: 15px;background: #ef7a4b;left: 135px;top: 6px;margin-left: -71px;}
.con_box{width: 780px;padding:10px;background:#f4f4f4;position: relative;border-radius: 0.25em;}

@media only screen and (max-width: 768px){
  .article_right .pd5-15 img{display: block;width: 100%;}
  ul.history_year,.con_box{width: 86%;box-sizing: border-box;}
  .titPc{display: none;}
  ul.history_list{padding: 20px 0;}
}
@media only screen and (max-width: 700px){
  ul.history_year{display: none;}
  ul.history_list{padding: 20px 0;}
}
@media only screen and (max-width: 640px){
  ul.history_year,.con_box{width: 84%;}
}
@media only screen and (max-width:560px){
  ul.history_year,.con_box{width: 82%;}
}
@media only screen and (max-width:500px){
  ul.history_year,.con_box{width: 80%;}
}
@media only screen and (max-width:435px){
  ul.history_year,.con_box{width: 74%;}
}
@media only screen and (max-width:360px){
  ul.history_year,.con_box{width: 70%;}
}