@charset "utf-8";

/* 关于我们 */
.gywm_banner {
  width: 100%;
  height: 819px;
  background: #000;
  background-size: auto 100%;
  background-position-x: center;
}


.gywm_sum {
  width: 100%;
  height: 905px;
  background: url(../images/topic/guwm/bg_02.png) no-repeat;
  background-size: auto 100%;
  background-position-x: center;
}

.gywm_sum_mian {
  width: 1200px;
  height: 905px;
  margin: 0 auto;
  position: relative;
}

.gywm_sum_b {
  width: 100%;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.92);
  position: absolute;
  left: 0;
  bottom: 90px;
  width: 1196px;
  height: 191px;
}

.gywm_sun_list {
  padding: 0 46px;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-column: span 6;
  grid-template-columns: repeat(6, 1fr);
}

.gywm_sun_li {
  width: 100%;
  height: 191px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.gywm_sun_txt {
  line-height: 1;
  padding-bottom: 11px;
  margin-top: 15px;
  font-size: 20px;
  color: #db0000;
  position: relative;
}

.gywm_sun_txt::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 15px;
  height: 2px;
  background: #db0000;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}


.gywm_sum_tl {
  width: 510px;
  height: auto;
  position: absolute;
  left: 0;
  top: 103px;
}

.gywm_sum_title {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 50px;
  text-transform: uppercase;
  white-space: pre-line;
  padding-bottom: 30px;
  position: relative;
}

.gywm_sum_title::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: #ffffff;
}

.gywm_sum_bewrite {
  width: 100%;
  margin-top: 42px;
  font-size: 18px;
  line-height: 32px;
  min-height: 192px;
  color: #ffffff;
  text-align: justify;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
}

.gywm_sum_tr {
  width: 590px;
  height: 462px;
  position: absolute;
  right: 9px;
  top: 64px;
}

.gywm_sum_trm {
  width: 100%;
  height: 462px;
  position: relative;
  background: url(../images/topic/guwm/bg_02_01.png) no-repeat;
  background-size: cover;
}

.gywm_sum_trm .trm_01 {
  min-width: 114px;
  display: block;
  height: 150px;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  left: 185px;
  top: 0;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}

.gywm_sum_trm .trm_02 {
  min-width: 114px;
  display: block;
  height: 150px;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 236px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;

}

.gywm_sum_trm .trm_03 {
  min-width: 114px;
  display: block;
  height: 150px;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  left: 242px;
  top: 175px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;

}

.gywm_sum_trm .trm_04 {
  min-width: 114px;
  display: block;
  height: 150px;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 126px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;

}

.gywm_sum_trm .trm_05 {
  min-width: 114px;
  display: block;
  height: 150px;
  font-size: 22px;
  color: #ffffff;
  position: absolute;
  left: 296px;
  bottom: -35px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;

}


.gywm_speech {
  width: 100%;
  height: 807px;
  background: url(../images/topic/guwm/bg_01.png) no-repeat;
  background-size: auto 100%;
  background-position-x: center;
}

.gywm_speech_mian {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 807px;
}

.boss_set {
  width: 519px;
  height: 710px;
  position: absolute;
  left: -105px;
  bottom: 0;
}

.boss_speech {
  width: 750px;
  height: auto;
  position: absolute;
  right: 0;
  top: 110px;
}

.gywm_speech_t {
  width: 100%;
  font-size: 36px;
  font-weight: bold;
  color: #fff;
  line-height: 48px;
}

.boss_speech_in {
  width: 100%;
  height: 544px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}

.boss_speech_in .swiper {
  width: 100%;
  height: 100%;
}

.boss_speech_in .swiper-slide {
  font-size: 18px;
  height: auto;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 34px;
  padding-right: 60px;
}

.boss_speech_in .swiper-slide img {
  min-width: 100%;
  height: auto;
  display: block;
}

.boss_speech_in .swiper-scrollbar {
  background: #fff;
  right: 12px;
}

.boss_speech_in .swiper-scrollbar-drag {
  background: #db0000;
}

.gywm_course {
  width: 100%;
  min-height: 673px;
  position: relative;
  background: #ffffff;
}

.gywm_course_top {
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 75px;
  margin-left: -600px;
  z-index: 2;
}

.plate_title {
  width: 100%;
  text-align: center;
  position: relative;
  height: 72px;
}

.plate_t_en {
  font-size: 72px;
  font-weight: bold;
  color: rgba(153, 153, 153, 0.1);
  text-transform: uppercase;
  line-height: 1;
}

.plate_t_cn {
  font-size: 36px;
  font-weight: bold;
  color: #050505;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 36px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.plate_t_cn span {
  color: #db0000;
}

.plate_t_tips {
  width: 100%;
  text-align: center;
  line-height: 30px;
  margin-top: 12px;
  font-size: 20px;
  color: #666666;
}

.gywm_course_swiper {
width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.course_cover {
  width: 100%;
  height: auto;
}


.gywm_odds {
  width: 100%;
  height: auto;
  background: #ffffff;
}

.gywm_odds_mian {
  width: 1200px;
  padding: 93px 0;
  margin: 0 auto;
}

.gywm_odds_set {
  margin-top: 62px;
  width: 100%;
  height: 570px;
  display: flex;
}

.gywm_o_in {
  width: 400px;
  height: 570px;
  display: grid;
  grid-column: span 1;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 190px;
}

.gywm_oin {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}


.oin_e,
.oin_s {
  position: relative;
}

.gywm_oin_cover {
  width: 100%;
  height: 190px;
  display: block;
  position: relative;
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.gywm_oin:hover .gywm_oin_cover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.oin_e .gywm_oin_info {
  width: 200px;
  height: 190px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}

.oin_s .gywm_oin_info {
  width: 200px;
  height: 190px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}

.gywm_oin_info::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: -1;
}


.gywm_oin_info .oin_icon {
  width: 47px;
  height: 47px;
  display: block;
}

.gywm_oin_info .oin_title {
  font-size: 20px;
  color: #db0000;
  line-height: 1;
  margin-top: 20px;
}

.gywm_oin_info .oin_tips {
  font-size: 14px;
  color: #333333;
  line-height: 1;
  margin-top: 10px;
}

.gywm_o_ts {
  width: 400px;
  height: 570px;
  background: #db0000;
}

.gywm_o_ts_bg {
  width: 400px;
  height: 570px;
  display: block;
}


.gywm_honor {
  width: 100%;
  height: 836px;
  background: url(../images/topic/guwm/honor_bg.png) no-repeat;
  background-size: auto 100%;
  background-position-x: center;
}

.gywm_honor_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 108px 0 62px;
}

.gywm_honor_set {
  width: 100%;
  height: 483px;
  margin-top: 72px;
}


.group_box {
  width: 100%;
  height: 483px;
  position: relative;
}

.parHd {
  width: 106px;
  height: 306px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -153px;
}

.parHd_ul {
  width: 100%;
  height: 306px;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: space-between;
}

.parHd_li {
  width: 106px;
  height: 126px;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: space-between;
  cursor: pointer;
}

