a {
  text-decoration: none!important;
}
body {
  background-color: #EFF3F7;
}
.shsw_wrap * {
  box-sizing: border-box;
}
.shsw_wrap {
  background: url(/images/shsw_bg2024.png) no-repeat top center;
 background-size: 1920px auto;
 background-size: 19.20rem auto;
  overflow: hidden;
}
.shsw_wrap .shsw_box {
  background-color: #fff;
  margin-top: 381px;
  margin-top: 3.81rem;
  padding: 0 40px 55px;
  padding: 0 .40rem .55rem;
  box-sizing: border-box;
}
.shsw_box .shsw_item_title {
  display: block;
  width: 100%;
  height: 50px;
  height: .5rem;
  margin-bottom: 40px;
  margin-bottom: .40rem;
  text-align: center;
}
.shsw_item2 .shsw_item_title {
  margin-bottom: 33px;
  margin-bottom: .33rem;
}
.shsw_box .shsw_item_title img {
  width: 592px;
  width: 5.92rem;
}
.shsw_item1 {
  overflow: hidden;
  padding: 38px 0 15px;
  padding: .38rem 0 .15rem;
}
.shsw_item1 .shsw_item1_box .shsw_box_lf {
  width: 340px;
  width: 3.4rem;
  margin-right: 49px;
  margin-right: .49rem;
}
.shsw_item1 .shsw_item1_box .shsw_box_lf a {
  display: block;
  width: 340px;
  height: 120px;
  margin: 0 50px 30px 0;
  position: relative;
  width: 3.40rem;
  height: 1.20rem;
  margin: 0 .50rem .30rem 0;
}
.shsw_item1 .shsw_item1_box .shsw_box_lf a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.shsw_item1 .shsw_item1_box .shsw_box_lf a span {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 20px;
  color: #F2634F;
  left: .35rem;
  font-size: .20rem;
}
.shsw_item1 .shsw_item1_box .shsw_box_lf a:nth-child(2) span {
  color: #D74214;
}
.shsw_box_mid {
  width: 340px;
  height: 271px;
  background: url(/images/shsw_bg1_2024.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: 52px;
  font-weight: bold;
  font-size: 20px;
  color: #D74214;
  cursor: pointer;
  position: relative;
  width: 3.40rem;
  height: 2.71rem;
  padding-top: .52rem;
  font-size: .20rem;
}
.shsw_box_mid_modal {
  width: 100%;
  height: 100%;
  background-color: RGBA(237, 117, 77, .8);
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 30px;
  line-height: 30px;
  padding: 17px 10px 20px 40px;
  border-radius: 3px;
  display: none;
  padding-left: .30rem;
  line-height: .30rem;
  padding: .17rem .10rem .20rem .40rem;
  border-radius: .03rem;
}
.shsw_box_mid_modal a {
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  position: relative;
  padding-left: 20px;
  font-size: .16rem;
  padding-left: .20rem;
}
.shsw_box_mid_modal a::before {
  content: '';
  width: 4px;
  height: 4px;
  width: .04rem;
  height: .04rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.shsw_item1 .shsw_item1_box .shsw_box_rt {
  width: 340px;
  height: 273px; 
  background: url(/images/shsw_fwzx_bg2024.png) no-repeat 100% 100%;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 115px 20px 30px;
  overflow: hidden;
  width: 3.40rem;
  height: 2.73rem; 
  padding: 1.15rem .20rem .30rem;
}
.shsw_item1 .shsw_item1_box .shsw_box_rt div {
  width: 100%;
  color: #000;
  background-color: #FFF7E8;
  font-size: 16px;
  height: 47px;
  line-height: 47px;
  border-radius: 10px;
  margin-bottom: 27px;
  box-sizing: border-box;
  overflow: hidden;
  font-size: .16rem;
  height: .47rem;
  line-height: .47rem;
  border-radius: .10rem;
  margin-bottom: .27rem;
  text-align: center;
}
.shsw_item2 .shsw_item2_box {
  height: 150px;
  height: 1.5rem;
}
.shsw_item2 .shsw_item2_box a {
  display: inline-block;
  width: 340px;
  height: 150px;
  width: 3.40rem;
  height: 1.50rem;
}
.shsw_item2 .shsw_item2_box a img {
  width: 100%;
}
.shsw_item2 .shsw_item2_box a:first-child+a {
  margin: 0 50px;
  margin: 0 .50rem;
}

@media screen and (max-width: 768px) {
  .shsw_wrap {
    background: url(/images/shsw_bg_h5_2024.png) no-repeat;
    background-size: 100% auto;
  }
  .shsw_wrap .shsw_box {
    width: 94%;
    margin-top: 3rem;
    padding: 0 .22rem 0;
  }
  .shsw_box .shsw_item_title {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: .4rem;
  }
  .shsw_item1 {
    padding: .2rem 0 .7rem;
  }
  .shsw_item1 .shsw_item1_box .shsw_box_lf {
    width: 100%;
    float: none;
  }
  .shsw_item1 .shsw_item1_box .shsw_box_lf a {
    display: block;
    width: 100%;
    height: 1.7rem;
    margin: 0 0 .4rem 0;
  }
  .shsw_item1 .shsw_item1_box .shsw_box_lf a span {
    left: .65rem;
    font-size: .36rem;
  }
  .shsw_box_mid {
    background: url(/images/shsw_bg1_h5_2024.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 3.9rem;
    padding-top: .4rem;
    font-size: .36rem;
    margin-bottom: .4rem;
  }
  .shsw_box_mid_modal {
    padding-left: .30rem;
    line-height: .45rem;
    padding: .15rem .10rem .1rem .50rem;
  }
  .shsw_box_mid_modal a {
    font-weight: normal;
    font-size: .28rem;
    padding-left: .20rem;
  }
  .shsw_box_mid_modal a::before {
    width: .06rem;
    height: .06rem;
  }
  .shsw_item1 .shsw_item1_box .shsw_box_rt {
    background: url(/images/shsw_fwzx_bg_h5_2024.png) no-repeat 100% 100%;
    background-size: 100% auto;
    width: 100%;
    height: 4.9rem; 
    padding: 2.2rem .3rem .5rem;
  }
  .shsw_item1 .shsw_item1_box .shsw_box_rt div {
    font-size: .3rem;
    border-radius: .2rem;
    margin-bottom: .37rem;
    height: .9rem;
    line-height: .9rem;
  }
  .shsw_item2 .shsw_item2_box {
    height: auto;
  }
  .shsw_item2 .shsw_item2_box a {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-bottom: .4rem;
    float: none;
  }
  .shsw_item2 .shsw_item2_box a:first-child+a {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .4rem;
  }
}