body{
    background: url('../../img/all-in-one/bg_fanyong.jpg') repeat-y top center;
    background-size: 100% auto;
}

.boxbg{
    width: 100%;
    background: url('../../img/all-in-one/bg1.jpg') no-repeat top center;
    background-size: 100% auto;
}
.box1{
    width: 100%;
    height: 100vh;
}
.nav{
    width: 100%;
    height: 120px;
}
.limg{
    margin-left: 20px;
}
.guohui{
    width: 3.802vw;
    margin-right: 12px;
}
.gov{
    width: 9.0625vw;
}
.nav ul li{
    margin: 0 5px;
    padding: 0 0.5208vw;
}
.nav ul li:hover{
    background-color: #3256a4;
}
.nav ul li a{
    font-size: calc(10px + .4vw);
    line-height: 30px;
    font-weight: bold;
    color: #166481;
}
.nav ul li:hover a{
    color: #ffffff;
}
.rimg{
    width: 7.916vw;
    margin-right: 30px;
}

.box2 .title{
    width: 47.7%;
    margin: 0 auto 60px;
}

.lunbo{
    width: 100%;
    padding-bottom: 60px;
    position: relative;
}

.lunbo_content{
    width: 66.66%;
    margin: 0 auto 10px;
}

.lunbo_img,.lunbo_word{
    width: 50%;
    overflow: hidden;
    position: relative;
}

.lunbo_img{
    background: url('../../img/all-in-one/photo_bg.png') no-repeat;
    background-size: 100% 100%;
}

.img_show,.img_list img{
    width: 23.4375vw;
    border-radius: 10px;
}

.img_show{
    overflow: hidden;
    margin: 5.729vw 0 1.041vw 3.082vw;
    position: relative;
}

.img_list{
    transition: all 1s;
}

.lunbo_word{
    position: relative;
}

.lunbo_word p{
    position: absolute;
    top: 0;
    left: 0;
    font-size: calc(20px + .4vw);
    line-height: 1.4;
    color: #1f2736;
    display: none;
}

.lunbo_word p:nth-child(6){
    font-size: calc(16px + .4vw);
}

.lunbo_word p span{
    width: 100%;
    height: 22.3958vw;
}

p.word_show{
    display: block;
}

.img_index{
    width: 100%;
    height: 105px;
    padding-top: 50px;
}

.img_index ul li{
    width: 8.33%;
    position: relative;
}

.longline{
    width: 100%;
    height: 5px;
    background-color: #ffffff;
}

.dian{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #152235;
    position: absolute;
    top: -8px;
    right: -10px;
    z-index: 10;
    opacity: 0;
}

.shortline{
    width: 2px;
    height: 20px;
    background-color: #ffffff;
    position: absolute;
    right: -1px;
}
.up .shortline{
    top: -20px;
}

.img_index ul li p{
    width: 150%;
    position: absolute;
    top: 30px;
    right: -75%;
    font-size: calc(13px + .4vw);
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.img_index ul li.up p{
    top: -55px;
}

.longline1{
    width: 8.33%;
    height: 5px;
    background-color: #ffffff;
}

.img_index ul li.index_show .longline{
    background-color: #152235;
}

.img_index ul li.index_show .dian{
    opacity: 1;
}

.img_index ul li.index_show p{
    color: #152235;
}

.btn{
    width: 50px;
    position: absolute;
    top: 20%;
    cursor: pointer;
}

.left{
    left: 10%;
}

.right{
    right: 10%;
}

.box3{
    height: 775px;
    background: url('../../img/all-in-one/bg2.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 60px;
}

.box3-1{
    width: 83.33%;
    margin: 0 auto;
}

.urban{
    width: 53.75%;
}

.urban .title{
    width: 61.86%;
    margin-bottom: 20px;
}

.map{
    width: 100%;
    position: relative;
}

.map svg {
    position: absolute;
    top: 0;
    left: 0;
}

.mapsvg {
    visibility: hidden;
    opacity: 0;
    transform: scale(1.1) translateY(15px);
    transition-property: transform, opacity;
    transition-duration: .3s, .35s;
    pointer-events: none;
    position: absolute;
}

.mapsvg.on {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0px);
}

.mapsvg1 {
    width: 21.9%;
    top: 44%;
    left: 21%;
}

.mapsvg2 {
    width: 15.8%;
    top: 63%;
    left: 21%;
}

.mapsvg3 {
    width: 23.1%;
    top: 74%;
    left: 25%;
}

.mapsvg4 {
    width: 26.9%;
    top: 42%;
    left: 39%;
}

.mapsvg5 {
    width: 42.8%;
    top: 28%;
    left: 54%;
}

.mapsvg6 {
    width: 66.6%;
    top: -4%;
    left: 39%;
}

.mapsvg7 {
    width: 23.5%;
    top: 23%;
    left: 28.5%;
}

.mapsvg8 {
    width: 41%;
    top: 12%;
    left: -2%;
}

.mapsvg9 {
    width: 20.3%;
    top: 43%;
    left: 34%;
}

.mapsvg10 {
    width: 18.5%;
    top: 62%;
    left: 29%;
}

.mapsvgtitle {
    position: absolute;
    bottom: 22%;
    left: 62%;
}

.mapsvgtitle p {
    width: max-content;
    background: #58b8b7;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 20px 40px;
    display: none;
}

.map p{
    position: absolute;
    cursor: pointer;
}

.mapbtn1{
    top: 40%;
    left: 29%;
}

.mapbtn2{
    top: 59%;
    left: 73%;
}

.mapbtn3{
    top: 60%;
    left: 42%;
}

.mapbtn4{
    top: 67%;
    left: 50%;
}

.mapbtn5{
    top: 71%;
    left: 44%;
}

.mapbtn6{
    top: 76%;
    left: 27%;
}

.mapbtn7{
    top: 83%;
    left: 32%;
}

.mapbtn8{
    top: 86%;
    left: 25%;
}


.map p span{
    display: block;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,0);;
    border: 7px solid #3c5e7d;
    border-radius: 50%;
}