.show_set {
  width: 106px;
  height: 90px;
  background: url(../images/topic/guwm/show_02.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease-in-out;
}

.on .show_set {
  width: 106px;
  height: 90px;
  background: url(../images/topic/guwm/show_01.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.show_set_icon {
  width: 42px;
  height: 42px;
  display: block;
}

.show_set_title {
  font-size: 18px;
  color: #000000;
  line-height: 1;
}

.on .show_set_title {
  color: #db0000;
}

.parBd {
  width: 1006px;
  height: 483px;
  position: absolute;
  right: 0;
  top: 0;
}

.slideBox {
  width: 100%;
  height: 483px;
  position: relative;
}

.swiper_top {
  width: 695px;
  height: 483px;
  overflow: hidden;
}

.swiper_bottom {
  width: 350px;
  height: 483px;
  position: absolute;
  right: 0;
  top: 0;
}

.gallery-top {
  width: 100%;
  height: 483px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-top .swiper-slide {
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
}

.gallery-top .swiper-slide .sl_p {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 40px;
  font-size: 22px;
  color: #333333;
}


.swiper_bottom .swiper-container {
  width: 100%;
  height: 288px;
  margin-top: 40px;
}

.gallery-thumbs {
  width: 100%;
  height: 483px;
  box-sizing: border-box;
}

.gallery-thumbs .swiper-slide {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s_n_title {
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.gallery-thumbs .swiper-slide-thumb-active .s_n_title {
  background: #db0000;
  border-radius: 40px;
  color: #fff;
}

.swiper_bottom .s_prev {
  width: 20px;
  height: 10px;
  background: url(../images/topic/guwm/ber_t.png) no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -10px;
  left: 50%;
  top: 0;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  outline: none;
}

.swiper_bottom .s_next {
  width: 20px;
  height: 10px;
  background: url(../images/topic/guwm/ber_b.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 120px;
  z-index: 9;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  outline: none;
}


.swiper_bottom .ss_prev {
  width: 20px;
  height: 10px;
  background: url(../images/topic/guwm/ber_t.png) no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -10px;
  left: 50%;
  top: 0;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  outline: none;
}

.swiper_bottom .ss_next {
  width: 20px;
  height: 10px;
  background: url(../images/topic/guwm/ber_b.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: 120px;
  z-index: 9;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  outline: none;
}

/* 团队风采 */

.gywm_team {
  width: 100%;
  background: #fff;
}

.gywm_team_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 93px 0;

}

.plate_depict {
  font-size: 18px;
  color: #333333;
  line-height: 32px;
  white-space: pre-line;
  text-align: center;
  margin-top: 50px;
}

.gywm_team_t {
  width: 770px;
  height: 84px;
  background: #f3f3f3;
  text-align: center;
  line-height: 84px;
  margin: 35px auto 0;
  font-size: 24px;
  color: #db0000;
  position: relative;
}

.gywm_team_t::before {
  content: "";
  position: absolute;
  left: -42px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 42px solid transparent;
  border-bottom: 42px solid transparent;
  border-right: 42px solid #f3f3f3;
}

.gywm_team_t::after {
  content: "";
  position: absolute;
  right: -42px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 42px solid transparent;
  border-bottom: 42px solid transparent;
  border-left: 42px solid #f3f3f3;
}

.gywm_team_roll {
  width: 1160px;
  margin: 52px auto 0;
  position: relative;
  height: 250px;
  display: flex;
  align-items: center;
}



.pic_swiper {
  width: 100%;
  height: 100%;
}

.pic_swiper .gywm_culture {
  width: 100%;
  background: #fff;
}

.pic_swiper .swiper-slide {
  transition: 300ms;
  transform: scale(0.8);
  background: #fff;
}

.pic_swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.pic_swiper .swiper-slide-active,
.pic_swiper .swiper-slide-duplicate-active {
  transform: scale(1);
}



.gywm_culture_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 0px 0 30px;
  text-align: center;
}

.gywm_culture_in {
  width: 100%;
  margin-top: 60px;
  text-align: center;
}

.gywm_culture_in img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}



/* VR */
.vr_box {
  width: 100%;
  height: 970px;
  background: url(../images/topic/guwm/vr_bg.png) center no-repeat;
  background-size: cover;
}

.vr_mian {
  width: 1200px;
  margin: 0 auto;
}

.i_title h2 {
  min-width: 400px;
  border-bottom: 1px solid #dcdcdc;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  position: relative;
  font-size: 30px;
  color: #222222;
  margin-bottom: 20px;
  font-family: 'Microsoft YaHei Light';
}

.i_title h2::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 2px;
  bottom: -1px;
  left: 0;
  border-bottom: 2px solid #db0000;
}

.i_title h2 i {
  font-weight: bold;
  font-size: 30px;
  font-family: 'Microsoft YaHei Regular';
}

.title_tips {
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 1;
}

.vr_box .i_title {
  padding-top: 60px;
  position: relative;
}

.vr_list {
  width: 1200px;
  height: 641px;
  margin-top: 50px;
}

.vr_t {
  width: 100%;
  height: 641px;
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.vr_t_cover {
  width: 100%;
  height: 641px;
  overflow: hidden;
}

.t_cover_img {
  width: 100%;
  height: 641px;
  display: block;
}

.vr_t .t_cover_img {
  transition: all .6s ease
}

.vr_t:hover .t_cover_img {
  transform: scale(1.1)
}

.vr_t_title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 0 20px;
  text-align: center;
  z-index: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 16px;
}

.vr_logo {
  padding: 0 16px;
  min-width: 110px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 24px;
  left: 26px;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 36px;
  z-index: 2;
}

.vr_logo i {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #db0000;
  margin-right: 9px;
}

.vr_logo span {
  display: block;
  width: 40px;
  height: 19px;
  background: url(../images/topic/guwm/vr_logo.png) no-repeat;
  background-size: 40px 19px;
  margin-right: 8px;
}

.vr_t_rw {
  width: 332px;
  height: 324px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* 合作伙伴 */
.gywm_concur {
  width: 100%;
  height: auto;
  background: #f4f4f4;
}

.gywm_concur_mian {
  width: 1200px;
  padding: 70px 0;
  margin: 0 auto;
}

.concur_swiper {
  width: 1200px;
  margin-top: 50px;
  height: auto;
}

.concur_list {
  width: 100%;
  display: grid;
  box-sizing: border-box;
  grid-column: span 5;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px 20px;
}

.concur_sl {
  width: 100%;
  height: 100px;
  background: #fff;
  transition: all .5s ease;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
}

.concur_sl img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.6s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.6s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.concur_sl:hover {
  background: #db0000;
}

.concur_sl .sl_01 {
  opacity: 1;
}

.concur_sl .sl_02 {
  opacity: 0;
}

.concur_sl:hover .sl_01 {
  opacity: 0;
}

.concur_sl:hover .sl_02 {
  opacity: 1;
}


.gywm_form {
  width: 100%;
  height: auto;
  background: #db0000;
}

.gywm_ys_b {
  background: #5e73a4;
}

.gywm_ys_c {
  background: #384b86;
}

.gywm_ys_d {
  background: #c72c0d;
}

.gywm_form_mian {
  width: 1200px;
  padding: 46px 0;
  margin: 0 auto;
}

.form_tips {
  width: 100%;
  height: 109px;
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form_tips_a {
  font-size: 38px;
  color: #333333;
}

.form_tips_b {
  font-size: 24px;
  color: #050505;
  padding-left: 40px;
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.form_tips_b span {
  font-size: 36px;
  font-weight: bold;
  color: #db0000;
  font-style: italic;
}

.form_tips_b span.ts {
  color: #5e73a4;
}


.gywm_f_mian {
  width: 100%;
  height: 50px;
  margin-top: 23px;
  display: grid;
  grid-gap: 20px;
  grid-column: span 4;
  grid-template-columns: 300px 300px 300px 1fr;
  grid-template-rows: 50px;
}

.ft_li {
  position: relative;
}

.ft_li_icon {
  width: 13px;
  height: 7px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: url(../images/icon/sj_icon.png) no-repeat;
  background-size: 13px 7px;
  z-index: 3;
}

.ft_li_input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 16px;
  color: #000;
  border: 0;
  outline: 0;
}

.ft_li_ts {
  background: #e8e8e8;
}

.short_cursor {
  cursor: pointer;
}

.ft_li_but {
  width: 100%;
  border: none;
  box-shadow: none;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  font-size: 16px;
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.ft_li_but_ts {
  width: 100%;
  border: none;
  box-shadow: none;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  background-image: -moz-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  background-image: -webkit-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  background-image: -ms-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  padding: 0;
  margin: 0;
}


.shortselect {
  background: #fafdfe;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  padding: 0 18px;
  line-height: 50px;
  border: none;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.yourclass .layui-layer-title {
  border: none;
  padding: 0;
  background-color: #db0000;
  color: #fff;
  text-align: center;
}

.yourclass .layui-layer-content {
  text-align: center;
}


/* 工程案例 */
.archive_header {
  width: 100%;
  height: 420px;
  position: relative;
  overflow: hidden;
}

.path_box {
  width: 100%;
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  position: relative
}


.path_mian {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.path_list {
  flex: 1;
  min-width: 0;
}

.path_set {
  font-size: 14px;
  color: #979797;
  padding-left: 30px;
  background: url('../images/icon/path_icon.png') left center no-repeat;
  background-size: 18px 18px;
}


.path_mian i {
  display: block;
  float: left;
  color: #979797;
}

.path_li {
  display: block;
  padding: 0 5px;
  float: left;
  transition: color .3s ease;
}

.path_list a {
  display: block;
  color: #000000;
  font-size: 14px;
}

.path_li:hover,
.path_li.on {
  color: #b81c22;
}

.assort_list {
  display: flex;
  align-items: center;
}

.assort_li {
  width: 137px;
  display: block;
  height: 43px;
  position: relative;
  line-height: 43px;
}

.assort_li span {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 43px;
  display: block;
  left: 0;
  top: 0;
  text-indent: 45px;
  font-size: 16px;
  color: #000000;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;

}

.assort_li::before {
  content: "";
  width: 137px;
  height: 43px;
  background: url(../images/icon/link_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.assort_li.on::before {
  opacity: 1;
}

.assort_li.on span {
  color: #fff;
}

.assort_li:hover span {
  color: #db0000;
}

.assort_li.on:hover span {
  color: #ffffff;
}


.core_cont {
  width: 1200px;
  margin: 0 auto;
}

.en_case_nav {
  width: 100%;
  padding: 45px 0;
  display: grid;
  grid-gap: 14px;
  grid-column: span 6;
  grid-template-columns: repeat(6, 1fr);
}

.en_c_a {
  width: 100%;
  height: 43px;
  text-align: center;
  font-size: 16px;
  color: #050505;
  display: block;
  line-height: 43px;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  text-indent: 14px;
}


.en_c_a.on,
.en_c_a:hover {
  background: url(../images/topic/en_case/nav_bg.png) no-repeat;
  background-size: 188px 43px;
  color: #ffffff;
}

.en_case_set {
  padding: 0 0 70px;
}

.en_case_list {
  width: 100%;
  display: grid;
  grid-gap: 20px 30px;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
}

.en_c_li {
  width: 100%;
  height: 320px;
}

.en_c_cover {
  overflow: hidden;
  width: 100%;
  height: 260px;
  position: relative;
}

.en_c_cover::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(219, 0, 0, 0.8);
  opacity: 0;
  z-index: 1;
  -webkit-transition: 1.2s cubic-bezier(.215, .61, .355, 1);
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.en_c_li:hover .en_c_cover::before {
  opacity: 1;
  height: 100%;
}

.en_c_bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  -webkit-transition: 1.2s cubic-bezier(.215, .61, .355, 1);
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.en_c_li:hover .en_c_bg {
  -webkit-transform: scale(1.1) translate(-50%, -50%);
  transform: scale(1.1) translate(-50%, -50%);
}

.en_c_info {
  padding: 0 20px;
  height: 60px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.en_c_title {
  width: 100%;
  text-align: center;
  line-height: 60px;
  -webkit-transition: .6s cubic-bezier(.215, .61, .355, 1);
  transition: .6s cubic-bezier(.215, .61, .355, 1);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  font-size: 20px;
  color: #050505;
}

.en_c_li:hover .en_c_title {
  transform: translateY(-146px);
  -webkit-transform: translateY(-146px);
  position: relative;
  z-index: 3;
  color: #fff;
}

.en_c_logo {
  width: 69px;
  height: 69px;
  background: url(../images/topic/en_case/logo_t1.png) no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 3;
  opacity: 0;
  left: 50%;
  top: 40px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: .6s cubic-bezier(.215, .61, .355, 1);
  transition: .6s cubic-bezier(.215, .61, .355, 1);
}

.en_c_li:hover .en_c_logo {
  opacity: 1;
  transition-delay: .25s;
}

.en_c_link {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #fff url(../images/topic/en_case/link_icon.png) center no-repeat;
  background-size: 16px 12px;
  position: absolute;
  z-index: 3;
  opacity: 0;
  left: 50%;
  bottom: 40px;
  margin-left: -20px;
  -webkit-transition: .8s cubic-bezier(.215, .61, .355, 1);
  transition: .8s cubic-bezier(.215, .61, .355, 1);
}

.en_c_li:hover .en_c_link {
  opacity: 1;
  transition-delay: .6s;
}


/* 案例详情 */
.inner_page {
  padding: 40px 0 90px;
  min-height: 500px;
}

.inner_l {
  width: 810px;
  background: #ffffff;
  float: left;
}

.inner_r {
  width: 350px;
  float: right;
}

.innerl_set {
  padding: 67px 60px;
}

.innerl_title {
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #050505;
  font-weight: bold;
  line-height: 42px;
}


/* 图片轮播 */
.desc-l {
  width: 690px;
  height: 498px;
  margin-top: 30px;
}

.desc_top {
  width: 100%;
  height: 380px;
  position: relative;
}

.desc_bottom {
  width: 100%;
  margin-top: 18px;
  height: 82px;
  position: relative;
}

.desc-l .gallery-s {
  height: 380px;
  width: 100%;
  position: relative;
}

.desc-l .swiper-container {
  width: 100%;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
}

.desc-l .swiper-slide {
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.desc-l .gallery-s {
  height: 380px;
  width: 100%;
  position: relative;
}

.desc-l .gallery-x {
  height: auto;
  box-sizing: border-box;
  position: relative;
}

.desc-l .gallery-x .swiper-slide {
  width: 20%;
  height: 82px;
  opacity: 0.6;
  cursor: pointer;
}

.desc-l .gallery-x .swiper-slide-thumb-active {
  opacity: 1;
}

.desc-l .thumbs_cet {
  width: 24px;
  height: 82px;
  position: absolute;
  bottom: 0;
  z-index: 9;
  opacity: 0;
  cursor: pointer
}

.desc-l .top_cet {
  width: 24px;
  height: 108px;
  position: absolute;
  top: 148px;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}

.desc-l .prev,
.desc-l .prev2 {
  left: 0;
  background: rgb(0, 0, 0, .5) url("../images/icon/nav_set_b.png") center no-repeat;
  background-size: 10px 17px;
  border: none;
  outline: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.desc-l .next,
.desc-l .next2 {
  right: 0;
  background: rgb(0, 0, 0, .5) url("../images/icon/nav_set_a.png") center no-repeat;
  background-size: 10px 17px;
  border: none;
  outline: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.desc-l .desc_bottom:hover .thumbs_cet {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.desc-l .desc_top:hover .top_cet {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


.innerl_detail {
  width: 100%;
  margin-top: 30px;
}

.innerl_de_t {
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #f8f8f8;
  font-size: 22px;
}


.innerl_de_in {
  padding: 30px 0 90px;
  font-size: 16px;
  color: #050505;
  line-height: 34px;
}

.innerl_de_in img {
  max-width: 100%;
  display: block;
  height: auto;
}

.innerl_link {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.innerl_link_l {
  width: 305px;
  height: 46px;
  background: #e0e0e0;
  padding: 0 40px;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  position: relative;
}

.innerl_link_l:hover {
  width: 305px;
  height: 46px;
  background: #db0000;
  padding: 0 40px;
  box-sizing: border-box;
  position: relative;
}

.innerl_link_l::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #666666;
  transition: all 0.3s ease-in-out;
}

.innerl_link_l:hover::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ffffff;
}

.innerl_link_l a {
  width: 100%;
  display: block;
  line-height: 46px;
  font-size: 14px;
  color: #666666;
  transition: color 0.3s ease;
}

.innerl_link_l:hover a {
  color: #fff;
}


.innerl_link_r {
  width: 305px;
  height: 46px;
  background: #e0e0e0;
  padding: 0 40px;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  position: relative;
}

.innerl_link_r:hover {
  width: 305px;
  height: 46px;
  background: #db0000;
  padding: 0 40px;
  box-sizing: border-box;
  position: relative;
}

.innerl_link_r::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #666666;
  transition: all 0.3s ease-in-out;
}

.innerl_link_r:hover::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 13px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffffff;
}

.innerl_link_r a {
  width: 100%;
  display: block;
  line-height: 46px;
  font-size: 14px;
  color: #666666;
  transition: color 0.3s ease;
}

.innerl_link_r:hover a {
  color: #fff;
}


/* 计算器 */
.cal_box {
  width: 100%;
  height: auto;
  border-radius: 10px;
  background: #ffffff;
}

.cal_top {
  width: 100%;
  height: 115px;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.cal_top_bg {
  width: 100%;
  height: 115px;
  position: absolute;
  left: 0;
  top: 0;
}

.cal_top_cont {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}

.cal_top_cn {
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 10px;
}

.cal_top_en {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
}

.cal_form {
  width: 100%;
  padding: 12px 23px 23px;
  box-sizing: border-box;
}

.gif_cont {
  width: 100%;
  height: 52px;
  border: 2px solid #b81c22;
  border-radius: 5px;
  background: #d4d4d4;
  position: relative;
}

.gif_cont em {
  font-size: 17px;
  color: #222222;
  position: absolute;
  right: 20px;
  bottom: 14px;
  line-height: 1;
}

.gif_cont img {
  width: 87px;
  height: 26px;
  display: block;
  position: absolute;
  top: 13px;
  right: 46px;
}


.form_set_but {
  width: 100%;
  margin-top: 20px;
}

.set_but {
  width: 100%;
  height: 50px;
  border: none;
  background: #db0000;
  border-radius: 5px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}

.form_set_tips {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #db0000;
  padding: 15px 0 0;
}

.form_se {
  cursor: pointer;
}

.form_set_li {
  width: 100%;
  margin-top: 20px;
  position: relative;
}

.form_set_label {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin-bottom: 10px;
}

.form_set_label i {
  color: #b81c22;
}

.form_in {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  border: 1px solid #dddddd;
  outline: 0;
}

.form_area {
  width: 100%;
  padding: 10px 18px;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
  border: 1px solid #dddddd;
  outline: 0;
  background: none;
  border-radius: 4px;
  font-weight: normal;
  font-family: inherit;
  overflow: auto hidden;
  resize: none;
  white-space: pre-wrap;
}

/*滚动条样式*/
.qrdsUl::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}

.qrdsUl::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

.qrdsUl::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}


.form_set_li ul {
  width: 100%;
  height: 288px;
  background: #fff;
  overflow-y: auto;
  position: absolute;
  top: 74px;
  right: 0;
  display: none;
  z-index: 10;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-overflow-scrolling: touch;
}

.form_set_li ul li {
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
}

.form_set_li ul .active {
  background: #db0000;
  color: #fff;
}

.form_set_li .sicon {
  width: 15px;
  height: 8px;
  background: url(../images/icon/x_sj.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 45px;
  right: 20px;
  transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1);
}


/* 补强加固 */
.form_banner {
  width: 100%;
  min-width: 1200px;
  height: 1047px;
  position: relative;
  background: #ededed;
  background-size: auto 100%;
  background-position-x: center;
}

.banner_form {
  position: absolute;
  width: 1200px;
  height: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 70px;
  background: #ffffff;
  z-index: 9;
  border-radius: 20px;
  padding: 25px 0;
}

.banner-info {
  padding: 0 26px 0 34px;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.banner-info-l {
  min-width: 358px;
  display: flex;
  align-items: center;
  height: 50px;
}

.b_i_set {
  margin-right: 13px;
  font-size: 16px;
  color: #333333;
  line-height: 1;
}

.b_i_set_b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.b_i_tel {
  font-size: 36px;
  color: #db0000;
  font-family: "BEBAS";
}

.banner-info-r {
  flex: 1;
  min-width: 0;

}

.bqjg_f_in {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-column: span 4;
  grid-template-columns: 187px 187px 240px 1fr;
  grid-template-rows: 50px;
}


.jg_box {
  width: 100%;
  height: 955px;
  background: url(../images/topic/bqjg/jg_bg.png) center no-repeat;
  background-size: 100% 100%;
}

.jg_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 66px 0 92px;
}

.see_top {
  width: 100%;
  text-align: center;
}

.see_top_title {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
}

.see_top_tips {
  font-size: 20px;
  color: #ffffff;
  margin-top: 6px;
}

.jg_list {
  margin-top: 45px;
  width: 100%;
  display: grid;
  grid-gap: 20px 24px;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
}

.jg_li {
  width: 100%;
  height: 323px;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
}

.jg_li_cover {
  width: 384px;
  height: 220px;
}

.jg_info {
  width: 100%;
  height: 113px;
  position: absolute;
  left: 0;
  background: #fff;
  bottom: 0;
  text-align: center;
}

.jg_info_bg {
  width: 100%;
  height: 42px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 110px;
}

.jg_in_c {
  padding-top: 23px;
  line-height: 1;
  font-size: 28px;
  color: #5e73a4;
}

.jg_in_e {
  font-size: 18px;
  color: #dcdcdc;
  line-height: 1;
  margin-top: 10px;
  text-transform: uppercase;
}


.odds_box {
  width: 100%;
  min-height: 817px;
  background: #fff url(../images/topic/bqjg/bg_03.png) no-repeat;
  background-size: cover;
}

.odds_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 78px 0 84px;
}

.odds_top {
  width: 100%;
  text-align: center;
}

.odds_cn {
  font-size: 36px;
  font-weight: bold;
  color: #5e73a4;
}

.odds_cn span {
  font-size: 60px;
  font-weight: bold;
  color: #db0000;
  font-style: italic;
  padding-right: 10px;
}

.odds_en {
  font-size: 20px;
  color: rgb(94, 115, 164, .5);
  text-transform: uppercase;
}

.odds_list {
  margin-top: 60px;
  width: 100%;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.odds_li {
  width: 100%;
  height: 238px;
  padding: 15px;
  background: #5e73a4 url(../images/topic/bqjg/bg_04.png) center right no-repeat;
  background-size: 289px 238px;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.odds_li_cover {
  width: 255px;
  height: 208px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 25px;
}

.odds_cover {
  width: 255px;
  height: 208px;
  display: block;
}

.odds_li_i {
  flex: 1;
  min-width: 0;
}

.odds_li_t {
  font-size: 30px;
  color: #ffffff;
  line-height: 1;
  padding-bottom: 24px;
  font-size: 30px;
  position: relative;
}

.odds_li_t::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  background: #fff;
}

.odds_li_p {
  margin-top: 15px;
  font-size: 18px;
  color: #ffffff;
  line-height: 28px;
  white-space: pre-line;
}

.rein_case {
  width: 100%;
  height: auto;
  background: #f4f4f4;
}

.rein_case_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 92px 0 78px;
}


.rein_top {
  width: 100%;
  text-align: center;
}

.rein_top_title {
  font-size: 36px;
  color: #5e73a4;
  font-weight: bold;
}

.rein_top_tips {
  font-size: 20px;
  color: #b9c1d4;
  margin-top: 6px;
}

.rein_list {
  width: 100%;
  margin-top: 65px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.rein_cover {
  width: 380px;
  height: 260px;
}

.rein_cover_img {
  width: 380px;
  height: 260px;
  display: block;
}

.rein_info {
  width: 100%;
  height: 50px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 50px;
  padding: 0 20px;
}

.workflow_box {
  width: 100%;
  height: 822px;
  background: url(../images/topic/bqjg/bg_05.png) center no-repeat;
  background-size: cover;

}

.workflow_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 85px 0 90px;
}


.workflow_top {
  width: 100%;
  text-align: center;
}

.workflow_cn {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}

.workflow_en {
  font-size: 20px;
  color: rgb(255, 255, 255, .5);
  text-transform: uppercase;
}

.workflow_list {
  margin-top: 35px;
  width: 100%;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 53px;
}

.wf_li {
  width: 100%;
  height: 528px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 10px #335298;
  border-radius: 182px;
}

.wf_icon {
  width: 168px;
  height: 168px;
  margin: 0 auto;
  padding-top: 62px;
}

.wf_info {
  width: 100%;
  text-align: center;
  padding-top: 39px;
}

.wf_in_t {
  font-size: 30px;
  color: #050505;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding-bottom: 30px;
}

.wf_in_t::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 44px;
  height: 2px;
  background: #5e73a4;
  margin-left: -22px;
}

.wf_in_p {
  width: 100%;
  font-size: 18px;
  color: #666666;
  line-height: 28px;
  white-space: pre-line;
  margin-top: 20px;
}


.promise_box {
  width: 100%;
  height: 892px;
  background: #fff url(../images/topic/bqjg/bg_06.png) center no-repeat;
  background-size: cover;
}

.promise_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 78px;
}


.promise_top {
  width: 100%;
  text-align: center;
}

.promise_cn {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}

.promise_en {
  font-size: 20px;
  color: #999999;
  text-transform: uppercase;
}

.promise_set {
  width: 100%;
  height: 517px;
  position: relative;
  margin-top: 40px;
}

.promise_info {
  width: 610px;
  height: 394px;
  position: absolute;
  left: 590px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);

  display: grid;
  grid-column: span 1;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 23px;
}

.promise_li {
  width: 100%;
  height: 116px;
  background: #ffffff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #5e73a4;
}

.promise_icon {
  width: 140px;
  height: 62px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promise_icon::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 62px;
  width: 1px;
  background: #5e73a4;
}

.promise_icon_img {
  width: 52px;
  height: 52px;
  display: block;
}

.promise_ms {
  flex: 1;
  min-width: 0;
  padding: 0 50px;
}

.promise_ms_a {
  font-size: 30px;
  color: #050505;
}

.promise_ms_b {
  font-size: 18px;
  color: #666666;
}

.pro_but {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.pro_link {
  width: 130px;
  height: 40px;
  border: 1px solid #5e73a4;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  color: #5e73a4;
  transition: ease all 0.3s;
}

.pro_link:hover {
  background: #5e73a4;
  border: 1px solid #5e73a4;
  color: #fff;
}



/* 堵漏 */
.dl_banner {
  width: 100%;
  min-width: 1200px;
  height: 821px;
  position: relative;
  background: #384b86;
  background-size: auto 100%;
  background-position-x: center;
}

.dl_form {
  width: 100%;
  height: 664px;
  background: #384b86;
  margin-top: -2px;
}

.dl_form_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

.dl_in_box {
  width: 100%;
  background: #ffffff;
  border-radius: 30px;
  padding: 60px 66px 68px;
  overflow: hidden;
  box-sizing: border-box;
}

.dl_in_title {
  width: 100%;
  text-align: center;
  line-height: 70px;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}

.dl_in_mian {
  width: 100%;
  height: 315px;
  margin-top: 32px;
  display: flex;
  align-items: center;
}

.dl_in_l {
  width: 632px;
  height: 315px;
  position: relative;
}

.dl_in_l::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, #fff, #db0000, #db0000, #fff);
}

.dl_in_list {
  width: 580px;
  height: 315px;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px 20px;
}

.dl_in_li {
  width: 100%;
  height: 150px;
  background-image: -moz-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  background-image: -webkit-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  background-image: -ms-linear-gradient(127deg, rgb(219, 0, 0) 0%, rgb(255, 53, 37) 100%);
  border-radius: 10px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.dl_in_icon {
  width: 86px;
  height: 86px;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 86px;
  margin-right: 20px;
}

.dl_in_img {
  width: 42px;
  height: 42px;
  display: block;
}

.dl_in_info {
  flex: 1;
  min-width: 0;
}

.dl_in_t {
  font-size: 24px;
  color: #ffffff;
}

.dl_in_p {
  font-size: 18px;
  color: #ffffff;
}

.dl_in_r {
  flex: 1;
  min-width: 0;
  padding-left: 50px;
}

.dl_r_t {
  width: 100%;
  text-align: center;
  padding-top: 11px;
  line-height: 38px;
  font-size: 20px;
  color: #333333;
}

.dl_r_t i {
  font-size: 20px;
  color: #db0000;
}

.dl_f {
  margin-top: 16px;
  width: 100%;
  height: 248px;
  display: grid;
  grid-column: span 1;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 16px;
}

.dl_li {
  width: 100%;
  height: 50px;
  position: relative;
}

.dl_li_input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #f1f1f1;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  border: 0;
  outline: 0;
}

.shortselect_b {
  background: #fafdfe;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  padding: 0 18px;
  line-height: 50px;
  border: none;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.dl_li_but {
  width: 100%;
  border: none;
  box-shadow: none;
  height: 50px;
  line-height: 50px;
  background: #db0000;
  font-size: 24px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.caregiver_box {
  width: 100%;
  height: 1125px;
  background: #f4f4f4 url(../images/topic/dl/bg_01.png) center no-repeat;
  background-size: cover;
}

.caregiver_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 118px 0 88px;
}

.caregiver_top {
  width: 100%;
  text-align: center;
}

.care_t {
  font-weight: bold;
  font-size: 36px;
  color: #050505;
  line-height: 1;
  position: relative;

}

.care_t::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #cbcbcb;
}

.care_t span {
  display: inline-block;
  background: #f4f4f4;
  position: relative;
  padding: 0 30px;
}

.care_p {
  font-size: 24px;
  color: #050505;
  line-height: 1;
  margin-top: 26px;
}

.alzs_box {
  width: 100%;
  height: 650px;
  margin: 0 auto 0;
  padding-top: 84px;
  position: relative;
}

.alzs_box .prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: -54px;
  top: 50%;
  background: url(../images/topic/dl/l_s.png) no-repeat;
  margin-top: -27px;
  background-size: cover;
  cursor: pointer;
}

.alzs_box .prev.prevStop {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.alzs_box .next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -27px;
  background: url(../images/topic/dl/r_s.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.alzs_box .next.nextStop {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}

.alzs_box .bd {
  overflow: hidden;
  width: 1200px;
  height: 650px;
}

.picList ul {
  width: 100%;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-right: 30px;
}

.picList ul li {
  width: 100%;
  height: 310px;
  background: #fff;
}

.ovrly_img{
  width: 380px;
  height: 260px;
}


.ovrly_cover {
  width: 380px;
  height: 260px;
}
.ovrly_title {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #333333;
  padding: 0 20px;
  box-sizing: border-box;
}

.parallel_box {
  width: 100%;
  background: #fff;
  min-width: 1200px;
  padding: 147px 0 0;
  box-sizing: border-box;
  position: relative;
}

.parallel_top {
  position: absolute;
  left: 50%;
  right: 0;
  top: 147px;
  margin-left: -600px;
  width: 1200px;
  text-align: center;
  z-index: 2;
}

.par_t {
  font-weight: bold;
  font-size: 36px;
  color: #050505;
  line-height: 1;
  position: relative;

}

.par_t::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #cbcbcb;
}

.par_t span {
  display: inline-block;
  background: #ffffff;
  position: relative;
  padding: 0 30px;
}

.par_p {
  font-size: 20px;
  color: #cbcbcb;
  line-height: 1;
  margin-top: 26px;
  text-transform: uppercase;
}

.par_pk_a {
  width: 100%;
  height: 535px;
  background: url(../images/topic/dl/m_bg1.png) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
}

.pk_a_mian {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 535px;
}

.pk_a_in {
  width: 610px;
  position: absolute;
  left: 0;
  top: 238px;
}

.pk_a_t {
  font-size: 30px;
  color: #333333;
  line-height: 1;
  padding-bottom: 35px;
  position: relative;
}

.pk_a_t::before {
  width: 48px;
  height: 2px;
  background: #384b86;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

}

.pk_a_p {
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  margin-top: 24px;
}


.par_pk_b {
  width: 100%;
  height: 535px;
  background: url(../images/topic/dl/m_bg2.png) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 3;
  margin-top: 20px;
}

.pk_b_mian {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 535px;
}

.pk_b_in {
  width: 610px;
  position: absolute;
  left: 590px;
  top: 130px;
}

.pk_b_list {
  width: 740px;
  height: 150px;
  position: absolute;
  left: 460px;
  bottom: 30px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 31px;
}

.par_pk_c {
  width: 1200px;
  height: 428px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.pk_c_cen {
  width: 538px;
  height: 538px;
  border: 1px dashed #162557;
  border-radius: 538px;
  position: absolute;
  left: 50%;
  bottom: -230px;
  margin-left: -269px;
}

.c_cen_mian {
  width: 100%;
  text-align: center;
  height: 308px;
  position: relative;
}

.c_cen_num {
  width: 78px;
  height: 78px;
  border-radius: 78px;
  text-align: center;
  line-height: 78px;
  background: #384b86;
  display: block;
  font-size: 36px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: -38px;
  margin-left: -39px;
}

.c_cen_t {
  padding-top: 130px;
  font-size: 30px;
  color: #333333;
  display: inline-block;
  position: relative;
  line-height: 1;
  padding-bottom: 24px;
  margin-bottom: 20px;
}

.c_cen_t::before {
  width: 48px;
  height: 2px;
  background: #384b86;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -24px;
  bottom: 0;
}

.c_cen_p {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 16px;
  color: #333333;
}

.pk_c_li {
  width: 164px;
  height: 164px;
  border: 1px dashed #162557;
  border-radius: 164px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pk_c_li img {
  width: 150px;
  height: 150px;
  display: block;
  border-radius: 150px;
}

.pos_a {
  position: absolute;
  left: 14px;
  bottom: 30px;
}

.pos_d {
  position: absolute;
  right: 14px;
  bottom: 30px;
}

.pos_b {
  position: absolute;
  left: 171px;
  top: 44px;
}

.pos_c {
  position: absolute;
  right: 171px;
  top: 44px;
}


.dl_vs {
  width: 100%;
  height: 910px;
  background: #f4f4f4 url(../images/topic/dl/bg_02.png) center no-repeat;
  background-size: cover;
}

.dl_vs_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 69px 0;
}

.dl_vs_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  height: 80px;
  font-weight: bold;
  color: #050505;
}

.dl_vs_title i {
  width: 59px;
  height: 80px;
  background: url(../images/topic/dl/vs_icon.png) no-repeat;
  background-size: cover;
  margin: 0 20px;
}

/* height:574px;*/
.dl_vs_swiper {
  width: auto;
  height: 600px;
  margin-top: 70px;
}

.dl_vs_swiper .swiper {
  width: 100%;
  height: 100%;
  /* padding: 0 100px; */
  overflow: hidden;
  position: relative;
}


.vs_set .swiper-slide {
  width: 100%;
  height: 478px;
  cursor: pointer;
}

.vs_set .swiper-slide img {
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
  height: 478px;
  display: block;
}

.vs_set .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #384b86;
  background: #f4f4f4;
  box-sizing: border-box;
  opacity: 1;

}

.dl_vs_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.dl_vs_swiper .swiper-pagination-bullet-active {
  background: #384b86;
  border: 2px solid #384b86;
}

.dl_vs_swiper .sw-vs-prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: 0;
  top: 220px;
  background: url(../images/topic/dl/l_sh.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 99;
  display: block;
}

.dl_vs_swiper .sw-vs-prev.swiper-button-disabled {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.dl_vs_swiper .sw-vs-next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: 0;
  top: 220px;
  background: url(../images/topic/dl/r_sh.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 99;
}

.dl_vs_swiper .sw-vs-next.swiper-button-disabled {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}



.way_box {
  width: 100%;
  height: 858px;
  background: #384b86 url(../images/topic/dl/bg_03.png) center no-repeat;
  background-size: cover;
}

.way_mian {
  width: 1200px;
  margin: 0 auto;
}

.way_top {
  padding-top: 70px;
  width: 100%;
  text-align: center;
}

.way_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 15px;
}

.way_p {
  font-size: 24px;
  color: #ffffff;
  line-height: 1;
}

.way_set {
  width: 1200px;
  height: 577px;
  border-radius: 20px;
  background: #fff;
  margin-top: 48px;
  position: relative;
}

.way_set .cut_hd {
  position: absolute;
  left: 0;
  top: 46px;
  width: 100%;
  height: 44px;
}

.way_set .cut_hd .cut_set {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.way_set .cut_hd .cut_set li {
  margin: 0 24px;
  width: 180px;
  height: 44px;
  border: 2px solid #384b86;
  box-sizing: border-box;
  text-align: center;
  line-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #384b86;
  border-radius: 10px;
  transition: all .35s ease;
  cursor: pointer;
}

.way_set .cut_hd .cut_set li.on {
  border: 2px solid #384b86;
  background: #384b86;
  color: #fff;
}

.way_set .cut_bd {
  width: 1003px;
  height: 355px;
  position: absolute;
  left: 132px;
  bottom: 95px;
  border: 4px solid #384b86;
  box-sizing: border-box;
}

.cut_ul_set {
  width: 100%;
  height: 347px;
  position: relative;
}

.cut_ul_cover {
  width: 694px;
  height: 351px;
  position: absolute;
  left: -71px;
  top: 30px;
}

.cut_ul_info {
  width: 270px;
  height: 347px;
  position: absolute;
  right: 45px;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.cut_ul_t {
  font-size: 26px;
  color: #384b86;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 24px;
  position: relative;
  margin-bottom: 12px;
}

.cut_ul_t::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 127px;
  height: 3px;
  background: #384b86;
}

.cut_ul_p {
  font-size: 18px;
  color: #666666;
  line-height: 32px;
  max-height: 256px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
}

.war_box {
  width: 100%;
  height: 704px;
  background: #ffffff url(../images/topic/dl/bg_04.png) center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.war_mian {
  width: 1200px;
  height: 454px;
  margin: 0 auto;
  background: #384b86 url(../images/topic/dl/yy_bg.png) center no-repeat;
  background-size: cover;
  border-radius: 20px;
}

.war_top {
  width: 100%;
  text-align: center;
  padding-top: 64px;
}

.war_t_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

.war_t_p {
  font-size: 20px;
  color: #fff;
  line-height: 1;
  margin-top: 15px;
}

.war_list {
  width: 1140px;
  height: 215px;
  margin: 46px auto 0;
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.war_li {
  width: 100%;
  height: 215px;
  position: relative;
  background: #fff url(../images/topic/dl/yy_02.png) bottom no-repeat;
  background-size: 100% auto;
  border-radius: 15px;
  overflow: hidden;
}

.war_li_icon {
  width: 86px;
  height: 86px;
  display: block;
  margin: 0 auto;
  padding-top: 26px;
}

.war_li_in {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  bottom: 10px;
  left: 0;
  text-align: center;
  box-sizing: border-box;
}

.war_i_t {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
}

.war_i_p {
  font-size: 18px;
  color: #ffffff;
  line-height: 28px;
}

.cur_box {
  width: 100%;
  padding: 78px 0 60px;
  background: #384b86;
}

.cur_mian {
  width: 1200px;
  margin: 0 auto;
}

.cur_top {
  width: 100%;
  text-align: center;
}

.cur_t_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 15px;
}

.cur_t_p {
  font-size: 20px;
  color: #fff;
  line-height: 1;
}

.cur_list {
  width: 100%;
  margin-top: 70px;
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.cur_li {
  width: 100%;
  height: 287px;
  background: #ffffff;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}

.cur_li_t {
  width: 100%;
  height: 153px;
  background: #f3f3f3;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.cur_num {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: #999999;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

.cur_icon {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  border: 6px solid #deddd9;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  overflow: hidden;
}

.cur_icon_img {
  width: 35px;
  height: 35px;
  display: block;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;

}

.cur_a {
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.cur_b {
  position: absolute;
  transform: translate(200%, -50%);
  -webkit-transform: translate(200%, -50%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.cur_li:hover .cur_icon {
  background: #db0000;
}

.cur_li:hover .cur_a {
  transform: translate(-200%, -50%);
  -webkit-transform: translate(-200%, -50%);
}

.cur_li:hover .cur_b {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.cur_t {
  line-height: 1;
  margin-top: 10px;
  font-size: 16px;
  color: #050505;
}

.cur_li_b {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 40px;
  width: 100%;
  height: 134px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  color: #666666;
}



/* 防腐保温 */
.ffbw_banner {
  width: 100%;
  min-width: 1200px;
  height: 901px;
  position: relative;
  background: #ededed;
  background-size: auto 100%;
  background-position-x: center;
}

.ffbw_form {
  position: absolute;
  width: 1200px;
  height: 150px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -83px;
  background: #ffffff;
  z-index: 9;
  border-radius: 20px;
  padding: 25px 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.ffbw_form_tips {
  font-size: 24px;
  color: #a97e5b;
  line-height: 1;
  padding-left: 34px;
}

.ffbw_form_info {
  padding: 0 26px 0 34px;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.ffbw_form_info .b_i_tel {
  color: #a97e5b;
}

.ffbw_form_info .ft_li_but_ts {
  background: #a97e5b;
}


.ffbw_a {
  width: 100%;
  height: 1070px;
  background: url(../images/topic/ffbw/bg_01.png) center no-repeat;
  background-size: cover;
}

.ffbw_a_mian {
  width: 1200px;
  padding-top: 172px;
  margin: 0 auto;
}

.ffbw_a_top {
  width: 100%;
  text-align: center;
}

.ffbw_a_tt {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 16px;
}

.ffbw_a_tp {
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
}

.ffbw_a_list {
  width: 100%;
  margin-top: 54px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px 30px;
}

.ffbw_a_li {
  width: 100%;
  height: 350px;
}

.ffbw_a_cover {
  width: 376px;
  height: 266px;
  border: 1px solid #fff;
}

.ffbw_a_img {
  width: 376px;
  height: 266px;
  display: block;
}

.ffbw_a_title {
  width: 100%;
  text-align: center;
  padding: 0 20px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  box-sizing: border-box;
}

.ffbw_b {
  width: 100%;
  height: auto;
  padding: 74px 0;
  background: #fff;
}

.ffbw_b_mian {
  width: 1200px;
  margin: 0 auto;
  height: 956px;
  display: flex;
  justify-content: space-between;

}

.ffbw_b_l {
  width: 400px;
}

.ffbw_b_c {
  width: 328px;
  height: 956px;
  background: url(../images/topic/ffbw/c_bg.png) no-repeat;
  background-size: cover;
}

.ffbw_b_r {
  width: 400px;
}

.ffbwbc_t {
  text-align: center;
  padding-top: 38px;
  font-size: 30px;
  color: #ffffff;
  line-height: 38px;
}

.ffbwbc_n {
  text-align: center;
  padding-top: 42px;
}

.ffbwbc_n_a {
  font-size: 72px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

.ffbwbc_n_b {
  text-transform: uppercase;
  font-size: 66px;
  color: #ffffff;
  line-height: 1;
}

.ffbwbc_s {
  width: 276px;
  margin: 0 auto;
  padding-top: 50px;
  border-bottom: 1px solid rgb(255, 246, 238, .4);
}

.ffbwbc_s_a {
  width: 124px;
  height: 141px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/topic/ffbw/dbx_icon.png) no-repeat;
  background-size: cover;
  font-size: 20px;
  color: #a97e5b;
}

.ffbwbc_list {
  width: 100%;
  padding: 22px 0 38px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 17px;
}

.ffbwbc_li {
  width: 81px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/topic/ffbw/dbx_icon.png) no-repeat;
  background-size: cover;
  font-size: 20px;
  color: #a97e5b;
}

.ffbwbc_bewrite {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  margin-top: 30px;
  max-height: 242px;
}

.ffbw_b_bit {
  width: 100%;
  margin-top: 40px;
}

.ffbw_b_bit:first-child {
  height: 440px;
}

.ffbw_b_bit:last-child {
  margin-top: 70px;
}

.b_bit_t {
  width: 100%;
  height: 52px;
  line-height: 52px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdce0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}

.b_bit_t i {
  font-family: "DIN";
  font-size: 26px;
  font-weight: bold;
  color: #a97e5b;
  margin-right: 10px;
}

.b_bit_cover {
  width: 100%;
  padding: 15px 0;
}

.b_bit_img {
  width: 100%;
  height: 240px;
  display: block;
}

.b_bit_li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  line-height: 22px;
  margin-top: 10px;
}

.b_bit_li:first-child {
  margin-top: 0;
}

.b_bit_li i {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #666666;
  display: block;
  margin-right: 8px;
  margin-top: 7px;
}

.b_bit_set {
  flex: 1;
  min-width: 0;
}

.ffbw_c {
  width: 100%;
  padding: 72px 0 94px;
  background: #fff6ee;
}

.ffbw_c_mian {
  width: 1200px;
  margin: 0 auto;

}

.ffbw_c_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.ffbwct_t {
  font-size: 36px;
  font-weight: bold;
  color: #a97e5b;
}

.ffbwct_p {
  font-size: 20px;
  color: #a97e5b;
  margin-top: 16px;
}

.ffbw_c_list {
  width: 100%;
  margin-top: 46px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.ffbw_c_li {
  width: 100%;
  height: 460px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.ffbw_c_img {
  width: 380px;
  height: 460px;
  display: block;
}

.ffbw_c_title {
  width: 340px;
  height: 70px;
  position: absolute;
  left: 50%;
  margin-left: -170px;
  bottom: 30px;
  background: url(../images/topic/ffbw/t_bg.png) no-repeat;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: center;

}

.ffbw_c_title .span {
  line-height: 24px;
  max-height: 48px;
  font-size: 20px;
  color: #ffffff;
}


.ffbw_d {
  width: 100%;
  height: 464px;
  background: url(../images/topic/ffbw/bg_02.png) no-repeat;
  background-size: cover;
}

.ffbw_d_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 78px;
}


.ffbw_d_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.ffbwdt_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}

.ffbwdt_p {
  font-size: 20px;
  color: #ffffff;
  margin-top: 16px;
}

.ffbw_d_list {
  width: 100%;
  margin-top: 70px;
  display: grid;
  grid-column: span 8;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 46px;
}

.ffbw_d_li {
  width: 100%;
  display: flex;
  align-items: center;
  flex-flow: column;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  cursor: pointer;
}

.ffbw_d_icon {
  width: 106px;
  height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  background: #ffffff;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.ffbw_d_icon img {
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.ffbw_d_li:hover .ffbw_d_icon {
  background: #a97e5b;
}

.ffbw_d_a {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
}

.ffbw_d_b {
  -webkit-transform: translate(-50%, -200%);
  transform: translate(-50%, -200%);
  opacity: 0;
}

.ffbw_d_li:hover .ffbw_d_a {
  opacity: 0;
  -webkit-transform: translate(-50%, 200%);
  transform: translate(-50%, 200%);
}

.ffbw_d_li:hover .ffbw_d_b {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ffbw_d_title {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 18px;
}

.ffbw_e {
  width: 100%;
  height: 973px;
  background: url(../images/topic/ffbw/bg_03.png) center no-repeat;
  background-size: cover;
}

.ffbw_e_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 65px;
}


.ffbw_e_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.ffbwet_cn {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}

.ffbwet_en {
  font-size: 20px;
  color: #999999;
  margin-top: 15px;
  text-transform: uppercase;
}

.ffbw_e_set {
  width: 100%;
  height: 548px;
  position: relative;
  margin-top: 50px;
}

.ffbw_e_cover {
  width: 100%;
  height: 548px;
  display: block;
}

.ffbw_e_in {
  width: 1120px;
  height: 194px;
  position: absolute;
  left: 50%;
  bottom: -158px;
  margin-left: -560px;
  z-index: 2;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.ffbw_e_li {
  width: 100%;
  height: 194px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.ffbw_e_icon {
  width: 46px;
  height: 46px;
  display: block;
  margin-bottom: 15px;
}

.ffbw_e_t {
  font-size: 26px;
  color: #a97e5b;
  margin-bottom: 5px;
}

.ffbw_e_p {
  font-size: 16px;
  color: #666666;
}


.ffbw_f {
  width: 100%;
  height: 713px;
  background: url(../images/topic/ffbw/bg_04.png) center no-repeat;
  background-size: auto 100%;
}

.ffbw_dl_form {
  width: 100%;
  height: 713px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ffbw_form_m {
  width: 1200px;
  margin: 0 auto;
}

.ffbw_form_m .dl_in_li {
  background: #a97e5b;
}

.ffbw_form_m .dl_li_but {
  background: #c89b5c;
}



/* 屋面防水 */
.wmfs_banner {
  width: 100%;
  min-width: 1200px;
  height: 820px;
  position: relative;
  background-size: auto 100%;
  background-position-x: center;
}

.wmfs_form {
  width: 1200px;
  height: 120px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -60px;
  margin-left: -600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wmfs_form_mian {
  width: 1060px;
  height: 50px;
}

.wmfs_f_in {
  width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-column: span 5;
  grid-template-columns: 190px 200px 250px 220px 1fr;
  grid-template-rows: 50px;
}



.wmfs_a {
  width: 100%;
  height: 910px;
  background: #f4f4f4;
}

.wmfs_a_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 160px;
}

.wmfs_a_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.wmfs_a_t {
  font-size: 36px;
  font-weight: bold;
  color: #db0000;
  margin-bottom: 20px;
}

.wmfs_a_p {
  font-size: 24px;
  color: #666666;
}

.wmfs_a_set {
  width: 100%;
  height: 484px;
  position: relative;
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wmfs_a_y1 {
  width: 550px;
  height: 550px;
  background: url(../images/topic/wmfs/q_01.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -190px;
  top: -155px;
}

.wmfs_a_y2 {
  width: 174px;
  height: 243px;
  background: url(../images/topic/wmfs/q_02.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 490px;
  top: 300px;
}

.wmfs_a_l {
  width: 542px;
  height: 474px;
  margin-left: -11px;
  position: relative;
  border: 3px solid rgb(255, 255, 255);
  background-color: rgba(219, 0, 0, 0.4);
  box-sizing: border-box;
  border-radius: 30px;
}

.wmfs_a_cover {
  width: 536px;
  height: 468px;
  border: 3px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  border-radius: 25px;
  position: absolute;
  left: 11px;
  top: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.wmfs_a_in {
  width: 536px;
  height: 468px;
  display: block;
}

.wmfs_a_r {
  width: 607px;
  height: 484px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.a_r_p {
  width: 100%;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  max-height: 144px;
}

.a_r_list {
  width: 100%;
  padding: 40px 53px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 15px;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
}

.a_r_li {
  width: 100%;
  height: 80px;
  border-top: 1px solid #e9d2d1;
  box-sizing: border-box;
  border-right: 1px solid #e9d2d1;
  display: flex;
  align-items: center;
}

.a_r_li:first-child,
.a_r_li:nth-child(2) {
  border-top: none;
}

.a_r_li:nth-child(2n+0) {
  border-right: none;
}

.a_r_icon {
  width: 42px;
  height: 42px;
  display: block;
  margin-left: 13px;
  margin-right: 9px;
}

.a_r_info {
  font-size: 24px;
  color: #db0000;
}

.a_r_li:nth-child(2n+0) .a_r_icon {
  margin-left: 28px;
}

.wmfs_b {
  width: 100%;
  height: 1022px;
  background-image: url(../images/topic/wmfs/bg_01.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wmfs_b_mian {
  width: 1420px;
  height: 790px;
  background: #db0000;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.wmfs_b_q1 {
  width: 370px;
  height: 370px;
  background: url(../images/topic/wmfs/y4.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 140px;
  top: -233px;
}

.wmfs_b_q2 {
  width: 315px;
  height: 315px;
  background: url(../images/topic/wmfs/y3.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: 206px;
  top: 77px;
}

.wmfs_b_top {
  width: 100%;
  text-align: center;
  padding-top: 87px;
}

.wmfs_b_t {
  font-size: 36px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 24px;
}

.wmfs_b_p {
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
}

.wmfs_b_set {
  width: 1200px;
  height: 460px;
  margin: 64px auto 0;
  position: relative;
}

.wmfs_b_bd {
  width: 100%;
  height: 460px;
}

.wmfs_ul {
  width: 100%;
  height: 460px;
  overflow: hidden;
}

.wmfs_b_li {
  width: 100%;
  height: 460px;
  overflow: hidden;

}

.wmfs_b_l {
  width: 580px;
  height: 460px;
  float: left;
}

.wmfs_b_r {
  width: 599px;
  height: 460px;
  float: right;
  display: grid;
  grid-gap: 20px 19px;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
}

.wmfs_b_a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.wmfs_b_a .pic_b {
  width: 580px;
  height: 460px;
}

.pic_b_img {
  width: 580px;
  height: 460px;
  display: block;
}

.wmfs_b_a .pic_s {
  width: 290px;
  height: 220px;
}

.pic_s_img {
  width: 290px;
  height: 220px;
  display: block;
}

.title_b {
  width: 100%;
  text-align: center;
  background: rgb(0, 0, 0, .8);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 18px;
  color: #ffffff;
}

.wmfs_r_li {
  width: 100%;
  height: 220px;
  background: #000;
}



.wmfs_b_set .prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: -54px;
  top: 50%;
  background: url(../images/topic/wmfs/l_s.png) no-repeat;
  margin-top: -27px;
  background-size: cover;
  cursor: pointer;
}

.wmfs_b_set .prev.prevStop {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.wmfs_b_set .next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -27px;
  background: url(../images/topic/wmfs/r_s.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.wmfs_b_set .next.nextStop {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}


.wmfs_c {
  width: 100%;
  height: auto;
  background: #f4f4f4;
}

.wmfs_c_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 97px 0 65px;
}

.wmfs_c_t {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #333333;
  line-height: 1;
}

.wmfs_cut {
  width: 100%;
  margin-top: 60px;
}

.wmfs_cut_set {
  width: 100%;
  height: 54px;
  line-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wmfs_cut_set li {
  flex: 1;
  min-width: 0;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  line-height: 54px;
}

.wmfs_cut_set li::before {
  content: " ";
  position: absolute;
  right: 0;
  width: 1px;
  height: 54px;
  top: 0;
  right: 0;
  background: #dcdcdc;
  z-index: 1;
}

.wmfs_cut_set li:last-child::before {
  display: none;
}

.wmfs_cut_set li.on {
  color: #db0000;
}


.wmfs_cut_bd {
  width: 100%;
  height: auto;
  margin-top: 42px;
}

.wmfs_cut_set li.on::after {
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: 0;
  width: 16px;
  height: 7px;
  background: url(../images/topic/wmfs/sj_01.png) no-repeat;
  background-size: cover;
  z-index: 1;
}

.wmfs_cut_bd img {
  width: 100%;
  height: auto;
  display: block;
}

.wmfs_d {
  width: 100%;
  height: auto;
  padding: 82px 0 80px;
  background: #fff;
}

.wmfs_d_mian {
  width: 1200px;
  margin: 0 auto;
}

.wmfs_d_t {
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #333333;
}

.wmfs_d_cut {
  width: 100%;
  margin-top: 45px;
}


.wmfs_d_set {
  width: 708px;
  margin: 0 auto;
  height: 78px;
  line-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wmfs_d_set li {
  width: 210px;
  height: 78px;
  border: 1px solid #db0000;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  line-height: 78px;
  color: #333333;
  border-radius: 15px;
}


.wmfs_d_set li.on {
  color: #fff;
  background: #db0000;
}

.wmfs_d_bd {
  width: 100%;
  margin-top: 40px;
}

.wmfs_d_bd img {
  width: 100%;
  height: auto;
  display: block;
}


.wmfs_e {
  width: 100%;
  height: 903px;
  background-image: url(../images/topic/wmfs/bg_02.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.wmfs_e_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;

}

.wmfs_e_t {
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 36px;
  color: #050505;
}

.wmfs_e_cut {
  width: 100%;
  height: 580px;
  margin-top: 75px;
  position: relative;
}

.wmfs_e_bd {
  width: 100%;
  height: 580px;
}

.wmfs_e_set {
  width: 100%;
  height: 580px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.wmfs_e_l {
  width: 474px;
  height: 501px;
  position: relative;
  margin-top: 78px;
}

.wmfs_e_q {
  width: 180px;
  height: 68px;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-color: rgb(0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  text-align: center;
  line-height: 68px;
  border-radius: 30px 0 70px 0;
  font-size: 24px;
  color: #ffffff;
}

.wmfs_e_l_img {
  width: 474px;
  height: 501px;
  border-radius: 30px 30px 0 30px;
  overflow: hidden;
}



.wmfs_e_r {
  width: 705px;
  height: 580px;
  position: relative;
}

.wmfs_e_h {
  width: 186px;
  height: 71px;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-color: rgb(219, 0, 0);
  position: absolute;
  left: 0;
  top: -3px;
  z-index: 2;
  text-align: center;
  line-height: 68px;
  border-radius: 30px 0 70px 0;
  font-size: 24px;
  color: #ffffff;
}


.wmfs_e_r_img {
  width: 705px;
  height: 580px;
  border-radius: 30px 30px 30px 0;
  overflow: hidden;
}


.wmfs_e_cut .prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: -54px;
  top: 50%;
  background: url(../images/topic/wmfs/ll_s.png) no-repeat;
  margin-top: -27px;
  background-size: cover;
  cursor: pointer;
}

.wmfs_e_cut .prev.prevStop {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.wmfs_e_cut .next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -27px;
  background: url(../images/topic/wmfs/rr_s.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.wmfs_e_cut .next.nextStop {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}



.wmfs_f {
  width: 100%;
  height: 464px;
  background: url(../images/topic/wmfs/bg_03.png) no-repeat;
  background-size: cover;
}

.wmfs_f_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 78px;
}


.wmfs_f_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.wmfs_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}

.wmfs_p {
  font-size: 20px;
  color: #ffffff;
  margin-top: 16px;
}

.wmfs_f_mian .ffbw_d_li:hover .ffbw_d_icon {
  background: #db0000;
}


.wmfs_g {
  width: 100%;
  height: 973px;
  background: url(../images/topic/ffbw/bg_03.png) center no-repeat;
  background-size: cover;
}

.wmfs_g_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 65px;
}


.wmfs_g_mian .ffbw_e_t {
  font-size: 26px;
  color: #db0000;
  margin-bottom: 5px;
}



/* 修缮 */
.xs_banner {
  width: 100%;
  min-width: 1200px;
  height: 820px;
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}

.mj_box {
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 50%;
  margin-left: -598px;
  bottom: 23px;
  width: 1200px;
  height: 210px;
  z-index: 2;
  padding: 0 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.mj_mian {
  width: 100%;
  height: 124px;
  display: flex;
  justify-content: space-around;
}

.mj_li {
  display: flex;
  flex-flow: column;
  height: 124px;
  justify-content: space-between;
  align-items: center;
}

.mj_icon {
  width: 78px;
  height: 78px;
  display: block;
}

.mj_tit {
  font-size: 20px;
  line-height: 1;
  padding-bottom: 11px;
  position: relative;
}

.mj_tit::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 16px;
  margin-left: -8px;
  height: 2px;
  background: #bc3726;
}


.xs_form {
  width: 100%;
  height: 503px;
  background: #fde3d6;
  position: relative;
}

.xs_form_mian {
  width: 1200px;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -600px;
}

.xs_form_mian .dl_in_box {
  width: 100%;
  background: #ffffff;
  box-shadow: 4px 6.928px 40px 0px rgba(0, 0, 0, 0.09);
  border-radius: 30px;
  padding: 60px 66px 68px;
  overflow: hidden;
  box-sizing: border-box;
}


.xs_form_mian .dl_in_li {
  background-image: linear-gradient(135deg, rgb(237, 125, 91) 10%, rgb(199, 44, 13) 100%);
}


.xs_form_mian .dl_li_but {
  background: #c72c0d;
}


.xs_a {
  width: 100%;
  height: auto;
  background: #fde3d6;
}

.xs_a_a {
  width: 100%;
  height: 538px;
  background-image: url(../images/topic/xs/bg_01.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.xs_a_a_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 133px 0 124px;
}

.xs_a_a_t {
  width: 100%;
  text-align: center;
  line-height: 36px;
  line-height: 1;
  font-size: 36px;
  color: #050505;
  font-weight: bold;
}


.tagcloud {
  margin-top: 10px;
  position: relative;
  width: 100%;
  height: 280px;
}

.tagcloud .tag_li {
  display: flex;
  align-items: center;
  padding: 0 30px;
  height: 46px;
  border-radius: 46px;
  color: #333333;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 3px 5px 26px 0px rgba(0, 0, 0, 0.14);
  cursor: pointer;
}


.tagcloud .tag_li i {
  width: 41px;
  height: 23px;
  border-radius: 23px;
  margin-right: 10px;
  background: #c72c0d;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 23px;
}


.tagcloud .tag_li:hover {
  background: #c3c3c3;
}

.tag_a {
  position: absolute;
  top: 24px;
  left: 44px;
}

.tag_b {
  position: absolute;
  top: 44px;
  left: 395px;
}

.tag_c {
  position: absolute;
  top: 33px;
  right: 34px;
}

.tag_d {
  position: absolute;
  top: 103px;
  left: 80px;
}

.tag_e {
  position: absolute;
  top: 130px;
  right: 224px;
}

.tag_f {
  position: absolute;
  top: 160px;
  left: 237px;
}

.tag_g {
  position: absolute;
  top: 194px;
  left: 544px;
}

.xs_a_b {
  width: 100%;
  height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xs_a_b_mian {
  width: 1200px;
  height: 370px;
  background: url(../images/topic/xs/bg_02.png) no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.xs_a_b_a {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
}

.xs_a_b_b {
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin-top: 5px;
}

.xs_a_b_c {
  text-align: center;
  margin-top: 30px;
}

.xs_abct {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}

.xs_abct_icon {
  width: 21px;
  height: 21px;
  margin-right: 7px;
  display: block;
}

.xs_abcn {
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  margin-top: 15px;
}

.xs_a_b_link a {
  width: 163px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  margin: 35px auto 0;
  font-size: 18px;
  color: #c72c0d;
}

.xs_ablink_icon {
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 6px;
}

.xs_a_c {
  width: 1200px;
  height: 730px;
  margin: 0 auto;
  position: relative;
}

.xs_a_c::before {
  content: "";
  width: 744px;
  height: 687px;
  background: url(../images/topic/xs/bg_04.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: -148px;
  bottom: 0;
}

.xs_a_c_top {
  width: 100%;
  text-align: center;
}

.xs_a_c_t {
  font-size: 36px;
  font-weight: bold;
  color: #c72c0d;
  margin-bottom: 20px;
}

.xs_a_c_p {
  font-size: 24px;
  color: #666666;
  line-height: 1;
}

.xs_a_c_info {
  width: 605px;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 58px;
}

.xs_ac_in {
  font-size: 20px;
  line-height: 36px;
  color: #333333;
  text-align: justify;
  max-height: 180px;
}

.xs_ac_list {
  margin-top: 28px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 82px;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  background-color: rgb(255, 255, 255, .7);
  border-radius: 15px;
}

.xs_ac_li {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #9f2c24;
  border-top: 1px solid #ebceca;
  border-right: 1px solid #ebceca;
}

.xs_ac_li:nth-child(1),
.xs_ac_li:nth-child(2) {
  border-top: none;
}

.xs_ac_li:nth-child(2n+0) {
  border-right: none;
}

.xs_ac_icon {
  width: 42px;
  height: 42px;
  display: block;
  margin-right: 12px;
  margin-left: 60px;
}

.xs_b {
  width: 100%;
  height: 559px;
  background-image: url(../images/topic/xs/bg_05.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.xs_b_mian {
  width: 1200px;
  margin: 0 auto;
}

.xs_b_top {
  width: 100%;
  text-align: center;
  line-height: 1;
  padding-top: 98px;
}

.xs_b_t {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
}

.xs_b_p {
  font-size: 24px;
  color: #ffffff;
}

.xs_b_line {
  width: 100%;
  margin-top: 70px;
  height: 200px;
  position: relative;
}

.xs_b_hd {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: -55px;
}

.xs_b_hd ul {
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xs_b_hd ul li {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  overflow: hidden;
  margin: 0 9px;
  text-indent: -999px;
  border-radius: 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.xs_b_hd ul li.on {
  background: #fff;
}

.xs_b_bd {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.xs_b_ul {
  width: 100%;
  height: 200px;
  margin-right: 30px;
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.xsb_li {
  width: 277px;
  height: 200px;
  position: relative;
}

.xsb_pic {
  width: 100%;
  height: 200px;
  border: 3px solid #fff;
  box-sizing: border-box;
}

.xsb_pic img {
  width: 100%;
  height: 194px;
  display: block;
}

.xsb_title {
  width: 100%;
  height: 38px;
  background: #333333;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 38px;
  z-index: 2;
}


.xs_b_line .prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: -54px;
  top: 50%;
  background: url(../images/topic/wmfs/l_s.png) no-repeat;
  margin-top: -27px;
  background-size: cover;
  cursor: pointer;
}

.xs_b_line .prev.prevStop {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.xs_b_line .next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -27px;
  background: url(../images/topic/wmfs/r_s.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.xs_b_line .next.nextStop {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}

.xs_c {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 100px 0 137px;
}

.xs_c_mian {
  width: 1200px;
  margin: 0 auto;
}


.xs_c_top {
  width: 100%;
  text-align: center;
}

.xs_c_t {
  font-weight: bold;
  font-size: 36px;
  color: #c72c0d;
  line-height: 1;
  position: relative;

}

.xs_c_t::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #cbcbcb;
}

.xs_c_t span {
  display: inline-block;
  background: #ffffff;
  position: relative;
  padding: 0 30px;
}

.xs_c_p {
  font-size: 24px;
  color: #666666;
  line-height: 1;
  margin-top: 26px;
  text-transform: uppercase;
}

.xs_c_set {
  width: 100%;
  height: auto;
  margin-top: 92px;
}

.xs_c_li {
  width: 100%;
  height: 320px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 40px;
}

.xs_c_li:first-child {
  margin-top: 0;
}

.xs_c_l {
  width: 500px;
}

.xs_cl_t {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.xscl_t_n {
  font-size: 72px;
  font-weight: bold;
  color: #c72c0d;
  font-family: 'DIN';
  margin-right: 12px;
}

.xscl_t_in {
  flex: 1;
  min-width: 0;
  line-height: 1;
}

.xscl_t_cn {
  font-size: 26px;
  color: #c72c0d;
  line-height: 1;
}

.xscl_t_en {
  font-size: 20px;
  color: #c72c0d;
  line-height: 1;
  margin-top: 10px;
  text-transform: uppercase;
}


.xs_cl_info {
  width: 100%;
}

.xs_cl_li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  line-height: 22px;
  margin-top: 30px;
}

.xs_cl_li:first-child {
  margin-top: 0;
}

.xs_cl_li i {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #666666;
  display: block;
  margin-right: 8px;
  margin-top: 7px;
}

.xs_cl_st {
  flex: 1;
  min-width: 0;
  font-size: 18px;
  line-height: 32px;
}

.xs_c_r {
  width: 600px;
  height: 320px;
}

.xsc_cover {
  width: 100%;
  height: 320px;
  display: block;
}


.xs_d {
  width: 100%;
  height: 405px;
  background-image: url(../images/topic/xs/bg_06.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
}

.xs_d_mian {
  width: 1200px;
  margin: 0 auto;
}

.xs_d_top {
  width: 100%;
  text-align: center;
  line-height: 1;
}

.xs_d_t {
  font-size: 26px;
  font-weight: bold;
  color: #c72c0d;
}

.xs_d_p {
  font-size: 18px;
  color: #666666;
  margin-top: 15px;
}

.xs_d_list {
  width: 1196px;
  margin: 136px auto 0;
  display: grid;
  grid-column: span 7;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 64px;
}

.xs_d_li {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
  position: relative;
  cursor: pointer;
}

.xs_d_li::before {
  content: "";
  width: 20px;
  height: 14px;
  background: url(../images/topic/xs/jt_02.png) no-repeat;
  background-size: 20px 14px;
  position: absolute;
  right: -43px;
  top: 51px;

}

.xs_d_li:last-child::before {
  display: none;
}

.xs_d_icon {
  width: 116px;
  height: 116px;
  border: 1px solid #c72c0d;
  border-radius: 116px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.xs_d_icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0;
  background: #c72c0d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
  -moz-transition: -moz-transform 0.6s, opacity 0.4s;
  transition: transform 0.6s, opacity 0.4s;
  z-index: 1;
}


.xs_d_li:hover .xs_d_icon::before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  opacity: 1;
}

.xs_d_icon img {
  width: 61px;
  height: 61px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.xs_d_tit {
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 18px;
  color: #333333;
}

.xs_d_a {
  opacity: 1;
  transition-delay: 0.2s;
}

.xs_d_b {
  opacity: 0;
  transition-delay: 0.2s;
}

.xs_d_li:hover .xs_d_a {
  opacity: 0;
}

.xs_d_li:hover .xs_d_b {
  opacity: 1;
}


.xs_e {
  width: 100%;
  height: auto;
  background: #ffffff;
}

.xs_e_top {
  width: 100%;
  text-align: center;
}

.xs_e_title {
  font-size: 36px;
  color: #c72c0d;
  font-weight: bold;
}

.xs_e_tips {
  font-size: 20px;
  color: #666666;
  margin-top: 6px;
}


.xs_e .pro_link {
  width: 130px;
  height: 40px;
  border: 1px solid #db0000;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  color: #db0000;
  transition: ease all 0.3s;
}

.xs_e .pro_link:hover {
  background: #db0000;
  border: 1px solid #db0000;
  color: #fff;
}


.xs_f {
  width: 100%;
  height: 973px;
  background: url(../images/topic/ffbw/bg_03.png) center no-repeat;
  background-size: cover;
}

.xs_f_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 65px;
}

.xs_f_mian .ffbwet_cn {
  font-weight: normal;
  color: #333333;
}

.xs_f_mian .ffbw_e_t {
  font-size: 26px;
  color: #db0000;
  margin-bottom: 5px;
}


/* 产品中心 */
.product_cont {
  width: 88%;
  min-width: 1200px;
  margin: 0 auto;
}

/* .product_mian {
  padding-top: 30px;
  width: 100%;
  height: auto;
  display: grid;
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.distr_l {
  position: relative;
  grid-column: span 1;
}

.distr_r {
  position: relative;
  grid-column: span 3;
} */


.product_mian {
  padding-top: 30px;
  width: 100%;
  min-width: 1200px;
  height: auto;
  display: flex;
  justify-content: space-between;
}

.distr_l {
  width: 378px;
  margin-right: 30px;
}

.distr_r {
  flex: 1;
  min-width: 0;
  padding-bottom: 60px;
}

.distr_set {
  width: 100%;
}

.product_list {
  width: 100%;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  padding-bottom: 60px;
}

@media (max-width: 1400px) {
  .product_list {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
  }
}

.product_li {
  width: 100%;
  height: auto;
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}


.product_cover {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.product_cover img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  transition: transform 1.2s cubic-bezier(.215, .61, .355, 1);
}

.product_title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  background: #db0000;
  text-align: center;
  line-height: 50px;
  padding: 0 20px;
  box-sizing: border-box;
  -webkit-transform: translateY(0);
  transform: translate(0);
  -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
  transition: .3s cubic-bezier(.215, .61, .355, 1);
}

.product_li:hover .product_title {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.product_cover:before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-out 0s;
  background: rgba(0, 0, 0, 0.8)
}


.product_li:hover .product_cover img {
  -webkit-transform: scale(1.1) translate(-50%, -50%);
  transform: scale(1.1) translate(-50%, -50%);
}

.product_li:hover .product_cover:before {
  opacity: 1;
}

.pic-logo {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 100px;
  left: 50%;
  z-index: 2;
  margin-left: -35px;
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  transition: opacity .2s cubic-bezier(.215, .61, .355, 1), transform .4s cubic-bezier(.215, .61, .355, 1);

}

.product_li:hover .pic-logo {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.pic-logo-img {
  width: 70px;
  height: 70px;
  display: block;
}

.pic-icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #ffffff url(../images/icon/jt_h.png) center no-repeat;
  background-size: 16px 12px;
  position: absolute;
  left: 50%;
  bottom: 113px;
  margin-left: -20px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1);

}

.product_li:hover .pic-icon {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.pic-title {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  left: 0;
  top: 198px;
  z-index: 2;
  text-align: center;
  box-sizing: border-box;
  font-size: 18px;
  color: #ffffff;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  transition: opacity .25s cubic-bezier(.215, .61, .355, 1), transform .6s cubic-bezier(.215, .61, .355, 1);
}

.product_li:hover .pic-title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* 
grid-column: span 1;
grid-row-gap: 10px;
grid-auto-flow: column;
display: grid;
grid-template-rows: repeat(2, 1fr);
width: 168px;
flex-shrink: 0 */

.distr_menu {
  width: 100%;
  padding: 46px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 8px;
}

.distr_top {
  width: 100%;
  text-align: center;
}

.distr_t_cn {
  font-size: 30px;
  font-weight: normal;
  color: #333333;
}

.distr_t_en {
  text-transform: uppercase;
  font-size: 12px;
  color: #333333;
  position: relative;
  display: inline-block;
}

.distr_t_en::after {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.distr_t_en::before {
  content: "";
  width: 12px;
  height: 1px;
  background: #000;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.distr_list {
  width: 100%;
}

.distr_li {
  width: 100%;
  height: 45px;
  margin-top: 20px;
}

.distr_li a {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  line-height: 45px;
  background: #db0000;
  font-size: 16px;
  color: #ffffff;
  position: relative;
  padding-left: 28px;
  padding-right: 48px;
  box-sizing: border-box;
}

.distr_li a i {
  margin-right: 12px;
  position: relative;
  z-index: 2;
}

.distr_li a span {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  display: inline-block;
  line-height: 45px;
}

.distr_li.on a {
  background: #000000;
  color: #fff;
}

.distr_li a:hover::before {
  width: 100%;
}

.distr_li a::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
}

.distr_icon {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: opacity 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  position: relative;
  z-index: 2;
}

.distr_li a:hover .distr_icon {
  opacity: 1;
}

.p_search {
  width: 100%;
  height: 50px;
  margin-top: 28px;
  display: flex;
  align-items: center;
  background: #f5f5f5;
}


.p_search_input {
  flex: 1;
  min-width: 0;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  border: 0;
  outline: 0;
  background: none;
}

.p_search_but {
  width: 50px;
  height: 50px;
  background: #f5f5f5 url(../images/icon/so_02_icon.png) center no-repeat;
  background-size: 18px 18px;
  border: 0;
  outline: 0;
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: all .25s;
}

.p_search_but:hover {
  background: #db0000 url(../images/icon/so_02s_icon.png) center no-repeat;
}

.format_list {
  width: 100%;
  padding: 15px 0 0;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
}

.format_li {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #050505;
}

.desc-sw {
  width: 580px;
  height: 404px;
  margin: 0 auto;
  position: relative;
}


.desc-sw .desc_Swiper {
  width: 404px;
  height: 404px;
  margin: 0 auto;
  overflow: hidden;
  border: 2px solid #f1f1f1;
  box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
}


.desc-sw-cover {
  width: 404px;
  height: 404px;

}

.desc-sw-cover img {
  width: 100%;
  height: 404px;
  display: block;
}

.desc-sw-title {
  width: 100%;
  text-align: center;
}

.desc-title {
  font-size: 22px;
  color: #050505;
  padding-top: 20px;
  line-height: 40px;
  text-align: center;
}

.desc-next {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 14px;
  height: 30px;
  margin-top: -15px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/icon/de_l.png) no-repeat;
  background-size: cover;
}

.desc-prev {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 30px;
  margin-top: -15px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/icon/de_r.png) no-repeat;
  background-size: cover;
}

.news_l {
  width: 810px;
  float: left;
}

.news_set {
  width: 100%;
  height: auto;
}

.news_list {
  width: 100%;
}

.news_li {
  margin-top: 30px;
  width: 100%;
  padding: 20px;
  background: #ffffff;
  display: block;
  box-sizing: border-box;
  border-radius: 10px;
}

.news_li:first-child {
  margin-top: 0;
}

.news_li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;

}

.news_cover {
  width: 289px;
  height: 179px;
  margin-right: 26px;
  overflow: hidden;
}

.news_cover img {
  width: 289px;
  height: 179px;
  display: block;
  -webkit-transition: 1.2s cubic-bezier(.215, .61, .355, 1);
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.news_li:hover .news_cover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.news_info {
  flex: 1;
  min-width: 0;
  height: 179px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.news_title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  min-height: 56px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.news_title i {
  color: #db0000;
}

.news_bewrite {
  flex: 1;
  font-size: 14px;
  color: #666666;
  line-height: 25px;
}

.news_oper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
}


.news_link {
  width: 130px;
  height: 35px;
  border: 1px solid #dcdcdc;
  text-align: center;
  line-height: 35px;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  color: #999999;
  transition: ease all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news_li:hover .news_link {
  background: #db0000;
  border: 1px solid #db0000;
  color: #fff;
}

.news_date {
  font-size: 14px;
  color: #999999;
}

.innerl_news_set {
  padding: 60px;
}

.news_innerl_title {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #050505;
  line-height: 32px;
}

.news_innerl_hot {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #db0000;
  margin-top: 8px;
}

.news_innerl_hot span {
  font-size: 16px;
  color: #db0000;
  font-weight: bold;
}

.news_inn_tag {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #f8f8f8;
  margin-top: 40px;
}

.inn_tag_li {
  font-size: 14px;
  color: #999999;
}


.innerl_des_in {
  padding: 0 0 90px;
  font-size: 16px;
  color: #050505;
  line-height: 34px;
}

.innerl_des_in img {
  max-width: 100%;
  display: block;
  height: auto;
}

.push_box {
  width: 100%;
  margin-top: 20px;
  padding: 30px 20px 20px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}

.push_top {
  width: 100%;
  text-align: center;

}

.push_cn {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
}

.push_cn i {
  color: #db0000;
  font-weight: bold;
}

.push_en {
  text-transform: uppercase;
  font-size: 16px;
  color: #dcdcdc;
}

.push_li {
  padding: 15px 0;
  width: 100%;
  border-bottom: 1px dashed #f1f1f1;
}

.push_li:last-child {
  border-bottom: none;
}

.push_t {
  width: 100%;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  max-height: 56px;
  position: relative;
  -webkit-transition: background-position 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: background-position 1s cubic-bezier(.215, .61, .355, 1) 0s;
  color: transparent;
  background: -webkit-gradient(linear, left top, right top, from(#db0000), color-stop(50%, #db0000), color-stop(50.1%, #333333), to(#333333));
  background: -webkit-linear-gradient(left, #db0000 0, #db0000 50%, #333333 50.1%, #333333 100%);
  background: linear-gradient(to right, #db0000 0, #db0000 50%, #333333 50.1%, #333333 100%);
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% auto
}


.push_li:hover .push_t {
  background-position: 0 0
}


.push_d {
  font-size: 16px;
  color: #999999;
  margin-top: 10px;
}

.push_t i {
  color: #db0000;
}


/* 联系我们 */
.us_page {
  padding: 0 0 90px;
  min-height: 500px;
}

.us_a {
  width: 100%;
  height: 597px;
  background: #fff;
}

.usa_mian {
  width: 1200px;
  margin: 0 auto;

}

.usa_t {
  width: 100%;
  padding-top: 89px;
  font-size: 36px;
  color: #050505;
  line-height: 1;
}

.usa_set {
  width: 100%;
  height: 332px;
  position: relative;
  margin-top: 33px;
}

.usa_set_l {
  width: 948px;
  height: 332px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.usa_l_bg {
  width: 948px;
  height: 332px;
  display: block;
}

.usa_l_t1 {
  font-size: 24px;
  color: #ffffff;
  position: absolute;
  left: 80px;
  top: 58px;
  font-weight: normal;
}

.usa_l_t2 {
  width: 500px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #db0000;
  font-size: 24px;
  color: #ffffff;
  border-radius: 50px;
  position: absolute;
  left: 75px;
  bottom: 66px;
}

.usa_set_r {
  width: 746px;
  height: 490px;
  position: absolute;
  right: -176px;
  bottom: -47px;
}

.usa_set_r img {
  width: 746px;
  height: 490px;
  display: block;
}

.us_b {
  width: 1200px;
  margin: 0 auto;
  padding: 103px 0 63px;
}

.us_b_t {
  font-size: 36px;
  color: #050505;
  line-height: 1;
}

.us_b_list {
  width: 100%;
  margin-top: 44px;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 43px 30px;
}

.us_b_li {
  width: 100%;
  height: 390px;
  position: relative;
}

.us_b_li_cover {
  width: 585px;
  height: 390px;
}

.usbli_cover {
  width: 585px;
  height: 390px;
  display: block;
}

.us_b_li_info {
  padding: 0 58px;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 28px;
  display: flex;
  align-items: center;
  z-index: 2;
}

.usbli_icon {
  width: 80px;
  height: 80px;
  margin-right: 33px;
}

.usbli_set_a {
  font-size: 22px;
  color: #050505;
}

.usbli_set_b {
  font-size: 18px;
  color: #333333;
  text-transform: uppercase;
}

.us_map {
  width: 1200px;
  margin: 0 auto;
  height: 402px;
  border: 2px solid #fff;
  box-sizing: border-box;
}

#set_map .BMap_bubble_title {
  text-align: center;
  font-family: 'Microsoft YaHei Light';
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

#set_map .BMap_bubble_content {
  text-align: center;
  font-family: 'Microsoft YaHei Light';
  margin-top: calc(15 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}



/* 招聘 */
.job_page {
  width: 100%;
}

.job_a {
  width: 1200px;
  margin: 0 auto;
  padding: 95px 0 84px;
}

.job_a_title {
  text-align: center;
  font-size: 36px;
  color: #050505;
}

.job_a_mian {
  width: 100%;
}

.job_a_set {
  width: 100%;
  margin-top: 65px;
}

.job_set_t {
  font-size: 20px;
  color: #db0000;
  padding-left: 40px;
  height: 64px;
  position: relative;
  display: flex;
  align-items: center;
}

.job_set_t i {
  font-size: 64px;
  line-height: 64px;
  font-weight: bold;
  font-family: 'BEBAS';
  position: absolute;
  left: 0;
  top: 0;
  color: rgb(219, 0, 0, .1);
}

.job_set_in {
  padding-left: 50px;
  font-size: 16px;
  color: #050505;
  margin-top: 20px;
  line-height: 30px;
}

.job_a_list {
  width: 100%;
  margin-top: 40px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.job_a_li {
  width: 100%;
  height: 335px;
}

.job_a_li img {
  width: 380px;
  height: 250px;
  display: block;
}

.job_a_i {
  padding: 0 18px;
  height: 85px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.ai_a {
  font-size: 20px;
  color: #050505;
}

.ai_b {
  font-size: 16px;
  color: #666666;
}

.job_b {
  width: 100%;
}

.job_ad {
  width: 100%;
  height: 300px;
  background-image: url(../images/topic/us/ad_01.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
}

.job_ad_mian {
  width: 1200px;
  margin: 0 auto;
  height: 300px;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
}

.job_ad_t {
  line-height: 1;
  position: relative;
  text-align: center;
}

.job_ad_t span {
  display: block;
}

.ad_t_en {
  font-size: 72px;
  font-weight: bold;
  color: #ffffff;
  opacity: 0.1;
  text-transform: uppercase;
}

.ad_t_cn {
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 35px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.job_ad_p {
  margin-top: 5px;
  font-size: 48px;
  color: #fff;
}


.side_Box {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.sideMenu_li {
  width: 100%;
  margin-top: 50px;
}

.side_hd {
  width: 100%;
  height: 150px;
  background: #f5f5f5;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 44px;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  transition: all .5s ease;
}

.side_hd.on {
  background: url(../images/topic/us/jp_bg.png) no-repeat;
}

/* .side_hd::after {
  content: "";
  width: 0px;
  height: 150px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  background: rgb(219, 0, 0, .3);
}


.side_hd.on::after {
  width: 100%;
} */

.side_hd::before {
  content: "";
  width: 8px;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  background: #db0000;
  -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
  transition: .3s cubic-bezier(.215, .61, .355, 1);
  transform: translateX(0);
  -webkit-transform: translateX(0);

}

.side_hd.on::before {
  transform: translateX(-15px);
  -webkit-transform: translateX(-15px);
}

.side_info {
  flex: 1;
  min-width: 0;
  position: relative;
}

.side_link {
  transition: all .5s ease;
  width: 160px;
  height: 54px;
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  text-align: center;
  line-height: 54px;
  background-image: linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.side_link span {
  font-size: 16px;
  color: #ffffff;
}

.side_hd.on .side_link {
  background: none;
  border: 1px solid #ffffff;
}

.side_link i {
  width: 26px;
  height: 26px;
  background: url(../images/topic/us/d_01.png) no-repeat;
  background-size: 26px 26px;
  border-radius: 26px;
  margin-left: 15px;
}

.side_in_title {
  font-size: 28px;
  color: #000000;
  line-height: 1;
  margin-bottom: 15px;
}

.side_hd.on .side_in_title {
  color: #ffffff;
}

.side_in_list {
  width: 100%;
  display: flex;
}

.side_in_li {
  max-width: 320px;
  margin-right: 70px;
  line-height: 22px;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
}

.side_in_label {
  color: #999999;
}

.side_in_li span {
  flex: 1;
  min-width: 0;
  color: #000000;
}

.side_hd.on .side_in_label {
  color: #ffffff;
}

.side_hd.on .side_in_li span {
  color: #ffffff;
}


.side_set {
  padding: 45px 55px;
  box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.06);
}

.side_set_tips {
  width: 100%;
  font-size: 26px;
  color: #050505;
}

.bd_list {
  width: 100%;
  padding-top: 40px;
}

.bd_se {
  width: 100%;
  margin-top: 30px;
}



.bd_se_title {
  font-size: 26px;
  color: #050505;
  padding-left: 38px;
  height: 30px;
  line-height: 30px;
}

.se_a {
  background: url(../images/topic/us/icon_01.png) left center no-repeat;
  background-size: 30px 30px;
}

.se_b {
  background: url(../images/topic/us/icon_02.png) left center no-repeat;
  background-size: 30px 30px;
}


.bd_se_cont {
  padding: 30px 0;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
}


.b-desc {
  margin: 50px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.call-img {
  position: relative;
  z-index: 10;
  width: 54px;
  height: 54px;
  background: #db0000;
  border-radius: 50%;
}

.call {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

.call-img img {
  position: absolute;
  display: block;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 29px;
  height: 29px;
}

.call-desc {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 54px;
  height: 54px;
  border-radius: 100px;
  background: #2e2e2e;
  overflow: hidden;
  transition: .55s;
  display: flex;
  align-items: center;

}

.call:hover .call-desc {
  width: 168px;
}

.call-desc span.desc {
  position: relative;
  display: block;
  font-size: 16px;
  color: #fff;
  height: 54px;
  line-height: 54px;
  padding-left: 65px;
  opacity: 0;
  transition: .55s;
}


.call:hover .desc {
  opacity: 1;
  transition-delay: .5s;
}

@keyframes circleGo {
  0% {
    transform: scale(1);
    opacity: .5;
  }

  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

.call::after {
  animation: circleGo 2s 1s linear infinite !important;
}

.call::before,
a.call::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 54px;
  height: 54px;
  background: #db0000;
  border-radius: 50%;
  opacity: 0;
  animation: circleGo 2s linear infinite;
}

/* 共同赚钱 */
.zq_page {
  min-height: 500px;
}

.zq_a {
  width: 100%;
  height: 500px;
  background-image: url(../images/topic/us/bg_01.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.zq_a_mian {
  width: 1200px;
  margin: 0 auto;
  padding-top: 109px;
}

.zq_a_box {
  width: 100%;
  height: auto;
  position: relative;
}

.zq_a_set {
  width: 720px;
  margin-left: 73px;
  position: relative;
  font-size: 20px;
  color: #050505;
  line-height: 40px;
}

.zq_a_set::before {
  content: "";
  width: 35px;
  height: 28px;
  background: url(../images/topic/us/fh.png) no-repeat;
  background-size: 35px 28px;
  position: absolute;
  left: -72px;
  top: -10px;
  line-height: 40px;
}

.zq_a_end {
  width: 107px;
  height: 52px;
  position: absolute;
  right: 0;
  bottom: -26px;
}

.zq_a_end::before {
  content: "";
  position: absolute;
  width: 90px;
  left: -120px;
  top: 25px;
  height: 1px;
  background: #050505;
}


.zq_b {
  width: 100%;
  height: 500px;
  background-image: url(../images/topic/us/bg_02.png);
  box-sizing: border-box;
  background-size: auto 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.zq_b_mian {
  width: 1200px;
  margin: 0 auto;
  height: 500px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.zq_b_mian::before {
  content: "";
  position: absolute;
  left: -235px;
  bottom: -142px;
  width: 547px;
  height: 440px;
}

.zq_b_a {
  font-size: 30px;
  color: #ffffff;
  line-height: 1;
}

.zq_b_b {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 16px;
}

.zq_b_c {
  font-size: 24px;
  color: #fff;
  line-height: 1;
  margin-top: 22px;
}

.zq_b_tel {
  margin-top: 39px;
  height: 56px;
  display: flex;
}

.zq_b_le {
  padding-left: 38px;
  background: url(../images/topic/us/tel_24h.png) no-repeat;
  font-size: 24px;
  color: #ffffff;
  background-size: 29px 29px;
  line-height: 30px;
  height: 30px;
  font-weight: bold;
  margin-right: 37px;
  margin-top: 20px;
}

.zq_b_num {
  font-size: 56px;
  color: #ffffff;
  line-height: 1;
  font-family: 'BEBAS';
}

.zq_b_code {
  margin-top: 39px;
  width: 140px;
  height: 140px;
}

.zq_b_code img {
  width: 140px;
  height: 140px;
  display: block;
}

.zq_c {
  width: 100%;
  padding: 164px 0 97px;
  background: #f4f4f4;
}

.zq_c_mian {
  width: 1200px;
  margin: 0 auto;
  min-height: 420px;
  background: url(../images/topic/us/bg_03.png) center no-repeat;
  background-size: cover;
  position: relative;
}

.zq_c_rw {
  width: 338px;
  height: 488px;
  position: absolute;
  right: 78px;
  bottom: 0;
}


.zq_c_info {
  width: 790px;
  padding: 45px 52px 52px;
  box-sizing: border-box;
}

.zq_c_title {
  font-size: 30px;
  color: #050505;
  line-height: 52px;
}

.zq_c_set {
  width: 100%;
}

.zqc_li {
  width: 100%;
  margin-top: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #050505;
}

.zqc_li i {
  font-weight: bold;
  color: #b81c22;
}

.zq_d {
  width: 100%;
  background: #fff;
}

.zq_d_mian {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0 40px;
  position: relative;
  height: 309px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.zq_d_mian::before {
  content: "";
  width: 858px;
  height: 119px;
  position: absolute;
  top: 85px;
  right: -190px;
  background: url(../images/topic/us/bg_logo.png);
  background-size: cover;
}


.zq_d_cover {
  width: 459px;
  height: 309px;
  display: block;
}

.zq_d_p {
  width: 600px;
  height: auto;
  line-height: 40px;
  font-size: 20px;
  color: #050505;
  position: relative;
}


/* 在线留言 */
.message_page {
  width: 100%;

}

.sage_title {
  width: 1200px;
  margin: 0 auto;
  padding: 90px 0 85px;
}

.sage_set {
  width: 100%;
  height: 600px;
  background: #e23333;
}

.sage_mian {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 600px;
}

.sage_mian::before {
  content: "";
  width: 349px;
  height: 759px;
  background: url(../images/topic/us/rw_02.png) no-repeat;
  position: absolute;
  right: -329px;
  bottom: -2px;
  z-index: 99;
}

.sage_m_t {
  width: 100%;
  height: 112px;
  display: flex;
  align-items: center;
}

.sage_mt_tips {
  font-size: 50px;
  color: #fff;
}

.sage_mt_l {
  display: flex;
  align-items: center;
  margin-right: 25px;
  margin-left: 45px;
}

.sage_mt_a {
  font-size: 30px;
  color: #ffffff;
}

.sage_mt_n {
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 40px;
  color: #ffffff;
}

.sage_mt_n::before {
  content: "元";
  width: 21px;
  height: 21px;
  border-radius: 21px;
  background: #ff4848;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 21px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.sage_form {
  width: 100%;
  height: 420px;
  background: #fff;
  position: relative;
}

.line-btn {
  width: 170px;
  height: 358px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -179px;
  margin-left: -85px;
  background: url(../images/topic/us/but_bg.png) no-repeat;
  background-size: 170px 358px;
}

.btn-start {
  position: absolute;
  top: 127px;
  right: 41px;
  width: 90px;
  height: 90px;
  background: #dd1111;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 15;
  cursor: pointer;
  z-index: 2;
}

.btn-start .calcstart {
  display: block;
  font-size: 24px;
  color: #fff;
  width: 48px;
  height: 52px;
  line-height: 26px;
  margin: 18px auto 0;
  text-align: center;
  cursor: pointer;
}

.circle-animate {
  position: absolute;
  top: 117px;
  right: 31px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f4b2b2;
  z-index: 1;
  -webkit-animation: scale-three2 1.5s ease infinite;
  -moz-animation: scale-three2 1.5s ease infinite;
  -o-animation: scale-three2 1.5s ease infinite;
  animation: scale-three2 1.5s ease infinite;
  animation-fill-mode: both
}

@keyframes scale-three2 {
  0% {
    transform: scale(1);
    opacity: .8
  }

  100% {
    transform: scale(1.3);
    opacity: 0
  }
}

@-webkit-keyframes scale-three2 {
  0% {
    -webkit-transform: scale(1);
    opacity: .7
  }

  100% {
    -webkit-transform: scale(1.3);
    opacity: 0
  }
}

@-moz-keyframes scale-three2 {
  0% {
    -moz-transform: scale(1);
    opacity: .7
  }

  100% {
    -moz-transform: scale(1.3);
    opacity: 0
  }
}

@-o-keyframes scale-three2 {
  0% {
    -o-transform: scale(1);
    opacity: .7
  }

  100% {
    -o-transform: scale(1.3);
    opacity: 0
  }
}

.sage_f_l {
  width: 600px;
  float: left;
}

.sage_f_r {
  width: 600px;
  float: right;
}

.sa_left_title {
  padding: 34px 0 10px 46px;
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.sal_a {
  font-size: 24px;
  color: #000;
  margin-right: 15px;
}

.sal_b {
  font-size: 16px;
  color: #db0000;
}

.sal_a_mian {
  padding-left: 46px;
  width: 422px;

}

.sal_f_li {
  width: 100%;
  height: 50px;
  background: #f8f8f8;

  border-radius: 4px;
  position: relative;
}

.sal_f_mt {
  margin-top: 19px;
}

.sal_input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: none;
  box-sizing: border-box;
  padding: 0 18px;
  font-size: 16px;
  color: #050505;
  border: 0;
  outline: 0;
}

.sal_f_si {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 19px;
}

.f_si_li {
  width: 202px;
  height: 50px;
  background: #f8f8f8;
  border-radius: 4px;
  position: relative;
}


.sal_b_mian {
  width: 379px;
  margin-left: 147px;
}

.sal_b_jsq {
  width: 379px;
  height: 88px;
  background: url(../images/topic/us/jsj_bg.png) no-repeat;
  background-size: cover;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.sal_b_jsq::before {
  content: "000000";
  width: 313px;
  position: absolute;
  overflow: hidden;
  left: 40px;
  top: 6px;
  font-size: 50px;
  text-align: right;
  color: #a8a88e;
  font-family: 'Digital';
}

.b_jsq_a {
  font-size: 20px;
  color: #333333;
  margin-left: 38px;
  position: relative;
}

.b_jsq_b {
  font-size: 50px;
  font-family: 'Digital';
  margin-right: 28px;
  font-weight: bold;
  position: relative;
}

.sal_list {
  width: 366px;
  margin: 0 auto;
}

.sal_li {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  background: #eeeeee;
  margin-top: 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.sal_li::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #e0e0e0;
  position: absolute;
  left: 50%;
  top: 0;
}


.sal_li_in {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666;
}

.sal_li_in span {
  color: #db0000;
  min-width: 60px;
  text-align: center;
}

/* 服务支持*/
.fwzc_form {
  width: 100%;
  height: 652px;
  background: #f4f4f4;
  margin-top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.fwzc_form_mian {
  width: 1200px;
  margin: 0 auto;
}

.fwzc_a {
  width: 100%;
  height: 738px;
  background: #f4f4f4;
}

.fwzc_a_mian {
  width: 1200px;
  margin: 0 auto;
}

.fwzc_a_t {
  width: 100%;
  text-align: center;
  padding-top: 38px;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
}


.fwzc_alzs {
  width: 100%;
  margin-top: 100px;
  height: 270px;
  position: relative;
}

.fwzc_alzs::before {
  content: "";
  width: 100%;
  height: 46px;
  background: url(../images/topic/fwzc/s1_bg.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: -55px;
}

.fwzc_picList {
  height: 270px;
  position: relative;
  overflow: hidden;
}

.fwzc_picList li {
  float: left;
  margin-right: 33px;
}

.al_cover {
  width: 275px;
  height: 203px;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
}

.al_img {
  width: 275px;
  height: 203px;
  display: block;
}

.al_title {
  width: 100%;
  text-align: center;
  line-height: 67px;
  font-size: 22px;
  color: #333333;
}


.fwzc_alzs .prev {
  width: 26px;
  height: 54px;
  position: absolute;
  left: -54px;
  top: 50%;
  background: url(../images/topic/fwzc/ll_s.png) no-repeat;
  margin-top: -67px;
  background-size: cover;
  cursor: pointer;
}

.fwzc_alzs .prev.prevStop {
  width: 26px;
  height: 54px;
  background: url(../images/topic/dl/l_s1.png) no-repeat;
  background-size: cover;
}


.fwzc_alzs .next {
  width: 26px;
  height: 54px;
  position: absolute;
  right: -54px;
  top: 50%;
  margin-top: -67px;
  background: url(../images/topic/fwzc/rr_s.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.fwzc_alzs .next.nextStop {
  background: url(../images/topic/dl/r_s1.png) no-repeat;
  background-size: cover;
}

.fwzc_a_dun {
  width: 686px;
  margin: 0 auto;
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.a_dun_cover {
  width: 163px;
  height: 189px;
  display: block;
}

.a_dun_li {
  width: 166px;
  height: 50px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
  background: #db0000;
  box-sizing: border-box;
  border-radius: 10px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fwzc_b {
  width: 100%;
  height: 711px;
  background: #db0000 url(../images/topic/fwzc/bg_01.png) center no-repeat;
  background-size: auto 100%;
  position: relative;
}

.fwzc_b_mian {
  width: 1200px;
  margin: 0 auto;
}

.fwzc_b_t {
  width: 100%;
  padding-top: 58px;
  line-height: 52px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.fwzc_b_list {
  width: 100%;
  margin-top: 45px;
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 29px 32px;
}

.fwzc_b_li {
  width: 100%;
  height: 230px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: relative;
  cursor: pointer;


  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.fwzc_b_cover{ width: 100%; position: absolute; left: 0; top: 0; height: 230px; display: block; opacity: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.fwzc_b_icon {
  width: 52px;
  height: 52px;
  display: block;
}

.fwzc_b_ts {
  margin-top: 24px;
  font-size: 18px;
  color: #050505;
  font-weight: bold;
}

.fwzc_b_tp {
  margin-top: 4px;
  font-size: 14px;
  color: #050505;
}
.fwzc_b_li:hover .fwzc_b_icon , .fwzc_b_li:hover .fwzc_b_ts , .fwzc_b_li:hover .fwzc_b_tp{
  opacity: 0;
 }

 .fwzc_b_li:hover .fwzc_b_cover{
  opacity: 1;
 }




.fwzc_c {
  width: 100%;
  height: 905px;
  background: #fafcfd url(../images/topic/fwzc/bg_02.png) center no-repeat;
  background-size: auto 100%;
}

.fwzc_c_mian {
  width: 1200px;
  margin: 0 auto;
  height: 905px;
  position: relative;
}

.fwzc_c_top {
  width: 100%;
  text-align: center;
  padding-top: 86px;
}

.fwzc_c_t {
  display: inline-block;
  margin: 0 auto;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  position: relative;
  padding-bottom: 24px;
}

.fwzc_c_t::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #f5d6d7;
  position: absolute;
  left: 0;
  bottom: 0;
}

.fwzc_c_t::after {
  content: "";
  width: 138px;
  height: 1px;
  background: #db0000;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -69px;
}

.plate_map {
  width: 911px;
  height: 741px;
  margin: -30px auto;
  background: url(../images/banner/bg/map_bg.png) no-repeat;
  background-size: cover;
  position: relative;
}

.point_01 {
  position: absolute;
  right: 340px;
  top: 190px;
  width: 130px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_02 {
  position: absolute;
  right: 50px;
  top: 55px;
  min-width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_03 {
  position: absolute;
  right: 68px;
  top: 145px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_04 {
  position: absolute;
  right: 130px;
  top: 187px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_05 {
  position: absolute;
  right: 200px;
  top: 287px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_06 {
  position: absolute;
  right: 210px;
  top: 380px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_07 {
  position: absolute;
  right: 330px;
  bottom: 130px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}
.point_08 {
  position: absolute;
  right: 325px;
  bottom: 38px;
  width: 105px;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}


.point_icon {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  background: url("../images/icon/point_icon.png") no-repeat center;
  background-size: cover;
  animation: ball 0.55s infinite alternate;
}

.point_title {
  width: 100%;
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}

.spread-point {
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 8px;
  background-color: rgba(219, 0, 0, .5);
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: 24px;
}

.spread {
  position: absolute;
  bottom: 8px;
  left: 50%;
  margin-left: -20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.spread:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  -webkit-animation: spread 4.5s ease-out 1575ms infinite;
  animation: spread 4.5s ease-out 1575ms infinite;
}

.spread-more1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  animation: spread 4.5s ease-out 225ms infinite;
}

.spread-more1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  -webkit-animation: spread 4.5s ease-out 2000ms infinite;
  animation: spread 4.5s ease-out 2000ms infinite;
}

@keyframes spread {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  5% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.m_set {
  width: 560px;
  height: 148px;
  position: absolute;
  left: 0;
  bottom: 127px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m_set_li {
  width: 171px;
  height: 148px;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  background: url(../images/topic/fwzc/m_01.png) no-repeat;
  background-size: cover;
}

.m_set_n {
  font-size: 16px;
  display: flex;
  align-items: baseline;
  line-height: 1;
  color: #ffffff;
}

.m_set_n span {
  font-size: 47px;
  font-weight: bold;
  font-family: 'Bebas';
  margin-right: 8px;
}

.m_set_t {
  font-size: 19px;
  color: #ffffff;
  margin-top: 14px;
}

.fwzc_d {
  width: 100%;
  height: 671px;
  background: #fafcfd url(../images/topic/fwzc/bg_03.png) center no-repeat;
  background-size: auto 100%;
}

.fwzc_d_mian {
  width: 1200px;
  height: 671px;
  margin: 0 auto;
}

.fwzc_d_top {
  padding-top: 80px;
  width: 100%;
  text-align: center;
}

.fwzc_d_t {
  font-weight: bold;
  font-size: 36px;
  color: #db0000;
  line-height: 1;
  position: relative;

}

.fwzc_d_t::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #cbcbcb;
}

.fwzc_d_t span {
  display: inline-block;
  background: #ffffff;
  position: relative;
  padding: 0 30px;
}

.fwzc_d_p {
  font-size: 18px;
  color: #050505;
  line-height: 1;
  margin-top: 20px;
}

.fwzc_d_set {
  width: 1192px;
  height: 358px;
  margin: 62px auto 0;
}

.fwzc_e {
  width: 100%;
  height: 837px;
  background: #db0000;
}

.fwzc_e_mian {
  width: 1200px;
  margin: 0 auto;
}

.fwzc_e_top {
  padding-top: 99px;
  width: 100%;
  text-align: center;
}

.fwzc_e_t {
  font-weight: bold;
  font-size: 36px;
  color: #fff;
  line-height: 1;
  position: relative;

}

.fwzc_e_t::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed #f3adad;
}

.fwzc_e_t span {
  display: inline-block;
  background: #db0000;
  position: relative;
  padding: 0 30px;
}

.fwzc_e_p {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  margin-top: 20px;
}

.fwzc_e_set {
  width: 1200px;
  margin: 58px auto 0;
  padding: 50px 30px;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.fwzc_e_l {
  width: 555px;
  height: 418px;
  float: left;
  border-radius: 20px;
  overflow: hidden;
}

.fwzc_e_r {
  width: 550px;
  height: 418px;
  float: right;
}

.fwzc_e_cover {
  width: 555px;
  height: 418px;
  display: block;
}

.fwzc_e_rt {
  padding-left: 98px;
  line-height: 1;
  font-size: 30px;
  color: #db0000;
}

.fwzc_e_list {
  width: 100%;
}

.fwzc_e_li {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.fwzc_e_li:first-child {
  margin-top: 20px;
}

.fwzc_es {
  width: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 62px;
  font-family: 'Impact';
  color: #f4caca;
}

.fwzc_ey {
  flex: 1;
  min-width: 0;
  background: #f4f4f4;
  border-radius: 8px;
  height: 80px;
  padding: 0 30px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.ey_a {
  font-size: 24px;
  color: #050505;
}

.ey_b {
  font-size: 18px;
  color: #666666;
}

.fwzc_f {
  width: 100%;
  height: auto;
  padding: 80px 0;
  background: #f4f4f4;
}

.fwzc_f_mian {
  width: 1200px;
  margin: 0 auto;
}

.fwzc_f_l {
  width: 770px;
  height: 621px;
  border: 10px solid #fff;
  background: #f3f3f3;
  float: left;
  box-sizing: border-box;
  position: relative;
}

.fwzc_f_l .su_bg {
  width: 323px;
  height: 184px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

.fwzc_fl_mian {
  padding: 0 32px;
}

.fwzc_f_r {
  width: 360px;
  height: 619px;
  float: right;
  position: relative;
}


.fwzc_f_rw {
  width: 360px;
  height: 619px;
  display: block;
}

.fwzc_f_but {
  width: 156px;
  height: 156px;
  background: url(../images/topic/fwzc/but_bg.png) no-repeat;
  background-size: cover;
  position: absolute;

  left: 116px;
  bottom: 65px;

}

.fs_but {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs_but span {
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}

.fl_m_t {
  width: 100%;
  font-size: 30px;
  color: #050505;
  padding-top: 55px;
  line-height: 1;
}

.fl_m_p {
  width: 100%;
  font-size: 16px;
  color: #666666;
  padding-top: 28px;
  line-height: 1;
}

.ml_form {
  width: 100%;
  margin-top: 44px;
  display: grid;
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 26px 20px;
}


.ml_f_li {
  width: 100%;
  position: relative;
}

.ml_f_label {
  font-size: 14px;
  color: #666666;
  line-height: 1;
  margin-bottom: 10px;
}

.ml_f_label i {
  color: #b81c22;
}

.ml_f_in {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  border: 1px solid #dddddd;
  outline: 0;
}


.shortselect_s {
  background: #fafdfe;
  height: 50px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  padding: 0 18px;
  line-height: 50px;
  border: none;
  border-radius: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.ft_lis_icon {
  width: 13px;
  height: 7px;
  position: absolute;
  right: 18px;
  bottom: 21px;
  background: url(../images/icon/sj_icon.png) no-repeat;
  background-size: 13px 7px;
  z-index: 3;
}



/* 关于logo css */
.gy_column {
  width: 100%;
  position: relative;
}

.gy_column .prev,
.gy_column .next {
  display: block;
  width: 14px;
  height: 30px;
  cursor: pointer;
}

.gy_column .prev {
  position: absolute;
  left: -40px;
  top: 50%;
  background: url('../images/icon/wy_l.png') no-repeat;
  background-size: 14px 30px;
  z-index: 99;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.gy_column .next {
  position: absolute;
  right: -40px;
  top: 50%;
  background: url('../images/icon/wy_r.png') no-repeat;
  background-size:14px 30px;
  z-index: 99;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}


.gy_column .bd {
  padding: 0;
  overflow: hidden;
}

.gy_column .bd ul {
  overflow: hidden;
  zoom: 1;
  width: 100%;
  float: left;
  display: grid;
  grid-gap: 12px 10px;
  grid-column: span 5;
  grid-template-columns: repeat(5, 1fr);
}

.gy_column .bd ul .pic_Li {
  float: left;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: 86px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  cursor: pointer;
  background: #ffffff;
}

.gy_column .pic_cover {
  max-width: 220px;
  height: 86px;
  display: block;
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.gy_column .pic_Li:hover .pic_cover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}