.section_box {
 position: relative;
 float: left;
 width: 23.85%;
 margin: 0 1.53% 1.53% 0;
 line-height: 1.5;
 background-color: #fff;
 box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.13);
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

.section_box:nth-child(4n) {
 margin: 0 0 1.53% 0;
}

.section_box:hover {
 box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33);
}

.section_box>a:nth-child(1) {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 font-size: 0;
 z-index: 4;
}

.section_box .image {
 position: relative;
 float: left;
 width: 100%;
 height: 180px;
}

.section_box .image>a {
 display: block;
 width: 100%;
 height: 100%;
}

.section_box .image a>img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.section_box .image .mask {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0);
 z-index: 3;
 -webkit-transition: 0.4s ease-in-out;
 -moz-transition: 0.4s ease-in-out;
 -o-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

.section_box:hover .image .mask {
 background-color: rgba(0, 0, 0, 0.3);
}

.section_box .box_bottom {
 float: left;
 width: 100%;
}

.section_box .title {
 float: left;
 width: 100%;
 height: 48px;
 padding: 0 23px;
 margin: 14px 0 14px 0;
 overflow: hidden;
}

.section_box .title table {
 width: 100%;
 height: 100%;
 margin: 0;
 border: 0;
 border-collapse: collapse;
 border-spacing: 0;
}

.section_box .title table td {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 vertical-align: middle;
}

.section_box .title a,
.section_box .title a:link,
.section_box .title a:visited,
.section_box .title a:hover {
 font-size: 19px;
 line-height: 1.2;
 color: #303030;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.section_box:hover .title a {
 color: #714194;
}

.section_box .info {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: flex-end;
 float: left;
 width: 100%;
 height: 64px;
 padding: 0 23px;
 border-top: 1px solid #efefef;
}

.section_box .btn_container {
 float: right;
 width: 100%;
}

.section_box .see_more {
 position: relative;
 float: right;
 padding: 7px 20px;
 font-weight: 400;
 font-size: 12px;
 line-height: 1.1;
 color: #303030;
 text-transform: initial;
 background-color: #f6f6f6;
 border: 1px solid #e0e0e0;
 z-index: 5;
}

.section_box .see_more:hover {
 color: #fff;
 background-color: #714194;
 border: 1px solid #714194;
}

@media screen and (max-width:1200px) {
 .section_box,
 .section_box:nth-child(4n) {
  width: 32%;
  margin: 0 2% 2% 0;
 }
 .section_box:nth-child(3n) {
  margin: 0 0 2% 0;
 }
 /* .section_box .title {
  height: 44px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:visited,
 .section_box .title a:hover {
  font-size: 18px;
 } */
}

@media screen and (max-width:900px) {
 .section_box,
 .section_box:nth-child(3n),
 .section_box:nth-child(4n) {
  width: 49%;
  margin: 0 2% 2% 0;
 }
 .section_box:nth-child(2n) {
  margin: 0 0 2% 0;
 }
 .section_box .image {
  height: 160px;
 }
}

@media screen and (max-width:750px) {
 .section_box .image {
  height: 140px;
 }
 .section_box .title {
  height: 44px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:visited,
 .section_box .title a:hover {
  font-size: 18px;
 }

}

@media screen and (max-width:600px) {
 .section_box,
 .section_box:nth-child(2n),
 .section_box:nth-child(3n),
 .section_box:nth-child(4n) {
  width: 100%;
  margin: 0 0 4% 0;
 }
 .section_box .title {
  height: 22px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:visited,
 .section_box .title a:hover {
  -webkit-line-clamp: 1;
 }
}

@media screen and (max-width:400px) {
 .section_box .title {
  height: 40px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:visited,
 .section_box .title a:hover {
  font-size: 17px;
  -webkit-line-clamp: 2;
 }
}