body{
    background:#f9f9f9;
}
.companyDevelopment {
  width: 77.08%;
  margin: 0 auto;
  margin-top: 90px;
  padding: 24px 40px 0 40px;
  background-color: #fff;
  /* box-shadow: 0px 3px 29px 0px rgba(91,86,85,0.16); */
}
.companyDevelopment-list {
  height:252px;
  margin-top: 25px;
  cursor: pointer;
  overflow: hidden;
}
.borderDashed{
  border-bottom: 1px dashed rgb(98,98,98);
  margin-top: 34px;
}
.companyDevelopment-more{
  width:36px;
  height:252px;
  line-height: 252px;
  background:rgb(242,242,242);
}
.companyDevelopment-news {
  position: relative;
  height: 100%;
  padding-left: 30px
}
.companyDevelopment-img {
  /*height: 194px*/
}
.companyDevelopment-img img{
  width: 100%;
  /*height: 100%;*/
}
.companyDevelopment-title {
  font-size:24px;
  font-weight:bold;
  color:rgb(51,51,51);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box!important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.companyDevelopment-content {
  font-size:18px;
  font-weight:400;
  color:rgb(51,51,51);
  margin-top: 14px;
  overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 40px;
}
.companyDevelopment-time {
  font-size:18px;
  font-family:Bebas;
  font-weight:bold;
  font-style:italic;
  color:rgb(153,153,153);
  position: absolute;
  bottom: 0;
  cursor: pointer;
}
.paging {
  width: 77.08%;
  margin: 0 auto;
  margin-bottom: 80px;
  padding: 60px 40px;
  background-color: #fff;
  position: relative;
}
.paging .prev-small,.paging .next-small{
  width:40px;
  height:40px;
  background:rgb(187,189,195);
  line-height:  40px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.paging .prev-small img,.paging .next-small img{
  position: absolute;
  left: 50%;
  top:50%;
  margin-left: -6px;
  margin-top: -10px
}
.paging-page {
  position: absolute;
  left: 50%;
  margin-left: -100px;
}

.paging-page li {
  width:40px;
  height:40px;
  background:rgb(255,255,255);
  border:1px solid #ddd;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
}
.paging-page li:hover{
  background: #01891B;
  transition: 0.2s all linear;
}
.paging-page li:hover a{
	color: #fff;
}
.pagination .active,.bgActive {
  background: #01891B;
  color: #fff;
  border: 1px solid #01891B;
}
.paging .prev-small:hover,.paging .next-small:hover{
  background: #01891B;
  transition: 0.1s all linear;
}
.bannerPc{
  display: block
}
.bannerMb {
  display: none;
}
.hide {
  display: none!important;
}
@media screen and (min-width:320px) and (max-width:1080px){
  .productList-container {
    padding-top: 42px;
  }
  .searchBox{
      padding-top:30px;
      padding-bottom: 0  !important;
  }
  .companyDevelopment{
    margin-top:0 !important;
    width: 92%;
    padding: 0 5px 0 5px;
    background-color: #f9f9f9;
  }
  .mobileTitle{
    margin-left: 0
  }
  .companyDevelopment-news{
    padding-left: 0
  }
  .companyDevelopment-img{
    height: auto;
  }
  .paging .prev-small, .paging .next-small {
    width: 47%;
}
  .paging {
    width: 92%;
    margin: 0 auto;
    margin-bottom: 45px;
    padding: 20px 5px;
    position: relative;
    background-color:#f9f9f9;
}
  .companyDevelopment-img img{
    height: 72px;
    /*width: 72px;*/
  }
  [class*="col-"] {
    float:right
  }
  .companyDevelopment-title {
    font-size: 14px;
  }
  .companyDevelopment-news {
    position: static;
  }
  .companyDevelopment-list {
    height: auto;
    margin-top: 18px;
    background: #fff;
    padding: 10px;
    position: relative;
}
.companyDevelopment-time {
  font-size: 12px;
  font-family: Bebas;
  color: rgba(153,153,153,1);
  font-style: normal;
  bottom: 12px;
  position: absolute;
}
.companyDevelopment-time1{
	position: inherit;
}
  .companyDevelopment-content{
    font-size: 12px;
    color:#999999;
    margin-top: 0;
    line-height: 22px;
    -webkit-line-clamp: 2;
  }
  .borderDashed {
    margin: 15px auto;
    border-bottom: 1px solid #ddd;
  }
  .hide {
      display: block!important;
  }
  .show {
    display: none!important;
}
  img {
      border: 0;
      vertical-align: middle;
      max-width: 100%;
  }
  .bannerPc{
      display: none;
  }
  .bannerMb {
      display: block;
  }
}
@media screen and (min-width:768px) and (max-width:1280px){
  .bannerMb {
      width: 100%;
  }
}


@media screen and (min-width:1080px) and (max-width:1440px){
  .componyTitle {
      font-size: 14px;
  }
  .imgs {
      margin-right: 4px;
  }
  .companyDevelopment-content{
  	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
  }
  .companyDevelopment-list{
  	height: 180px;
  }
  .companyDevelopment-more{
  	height: 180px;
    line-height: 180px;
  }
}