/* banner */

.swiper {
  font-size: 0;
}

.swiper img {
  width: 100%;

  max-height: 400px;
}

.swiper1 .swiper-button-next:after,
.swiper1 .swiper-button-prev:after {
  display: block;

  font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem) !important;

  font-weight: 600;

  background-color: #eeeeee8e;

  padding: 10px 12px 10px 14px;

  border-radius: 50%;
}

/* box1 */

.box1 {
  padding: clamp(15px, 2vw, 20px) 0;

  box-sizing: border-box;

  background-color: #f4f4f4;
}

.con {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, calc(50% - 10px));
}

.content_left {
  width: 100%;

  overflow: hidden;

  position: relative;

  font-size: 0;

  height: 350px;
}

.content_left a {
  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;
}

.content_left img {
  width: 100%;

  height: 100%;
}

.content_left a h3 {
  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: #000000b6;

  color: #fff;

  padding: 10px 20px;

  box-sizing: border-box;
}

.con .content_right .content_right_t {
  padding: 20px;

  border-bottom: 1px solid #dadada;
}

.con .content_right .content_right_t .tab {
  display: flex;
}

.con .content_right .content_right_t .tab h3 {
  margin-right: 30px;

  cursor: pointer;
}

.con .content_right .content_right_t .tab .active {
  color: #1e79b3;

  position: relative;
}

.con .content_right .content_right_t .tab .active::after {
  content: "";

  width: 70%;

  height: 6px;

  background-color: #1e79b3;

  position: absolute;

  bottom: -20px;

  left: 15%;
}

.con .content_right ul {
  width: 100%;

  padding: 20px;

  box-sizing: border-box;
}

.con .content_right li {
  line-height: 40px;
}

.con .content_right li a {
  width: 100%;

  color: #333333;

  text-decoration: none;
}

.con .content_right li a p {
  width: 75%;

  color: #333333;

  text-decoration: none;
}

/* box2 */

.box2 {
  background-color: #f5f5f5;

  padding: clamp(15px, 2vw, 20px) 0px ;
}

.box2 .con_box {
  display: grid;

  grid-gap: 20px;

  grid-template-columns: repeat(2, calc((100% - 20px) / 2));
}

.box2 .con_box h3 {
  margin-bottom: 10px;
}

.box2 .con_box .con_box_l ul {
  display: grid;

  grid-gap: 15px;

  grid-template-columns: repeat(2, calc((100% - 15px) / 2));

  font-size: 0;
}

.box2 .con_box .con_box_l ul img {
  width: 100%;

  height: 150px;
}

.box2 .con_box .con_box_l ul div {
  width: 100%;

  padding: 10px;

  box-sizing: border-box;
}

.box2 .con_box .con_box_l ul div p {
  color: #333333;

  margin-bottom: 5px;
}

.box2 .con_box .con_box_l ul div p:nth-child(2) {
  color: #666666;
}

.box2 .con_box .con_box_r ul {
  height: 455px;
  padding: 30px 20px;
  box-sizing: border-box;
}

.box2 .con_box .con_box_r ul li {
  padding: 20px 0px 10px;

  border-bottom: 1px solid #dadada;
}

.box2 .con_box .con_box_r ul li:first-child {
  padding-top: 0;
}

.box2 .con_box .con_box_r ul li:last-child {
  border-bottom: 0;
}

.box2 .con_box .con_box_r ul li a {
  display: block;
}

.box2 .con_box .con_box_r ul li span {
  color: #666666;
}

/* box3 */

.box3 {
  background-color: #f5f5f5;

  padding: clamp(15px, 2vw, 20px) 0px;
}

.box3 .con_box .tab {
  color: #666666;

  padding: 20px 30px;

  box-sizing: border-box;

  border-bottom: 1px solid #dadada;
}

.box3 .con_box .tab .swiper31 .swiper-slide {
  width: auto;
}

.box3 .con_box .tab p {
  cursor: pointer;
}

.box3 .con_box .tab .active {
  font-weight: 600;

  color: #1e79b3;
}

.box3 .con_box .con_box_b {
  padding: 30px;

  box-sizing: border-box;
}

.box3 .con_box .tab .swiper31,
.box3 .con_box .con_box_b .swiper32 {
  overflow: hidden;
}

.box3 .con_box .con_box_b .swiper32 .swiper-slide {
  height: 100%;
}

.box3 .con_box .con_box_b .con_box_b_box {
  height: 100%;
  display: block;

  border: 1px solid #dadada;

  padding: 20px;

  box-sizing: border-box;

  text-align: center;
}

.box3 .con_box .con_box_b .con_box_b_box img {
  width: 100px;

  height: 100px;

  border-radius: 50%;

  margin: 0 0 10px;
}

.box3 .con_box .con_box_b .con_box_b_box h5 {
  color: #333333;

  margin: 10px 0;
}

.box3 .con_box .con_box_b .con_box_b_box p {
  color: #666666;

  margin: 5px 0;
}

.box3 .con_box .con_box_b .con_box_b_box>div {
  width: 100%;

  line-height: 25px;

  margin-top: 5px;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;
}

/* box4 */
.box4 {
  padding: clamp(15px, 2vw, 20px) 0px;
}

.box4 .container .logo {
  margin-bottom: 10px;
}

/* ad */
.ad_box {
  font-size: 0;
}
.ad_box .container{
  overflow: hidden;
}
.ad_box .swiper-wrapper{
  display: flex;
  align-items: center;
}