.section_box,
.section_box * {
 -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 {
 position: relative;
 float: left;
 width: 23.875%;
 margin: 0 1.5% 1.5% 0;
 line-height: 1.2;
 border-radius: 6px;
 background-color: #fff;
 overflow: hidden;
}

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

.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: 200px;
 overflow: hidden;
}

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

.section_box .image picture {
 width: 100%;
 height: 100%;
}

.section_box .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform .8s ease;
}

.section_box:hover .image img {
 transform: scale(1.1);
}

.section_box .box_bottom {
 float: left;
 width: 100%;
 padding: 15px 20px 15px 20px;
}

.section_box .title {
 float: left;
 width: 100%;
 height: 44px;
 margin: 0 0 15px 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:hover,
.section_box .title a:visited {
 font-weight: 700;
 font-size: 19px;
 line-height: 1.16;
 letter-spacing: -0.03em;
 color: #292a2b;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}

.section_box:hover .title a,
.section_box:hover .title a:link,
.section_box:hover .title a:hover,
.section_box:hover .title a:visited {
 color: #002172;
}

.section_box .location {
 float: left;
 width: 100%;
 height: 16px;
 margin: 0 0 16px 0;
 font-weight: 300;
 font-size: 13px;
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.section_box .line {
 float: left;
 width: 100%;
 height: 1px;
 background-color: #d1d3d6;
}

.section_box .bottom_info {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 float: left;
 width: 100%;
 margin: 14px 0 0 0;
}

.section_box .bottom_info .basic_btn {
 display: flex;
 align-items: center;
 padding: 12px 15px;
 font-weight: 500;
 font-size: 13px;
 color: #002172;
 border: none;
 background-color: #edeef0;
}

.section_box:hover .bottom_info .basic_btn {
 color: #fff;
 border: none;
 background-color: #002172;
}

.section_box .bottom_info .basic_btn .icon {
 position: relative;
 width: 6px;
 height: 9px;
 margin: 0 0 0 9px;
}

.section_box .bottom_info .basic_btn .icon::before {
 content: "";
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

.section_box .bottom_info .basic_btn .icon::after {
 content: "";
 opacity: 0;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}

.section_box .bottom_info .basic_btn .icon::before {
 background: url('/img/offer-box-icon-arr.svg') 0px 0px no-repeat;
 background-size: 6px 18px;
}

.section_box .bottom_info .basic_btn .icon::after {
 background: url('/img/offer-box-icon-arr.svg') 0px -9px no-repeat;
 background-size: 6px 18px;
}

.section_box:hover .bottom_info .basic_btn .icon::before {
 opacity: 0;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

.section_box:hover .bottom_info .basic_btn .icon::after {
 opacity: 1;
 -webkit-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 transition: opacity 0.2s;
}

@media screen and (max-width: 1400px) {
 .section_box .bottom_info .basic_btn {
  padding: 12px 11px;
 }
}

@media screen and (max-width: 1280px) {
 .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: 42px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:hover,
 .section_box .title a:visited {
  font-size: 18px;
 }
}

@media screen and (max-width: 1000px) {
 .section_box .image {
  height: 180px;
 }
 .section_box .box_bottom {
  padding: 14px 18px 14px 18px;
 }
}

@media screen and (max-width: 870px) {
 .section_box .bottom_info {
  margin: 10px 0 0 0;
 }
 .section_box .bottom_info .basic_btn {
  padding: 11px 11px;
  font-size: 12px;
 }
 .section_box .bottom_info .basic_btn .icon {
  display: none;
 }
}

@media screen and (max-width: 800px) {
 .section_box .image {
  height: 160px;
 }
 .section_box .box_bottom {
  padding: 12px 12px 12px 12px;
 }
 .section_box .title {
  margin: 0 0 11px 0;
 }
 .section_box .title {
  height: 40px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:hover,
 .section_box .title a:visited {
  font-size: 17px;
 }
}

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

@media screen and (max-width: 520px) {
 .section_box .bottom_info .info {
  font-size: 12px;
 }
}

@media screen and (max-width: 500px) {
 .section_box .image {
  height: 100px;
 }
 .section_box .title {
  height: 56px;
 }
 .section_box .title a,
 .section_box .title a:link,
 .section_box .title a:hover,
 .section_box .title a:visited {
  font-size: 16px;
  -webkit-line-clamp: 3;
 }
 .section_box .bottom_info .basic_btn {
  padding: 9px 11px;
  font-size: 12px;
 }
}