﻿
.Min{position: relative;}

ul.history_year{width: 640px;border-bottom: 1px solid #ef7a4b;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;}
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.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:630px;padding:10px;background:#f4f4f4 ;position: relative;border-radius: 0.25em;}

@media only screen and (max-width: 768px){
	.article_right .pd20 img{display: block;width: 100%;}
	ul.history_year,.con_box{width: 86%;box-sizing: border-box;}
	div.con_box p img{width:auto!important;}
}
@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%;}
} 