body {
  margin: 0;
}
.map-container {
  position: relative;
}
.map-container img {
  width: 100%;
  height: 100%;
}
.map-container .item {
  position: absolute;
  width: 338px;
  height: 85px;
  background: url('/image/yxn/left.png') no-repeat;
  background-size: 100% 100%;
  font-size: 28px;
  color: #FFFBEF;
  text-align: center;
  line-height: 60px;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
.map-container .item.on {
  opacity: 1;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}
.map-container .item span {
  color: #FFF000;
}
.map-container .item:nth-of-type(1) {
  left: 298px;
  top: 420px;
}
.map-container .item:nth-of-type(2) {
  left: 26px;
  top: 855px;
}
.map-container .item:nth-of-type(3) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 19px;
  top: 1073px;
}
.map-container .item:nth-of-type(4) {
  left: 168px;
  top: 1568px;
}
.map-container .item:nth-of-type(5) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 22px;
  top: 1900px;
}
.map-container .item:nth-of-type(6) {
  left: 5px;
  top: 2130px;
}
.map-container .item:nth-of-type(7) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 14px;
  top: 2336px;
}
.map-container .item:nth-of-type(8) {
  left: 318px;
  top: 2758px;
}
.map-container .item:nth-of-type(9) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 11px;
  top: 2897px;
}
.map-container .item:nth-of-type(10) {
  left: 399px;
  top: 3406px;
}
.map-container .item:nth-of-type(11) {
  left: 396px;
  top: 3847px;
}
.map-container .item:nth-of-type(12) {
  background: url('/image/yxn/right-h.png') no-repeat;
  right: 134px;
  top: 4032px;
}
.map-container .item:nth-of-type(13) {
  left: 12px;
  top: 4219px;
}
.map-container .item:nth-of-type(14) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 7px;
  top: 4397px;
}
.map-container .item:nth-of-type(15) {
  left: 7px;
  top: 4673px;
}
.map-container .item:nth-of-type(16) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 13px;
  top: 5032px;
}
.map-container .item:nth-of-type(17) {
  left: 46px;
  top: 5276px;
}
.map-container .item:nth-of-type(18) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 27px;
  top: 5641px;
}
.map-container .item:nth-of-type(19) {
  background: url('/image/yxn/left-b.png') no-repeat;
  left: 73px;
  top: 6261px;
  line-height: 105px;
}
.map-container .item:nth-of-type(20) {
  background: url('/image/yxn/right.png') no-repeat;
  right: 19px;
  top: 6166px;
}
.map-container .item:nth-of-type(21) {
  background: url('/image/yxn/left-h.png') no-repeat;
  left: 219px;
  top: 6767px;
}
.yxn-map-box {
  height: 1365px;
  background: url('/image/yxn/map-bg.png') no-repeat;
  background-size: 100% 100%;
}
.yxn-map-box .map-container {
  padding: 317px 70px 31px;
  height: 910px;
}
.yxn-map-box .map-container .content {
  border-radius: 20px;
  overflow: auto;
  border: 5px solid #C8152D;
  position: relative;
  height: 910px;
  overflow-x: hidden;
}
.yxn-map-box .map-container .content img {
  height: auto;
}
.yxn-map-box .map-container .item {
  transform: scale(0.8);
}
.yxn-map-box .map-container .item:nth-of-type(1) {
  left: 201px;
  top: 320px;
}
.yxn-map-box .map-container .item:nth-of-type(2) {
  left: -12px;
  top: 670px;
}
.yxn-map-box .map-container .item:nth-of-type(3) {
  right: -30px;
  top: 851px;
}
.yxn-map-box .map-container .item:nth-of-type(4) {
  left: 98px;
  top: 1247px;
}
.yxn-map-box .map-container .item:nth-of-type(5) {
  right: -25px;
  top: 1513px;
}
.yxn-map-box .map-container .item:nth-of-type(6) {
  left: -32px;
  top: 1697px;
}
.yxn-map-box .map-container .item:nth-of-type(7) {
  right: -28px;
  top: 1859px;
}
.yxn-map-box .map-container .item:nth-of-type(8) {
  left: 219px;
  top: 2197px;
}
.yxn-map-box .map-container .item:nth-of-type(9) {
  right: -31px;
  top: 2306px;
}
.yxn-map-box .map-container .item:nth-of-type(10) {
  left: 282px;
  top: 2712px;
}
.yxn-map-box .map-container .item:nth-of-type(11) {
  left: 281px;
  top: 3067px;
}
.yxn-map-box .map-container .item:nth-of-type(12) {
  right: 74px;
  top: 3214px;
}
.yxn-map-box .map-container .item:nth-of-type(13) {
  left: -27px;
  top: 3359px;
}
.yxn-map-box .map-container .item:nth-of-type(14) {
  right: -36px;
  top: 3506px;
}
.yxn-map-box .map-container .item:nth-of-type(15) {
  left: -28px;
  top: 3732px;
}
.yxn-map-box .map-container .item:nth-of-type(16) {
  right: -32px;
  top: 4011px;
}
.yxn-map-box .map-container .item:nth-of-type(17) {
  left: 0px;
  top: 4209px;
}
.yxn-map-box .map-container .item:nth-of-type(18) {
  right: -18px;
  top: 4506px;
}
.yxn-map-box .map-container .item:nth-of-type(19) {
  left: 21px;
  top: 5003px;
  line-height: 105px;
}
.yxn-map-box .map-container .item:nth-of-type(20) {
  right: -27px;
  top: 4925px;
}
.yxn-map-box .map-container .item:nth-of-type(21) {
  left: 143px;
  top: 5404px;
}
.yxn-map-box .btn-option {
  width: 210px;
  height: 59px;
  margin: 0 auto;
  background: url('/image/yxn/look.png') no-repeat;
}
.ht-box {
  height: 100px;
  background: url('/image/yxn/ht-bg.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 22px;
}
.ht-box .swiper-container {
  height: 100%;
  margin: 0 0 0 156px;
}
.ht-box .swiper-slide {
  font-size: 26px;
  color: #FFFFFF;
  line-height: 120px;
}
.ht-box .swiper-slide p {
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl-box {
  height: 88px;
  background: url('/image/yxn/fl-bg.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 22px;
}
.fl-box .swiper-container {
  height: 100%;
  margin: 0 0 0 162px;
}
.fl-box .swiper-slide {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 106px;
}
.fl-box .swiper-slide span {
  color: #FFDC64;
}
.yxn-top {
  position: fixed;
  right: 30px;
  bottom: 250px;
  z-index: 2;
  display: none;
}
.yxn-home-icon {
  position: fixed;
  right: 30px;
  bottom: 100px;
  z-index: 2;
}