.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.Aboutusbanner {
  height: 300px;
  background: url("../img/aboutUs/about-banner.png") top center no-repeat;
}
.Abouthead {
  height: ;
  position: relative;
  padding: 20px 25px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075);
  margin-top: -125px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.Abouthead .headleft{
  width: 300px;
  float: left;
  margin-right: 20px;
}
.Abouthead .headright{
  font-size: 16px;
  line-height: 30px;
  padding: 5px 15px;
}
.Aboutmain {font-size: 16px; line-height: 30px; color: #555; }
.Aboutmain .Title{
  height: 88px;
  font-size: 32px;
  padding-left: 25px;
  line-height: 110px;
  color: #333;
  background: url(../img/aboutUs/about-titlebg.png) no-repeat left;
}
.Overviewmain{
  margin-top: 20px;
  display: flex;
}
.Overviewmain .Overviewleft{
  width: 60%;
  margin-right: 5%;
}
.Overviewmain .Overviewimg{
  width: 35%;
  margin-top: -40px;
}
.Data{
  padding: 20px 0px;
  background: url(../img/aboutUs/about-shujubg.png) no-repeat center;
  margin-bottom: 30px;
  background-size: cover;
padding-bottom: 50px;
}
.Data .DataShujuB{text-align: center;}
.Data .DataShujuB span{
  color: #649f76;
  font-size: 18px;
  padding-bottom: 10px;
  
}
.Data .DataShujuB span::before{
  content: "";
  width: 50px;
  height: 3px;
  background: #649f76;
  display: block;
  position: relative;
top: 40px;
left: 48%;
}
.DataShuju ul{ margin-top: 40px;}
.DataShuju ul li{
  width: 20%;
  float: left;
  padding: 0px 10px;
  
}
.DataShuju .liDiv{
  height: 150px;
  border: 1px solid #649f76;
  text-align: center;
  padding: 0px 15px;
}
.DataShuju .liDiv .dataNum{
  font-size: 36px;
  font-weight: 700;
  line-height: 86px;
  color: #649f76;
}
.DataShuju .liDiv .dataNum span{ font-size: 16px;}
.DataShuju .liDiv .Numinfo{ font-size: 14px; line-height: 22px;}

/*history*/
.history{
  background:url(../img/aboutUs/about-js03.png) repeat-y 187px 0;
  overflow:hidden;
  position:relative;
}
.history-date{
  overflow:hidden;
  position:relative;
}
.history-date h2{
  background:#fff url(../img/aboutUs/about-jstime.png) 
  no-repeat 158px 0;
  height:59px;
  font-size:25px;
  padding-left:45px;
  margin: 0px;
  margin-bottom:50px; 
}
.history-date h2.first{position:absolute;left:0;top:0;width:950px;z-index:99;}
.history-date h2 a{color:#333;display:inline-block;*display:inline;zoom:1;background:url(../img/aboutUs/about-js01.png) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
.history-date h2.date02{background:none;}
.history-date ul li{
  background:url(../img/aboutUs/about-js02.png) no-repeat 180px 0;
  padding-bottom:20px;zoom:1;
}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{
  float:left;
  width:168px;
  text-align:right;
  padding-right:19px;
  color:#1db702; 
  margin: 0;
  font-size: 18px;
}
.history-date ul li h3 span{
  display:block;
  color:#a8dda3;
  font-size:12px;
}
.history-date ul li dl{
  float:left;
  padding-left:41px;
  margin-top:-5px;
}
.history-date ul li dl span{
  font-size: 24px;
  margin: 0px 5px;
  color: #ff8400;
  font-weight: 700;
}
.history-date .bounceInDown{
  margin-top: 0px;
animation-duration: 2s;
animation-timing-function: ease;
animation-fill-mode: both;
display: list-item;
}
.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}


@media (max-width: 767px) {
  .Overviewmain {
    display: block;
  }
  .Overviewmain .Overviewleft {
    width: 100%;
}
.Overviewmain .Overviewimg {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}
.Overviewmain .Overviewimg img{
  width: 100%;
}
.Data .DataShujuB span::before{
  left: 44%;
}
.DataShuju ul li{
  width: 33.3%;
float: left;
padding: 10px;
}

.DataShuju .liDiv .dataNum{
  font-size: 16px;
  line-height: 60px;
}
.DataShuju .liDiv .Numinfo {
  font-size: 12px;
  line-height: 22px;
}
.history {
  background: url(../img/aboutUs/about-js03.png) repeat-y 10px 0;
}
.history-date h2{
  background: none;
  margin-bottom: 20px;
}
.history-date ul li {
  background: url(../img/aboutUs/about-js02.png) no-repeat 2px 0;
}
.history-date ul li h3 {
  text-align: left;
  padding-left: 30px;
}
.history-date ul li dl{padding-left: 30px;}
}