@charset "utf-8";	

.class01 {
		width: 99vw;
		height: 56.25vw;
		position:absolute;
		overflow: hidden;}
.class1 {
		width: 99vw;
		height: 56.25vw;
		background-image: url(../img/bg0.jpg);
		background-repeat:no-repeat;
		background-position: center;
		background-size:100%;
		position:absolute;
}
@keyframes l2 {0%{width: 1vw;height: 1vw;}100%{width:4vw;height: 1vw;}}
.D02 {width:1vw;height:1vw;z-index: 8;overflow:hidden;position: absolute;background-size:1vw 1vw;background-repeat: no-repeat;}
.D02:hover{animation:l2 1s ease 0s 1 normal running forwards;}
.D02 h4{color: #DDDDDD;margin: 0.2vw 0 0 1.1vw;font-size: 0.5vw;font-weight: lighter;position: absolute;white-space: nowrap;}

.D03 { display:block;position: absolute; width:0.8vw;height:0.8vw;background-image:url(img/iconcity00.png);background-position:center;background-size:cover;background-repeat: no-repeat;overflow:hidden;z-index: 1;}
.D03:hover{background-image:url(img/iconcityc2.png);}
.D04 { display:block;position: absolute; width:0.8vw;height:0.8vw;background-image:url(img/iconcity01.png);background-position:center;background-size:cover;background-repeat: no-repeat;overflow:hidden;z-index: 1;}
.D04:hover{background-image:url(img/iconcityc1.png);}

.zz {width: 8vw;height: 14.4vw;margin-left: 1.3vw; background-repeat: no-repeat;background-size: cover;border-radius: 0.2vw;}
#z05{background-image: url(img/Z05.png);}
#z04{background-image: url(img/Z04.png);}
#z03{background-image: url(img/Z03.png);}
#z02{background-image: url(img/Z02.png);}
#z01{background-image: url(img/Z01.png);}


#A001{left: 75.3%;top: 48.8%;background-image:url(img/ictiy01.png);}#A001:hover{background-image:url(img/ictiy01x.png);}
#A002{left: 48%;top:60%;background-image:url(img/ictiy02.png);}#A002:hover{background-image:url(img/ictiy02x.png);}
#A003{left: 63.6%;top:70.2%;background-image:url(img/ictiy03.png);}#A003:hover{background-image:url(img/ictiy03x.png);}
#A004{left: 62.2%;top:49%;background-image:url(img/ictiy04.png);}#A004:hover{background-image:url(img/ictiy04x.png);}
#A005{left: 71.8%;top:56%;background-image:url(img/ictiy05.png);}#A005:hover{background-image:url(img/ictiy05x.png);}
#A006{left: 80%;top:60.0%;background-image:url(img/ictiy06.png);}#A006:hover{background-image:url(img/ictiy06x.png);}
#A007{left: 81.5%;top:41.0%;background-image:url(img/ictiy07.png);}#A007:hover{background-image:url(img/ictiy07x.png);}
#A008{left: 81.0%;top:44.0%;background-image:url(img/ictiy08.png);}#A008:hover{background-image:url(img/ictiy08x.png);}
#A009{left: 90.0%;top:55.2%;background-image:url(img/ictiy09.png);}#A009:hover{background-image:url(img/ictiy09x.png);}
#A010{left: 70.0%;top:46.8%;background-image:url(img/ictiy10.png);}#A010:hover{background-image:url(img/ictiy10x.png);}
#A011{left: 80%;top:74.2%;background-image:url(img/ictiy11.png);}#A011:hover{background-image:url(img/ictiy11x.png);}
#A012{left: 64%;top:39%;background-image:url(img/ictiy12.png);}#A012:hover{background-image:url(img/ictiy12x.png);}
#A013{left: 72.4%;top:32%;background-image:url(img/ictiy13.png);}#A013:hover{background-image:url(img/ictiy13x.png);}
#A014{left: 58.4%;top:33.8%;background-image:url(img/ictiy14.png);}#A014:hover{background-image:url(img/ictiy14x.png);}
#A015{left: 56%;top:23.4%;background-image:url(img/ictiy15.png);}#A015:hover{background-image:url(img/ictiy15x.png);}
#A016{left: 46.5%;top:38.8%;background-image:url(img/ictiy16.png);}#A016:hover{background-image:url(img/ictiy16x.png);}
#A017{left: 51.1%;top:41.8%;background-image:url(img/ictiy17.png);}#A017:hover{background-image:url(img/ictiy17x.png);}
#A018{left: 56.1%;top:41.2%;background-image:url(img/ictiy18.png);}#A018:hover{background-image:url(img/ictiy18x.png);}
#A019{left: 63.3%;top:28.8%;background-image:url(img/ictiy19.png);}#A019:hover{background-image:url(img/ictiy19x.png);}
#A020{left: 36.4%;top:31.2%;background-image:url(img/ictiy20.png);}#A020:hover{background-image:url(img/ictiy20x.png);}
#A021{left: 27.4%;top:51%;background-image:url(img/ictiy21.png);}#A021:hover{background-image:url(img/ictiy21x.png);}
#A022{left: 36.5%;top:67.2%;background-image:url(img/ictiy22.png);}#A022:hover{background-image:url(img/ictiy22x.png);}
#A023{left: 37.6%;top:54.6%;background-image:url(img/ictiy23.png);}#A023:hover{background-image:url(img/ictiy23x.png);}
#A024{left: 32.8%;top:60.2%;background-image:url(img/ictiy24.png);}#A024:hover{background-image:url(img/ictiy24x.png);}
#A025{left: 36.4%;top:35.0%;background-image:url(img/ictiy25.png);}#A025:hover{background-image:url(img/ictiy25x.png);}
#A026{left: 15.2%;top:36.4%;background-image:url(img/ictiy26.png);}#A026:hover{background-image:url(img/ictiy26x.png);}
#A027{left: 15.5%;top:25.2%;background-image:url(img/ictiy27.png);}#A027:hover{background-image:url(img/ictiy27x.png);}
#A028{left: 13.9%;top:31.6%;background-image:url(img/ictiy28.png);}#A028:hover{background-image:url(img/ictiy28x.png);}
#A029{left: 31%;top:74.2%;background-image:url(img/ictiy29.png);}#A029:hover{background-image:url(img/ictiy29x.png);}
#A030{left: 38.0%;top:46.7%;background-image:url(img/ictiy30.png);}#A030:hover{background-image:url(img/ictiy30x.png);}
#A031{left: 20.0%;top: 39.4%;background-image:url(img/ictiy31.png);}#A031:hover{background-image:url(img/ictiy31x.png);}
#A032{left: 19.1%;top:55%;background-image:url(img/ictiy32.png);}#A032:hover{background-image:url(img/ictiy32x.png);}
#A033{left: 13.2%;top:65.4%;background-image:url(img/ictiy33.png);}#A033:hover{background-image:url(img/ictiy33x.png);}
#A034{left: 12.0%;top: 45.1%;background-image:url(img/ictiy34.png);}#A034:hover{background-image:url(img/ictiy34x.png);}
#A035{left: 6.9%;top:45.8%;background-image:url(img/ictiy35.png);}#A035:hover{background-image:url(img/ictiy35x.png);}

#B034{left: 10.1%;top: 44.9%;}
#B031{left: 21.4%;top:42%;}
#B004{left: 57.2%;top:50.6%;}
#B026{left: 20.8%;top:35.2%;}



.bgs01{height: 6.6%;width: 7.36%;left: 70.14%;top: 47.86%;}
.bgs02{height: 31%;width: 14.8%;left: 41.36%;top: 50.66%;}
.bgs03{height: 28%;width: 18.72%;left: 52.52%;top: 59.52%;}
.bgs04{height: 18%;width: 16.3%;left: 53.62%;top: 46.1%;}
.bgs05{height: 18%;width: 10.92%;left: 68.26%;top: 53.62%;}
.bgs06{height: 15.2%;width: 9.24%;left: 77.92%;top: 51.82%;}
.bgs07{height: 13.2%;width: 15.14%;left: 80.76%;top: 29.9%;}
.bgs08{height: 18%;width: 12.94%;left: 75.66%;top: 40.28%;}
.bgs09{height: 18%;width: 8.74%;left: 85.22%;top: 50.68%;}
.bgs10{height: 12%;width: 21.12%;left: 57.52%;top: 37.96%;}
.bgs11{height: 18.2%;width: 9.7%;left: 78.9%;top: 69.5%;}
.bgs12{height: 17.4%;width: 11.6%;left: 62%;top: 26.5%;}
.bgs13{height: 25%;width: 18.02%;left: 66.86%;top: 16.18%;}
.bgs14{height: 18%;width: 7.34%;left: 56.24%;top: 27.7%;}
.bgs15{height: 13%;width: 9.52%;left: 49.74%;top: 18.72%;}
.bgs16{height: 17%;width: 10.9%;left: 39.02%;top: 28.66%;}
.bgs17{height: 24.56%;width: 13.58%;left: 43.52%;top: 23.84%;}
.bgs18{height: 20%;width: 12.16%;left: 52.12%;top: 32.2%;}
.bgs19{height: 21.5%;width: 18.9%;left: 49.3%;top: 9.8%;}
.bgs20{height: 24.6%;width: 17.84%;left: 25.82%;top: 12%;}
.bgs21{height: 15.4%;width: 12.28%;left: 22.96%;top: 39.28%;}
.bgs22{height: 10.56%;width: 10.5%;left: 30.98%;top: 60.86%;}
.bgs23{height: 16%;width: 9.78%;left: 33.12%;top: 46.52%;}
.bgs24{height: 18%;width: 12.94%;left: 21.9%;top: 50.6%;}
.bgs25{height: 23.16%;width: 20%;left: 23.24%;top: 18.18%;}
.bgs26{height: 10.6%;width: 11.64%;left: 14.54%;top: 28.38%;}
.bgs27{height: 12.2%;width: 10.76%;left: 13.38%;top: 18.32%;}
.bgs28{height: 12.2%;width: 12.06%;left: 4.72%;top: 23.36%;}
.bgs29{height: 21.5%;width: 7.8%;left:  28.62%;top: 68.4%;}
.bgs30{height: 12.4%;width: 12.1%;left: 34.02%;top: 37.9%;}
.bgs31{height: 18.2%;width: 9.12%;left: 18.01%;top: 34.7%;}
.bgs32{height: 19%;width: 7.86%;left: 15.24%;top: 42.64%;}
.bgs33{height: 6%;width: 4.56%;left: 10.88%;top: 64.8%;}
.bgs34{height: 12%;width: 8.1%;left: 9.44%;top: 38.98%;}
.bgs35{height: 15%;width: 5.22%;left: 3.94%;top: 42.4%;}
#bgs{background-size: contain;background-repeat: no-repeat;position: absolute;display: none;z-index: 5;}

.rebg{background-size: contain;background-repeat: no-repeat;position: absolute;}

#hideboxbg{width: 100%;height: 100%; background-color: hsla(0,0%,0%,0);position: absolute;z-index: 4;display: none;}

.Ds { display:block;position: absolute; width:0.8vw;height:0.8vw;background-position:center;background-size:cover;background-repeat: no-repeat;z-index: 7;}
.Dsc2 { background-image:url(img/iconcityc2.png);}.Dsc2:hover{background-image:url(img/iconcityc2b.png);}
.Dsc1 { background-image:url(img/iconcityc1.png);}.Dsc1:hover{background-image:url(img/iconcityc1b.png);}
.Dsco { background-image:url(img/iconcityco.png);}.Dsco:hover{background-image:url(img/iconcitycob.png);}

#bgss{background-size: contain;background-repeat: no-repeat;position: absolute;display: none;z-index: 5;}
.ssre{background-size: contain;background-repeat: no-repeat;position: absolute;display: none;height: 100%;width: 100%;}
#bgsss{display: none;}
.bgssss{height: 1vw;width: 1vw;position: absolute;display: flex;flex-direction: column;align-items: center;color:#555555;z-index: 6;}
.bgssss h2{margin: 0;font-size: 0.6vw;text-align: center;line-height: 1vw;}.bgssss h3{margin: 0;font-size: 0.5vw;text-align: center;line-height: 1vw;}.bgssss h4{margin: 0;font-size: 0.4vw;color:hsla(0,0%,0%,0.08);white-space:nowrap;}
.bgssi{height: 100%;width: 100%;background-image: url(img/bgsn.png);background-repeat: no-repeat;background-size: contain;display: flex;flex-direction: column;justify-content: center;}
.bgssn{height: 100%;width: auto;color:#888888;display: none;}
.sss{display: none;z-index: 6;}
/*cityhover*/
#bgscc{position: absolute; height: 6vw;width: 6vw;left: 100%;top:100%;margin-left: 2vw; display: none;z-index: 8;}
.bgscn{height: 14%;min-width: 14%;position: absolute;background-color: hsla(0,0%,8%,0.6);border-radius: 0.1vw;}.bgscn h4{font-size: 0.5vw;margin: 0.1vw 0.2vw;color: #CCCCCC;white-space:nowrap;line-height: 0.6vw;}
.cccbox{position:absolute; top: 24%;height: 36%;width: 100%;}
.ccc{width: 36%;height:100%; background-image: url(img/cccc.png);background-color:hsla(0,0%,8%,0.6); }
.cccc{width: 100%;height: 50%;}
.cccn{min-width: 10%;height: 40%; position: absolute;background-color: hsla(0,0%,8%,0.6);border-radius: 0.1vw;}.cccn h4{font-size: 0.5vw;margin: 0.1vw 0.2vw;color: #AAAAAA;white-space:nowrap;line-height: 0.6vw;}
.cccn1{left: 38%;bottom: 0%;}
.cccn2{left: 38%;}
.bgsctbox{position:absolute; top: 70%;display: flex;flex-direction: column;justify-content: center;}
.bgsct{min-height: 0.2vw;background-color: hsla(0,0%,8%,0.6);border-radius: 0.1vw;margin:0 0.2vw 0.2vw 0;}.bgsct p{font-size: 0.48vw;margin:0.1vw 0.2vw;color: #BBBBBB;white-space:nowrap;line-height: 0.8vw;}.bgsct img{margin: 0.1vw;}
.bgsimghead{width: 1.6vw;height: 1.6vw;}/*js*/
.cityphoto{width: 16vw;height: auto;}/*js*/
.Zcards{width: 8vw;height: auto;}/*js*/
/*Landforms*/
.lfi{height: 1.28%;width: 0.72%;position: absolute;background-color: hsla(41,49%,67%,1.00);border-radius: 50%;top: 42%;left: 30%;box-shadow: 0 0 0.02vw 0.1vw hsla(0,0%,0%,0.01);border:0.06vw solid hsla(0,0%,50%,1);}

.lfbox{left: 60%;top:23%;position: absolute;padding: 0.2vw;background-color: hsla(0,0%,0%,0.6);}
.lf{width: 5vw;height: 1vw;background-size: cover;background-repeat: no-repeat;border-radius: 0.1vw;}
.lf2{min-width: 0.2vw;height: 1vw;background-size: cover;background-repeat: no-repeat;border-radius: 0.1vw;}
#lf01{background-image: url(img/lfi01.png);}
#lf02{background-image: url(img/lfi02.png);}

@media(max-width:1440px){.class01{height:100%;width: 100%;position: fixed;overflow:scroll;}.class1{height:168.75vw;width: 297vw;background-size:contain;}
	.zz {width: 24vw;height: 43.2vw;margin-left: 3.9vw; background-repeat: no-repeat;background-size: cover;border-radius: 0.6vw;}
	.D02 { width:3vw;height:3vw;background-size: 3vw 3vw;}.D02 h4{margin: 0.6vw 0 0 3.3vw;font-size: 1.5vw;}.D02:hover{animation:l4 1s ease 0s 1 normal running forwards;}
	.D03{height: 2.4vw;width: 2.4vw;}
	.bgssss{width: 3vw;height: 3vw;}.bgssss h2{font-size: 2.4vw;line-height: 3vw;}.bgssss h3{font-size: 1.5vw;line-height: 3vw;}.bgssss h4{font-size: 1.2vw;line-height: 3vw;}.Ds {width:2.4vw;height:2.4vw;}
	#hideboxbg{width: 298vw;height: 169vw;}
	.Ds{width:2.4vw;height:2.4vw;}
	.bgssss{height: 3vw;width: 3vw;}
	.bgssss h3{font-size: 1.5vw;line-height: 3vw;}
	.bgscn{border-radius: 0.3vw;}.bgscn h4{font-size: 1.5vw;margin: 0.3vw 0.6vw;line-height: 1.8vw;}
	#bgscc{height: 18vw;width: 18vw;margin-left: 6vw;}
	.cccn{border-radius: 0.3vw;}.cccn h4{font-size: 1.5vw;margin: 0.3vw 0.6vw;line-height: 1.8vw;}
	.bgsct{min-height: 0.6vw;border-radius: 0.3vw;margin:0 0.6vw 0.6vw 0;}.bgsct p{font-size: 1.44vw;margin:0.3vw 0.6vw;line-height: 2.4vw;}.bgsct img{margin: 0.3vw;}
	.bgsimghead{width: 4.8vw;height: 4.8vw;}
	.cityphoto{width: 48vw;height: 27vw;}
	.Zcards{width: 24vw;height: auto;}
	.Dsdemo {width:2.4vw;height:2.4vw;}
	.bgssssdemo{height: 3vw;width: 3vw;}
	.bgssssdemo h3{font-size: 1.5vw;line-height: 3vw;}
}
@media(min-width:1440px) and (max-width:2160px){.bgsctext p{line-height: 0.9vw;}}
@keyframes l4 {0%{width: 3vw;height: 3vw;}100%{width:12vw;height: 3vw;}}