.Min {
  position: relative;
}

ul.history_year {
  width: 10.47rem;
  border-bottom: 1px solid #839FC3;
  text-align: center;
  position: absolute !important;
  left: 2.00rem;
  top: 0.20rem;
  z-index: 9;
}

ul.history_year li {
  height: 0.30rem;
  line-height: 0.30rem;
  float: left;
  font-size: 0.16rem;
  color: #828282;
  cursor: pointer;
  padding: 0 0.05rem;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-right: 0.10rem;
}

ul.history_year li.active {
  background: #839FC3;
  color: #fff;
}

ul.history_list {
  width: 100%;
  position: relative;
  padding: 0.40rem 0 0.20rem;
}

ul.history_list li {
  line-height: 0.28rem;
  margin-bottom: 0.15rem;
  position: relative;
}

ul.history_list li.history_li ul li h2.tit {
  margin: 0 0 0.10rem 1.32rem;
  font-size: 0.18rem;
  color: #2175b7;
  padding-left: 0.25rem;
  height: 0.38rem;
  line-height: 0.30rem;
}

ul.history_list li.history_li ul li h2::before {
  content: '';
  position: absolute;
  top: 0.07rem;
  right: -0.13rem;
  height: 0;
  width: 0;
  border: 0.07rem solid transparent;
  border-left: 0.07rem solid #839FC3;
}

ul.history_list::before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.04rem;
  background: #e7f3fb;
  left: 1.70rem;
  margin-left: -0.02rem;
}

ul.history_list li h2.Title {
  text-align: center;
  padding: 0.05rem;
  font-size: 0.16rem;
  color: #fff;
  background: #839FC3;
  position: relative;
  min-width: 1.40rem;
}

ul.history_list li h2.Title::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 0.12rem;
  height: 0.12rem;
  background: #839FC3;
  left: 2.35rem;
  top: 0.08rem;
  margin-left: -0.71rem;
}

.con_box {
  width: 10.50rem;
  padding: 0.10rem;
  background: #f4f4f4;
  position: relative;
  border-radius: 0.25em;
}

.con_box:hover {
  background: #839FC3;
}

.con_box:hover p {
  color: #fff;
}

ul.history_list li h2.tit {
  font-size: 0.18rem;
  padding-left: 0.98rem;
  margin-bottom: 0.20rem;
  line-height: 0.28rem;
  color: #aa0000;
}

ul.history_list li h2.tit:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 0.15rem;
  height: 0.15rem;
  background: #aa0000;
  left: 1.35rem;
  top: 0.06rem;
  margin-left: -0.71rem;
}

.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: 0.14rem;
  line-height: 0.28rem;
}

.img_list li .WenAn1 p {
  padding: 0.50rem 0.10rem 0;
}

.img_list li .WenAn2 p {
  padding: 0.60rem 0.10rem 0;
}

.img_list li .WenAn3 p {
  padding: 0.80rem 0.10rem 0;
}

.img_list li .WenAn4 p {
  padding: 0.40rem 0.10rem 0;
}

/* @media only screen and (max-width:1366px){
  .con_box{width:80%;}
}

@media only screen and (max-width: 1310px) {
  .img {
   width: 100%;
  }
  .article_right .pd20 img {
   display: block;
   width: 100%;
  }
  ul.history_year,
  .con_box {
   width: 74%;
   box-sizing: border-box;
  }
  ul.history_list li h2.tit {
   font-size: 16px;
  }
  ul.history_list {
   padding: 90px 0
  }
  ul.history_year li {
   border: 1px solid #ccc;
   margin-top: 10px;
  }
} */

@media only screen and (max-width: 768px) {
  ul.history_list::before{
 width: 4px;
 left: 170px;
 margin-left: -2px;
  }
  ul.history_list li{
 line-height: 28px;
 margin-bottom: 15px;
  }
  ul.history_list li h2.Title{
 padding: 5px;
 font-size: 16px;
 min-width: 140px;
  }
  ul.history_list li.history_li ul li h2::before{
 top: 7px;
 right: -13px;
 height: 0;
 width: 0;
 border: 7px solid transparent;
 border-left: 7px solid #839FC3;
  }
  ul.history_list li h2.Title::after{
 width: 12px;
 height: 12px;
 left: 235px;
 top: 8px;
 margin-left: -71px;
  }
  .con_box{
 padding: 10px;
 border-radius: 0.25em;
  }
}

@media only screen and (max-width: 640px) {
  ul.history_year,
  .con_box {
   width: 84%;
  }
}

@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: 44%;
  }
}

@media only screen and (max-width:414px) {
  .con_box {
   width: 49%;
  }
}

@media only screen and (max-width:375px) {
  .con_box {
   width: 42%;
  }
}

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