header ul li.languagecss span{
    color: #1C1F23 !important;
}

.ywdt .mySwiperywdt{
    width: calc(100% - 5.2rem) !important;
}
@keyframes zoomIn {

    from {


        transform: scale(0.5);


    }


    to {


        transform: scale(1);


    }
}


.ysxs img {


    animation: zoomIn 10s forwards;


}

.mySwiperywdt .boxs {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;

}

.gsyjslide div{
    margin: 0px !important;
}
.mySwiperywdt .mapcss .yuan {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px !important;
    width: 0.06rem;
    height: 0.06rem;
    transform: translate(-50%,-50%);
}
.mySwiperywdt .mapcss .yuan1{
	background-color: #004a86;
}	
.mySwiperywdt .mapcss .yuan2{
	background-color: #049d45;
}
.mySwiperywdt .mapcss .yuan3{
	background-color: #f37114;
}
.mySwiperywdt .mapcss .yuan4{
	background-color: #004a86;
}	
.mySwiperywdt .mapcss:hover .yuan1 {
    background:none;
    background-image: url(../images/Group88.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.21rem 0.26rem;
    width: 0.21rem;
    height: 0.26rem;

}
.mySwiperywdt .mapcss:hover .yuan2 {
    background:none;
    background-image: url(../images/Group90.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.21rem 0.26rem;
    width: 0.21rem;
    height: 0.26rem;
}
.mySwiperywdt .mapcss:hover .yuan3 {
    background:none;
    background-image: url(../images/Group89.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.21rem 0.26rem;
    width: 0.21rem;
    height: 0.26rem;
}
.mySwiperywdt .mapcss:hover .yuan4 {
    background:none;
    background-image: url(../images/Group88.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.21rem 0.26rem;
    width: 0.21rem;
    height: 0.26rem;
}
.mySwiperywdt .mapcss .yuan img {
    width: 100%;
}

.mySwiperywdt .mapcss .txt {
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
    position: absolute;
    width: 3.45rem;

    padding-bottom: 0.15rem;

    bottom: 110%;
    background-color: rgba(255, 255, 255, 1);
    left: 50%;

    transform: translateX(-50%);
z-index: 9999;
    border-radius: 6px;
    border: 1px solid #fff;
    box-shadow: 0 1px 4px 0 #004a8629;

}

.mySwiperywdt .boxs.boxs1 .txt{
    background: linear-gradient(112deg, #F5FAFF 7.02%, #FFF 57.1%);
} 
.mySwiperywdt .boxs.boxs4 .txt{
    background: linear-gradient(112deg, #F5FAFF 7.02%, #FFF 57.1%);
}
.mySwiperywdt .boxs.boxs2 .txt{
    background: linear-gradient(112deg, #F5FFF5 7.02%, #FFF 57.1%);
} 
.mySwiperywdt .boxs.boxs3 .txt{
    background: linear-gradient(112deg, #FFEAE3 7.02%, #FFF 57.1%);
}   

.mySwiperywdt .mapcss .txt.show {
    opacity: 1;
    pointer-events: auto;

}
.mySwiperywdt .mapcss .gsyjslide.show {
    opacity: 1;
    pointer-events: auto;

}

.mapcss {
    position: absolute;
}

.mapcss div {
   
}

.mapcss .maptitle {
    color: #1C1F23;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    font-family: "AlibabaMedium";
    margin-top: 0.27rem!important;
    margin-bottom: 0.27rem!important;
    margin-left: 0.19rem !important;
    margin-right: 0.19rem !important;
}

.mapcss .mapcontent {
    color: #000000;
    font-size: 0.12rem;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    font-family: "AlibabaThin";
    margin-left: 0.19rem !important;
    margin-right: 0.19rem !important;

}

.mapcss .mapcontent span {
    color: #000000;
    font-size: 0.12rem;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    font-family: "AlibabaThin";
    display: block;
}

.mapcss .mapimg {

    margin: 0 0.24rem !important;
    margin-top: 0.15rem !important;
}

.mySwiperywdt .boxs {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;

}

.mySwiperywdt .box .yuan {
    position: relative;
    width: 0.21rem;
    height: 0.21rem;
    border-radius: 50%;
    cursor: pointer;
}

.mySwiperywdt .box .yuan img {
    width: 100%;
}


@keyframes boderM1 {
    0% {
        width: 0.15rem;
        height: 0.15rem;
        opacity: 0
    }

    20% {
        opacity: 0.3
    }

    75% {
        width: 0.40rem;
        height: 0.40rem;
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

@keyframes boderM2 {
    0% {
        width: 0.15rem;
        height: 0.15rem;
        opacity: 0
    }

    20% {
        opacity: 0.26
    }

    75% {
        width: 0.40rem;
        height: 0.40rem;
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

.mySwiperywdt .boxs .yuan:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    animation: boderM1 1.5s infinite;
}

.mySwiperywdt .boxs .yuan::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    animation: boderM2 1.5s infinite;
}

.mySwiperywdt .boxs .yuan1:after {
    background-color: rgba(170, 217, 255, 1);
}
.mySwiperywdt .boxs .yuan1::before {
    background-color: rgba(170, 217, 255, 1);
}
.mySwiperywdt .boxs .yuan2:after {
    background-color: rgba(122, 255, 110, 1);
}
.mySwiperywdt .boxs .yuan2::before {
    background-color: rgba(122, 255, 110, 1);
}
.mySwiperywdt .boxs .yuan3:after {
    background-color: rgba(255, 183, 110, 1);
}
.mySwiperywdt .boxs .yuan3::before {
    background-color: rgba(255, 183, 110, 1);
}
.mySwiperywdt .boxs .yuan4:after {
    background-color: rgba(0, 74, 134, 1);
}
.mySwiperywdt .boxs .yuan4::before {
    background-color: rgba(0, 74, 134, 1);
}
.mySwiperywdt .maptip{
    position: absolute;
    right: 0.6rem;
    top: 3rem;
    border:  1px dashed #d0d0d0;
    color: #004a86;
    font-size: 0.16rem;
    font-family: "AlibabaRegular";
    padding: 0.15rem;
    opacity: 1;
    animation: hide 1s forwards;
    animation-delay: 4s;
}
  
  @keyframes hide {
    from { opacity: 1; }
    to { opacity: 0; }
  }
.gsyjslide{
    width: 3.45rem;;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
z-index: 9999;
}
.gsyjslide .swiper-wrapper {
   
}

 
.gsyjslide  .swiper-button-next,
.gsyjslide  .swiper-button-prev {

    height: 0.4rem;
    width: 0.4rem;
    background-repeat: no-repeat;
    background-size: 100%;

}

.gsyjslide .swiper-button-next::after,
.gsyjslide .swiper-button-prev::after {
    display: none;
}

.gsyjslide  .swiper-button-prev {

    background-image: url('../images/Group471.png');
    background-size: 0.4rem 0.4rem;
    left: 5px;
}

.gsyjslide  .swiper-button-next {

    background-image: url('../images/Group472.png');
    background-size: 0.4rem 0.4rem;
    right: 5px;

}
.mySwiperfaguo .swiper-button-prev,
.mySwiperfaguo .swiper-button-next{
    top: 1.5rem;
}
.map1 {
    top: 6.25rem;
    left:7.71rem;

}

.map2 {
    top: 6.25rem;
    left: 8.05rem;
  
}

.map3 {
    top: 5.5rem;
    left: 8.85rem;
    
}

.map4 {
    top: 3.05rem;
    left: 8.9rem;
}
.map4 .txt{
    bottom: auto !important
}

.map5 {
    top: 5rem;
    left: 9.05rem;
   
}

.map6 {
    top: 3.35rem;
    left: 8.75rem;
    
}
.map6 .txt{
    bottom: auto !important
}
.map7 {
    top: 3.45rem;
    left: 9rem;

}
.map7 .txt{
    bottom: auto !important
}
.map8 {
    top: 6.16rem;
    left: 8.3rem;
    
}

.map9 {
    top: 6.05rem;
    left: 8.1rem;
    display: nones;
    
}

.mySwipertaiping{
   
    bottom: 110%;
}
.mySwipertaiping .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwipertaiping .swiper-button-prev,
.mySwipertaiping .swiper-button-next{
    top: 5.5rem;
}

.mySwiperlufeng{
   
    bottom: 110%;
}
.mySwiperlufeng .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperlufeng .swiper-button-prev,
.mySwiperlufeng .swiper-button-next{
    top: 5.5rem;
}

.mySwiperfangchengang{
   
    bottom: 110%;
}
.mySwiperfangchengang .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperfangchengang .swiper-button-prev,
.mySwiperfangchengang .swiper-button-next{
    top: 5.5rem;
}

.mySwiperningde{
   
    bottom: 110%;
}
.mySwiperningde .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperningde .swiper-button-prev,
.mySwiperningde .swiper-button-next{
    top: 5.5rem;
}

.map10 {
    top: 6.45rem;
    left: 7rem;
   
}
.map11 {
    top: 6.4rem;
    left: 7.6rem;
    
}

.map221 {
    top: 1.15rem;
    left: 2.4rem;
}
.map221 .txt{
    bottom: auto !important
}
.map222 {
    top: 1.05rem;
    left: 3.4rem;
}
.map222 .txt{
    bottom: auto !important
}
.map223 {
    top: 1.73rem;
    left: 2.26rem;
}
.map223 .txt{
    bottom: auto !important
}
.map224 {
    top: 5.2rem;
    left: 2.25rem;
}

.mySwiperfaguo .txt{
    opacity: 1 !important;
}
.map225 {
    top: 1.2rem;
    left: 2.6rem;
}

.map231 {
    top: 3.4rem;
    left: 5.15rem;
}
.map231 .txt {
    bottom: auto !important;
}
.map232 {
    top: 4.13rem;
    left: 8.6rem;
}

.map233 {
    top: 4.6rem;
    left: 9.35rem;
}
.mySwiperchengsi{
   
    bottom: 110%;
}
.mySwiperchengsi .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperchengsi .swiper-button-prev,
.mySwiperchengsi .swiper-button-next{
    top: 5.5rem;
}
.map234 {
    top: 1.4rem;
    left: 6.8rem;
}

.map235 {
    top: 5.05rem;
    left: 9.05rem;
}

.map236 {
    top: 5.3rem;
    left: 8.95rem;
    display: none;
}

.map237 {
    top: 6.25rem;
    left: 8.4rem;
}

.map238 {
    top: 6.5rem;
    left: 7.5rem;
}
.mySwiperyangjiang{
    bottom: 110%;
}
.mySwiperyangjiang .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperyangjiang .swiper-button-prev,
.mySwiperyangjiang .swiper-button-next{
    top: 5.5rem;
}
.map239 {
    top: 3.4rem;
    left: 6.5rem;
}

.map2310 {
    top: 6.2rem;
    left:8.15rem;
}

.map2311 {
    top: 6.1rem;
    left: 8.25rem;
}
.mySwipershanwei{
   
    bottom: 110%;
}
.mySwipershanwei .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwipershanwei .swiper-button-prev,
.mySwipershanwei .swiper-button-next{
    top: 5.5rem;
}
.map241 {
    top: 3.1rem;
    left: 8.9rem;
}

.map241 .txt{
    bottom: auto !important
}

.map242 {
    top: 6.05rem;
    left: 6.8rem;
}

.map243 {
    top: 6.5rem;
    left: 7.52rem;
}

.map244 {
    top: 6rem;
    left: 7.7rem;
}
.mySwiperdayawan{
   
    bottom: 110%;
}
.mySwiperdayawan .txt{
    opacity: 1 !important;
    bottom: 0!important;
   
}
.mySwiperdayawan .swiper-button-prev,
.mySwiperdayawan .swiper-button-next{
    top: 5.5rem;
}
.map245 {
    top: 6.1rem;
    left: 7.6rem;
}

.map246 {
    top: 5.5rem;
    left: 8.85rem;
}