.main{width: 1200px;margin: 0 auto;}
.Min{position: relative;}

ul.history_year{width: 1200px;border-bottom: 1px solid #00c4d4;text-align: center;position: absolute !important;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: #00c4d4;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 #00c4d4;} 

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

ul.history_list li h2.tit{font-size: 18px;padding-left: 200px;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: 235px;top: 6px;margin-left: -71px;}

.img{ width:100%; }
.img_list li{ float: left;position: relative;width: 25%; }
.img_list li img{ display: block;width: 100%; }
.img_list li .WenAn{ position: absolute;top: 0px;left: 0px; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;width: 100%;height: 100%;}
.img_list li .WenAn p{color: #fff;font-size: 14px;line-height: 28px;}
.img_list li .WenAn1 p{padding:50px 10px 0;}
.img_list li .WenAn2 p{padding:60px 10px 0;}
.img_list li .WenAn3 p{padding:80px 10px 0;}
.img_list li .WenAn4 p{padding:40px 10px 0;}
 b {
 font-weight: normal;
 }
 .clearfix:before, .clearfix:after {
 content: '';
 display: table;
 }
 .list_historypage .item .left .widget h3 {
 line-height: 40px;
 font-size: 36px;
 color: #265ca8;
 }
.list_historypage .item .left img{
  width: 100%;
}
 .list_historypage .item .left .widget h3 {
 font-family: 'fzcsj';
 }
 .list_historypage { padding-bottom: 100px; }
 .list_historypage .tit { border-bottom: 1px solid #dbdbdb; line-height: 60px; height: 60px; margin-bottom: 55px; margin-top:40px;}
 .list_historypage .tit li { float: left; width: 20%; text-align: center; position: relative;}
 .list_historypage .tit li:before{
   width: 15px;
   height: 15px;
   content: '';
   border:1px solid #ddd;
   background: #fff;
   border-radius: 50px;
   position: absolute;
   bottom: -8px;
			left: 50%!important;
			margin-left: -8px!important;
 }
 .list_historypage .tit li.on:before{
 background: #265ca8!important;
 }
 .list_historypage .tit a { display: block; font-size: 24px; color: #808080; position: relative; }
 .list_historypage .tit a:after { position: absolute; left: 50%; margin-left: -6.5px; bottom: -4px; content: ""; width: 13px; height: 9px; }
 .list_historypage .tit li.on a { color: #265ca8; }
 /* .list_historypage .tit li.on a:after { background: url(/Sites/Uploaded/UserUpLoad/20190319/20190319183820.png) no-repeat center bottom; } */
 .list_historypage .tit li.li5 b { font-family: 'microsoft yahei', Arial, sans-serif; font-weight: bold; font-size: 24px; }
 .list_historypage .cont { position: relative; }
 .list_historypage .cont:after { position: absolute; left: 0; top: 0; width: 1px; left: 303px; background: #dbdbdb; height: 100%; content: ""; }
 .list_historypage .item .left { float: left; width: 260px; padding-top: 10px; }
 .list_historypage .item .left .widget { border: 6px solid #d1d1d1; padding: 47px 44px 50px; margin-bottom: 22px; }
 .list_historypage .item .left .widget h3 { line-height: 40px; font-size: 36px; color: #265ca8; }
 .list_historypage .item .left .widget h4 { font-size: 16px; color: #ee9b11; line-height: 39px; }
 .list_historypage .item .left .widget .time { font-size: 30px; color: #999999; line-height: 33px; }
 .list_historypage .item .left .widget .time b { display: block; font-size: 40px; color: #265ca8; text-align: right; line-height: 42px; }
 .list_historypage .item .left .txt { font-size: 16px; line-height: 30px; color: #808080; margin-bottom: 22px; }
 .list_historypage .item .right { float: right; width: 868px; }
 .list_historypage .item .right ul { padding-top: 39px; }
 .list_historypage .item .right ul li { font-size: 18px; color: #404040; line-height: 36px; position: relative; }
 .list_historypage .item .right ul li:after { position: absolute; left: -39px; top: 8px; background: url(/Sites/Uploaded/UserUpLoad/20190506/20190506171309.jpg) no-repeat center center; content: ""; width: 21px; height: 21px; z-index: 2; }
 .list_historypage .item .right ul li img { min-width: 320px; }
 .list_historypage .item .right ul li img { margin-top: 34px; margin-bottom: 45px; }
@media only screen and (max-width: 1310px){
 .img{ width: 100%; }
 .article_right .pd20 img{display: block;width: 100%;}
 ul.history_year,.con_box{width: 86%;box-sizing: border-box;}
 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%;}
 .main{
 width: 100%;
 }
 .list_historypage .tit{
 height: auto;
 }
 .list_historypage .tit li{
 float: none;
 width: 100%;
 }
 .list_historypage .cont:after{
 width: 0px;
 }
 .list_historypage .item .left{
 display: none;
 }
 .list_historypage .item .right{
 float: none;
 width: 100%;
 }
 .list_historypage .item .right ul li img{
 width: 100%;
 }
 .list_historypage .tit li{
 border: 2px solid #ccc;
 border-radius: 10px;
 margin-bottom: 30px;
 line-height: 40px;
 }   
 .list_historypage .tit li.on{
 border: 2px solid #265ca8;
 }
 .list_historypage .tit li:before{
 bottom: -25px;
 }
}
@media only screen and (max-width: 600px){
ul.history_list{ padding: 180px 0  } 
}
@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:475px){
 .img{ display: none; }
 ul.history_list{ padding: 40px 0px 0px;  }
 ul.history_year{ position: initial !important; width: 100%;  }
 ul.history_year li{ width: 31.3%; margin:10px 1% 0px; }

 .img_list li{width: 100%;margin-bottom: 10px;}
 .img_list li .WenAn {position: inherit;display: block !important;background: #f1f1f1;}
 .img_list li .WenAn p {padding: 10px !important;color: #333;}
}
@media only screen and (max-width:435px){
 .con_box{width: 74%;}
}
@media only screen and (max-width:360px){
 ul.history_year li{ width: 48%; }
 .con_box{width: 70%;}
}