.so-nav {
  padding: 5rem 0 0.75rem;
  border-bottom: 0.05rem solid #ebebe3;
}
.so-nav .oneul {
  margin-bottom: 5.9rem;
  padding-bottom: 0.75rem;
  width: 100%;
  justify-content: center;
  border-bottom: 0.05rem solid #ebebe3;
}
.so-nav .oneul .oneli {
  padding: 0 3rem;
  position: relative;
}
.so-nav .oneul .oneli::before {
  position: absolute;
  content: '';
  width: 0.05rem;
  height: 1rem;
  background-color: #e6e6e6;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.so-nav .oneul .oneli:last-child i {
  display: none;
}
.so-nav .oneul .oneli:last-child::before {
  display: none;
}
.so-nav .oneul .oneli:last-child > a {
  pointer-events: auto !important;
}
.so-nav .oneul .oneli > a {
  position: relative;
  padding-bottom: 0.8rem;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
  pointer-events: none;
}
.so-nav .oneul .oneli > a i {
  position: absolute;
  font-size: 0.7rem;
  bottom: 0;
  left: 50%;
  margin-left: -0.35rem;
  transition: all 0.4s ease;
}
.so-nav .oneul .oneli .towul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3rem;
  opacity: 0;
  transition: all 0.4s ease;
}
.so-nav .oneul .oneli .towul li a {
  display: flex;
  font-size: 0.8rem;
  white-space: nowrap;
  color: #696969;
}
.so-nav .oneul .oneli .towul li a:hover {
  color: #d4c19f;
}
.so-nav .oneul .actow .towul {
  opacity: 1;
  z-index: 11;
}
.so-nav .oneul .actow > a {
  color: #d4c19f;
}
.so-nav .oneul .actow > a i {
  transform: rotate(180deg);
}
.so-nav .oneul .active-li > a {
  color: #d4c19f;
}
.so-nav .oneul .active-li > a i {
  transform: rotate(180deg);
}
.sofamsg {
  padding: 7rem 0 5.6rem;
  background: url(../image/jwbg.jpg) no-repeat;
  background-size: cover;
}
.sofamsg .s-left {
  width: 30%;
}
.sofamsg .s-left .s-logo {
  margin-bottom: 4rem;
}
.sofamsg .s-left .sflogo {
  width: 5.6rem;
  height: 5.6rem;
  flex: none;
  background-color: #3f3a39;
}
.sofamsg .s-left .sflogo img {
  width: 80%;
}
.sofamsg .s-left .s-name {
  margin-left: 0.9rem;
}
.sofamsg .s-left .s-name h4 {
  margin-bottom: 1.25rem;
  font-size: 1.45rem;
  white-space: nowrap;
  color: #191919;
  font-weight: 600;
}
.sofamsg .s-left .s-name p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #191919;
}
.sofamsg .s-left .s-cont p {
  margin-bottom: 1.3rem;
  font-size: 0.8rem;
  color: #191919;
  line-height: 1.4rem;
  text-align: justify;
}
.sofamsg .s-left .s-cont h5 {
  font-size: 0.7rem;
  font-weight: 600;
  color: #3f3a39;
}
.sofamsg .s-left .s-cont .tt {
  margin-top: 2rem;
  width: 142px;
  left: 0;
  bottom: 12%;
}
.sofamsg .s-right {
  margin-left: 5%;
  margin-top: 18%;
  align-self: flex-end;
}
.xl {
  padding: 5rem 0;
  background: url(../image/jwgd.jpg) no-repeat;
  background-size: cover;
}
.xl h2 {
  padding: 0 8rem;
  position: relative;
  font-size: 1.1rem;
  color: #cdc09a;
}
.xl h2::before,
.xl h2::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 7rem;
  height: 0.1rem;
  background-color: #d4c19f;
}
.xl h2::before {
  left: 0;
}
.xl h2::after {
  right: 0;
}
.xl img {
  margin: 1.5rem 0;
  display: block;
  width: 1.3rem;
}
.xl p {
  font-size: 2.2rem;
  font-weight: 600;
  color: #cdc09a;
}
.s3-r {
  padding: 13.8rem 0 8.7rem;
  background-color: #e9e9e9;
}
.s3-r .sl {
  margin-top: 8.4%;
  width: 26.5%;
  align-items: flex-start;
}
.s3-r .sl h4 {
  margin-bottom: 1.9rem;
  font-size: 1.85rem;
  color: #332c2b;
  font-weight: 600;
}
.s3-r .sl p {
  display: inline-block;
  margin-bottom: 2.2rem;
  padding: 0.3rem 1.15rem;
  font-size: 1rem;
  color: #474443;
  background-color: #d4c19f;
  border-radius: 0.85rem;
}
.s3-r .sl img {
  width: 3rem;
}
.s3-r .sr {
  width: 73.5%;
}
.s3-r .sr .srl {
  margin-right: 3.25%;
  padding: 17.8% 0 32.5%;
  position: relative;
  width: 37.7%;
  background-color: #f4f4f4;
}
.s3-r .sr .srl .lp1,
.s3-r .sr .srl .lp2 {
  position: absolute;
}
.s3-r .sr .srl .lp1 {
  width: 32%;
  left: -20%;
  top: -16%;
}
.s3-r .sr .srl .lp2 {
  width: 75.6%;
}
.s3-r .sr .srr {
  flex: 1;
  justify-content: space-between;
}
.s3-r .sr .srr .rp-t {
  width: 100%;
  height: 52%;
}
.s3-r .sr .srr .rp-t > div {
  width: 47.2%;
  background-color: #f4f4f4;
}
.s3-r .sr .srr .rp-t > div:first-child {
  margin-right: 5.6%;
}
.s3-r .sr .srr .rp-t > div:first-child img {
  width: 70.5%;
}
.s3-r .sr .srr .rp-t > div:last-child img {
  width: 63%;
}
.s3-r .sr .srr .rp-b {
  margin-top: 5%;
  background-color: #f4f4f4;
  height: 43%;
  width: 100%;
}
.s3-r .sr .srr .rp-b img {
  width: 80%;
}
.s3-r .sr .tow {
  display: flex;
  flex-direction: column;
}
.s3-r .sr .tow > div {
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s3-r .sr .tow > div:first-child {
  height: 52%;
}
.s3-r .sr .tow > div:last-child {
  margin-top: 5%;
  height: 43%;
}
.s3-l {
  padding: 10.5rem 0 7rem;
  background-color: #fff;
}
.s3-l .sl {
  width: 73.5%;
}
.s3-l .sl .lp {
  flex: 1;
  justify-content: space-between;
}
.s3-l .sl .lp .rp-t {
  width: 100%;
  height: 52%;
}
.s3-l .sl .lp .rp-t > div {
  width: 47.2%;
  background-color: #f4f4f4;
}
.s3-l .sl .lp .rp-t > div:first-child {
  margin-right: 5.6%;
}
.s3-l .sl .lp .rp-t > div:first-child img {
  width: 70.5%;
}
.s3-l .sl .lp .rp-t > div:last-child img {
  width: 63%;
}
.s3-l .sl .lp .rp-b {
  margin-top: 5%;
  background-color: #f4f4f4;
  height: 43%;
  width: 100%;
}
.s3-l .sl .lp .rp-b img {
  width: 80%;
}
.s3-l .sl .tow {
  flex: 1;
}
.s3-l .sl .tow > div {
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s3-l .sl .tow > div:first-child {
  height: 52%;
}
.s3-l .sl .tow > div:last-child {
  margin-top: 5%;
  height: 43%;
}
.s3-l .sl .rp {
  background-color: #f4f4f4;
  margin-left: 3.25%;
  padding: 18.4% 0;
  position: relative;
  width: 37.7%;
}
.s3-l .sl .rp .rp1,
.s3-l .sl .rp .rp2 {
  position: absolute;
}
.s3-l .sl .rp .rp1 {
  width: 60.3%;
  top: -23%;
  right: -30%;
}
.s3-l .sl .rp .rp2 {
  width: 69.6%;
  bottom: -12.4%;
  right: -100%;
}
.s3-l .sl .rp .rp3 {
  width: 69.5%;
}
.s3-l .sr {
  margin-top: 8.4%;
  width: 26.5%;
  align-items: flex-end;
}
.s3-l .sr h4 {
  margin-bottom: 1.9rem;
  font-size: 1.85rem;
  color: #332c2b;
  font-weight: 600;
}
.s3-l .sr p {
  display: inline-block;
  margin-bottom: 2.2rem;
  padding: 0.3rem 1.15rem;
  font-size: 1rem;
  color: #474443;
  background-color: #d4c19f;
  border-radius: 0.85rem;
}
.s3-l .sr img {
  width: 3rem;
}
#xdht .sofamsg {
  padding: 7rem 0 ;
  background: url(../image/xd-htbg.jpg) no-repeat !important;
  background-size: cover;
}
#xdht .sofamsg .s-left {
  width: 34%;
}
#xdht .sofamsg .s-right {
  width: 68%;
  margin-top: 18% !important;
  margin-right: 0% !important;
}
#lm .sofamsg {
  padding: 7rem 0 ;
  background: url(../image/ms-lmbg.jpg) no-repeat !important;
  background-size: cover;
}
#lm .sofamsg .s-left {
  width: 34%;
}
#lm .sofamsg .s-right {
  width: 50%;
  margin-top: 12% !important;
  margin-right: 7% !important;
}
#ar .sofamsg {
  padding: 7rem 0 3rem;
  background: url(../image/arbg.jpg) no-repeat !important;
  background-size: cover;
}
#ar .sofamsg .s-right {
  width: 58.5%;
  margin-top: 12% !important;
  margin-right: 4% !important;
}
#ar .s3-r .sr .srl {
  padding: 32.65% 0;
}
#ar .s3-r .sr .srl .lp1 {
  width: 72.7%;
  left: -35%;
  top: -13%;
}
#ar .s3-r .sr .srl .lp2 {
  width: 143.6%;
  left: -91%;
  bottom: -12%;
}
#ar .s3-r .sr .srr .rp-t .p1 img {
  width: 88.5%;
}
#ar .s3-r .sr .srr .rp-t .p2 img {
  width: 78%;
}
#ar .s3-r .sr .srr .rp-b img {
  width: 55.5%;
}
#ar .s3-l .sl .lp .rp-t .p1 img {
  width: 85.5%;
}
#ar .s3-l .sl .lp .rp-t .p2 img {
  width: 87%;
}
#ar .s3-l .sl .lp .rp-b img {
  margin-top: 7%;
  width: 55.5%;
}
#ar .s3-l .sl .rp {
  padding: 32.65% 0;
}
#ar .s3-l .sl .rp .rp1 {
  width: 72.6%;
  top: -8%;
  right: -20%;
}
#ar .s3-l .sl .rp .rp2 {
  width: 141.4%;
  bottom: -14.4%;
  right: -97%;
}
#zm .sofamsg {
  background: url(../image/zmbg.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 0;
}
#zm .sofamsg .s-left {
  width: 30%;
  flex: none;
}
#zm .sofamsg .s-right {
  width: 63.5%;
  margin-top: 10%;
  margin-left: 2.5%;
}
#zm .zm1 .sr .srl {
  padding: 16.4% 0 33%;
}
#zm .zm1 .sr .srl .lp1 {
  top: -8%;
}
#zm .zm1 .sr .srl .lp2 {
  position: relative;
  width: 84.6%;
}
#zm .zm1 .sr .srl .lp3 {
  position: absolute;
  width: 163%;
  bottom: -4%;
  left: -92%;
}
#zm .zm1 .sr .srr .rp-t .p1 img {
  width: 69.3%;
}
#zm .zm1 .sr .srr .rp-t .p2 img {
  width: 72%;
}
#zm .zm1 .sr .srr .rp-b img {
  width: 82.3%;
}
#zm .s3-l .sl .lp .rp-t .p1 img {
  width: 57.5%;
}
#zm .s3-l .sl .lp .rp-t .p2 img {
  width: 43%;
}
#zm .s3-l .sl .lp .rp-b img {
  width: 59%;
}
#zm .s3-l .sl .rp {
  padding: 4% 0 32.2%;
}
#zm .s3-l .sl .rp .rp1 {
  width: 27%;
  top: -19%;
  right: -17%;
}
#zm .s3-l .sl .rp .rp2 {
  position: relative;
  right: auto;
  bottom: auto;
  width: 49.3%;
}
#zm .s3-l .sl .rp .rp3 {
  position: absolute;
  right: -100%;
  width: 167.5%;
  bottom: -6%;
}
#zm .zm2 .sr .srl {
  padding: 11.3% 0 11.5%;
}
#zm .zm2 .sr .srl .lp1 {
  width: 58.8%;
  left: -43%;
  top: -9%;
}
#zm .zm2 .sr .srl .lp2 {
  position: relative;
  width: 46%;
}
#zm .zm2 .sr .srl .lp3 {
  position: absolute;
  left: -100%;
  width: 90%;
  bottom: -12%;
  left: -82%;
}
#zm .zm2 .sr .srr .rp-t .p1 img {
  width: 81.5%;
}
#zm .zm2 .sr .srr .rp-t .p2 img {
  width: 60%s;
}
#zm .zm2 .sr .srr .rp-b img {
  width: 60%;
}
#swy .sofamsg {
  padding: 7rem 0 3rem;
  background: url(../image/swybg.jpg) no-repeat;
  background-size: cover;
}
#swy .sofamsg .s-right {
  margin-left: 0;
  margin-top: -5%;
  width: 64.5%;
}
#swy .swy1 .sr .srl {
  padding: 9.8% 0 27.7%;
}
#swy .swy1 .sr .srl .lp1 {
  width: 63%;
  left: -35%;
  top: -6%;
}
#swy .swy1 .sr .srl .lp2 {
  position: relative;
  width: 65.5%;
}
#swy .swy1 .sr .srl .lp3 {
  position: absolute;
  left: -100%;
  left: -92%;
  width: 145%;
  bottom: -8%;
}
#swy .swy1 .sr .srr .rp-t .p1 img {
  width: 90.5%;
}
#swy .swy1 .sr .srr .rp-t .p2 img {
  width: 86%;
}
#swy .s3-l {
  background-color: #eee;
}
#swy .s3-l .sl .lp > div:first-child img {
  width: 67.4%;
}
#swy .s3-l .sl .lp > div:last-child img {
  width: 77%;
}
#swy .s3-l .sl .rp .rp3 {
  width: 53.5%;
}
#swy .s3-l .sl .rp .rp1 {
  width: 52.3%;
  top: -27%;
  right: -26%;
}
#swy .s3-l .sl .rp .rp2 {
  width: 57.6%;
  bottom: -6.4%;
  right: -76%;
}
#swy .swy2 {
  background-color: #f5f5f5;
}
#swy .swy2 .sr .srl {
  background-color: #eee;
  padding: 32.65% 0;
}
#swy .swy2 .sr .srl .lp1 {
  width: 51%;
  left: -29%;
  top: -19%;
}
#swy .swy2 .sr .srl .lp2 {
  width: 153%;
  bottom: -9%;
  left: -100%;
}
#swy .swy2 .sr .srr > div:first-child img {
  width: 56%;
}
#swy .swy2 .sr .srr > div:last-child img {
  width: 50%;
}
#at .sofamsg {
  background: url(../image/atbg.png) no-repeat;
  background-size: cover;
}
#at .sofamsg .s-right {
  width: 68%;
  margin-left: 0;
}
#at .at1 .sr .srl {
  padding: 8.5% 0 32, 5%;
}
#at .at1 .sr .srl .lp1 {
  width: 45%;
  left: -23%;
  top: -13%;
}
#at .at1 .sr .srl .lp2 {
  position: relative;
  width: 78.3%;
}
#at .at1 .sr .srl .lp3 {
  position: absolute;
  left: -104%;
  width: 181%;
  bottom: -7%;
}
#at .at1 .sr .tow > div {
  background-color: #f4f4f4;
}
#at .at1 .sr .tow > div:first-child img {
  width: 80%;
}
#at .at1 .sr .tow > div:last-child img {
  width: 90%;
}
#at .s3-l {
  background-color: #eee;
}
#at .s3-l .sl .lp .rp-t > div {
  background-color: #f7f7f7;
}
#at .s3-l .sl .lp .rp-t .p1 img {
  width: 52.5%;
}
#at .s3-l .sl .lp .rp-t .p2 img {
  width: 52%;
}
#at .s3-l .sl .lp .rp-b {
  background-color: #f7f7f7;
}
#at .s3-l .sl .lp .rp-b img {
  width: 69%;
}
#at .s3-l .sl .rp {
  padding: 32.65% 0;
  background-color: #f7f7f7;
}
#at .s3-l .sl .rp .rp1 {
  width: 31.2%;
  right: -19%;
  top: -16%;
}
#at .s3-l .sl .rp .rp2 {
  width: 108.5%;
  right: -66%;
  bottom: -9.4%;
}
#at .at2 {
  background-color: #f5f5f5;
}
#at .at2 .sr .srl {
  padding: 32.65% 0;
  background-color: #eee;
}
#at .at2 .sr .srl .lp1 {
  left: -13%;
  top: -14%;
}
#at .at2 .sr .srl .lp2 {
  width: 118.6%;
  bottom: -9%;
  left: -59%;
}
#at .at2 .sr .srr .rp-t > div {
  background-color: #eee;
}
#at .at2 .sr .srr .rp-t .p2 img {
  width: 88%;
}
#at .at2 .sr .srr .rp-b {
  background-color: #eee;
}
#sr .sofamsg {
  padding: 7rem 0 2.25rem;
  background: url(../image/srbg.jpg) no-repeat;
  background-size: cover;
}
#sr .sofamsg .s-right {
  margin-top: 9%;
  display: flex;
  justify-content: flex-end;
  width: 60%;
}
#sr .s3-r .sr .srl {
  padding: 12.3% 0 38.2%;
}
#sr .s3-r .sr .srl .lp1 {
  width: 66%;
  left: -32%;
  top: -8%;
}
#sr .s3-r .sr .srl .lp2 {
  left: -96%;
  bottom: -1%;
  width: 162.6%;
}
#sr .s3-r .sr .srl .lp3 {
  width: 78%;
}
#sr .s3-r .sr .srr .rp-t .p1 img {
  width: 82.5%;
}
#sr .s3-r .sr .srr .rp-t .p2 img {
  width: 80%;
}
#sr .s3-r .sr .srr .rp-b img {
  width: 84%;
}
#sa .sofamsg {
  background: url(../image/sabg.jpg) no-repeat;
  background-size: cover;
}
#sa .sofamsg .s-right {
  width: 54%;
  margin-top: 12%;
  display: flex;
  justify-content: flex-end;
}
#sa .s3-r .sr .srl {
  padding: 9.4% 0 29.5%;
}
#sa .s3-r .sr .srl .lp1 {
  width: 53%;
  left: -12%;
  top: -21%;
}
#sa .s3-r .sr .srl .lp2 {
  position: static;
  width: 106.6%;
}
#sa .s3-r .sr .srl .lp3 {
  position: absolute;
  left: -80%;
  width: 118%;
  bottom: -6%;
}
#sa .s3-r .sr .srr .rp-t .p1 img {
  width: 78.5%;
}
#sa .s3-r .sr .srr .rp-b img {
  width: 86%;
}
#sa .s3-l {
  background-color: #eee;
}
#sa .s3-l .sl .tow > div {
  background-color: #f4f4f4;
}
#sa .s3-l .sl .tow > div:first-child img {
  width: 85%;
}
#sa .s3-l .sl .tow > div:last-child img {
  width: 60%;
}
#sa .s3-l .sl .rp {
  padding: 17.1% 0 16%;
  background-color: #f4f4f4;
}
#sa .s3-l .sl .rp .rp1 {
  width: 40.3%;
  top: -21%;
  right: -15%;
}
#sa .s3-l .sl .rp .rp2 {
  width: 54.9%;
  bottom: -10%;
  right: -75%;
}
#sa .s3-l .sl .rp .rp3 {
  width: 64.5%;
}
#sa .sa2 {
  background-color: #f5f5f5;
}
#sa .sa2 .sr .srl {
  padding: 32.65% 0;
  background-color: #eee;
}
#sa .sa2 .sr .srl .lp1 {
  width: 26%;
  left: -10%;
  top: -11%;
}
#sa .sa2 .sr .srl .lp2 {
  position: absolute;
  width: 159.6%;
  left: -76%;
  bottom: -14%;
}
#sa .sa2 .sr .srr .rp-t > div {
  background-color: #eee;
}
#sa .sa2 .sr .srr .rp-t .p1 img {
  width: 90.5%;
}
#sa .sa2 .sr .srr .rp-t .p2 img {
  width: 89%;
}
#sa .sa2 .sr .srr .rp-b {
  background-color: #eee;
}
#sa .sa2 .sr .srr .rp-b img {
  width: 57%;
}
#kpl .sofamsg {
  padding: 7rem 0 3.35rem;
  background: url(../image/kplbg.jpg) no-repeat;
  background-size: cover;
}
#kpl .sofamsg .s-right {
  margin-top: 6%;
  margin-right: 2%;
  width: 60.5%;
}
#kpl .s3-r .sr .srl {
  padding: 9.2% 0 21.5%;
}
#kpl .s3-r .sr .srl .lp1 {
  width: 33%;
  left: -20%;
  top: -11%;
}
#kpl .s3-r .sr .srl .lp2 {
  width: 108.6%;
  bottom: -8%;
  left: -91%;
}
#kpl .s3-r .sr .srl .lp3 {
  width: 56%;
}
#kpl .s3-r .sr .srr .rp-t .p2 img {
  width: 71%;
}
#kpl .s3-r .sr .srr .rp-b img {
  width: 48%;
}
#kpl .s3-l {
  background-color: #eee;
}
#kpl .s3-l .sl .lp .rp-t .p1 img {
  width: 80.5%;
}
#kpl .s3-l .sl .lp .rp-t .p2 img {
  width: 48%;
}
#kpl .s3-l .sl .lp .rp-b img {
  width: 75.5%;
}
#kpl .s3-l .sl .rp {
  padding: 5% 0 28.5%;
}
#kpl .s3-l .sl .rp .rp1 {
  position: static;
  width: 47.2%;
}
#kpl .s3-l .sl .rp .rp2 {
  width: 99.6%;
  bottom: -9.4%;
  right: -75%;
}
#kpl .kpl1 {
  background-color: #f5f5f5;
}
#kpl .kpl1 .sr .srl {
  background-color: #eee;
  padding: 10% 0 33.7%;
}
#kpl .kpl1 .sr .srl .lp1 {
  width: 43.5%;
  top: -15%;
  left: -25%;
}
#kpl .kpl1 .sr .srl .lp3 {
  width: 82%;
}
#kpl .kpl1 .sr .srl .lp2 {
  width: 120.7%;
  bottom: -6%;
  left: -96%;
}
#kpl .kpl1 .sr .srr .rp-t > div {
  background-color: #eee;
}
#kpl .kpl1 .sr .srr .rp-t .p1 img {
  width: 87.5%;
}
#kpl .kpl1 .sr .srr .rp-t .p2 img {
  width: 82%;
}
#kpl .kpl1 .sr .srr .rp-b {
  background-color: #eee;
}
#kpl .kpl1 .sr .srr .rp-b img {
  width: 49.2%;
}
#ht .sofamsg {
  padding: 7rem 0 4rem;
  background: url(../image/htbg.jpg) no-repeat;
  background-size: cover;
}
#ht .sofamsg .s-right {
  margin-top: 13%;
  display: flex;
  justify-content: flex-end;
  margin-left: 1%;
  width: 63.5%;
}
#ht .s3-r .sr .srl .lp1 {
  position: static;
  width: 83%;
}
#ht .s3-r .sr .srl .lp2 {
  left: -100%;
  width: 170.6%;
  bottom: -7%;
}
#ht .s3-l {
  background-color: #eee;
}
#ht .s3-l .sl .lp .rp-t > div {
  background-color: #f7f7f7;
}
#ht .s3-l .sl .lp .rp-t .p1 img {
  width: 80.5%;
}
#ht .s3-l .sl .lp .rp-t .p2 img {
  width: 52%;
}
#ht .s3-l .sl .lp .rp-b {
  background-color: #f7f7f7;
}
#ht .s3-l .sl .lp .rp-b img {
  width: 62%;
}
#ht .s3-l .sl .rp {
  padding: 32.65% 0;
  background-color: #f7f7f7;
}
#ht .s3-l .sl .rp .rp1 {
  width: 89.4%;
  top: -18%;
  right: -44%;
}
#ht .s3-l .sl .rp .rp2 {
  width: 158.1%;
  bottom: -6.4%;
  right: -100%;
}
#ht .ht2 .sr .srl {
  padding: 32.65% 0;
}
#ht .ht2 .sr .srl .lp1 {
  position: absolute;
  width: 69%;
  left: -24%;
  top: -10%;
}
#ht .ht2 .sr .srl .lp2 {
  left: -90%;
  width: 174%;
  bottom: -12%;
}
#ht .ht2 .sr .srr .rp-t .p1 img {
  width: 82.5%;
}
#ht .ht2 .sr .srr .rp-t .p2 img {
  width: 66%;
}
#ht .ht2 .sr .srr .rp-b img {
  width: 60%;
}
#md .sofamsg {
  padding: 7rem 0 3rem;
  background: url(../image/mdbg.jpg) no-repeat;
  background-size: cover;
}
#md .sofamsg .s-right {
  width: 64.5%;
  margin-left: 0%;
  margin-top: 12%;
  display: flex;
  justify-content: flex-end;
}
#md .s3-r .sr .srl {
  padding: 9.8% 0 21.1%;
}
#md .s3-r .sr .srl .lp1 {
  width: 55%;
  left: -27%;
  top: -12%;
}
#md .s3-r .sr .srl .lp2 {
  position: static;
  width: 32%;
}
#md .s3-r .sr .srl .lp3 {
  left: -97%;
  width: 174%;
  bottom: -6%;
  position: absolute;
}
#md .s3-r .sr .tow > div {
  background-color: #f4f4f4;
}
#md .s3-r .sr .tow > div:first-child img {
  width: 72.3%;
}
#md .s3-r .sr .tow > div:last-child img {
  width: 82.3%;
}
#md .s3-l {
  background-color: #eee;
}
#md .s3-l .sl .lp > div {
  background-color: #f7f7f7;
}
#md .s3-l .sl .lp > div:first-child img {
  width: 42%;
}
#md .s3-l .sl .lp > div:last-child img {
  width: 49%;
}
#md .s3-l .sl .rp {
  padding: 7% 0 32.1%;
  background-color: #f7f7f7;
}
#md .s3-l .sl .rp .rp1 {
  width: 49.3%;
  top: -23%;
  right: -37%;
}
#md .s3-l .sl .rp .rp2 {
  width: 169.6%;
  bottom: -6.4%;
  right: -96%;
}
#md .s3-l .sl .rp .rp3 {
  width: 80.5%;
}
#md .md2 {
  background-color: #f5f5f5;
}
#md .md2 .sr .srl {
  padding: 32.65% 0;
  background-color: #eee;
}
#md .md2 .sr .srl .lp1 {
  width: 38%;
  left: -18%;
  top: -20%;
}
#md .md2 .sr .srl .lp2 {
  position: absolute;
  width: 152.1%;
  bottom: -6%;
  left: -96%;
}
#md .md2 .sr .srr .rp-t > div {
  background-color: #eee;
}
#md .md2 .sr .srr .rp-t .p1 img {
  width: 63.5%;
}
#md .md2 .sr .srr .rp-t .p2 img {
  width: 60%;
}
#md .md2 .sr .srr .rp-b {
  background-color: #eee;
}
#md .md2 .sr .srr .rp-b img {
  width: 55%;
}