.aboutContact {
  padding-bottom: 76px;
}
.aboutContact .box {
  /* margin-top: 8.125rem; */
}
.aboutContact .box .item {
  width: 33.333%;
  background-color: #f8f8f8;
  box-sizing: border-box;
  padding: 3.75rem 3.125rem;
  height: 25rem;
  overflow: hidden;
  position: relative;
}
.aboutContact .box .item h5 {
  font-size: 1.625rem;
  margin-bottom: 4rem;
  position: relative;
  z-index: 5;
}
.aboutContact .box .item .div1 {
  margin-bottom: 1.875rem;
  position: relative;
  z-index: 5;
}
.aboutContact .box .item .div1 .box_ h6 {
  font-size: 1.125rem;
  color: #666;
}
.aboutContact .box .item .div1 .box_ p {
  margin-top: 0.625rem;
}
.aboutContact .box .item .div1 .box_ p a {
  font-size: 1.875rem;
  color: #000;
}
.aboutContact .box .item .div2 .box_ p a {
  font-size: 1.75rem;
}
.aboutContact .box .item .div3 {
  margin-bottom: 1.625rem;
  position: relative;
  z-index: 10;
}
.aboutContact .box .item .div3 h6 {
  font-size: 1.125rem;
  color: #666;
}
.aboutContact .box .item .div3 p {
  font-size: 1.5rem;
  color: #000;
  margin-top: 0.625rem;
}
.aboutContact .box .item .posi {
  position: absolute;
  right: 2.1875rem;
  bottom: -7.1875rem;
  width: 16.5625rem;
}
.aboutContact .box .item .posi img {
  width: 100%;
}
.aboutContact .box .item .posi .img2 {
  display: none;
}
.aboutContact .box .item:hover {
  background-color: #c92314;
  color: #fff;
}
.aboutContact .box .item:hover .div1 .box_ h6,
.aboutContact .box .item:hover .div1 .box_ a {
  color: #fff;
}
.aboutContact .box .item:hover .posi .img1 {
  display: none;
}
.aboutContact .box .item:hover .posi .img2 {
  display: block;
}
.aboutContact .box .item:hover h6,
.aboutContact .box .item:hover p {
  color: #fff;
}
.aboutContact .box .item2::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 60%;
  top: 20%;
  left: 0;
  background: #ddd;
}
.aboutContact .box .item2 .posi {
  bottom: -4.1875rem;
}
.aboutContact .box .item3::after {
  position: absolute;
  content: '';
  width: 1px;
  height: 60%;
  top: 20%;
  left: 0;
  background: #ddd;
}
.aboutContact .box .item3 .posi {
  bottom: -6.1875rem;
  width: 15rem;
}
.aboutContact1 {
  margin-bottom: 5.625rem;
}
.aboutContact1 .box .item {
  width: 49.8%;
  height: 50rem;
}
.aboutContact1 .box .item>img {
  width: 100%;
  height: 52.1875rem;
}
.aboutContact1 .box .item > div {
  width: 100%;
  height: 52.1875rem;
}


.flexBetween {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;


}

.flexStart {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.flexCenter {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flexEnd {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.honor-list{width:100%;margin: 76px 0;}
.honor-list li{float:left;width:24%;background: #ffffff;margin: 0 0.5% 1% 0.5%;box-shadow: 0 1px 4px 0 #e1e1e1 !important;border-radius: 5px;padding-top: 15px;}
.honor-list li:hover{background: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));box-shadow: 0 1px 8px 0 #e1e1e1 !important;}
.honor-list li .thumb{
    width: 100%;
    height: 0;
    padding-top: 67.15%;
    overflow: hidden;
    position: relative;
}
.honor-list li .thumb .pic{ 
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
}
.honor-list li .thumb .pic img { 
    max-width: 100%;
    max-height: 100%;
}
.honor-list li .item{ padding:5%;}
.honor-list li .item h3{font-size:16px; color:#55504f;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



@media screen and (max-width:1320px){}

@media screen and (max-width:1178px){
.honor-list li{width:49.5%;margin: 0 0.25% 1% 0.25%;}
}


@media screen and (max-width:800px){
.honor-list li{width:48%;margin:1%;}
.honor-list li .item h3{font-size:13px;}
}