@charset "UTF-8";
.common-header {
  width: 100%;
  height: 100%;
  position: relative;
}

body {
  font-family: 'TradeGothic LT';
}

/* banner区样式 start */
.my-Swiper {
  position: relative;
}

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

.my-swiper-box .swiper-slide {
  font-size: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-swiper-box .swiper-slide .path-box {
  position: absolute;
  left: 14%;
  text-shadow: 1px 2px 1px #222222;
}

.my-swiper-box .swiper-slide .path-box .txt-title {
  color: #FFFFFF;
  font-weight: 700;
}

.my-swiper-box .swiper-slide .path-box .nav-item {
  text-decoration: none;
  font-size: .875rem;
  color: #FFFFFF;
}

.my-swiper-box .swiper-slide .path-box .item-btn:hover {
  opacity: 0.8;
}

.my-swiper-box .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  /* min-height: 15rem; */
  object-fit: cover;
}

/* banner区样式 end */
.section {
  margin: 0;
  width: 100%;
}

.section-title .txt-title {
  text-align: left;
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: 0rem;
  text-align: left;
  color: #29708B;
}

/* 模块1样式  start*/
.section-pd-01 {
  padding-top: 3.375rem;
  padding-bottom: 0;
  position: relative;
}

.section-pd-01 .moudel-left-box {
  display: flex;
  flex-direction: column;
  background: transparent linear-gradient(146deg, #D38D5B 0%, #CC6E58 100%) 0% 0% no-repeat padding-box;
  border-radius: 1.25rem;
  padding: 2.5rem;
  width: 43.5625rem;
  height: 26.8125rem;
  position: relative;
}

.section-pd-01 .moudel-left-box h2 {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #FFFFFF;
}

.section-pd-01 .moudel-left-box .item-box {
  display: flex;
  margin-top: 30px;
}

.section-pd-01 .moudel-left-box .item-box .email {
  margin-top: 20px;
}

.section-pd-01 .moudel-left-box .item-box .txt-info {
  margin-left: 0.625rem;
  font-size: 1.125rem;
  letter-spacing: 0rem;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 100;
  font-family: 'TradeGothic LT';
}

.section-pd-01 .moudel-left-box .item-box .my-icon {
  color: #784F09;
  font-size: 1.125rem;
}

.section-pd-01 .moudel-left-box .follow {
  margin-top: 62px;
  margin-bottom: 0;
}

.section-pd-01 .moudel-left-box .follow-icon-box {
  margin-top: 24px;
  display: flex;
  align-items: center;
}

.section-pd-01 .moudel-left-box .follow-icon-box .icon {
  font-size: 1.125rem;
  color: #FFFFFF;
  margin-right: 1.625rem;
}

.section-pd-01 .moudel-left-box::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: .0625rem solid #00F6FF;
  top: .375rem;
  left: .375rem;
  z-index: -1;
  border-radius: 1.25rem;
}

.section-pd-01 .moudel-right-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43.5625rem;
  height: 26.8125rem;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}

.section-pd-01 .moudel-right-box iframe {
  width: 100% !important;
  height: 100% !important;
}
.section-pd-01 .moudel-right-box iframe,
.section-pd-01 .moudel-right-box .map- {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43.5625rem;
  height: 26.8125rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.section-pd-01 .moudel-right-box > *{
  width: 100% !important;
  height: 100% !important;
  
}

/* 模块1样式  end*/
/* 模块2样式  start*/
.section-pd-02 {
  position: relative;
  padding-top: 0;
  background: url(../img/contact/bt_bj.png);
  min-height: 26.625rem;
  background-position: center;
}

.section-pd-02 .bt-bj-img {
  width: 100%;
  object-fit: cover;
  min-height: 20.625rem;
}

.section-pd-02 .sub-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 20%;
}

.section-pd-02 .sub-box .txt-title {
  text-align: left;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 0rem;
  color: #CB6D5A;
}

.section-pd-02 .sub-box .txt-info {
  text-align: left;
  font-size: 1.125rem;
  letter-spacing: 0rem;
  color: #000000;
  margin-top: 26px;
}

.section-pd-02 .sub-box .sub-btn {
  margin-top: 22px;
  width: 14.875rem;
  height: 3rem;
  background: transparent linear-gradient(309deg, #D38D5B 0%, #FFDCC4 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0rem .1875rem .375rem #bcbcbc;
  border-radius: .625rem;
  border: none;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0rem;
  color: #0E112A;
  padding-left: 1.25rem;
}

.section-pd-02 .sub-box .sub-btn .icon-pr {
  margin-left: 3.625rem;
}

.section-pd-02 .sub-box .sub-btn:hover {
  opacity: 0.9;
  color: white;
}

/* 模块2样式  end*/
@media screen and (max-width: 1200px) {
  .section-pd-02 .sub-box {
    left: 30%;
  }
  .section-pd-02 {
    background-position: 78%;
  }
}

@media screen and (max-width: 900px) {
  .section-pd-02 .sub-box {
    left: 10%;
  }
  .section-pd-02 .sub-box .txt-info {
    margin-top: .625rem;
  }
}

@media (max-width: 700px) {
  .section-pd-01 .moudel-left-box {
    height: 100%;
  }
}

@media (max-width: 700px) {
  .section-pd-02 {
    background-position: 58%;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 12px;
  }
}