.map p:hover span{
    width: 20px;
    height: 20px;
    background: rgba(232,21,86,1);
    border: none;
    box-shadow: 0px 0px 0px 10px rgba(232,21,86,.2);
}

.map p img{
    width: auto;
    height: 58px;
    position: absolute;
    top: -52px;
    display: none;
}

.map p:hover img{
    display: block;
}

.news{
    width: 40%;
}

.news .title{
    width: 100%;
    margin-bottom: 40px;
}

.news .title img{
    width: 28.75%;
}

.news .title span{
    display: block;
    width: 120px;
    height: 40px;
    background: url('../../img/all-in-one/more.png') no-repeat;
    cursor: pointer;
}

.news .title span:hover{
    background: url('../../img/all-in-one/more_hover.png') no-repeat;
}

.lunbo1 {
    --width: 100%;
    width: var(--width);
    height:calc(var(--width) * 9 / 16);
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.lunbo_img1 {
    width: 100%;
    height: -webkit-fill-available;
    position: absolute;
    top: 0;
}

.lunbo_img1 img {
    width: 100%;
    height: 100%;
}

.lunbo_img1 p {
    width: 100%;
    height: 100px;
    padding: 0 20px;
    background: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    bottom: 0;
}

.lunbo_img1 p a {
    height: 100px;  
    padding-right: 18%;
    vertical-align: middle;
    display: table-cell;
    font-size: calc(16px + .4vw);
    line-height: 1.25;
    color: #ffffff;
}

.lunbo1 .img_index1 {
    position: absolute;
    bottom: 46px;
    right: 40px;
}

.lunbo1 .img_index1 ul {
    height: auto;
}

.lunbo1 .img_index1 li {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-right: 4px;
    float: left;
    padding: 0;
}

.lunbo1 .img_index1 li:last-child {
    margin-right: 0;
}

.lunbo1 .img_index1 li:hover,
.lunbo1 .img_index1 li.hover {
    background-color: #3256a4;
}

.lunbo1 .btn1 {
    width: 60px;
    height: 60px;
    background: #000000;
    position: absolute;
    top: 36%;
    opacity: 0.5;
    cursor: pointer;
}

.lunbo1 .btn1:hover{
    opacity: 1;
}

.lunbo1 .left1 {
    left:0;
}

.lunbo1 .right1 {
    right:0;
}

.video{
    position: relative;
}

.videotitle{
    width: 50%;
    position: absolute;
    top: 36%;
    left: 8%;
}

.ullist{
    width: 100%;
    height: 100px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.ullist ul{
    height: 100px;
}

.ullist ul li{
    padding: 15px 20px;
    font-size: calc(10px + .4vw);
    font-weight: bold;
    color: #ffffff;
    background: #7fbad6;
    margin-right: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.ullist ul li:last-child{
    margin-right: 0;
}

.ullist ul li.on{
    background: #58b8b7;
    border: 5px solid rgba(255,255,255,0.5);
}

.now,.then{
    width: 37.5%;
    position: relative;
}

.now{
    margin: 40px 2% 120px 0;
}

.then{
    margin: 80px 0;
}

.nowimg,.thenimg{
    width: 86%;
    position: absolute;
    top: 29%;
    left: 19%;
}

.nowimg img,.thenimg img{
    border-radius: 10px;
    display: none;
}

.nowimg img.imgshow,.thenimg img.imgshow{
    display: block;
}


.fuhao{
    width: 100px;
}

.fuhao img{
    width: auto;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.box5{
    width: 100%;
    padding: 120px 0 100px;
    background: url('../../img/all-in-one/bg3.jpg') no-repeat;
    background-size: 100% 100%;
}

.box5 .title{
    width: 38.38%;
    margin: 0 auto 90px;
}

.lunbo2{
    width: 100%;
    height: 500px;
    position: relative;
}

.lunbo_show2{
    width: 83%;
    height: 500px;
    margin: 0 auto;
    position:relative;
    overflow: hidden;
}

.lunbo_content2{
    width: 150%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
}

.lunbo_img2{
    width: 23%;
    height: 500px;
    margin: 0 1%;
    background: #ffffff;
    border: 10px;
    cursor: pointer;
}

.lunbo_img2 p{
    padding: 20px 20px 13px;
    font-size: calc(16px + .4vw);
    font-weight: bold;
    line-height: 1.3;
    color: #112cb2;
}

.lunbo_img2 span{
    display: block;
    padding: 0 20px;
    font-size: calc(10px + .4vw);
    line-height: 1.3;
    color: #152235;
}

.lunbo_img2 span em{
    font-style: normal;
    color: #1d79ff;
}

.btn2{
    width: 50px;
    position: absolute;
    top: 36%;
    cursor: pointer;
    opacity: 1;
}

.btn2:hover{
    opacity: 0.8;
}

.left2{
    left: 4%;
}

.right2{
    right: 4%;
}

.box6{
    width: 100%;
    padding: 5.208vw 0 13vw;
}

.ellipse{
    width: 66.875vw;
    height: 20vw;
    margin: 0 auto;
    position: relative;
    display: flex;
}

.circular{
    width: 20.833vw;
    height: 20.833vw;
    border: 1px solid #ffffff;
    border-radius: 50%;
    position:absolute;
    transform: scale(0);
    transition: all 1s;
}

.circular1{
    transform: scale(1);
    top: -0.4165vw;
    left: -10.4165vw;
}

.circular2{
    bottom: -10.4165vw;
    left: 10.8vw;
}

.circular3{
    bottom: -10.4165vw;
    right: 10.8vw;
}

.circular4{
    top: -0.4165vw;
    right: -10.4165vw;
}

.circularimg{
    display: flex;
    width: 9.375vw;
    position: absolute;
    cursor: pointer;
}

.circularimg1{
    top: 50%;
    left: -4.6875vw;
    margin-top: -4.6875vw;
}

.circularimg2{
    bottom: -4.6875vw;
    left: 16.6041vw;
}

.circularimg3{
    bottom: -4.6875vw;
    right: 16.6041vw;
}

.circularimg4{
    top: 50%;
    margin-top: -4.6875vw;
    right: -4.96875vw;
}

.mincircular{
    position: absolute;
    border-radius: 25px;
    background: #ffffff;
    cursor: pointer;
    z-index: 99;
}

.circular1 .mincircular1{
    top: -1.302vw;
    left: 50%;
    margin-left: -1.302vw;
}

.circular1 .mincircular2{
    top: 1.302vw;
    left: 2.291vw;
}

.circular1 .mincircular3{
    top: 6.666vw;
    left: -0.9895vw;
}

.circular1 .mincircular4{
    top: 13.59375vw;
    left: -0.3125vw;
    z-index: 100;
}

.circular1 .mincircular5{
    bottom: -0.2604vw;
    left: 4.1666vw;
}

.circular1 .mincircular6{
    bottom: -0.46875vw;
    left: 12.65625vw;
}

.circular1 .mincircular7{
    bottom: 4.1145vw;
    left: 18.28125vw;
}

.circular1 .mincircular8{
    top: 7.2916vw;
    left: 19.3229vw;
}

.circular1 .mincircular9{
    top: 1.3541vw;
    left: 15.9375vw;
}

.circular2 .mincircular1,.circular3 .mincircular1{
    top: -1.302vw;
    left: 50%;
    margin-left: -1.302vw;
}

.circular2 .mincircular2,.circular3 .mincircular2{
    top: 9.1145vw;
    left: -1.302vw;
}

.circular2 .mincircular3,.circular3 .mincircular3{
    bottom: -1.302vw;
    left: 50%;
    margin-left: -1.302vw;
}

.circular2 .mincircular4,.circular3 .mincircular4{
    top: 9.1145vw;
    left: 19.531vw;
}

.circular4 .mincircular1{
    top: -1.302vw;
    left: 50%;
    margin-left: -1.302vw;
}

.circular4 .mincircular2{
    top: 2.2395vw;
    left: 1.1458vw;
}

.circular4 .mincircular3{
    top: 9.1145vw;
    left: -1.302vw;
}

.circular4 .mincircular4{
    top: 16.5625vw;
    left: 1.1458vw;
}

.circular4 .mincircular5{
    bottom: -1.302vw;
    left: 50%;
    margin-left: -1.302vw;
}

.circular4 .mincircular6{
    top: 16.5625vw;
    left: 16.25vw;
}

.circular4 .mincircular7{
    top: 9.1145vw;
    left: 19.531vw;
}

.circular4 .mincircular8{
    top: 2.2395vw;
    left: 16.25vw;
}

.mincircular span{
    padding: 0 1.25vw 0 0.5208vw;
    font-size: calc(10px + .4vw);
    color: #152235;
    display: none;
    transition: all 0.5s;
    white-space: nowrap;
}

.mincircular:hover span{
    display: inline-block;
}

.box7{
    width: 100%;
    padding-bottom: 100px;
}

.box7 .title{
    width: 33.33%;
    margin-right: 80px;
}

.railway,.ports{
    width: 25%;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.railway{
    margin-right: 80px;
}

.railway p,.ports p{
    width: 100%;
    height: 80px;
    font-size: calc(22px + .4vw);
    line-height: 80px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.railway p{
    background: #525251;
}

.ports p{
    background: #007ba2;
}

.box8{
    width: 100%;
    height: 140px;
    background: #152235;
}

.box8 ul li{
    height: 30px;
    padding: 0 2.604vw;
    border-right: 2px solid #ffffff;
}

.box8 ul li:last-child{
    border-right: unset;
}

.box8 ul li a{
    font-size: calc(10px + .4vw);
    line-height: 30px;
    font-weight: bold;
    color: #ffffff;
}

.footer{
    background: #2db5c4;
}

.mubu{
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    overflow-y: scroll;
}

.mubu::-webkit-scrollbar{
    display: none;
}

.close{
    width: 80px;
    height: 100px;
    background: url('../../img/all-in-one/close.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 34%;
    left: 8.335%;
    z-index: 999999;
    cursor: pointer;
}

.close:hover{
    background: url('../../img/all-in-one/close_hover.png') no-repeat;
    background-size: 100% 100%;
}

.mapcontent{
    width: 83.33%;
    margin: 80px auto 160px;
    background: #a5deec;
    display: none;
}

.contenttop{
    padding: 0 0 20px 10%;
    background: rgba(77,165,186,0.5);
    background-blend-mode: luminosity;
    backdrop-filter: blur(6px);
}

.contenttop span{
    display: block;
    margin: 20px 0;
    font-size: calc(10px + .4vw);
    color: #ffffff;
}

.contenttop span em{
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color:#a5deec;
}

.contenttop p{
    font-size: calc(64px + .4vw);
    font-weight: bold;
    color: #ffffff;
}

.contentword{
    width: 100%;
    padding: 60px 10.625%;
    background: #a5deec;
}

.contentword p{
    font-size: calc(23px + .4vw);
    line-height: 1.5;
    color: #152235;
    margin-bottom: 40px;
}

.contentword img{
    width: auto;
    display: block;
    margin: 0 auto 60px;
}

.list{
    width: 50%;
    position: relative;
    cursor: pointer;
}

.list p{
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: calc(30px + .4vw);
    line-height: 80px;
    color: #ffffff;
    padding: 0 20px;
    z-index: 999999;
}

.contentlist .list:first-child p{
    background: rgba(57,171,175,0.9);
}

.contentlist .list:last-child p{
    text-align: right;
    background: rgba(64,137,205,0.9);
}

.mapcontent1{
    background: url('../../img/all-in-one/city/Tianbeivillage.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent2{
    background: url('../../img/all-in-one/city/Hubeivillage.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent3{
    background: url('../../img/all-in-one/city/AoxiaVillage.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent4{
    background: url('../../img/all-in-one/city/HuangbeilingVillage.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent5{
    background: url('../../img/all-in-one/city/XiangxiVillage.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent6{
    background: url('../../img/all-in-one/city/Caiwuwei.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent7{
    background: url('../../img/all-in-one/city/ShenzhenXu.jpg') no-repeat;
    background-size: 100% 100%;
}

.mapcontent8{
    background: url('../../img/all-in-one/city/Yuminvillage.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent9{
    background: url('../../img/all-in-one/cbd/RenminSouthCBD2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent10{
    background: url('../../img/all-in-one/cbd/CaiwuweiCBD2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent11{
    background: url('../../img/all-in-one/cbd/DongmenCBD2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent12{
    background: url('../../img/all-in-one/cbd/ShuibeiJewelryZone2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent13{
    background: url('../../img/all-in-one/cbd/HALOPlace2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent14{
    background: url('../../img/all-in-one/cbd/HonglingInnovativeFinancialIndustrialBelt2.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent15{
    background: url('../../img/all-in-one/Artspaces/LuohuLibrary.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent16{
    background: url('../../img/all-in-one/Artspaces/Ulibraries.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent17{
    background: url('../../img/all-in-one/Artspaces/LuohuArtMuseum.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent18{
    background: url('../../img/all-in-one/Artspaces/HuifengMuseumofAncientPottery.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent19{
    background: url('../../img/all-in-one/Artspaces/ShenzhenCurioWorld.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent20{
    background: url('../../img/all-in-one/Artspaces/ShenzhenGrandTheater.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent21{
    background: url('../../img/all-in-one/Artspaces/ShenzhenNationalCartoonandAnimationIndustryBase.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent22{
    background: url('../../img/all-in-one/Artspaces/ArtDesignCenter.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent23{
    background: url('../../img/all-in-one/Artspaces/LuohuGymnasium.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent24{
    background: url('../../img/all-in-one/TastyLuohu/DongmenFoodStreet.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent25{
    background: url('../../img/all-in-one/TastyLuohu/LeyuanRoad-SeafoodStreet.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent26{
    background: url('../../img/all-in-one/TastyLuohu/FenghuangRoad-FoodStreet.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent27{
    background: url('../../img/all-in-one/TastyLuohu/HaloPlazaBarStreet.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent28{
    background: url('../../img/all-in-one/Traditionalcrafts/TheTianspapercuts.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent29{
    background: url('../../img/all-in-one/Traditionalcrafts/Snuffbottles.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent30{
    background: url('../../img/all-in-one/Traditionalcrafts/Bone-setting.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent31{
    background: url('../../img/all-in-one/Traditionalcrafts/TheYaosWingChun.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent32{
    background: url('../../img/all-in-one/LuohuScenery/WutongMountain.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent33{
    background: url('../../img/all-in-one/LuohuScenery/WutongGreenway.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent34{
    background: url('../../img/all-in-one/LuohuScenery/TaojinshanGreenway.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent35{
    background: url('../../img/all-in-one/LuohuScenery/ShenzhenRiver.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent36{
    background: url('../../img/all-in-one/LuohuScenery/FairyLakeBotanicalGarden.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent37{
    background: url('../../img/all-in-one/LuohuScenery/HonghuPark.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent38{
    background: url('../../img/all-in-one/LuohuScenery/DonghuPark.jpg') no-repeat;
    background-size: 100% 100%;
}
.mapcontent39{
    background: url('../../img/all-in-one/LuohuScenery/XiangsilinPark.jpg') no-repeat;
    background-size: 100% 100%;
}

.xingxitu1,.xingxitu2{
    width: 46.875%;
    margin: 80px auto;
    position: relative;
}

.close1{
    width: 80px;
    height: 100px;
    background: url('../../img/all-in-one/close.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 275px;
    right: -80px;
    z-index: 999999;
    cursor: pointer;
}

.close1:hover{
    background: url('../../img/all-in-one/close_hover.png') no-repeat;
    background-size: 100% 100%;
}

.ship1{
    width: 80px;
    height: 100px;
    background: url('../../img/all-in-one/port.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 381px;
    right: -80px;
    z-index: 999999;
    cursor: pointer;
}

.ship1:hover{
    background: url('../../img/all-in-one/port_hover.png') no-repeat;
    background-size: 100% 100%;
}

.train1{
    width: 80px;
    height: 100px;
    background: url('../../img/all-in-one/train.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 381px;
    right: -80px;
    z-index: 999999;
    cursor: pointer;
}

.train1:hover{
    background: url('../../img/all-in-one/train_hover.png') no-repeat;
    background-size: 100% 100%;
}