.clientMap {
 overflow: hidden;
 width: 100%;
 position: relative;
}
.linkmap,.left_float{
 display: none;
}
.box_map {
 width: 100%;
 height: auto;
}
.region_button{
 width: 100%;
}
map area{ outline: none; }
.scrollY {
 position: absolute;
 top: 46%;
 left: 50%;
 transform: translateY(-50%);
}
.coun{
 width: 614px;
 height: 558px;
 background: url(/Sites/Uploaded/UserUpLoad/20210423/20210423180324.png) no-repeat;
 padding: 0 44px;
 box-sizing: border-box;
 display: none;
}
.coun.selected{
 display: block;
}
.city_xl ul>h2{
 width: 100%;
 height: 83px;
 line-height: 88px;
 font-size: 26px;
 text-align: center;
}
.city_xl ul>h2 a{
 color: #fff;
}
.city_xl ul>a {
 display: block;
 width: 526px;
 height: 314px;
 overflow: hidden;
 margin: 0 auto 15px;
}
.city_xl ul>p {
 color: #fff;
 font-size: 16px;
 line-height: 37px;
}
.city_xl ul>p a.details {
 width: 158px;
 height: 37px;
 line-height: 37px;
 display: block;
 margin: 10px auto;
 font-size: 16px;
 color: #fff;
 background: url(/Sites/Uploaded/UserUpLoad/20210423/20210423174827.png) no-repeat;
 text-align: center;
 display: none;
}
.city_xl ul>p a.details img {
 margin-left: 15px;
}
@media screen and (max-width:768px){
 .box_map{
 display: none;
 }
 .scrollY {
 position: static;
 transform: translateY(0);
 background: #0b489e;
 padding: 0 0px 20px;
 }
 .coun {
 width: 100%;
 height: auto;
 background: none;
 display: block;
 padding: 0 20px;
 }
 .city_xl ul>h2 {
 height: 50px;
 line-height: 50px;
 font-size: 18px;
 }
 .city_xl ul>a img{
 width: 100%;
 height: auto;
 }
 .city_xl ul>p {
 font-size: 14px;
 line-height: 32px;
 }
 .city_xl ul>a {
 width: 100%;
 height: auto;
 }
}