@charset "utf-8";
/* CSS Document */

body{background-image: url(../../../../../../img/bgp.png);background-size: 100vw;background-repeat: no-repeat;background-color: #262626;}

.top{width: 100%;position: fixed;z-index: 900;top: 3.6vw}
.tophead{right: 20%;position: absolute;}
.tophead h1{font-family:arial;color:#666666;text-align: center;font-size: 1.8vw;margin: 0 0 0 0;}
.tophead h2{font-family:arial;color:#666666;text-align: center;font-size: 1vw;margin: 0.6vw 0 0 0;}
#world {width: 3.6vw;height: 3.6vw;top: 3vw;left: 2vw;margin-bottom: 1.2vw;position: fixed;z-index: 910;}
	#world a:link,a:visited{ display:block;	width:100%;height:100%;background: url(img/world1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    #world a:hover{background:url(img/world2.png);background-size:cover;}
    #world a:active{background:url(img/world2.png);background-size:cover;}
#his2{display: none;}
.history {width: 3.6vw;height: 3.6vw;top: 7.8vw;left: 2vw;background: url(img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;position: fixed;z-index: 910;}
	.history:hover{background: url(img/history2.png);background-size:cover;}

.personage {height: 3.6vw;width: 13.5vw;right: 1.2vw;top: 3vw;position: fixed;z-index: 912;}
#personage1 {width: 3.6vw;height: 3.6vw;float: left;}
  #personage1 a:link,a:visited{ display:block;width:100%;height:100%;background: url(img/personage1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
  #personage1 a:hover{background:url(img/personage2.png);background-size:cover;}
#personage2 {width: 8.1vw;height:1.8vw;float: left;margin-left: 0.4vw;margin-top: 0.8vw;background: url(img/shurukuang.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
input {width: 7.2vw;height: 1.08vw;margin: 0.34vw 0 0 0.6vw;font-size: 1vw;border: none;outline: none;color:#DADADA;background-color:transparent;padding: 0 0;}

.personageul {position: fixed;right: 2.4vw;top: 7vw;width: 8vw;height: 12vw;list-style: none;padding:0;z-index: 910;overflow-x: hidden;overflow-y: scroll;}
.personageul::-webkit-scrollbar {display: none;}
.personageli {width: 100%;height: 4vw;margin: 2px 0px;}
.px {height: 4vw;width: 4vw;position:absolute;z-index: 919;}
	.px a:link,a:visited{ display:block;width:100%;height:100%;background:url(img/0132.png);background-position:center;background-size:cover;background-repeat: no-repeat}
    .px a:hover{background:url(img/px.png);background-size:cover;}
	.px a:active{background:url(img/px.png);background-size:cover;}
#p001 {height: 100%;width: 100%;background: url(img/p001a.png);background-size:cover;z-index: 919;}
#p002 {height: 100%;width: 100%;background: url(img/p002a.png);background-size:cover;z-index: 919;}
#p003 {height: 100%;width: 100%;background: url(img/p003a.png);background-size:cover;z-index: 919;}
#p004 {height: 100%;width: 100%;background: url(img/p003a.png);background-size:cover;z-index: 919;}

.the7th {bottom: 10px;font-size: 12px;left: 0;position: fixed;text-align: center;width: 100%;color: #fff;opacity: 0.4; z-index: 900;}
    .the7th a {color: #fff;cursor: pointer;display: inline-block;text-decoration: none;margin-top: 5px;width: auto;}


@media(max-width:1440px){.menu{width: 7.2vw;}#world{height: 7.2vw;width: 7.2vw;}#history{height: 7.2vw;width: 7.2vw;}#historybox{width: 60vw;height: 80vw;border-radius: 2px;top: 16vw;left: 12vw;}#top1{height: 3vw;width: 3vw;}#top2{height: 2.4vw;width: 21.6vw;}#Div01{height: 4vw;width: 4vw;margin-left: 1.24vw;}#Div02{height: 4vw;width: 4vw;margin-left: 4.16vw;}#Div06{height: 0.8vw;width: 14.4vw;}
	.personageul{height: 24vw;width: 16vw;top:12vw;}.personageli{height: 8vw;}.px{height: 8vw;width: 8vw;}.personage{width: 27vw;height: 7.2vw;}#personage1{height: 7.2vw;width: 7.2vw;}#personage2{height: 3.6vw;width: 16.2vw;margin-left: 0.8vw;margin-top: 1.6vw;}input {width: 14.4vw;height: 2.16vw;margin: 0.68vw 0 0 1.2vw;font-size: 2vw;}}

.storeybox{position: fixed;right: 4%;bottom: 3vw;z-index: 910;}
#storey1{width: 3.6vw;height: 3.6vw;background: url(img/storey1.png);background-size: contain;margin-bottom: 0.6vw;}
#storey2{width: 3.6vw;height: 3.6vw;background: url(img/storey2.png);background-size: contain;margin-bottom: 0.6vw;}
#storey3{width: 3.6vw;height: 3.6vw;background: url(img/storey3.png);background-size: contain;margin-bottom: 0.6vw;}

.storeybox input[type="radio"] {width: 0;height: 0;opacity: 0;margin: 0;}
.storeybox label {position: absolute;width: 3.6vw;height: 3.6vw;border-radius: 50%;background: url(img/0.png);background-size: contain;}
.storeybox input:checked+label {background: url(img/0.png);background-size:contain;}
.storeybox input:checked+label::after {position: absolute;}

.boxleft {width: 26vw;height: 27vw;left: 7vw;top: 8vw;position: fixed;background-color: rgba(22,22,22,0.98);z-index: 850}

.boxlefttop {width: 100%;height: 20%;position:absolute;}
.boxlefttop h1 {font-family:arial;color:#FFFFFF;text-align: center;font-size: 1.1vw;}
.boxlefttop h3 {font-family:arial;color: #FFFFFF;text-align: center;font-size:0.6vw;letter-spacing:0.02vw;font-weight:lighter;}
#head1 {width: 50%;height: 22%;position: absolute;margin: 3.6% 25% 0% 25%;}
#head2 {width: 50%;height: 14%;position: absolute;margin: 9.8% 25% 0% 25%;}

.boxleftbottom {width: 100%;height: 80%;top:20%;position:absolute;	}
.boxbottom1{height: 96%;width: 96%;margin: 0 2%;position: absolute;overflow-y: scroll;}
   .boxbottom1::-webkit-scrollbar {display: none;}
.boxleftbottom h2{font-family: "arial";font-size: 0.7vw;text-align: center;margin-top:12%;color: #FFFFFF;}
.boxleftbottom p{letter-spacing:0.03vw;line-height:0.8vw;font-size: 0.7vw;color: #DADADA;margin-top: 4%;margin-right: 2%;margin-bottom: 0;}

.box1{width: 100%;float: left;}
.boxa{width: 20%;float: left;height: 1.875vw;}
.boxb{width: 60%;float: left;}
.boxc{width: 18%;margin-left: 2%;float: left;display: -webkit-flex; /* Safari */display: flex;justify-content:flex-start;}

.boxbottom1 input[type="radio"] {width: 0;height: 0;opacity: 0;margin: 0;}
.boxbottom1 label {position: absolute;width: 2.2vw;height: 2.2vw;border-radius: 50%;background: url(img/0.png);background-size: contain;}
.boxbottom1 input:checked+label {background: url(img/picon.png);background-size: contain;}
.boxbottom1 input:checked+label::after {position: absolute;}

.boxc-t{width: 2.2vw;height: 2.2vw;float: left;background-image: url(img/texticon.png);background-size: contain;background-repeat: no-repeat;border-radius: 50%;}
#boxson{width: 2.2vw;height: 2.2vw;float: left;background-image: url(img/sicon.png);background-size: contain;background-repeat: no-repeat;border-radius: 50%;}
.boxs{width: 2.2vw;height: 2.2vw;float: left;background-image: url(img/structureicon.png);background-size: contain;background-repeat: no-repeat;border-radius: 50%;}
.boxs a{width: 2.2vw;height: 2.2vw;border-radius: 50%;position: absolute;}
#historybox{display: none;}
.bud-t{width: 22vw;height: 27vw;left: 33.6vw;top:8vw;background-color: rgba(22,22,22,0.98);position: fixed;z-index: 850;display: none;}
.bud-t1{height: 96%;width: 98%;position: absolute;left: 0;top: 2%;left: 1%;}

.bud-text{height: 100%;width: 100%;position: absolute;background-size: contain;background-repeat: no-repeat;background-position: center;overflow-y: scroll;}
   .bud-text::-webkit-scrollbar {display: none;}
.bud-text img{float:right;text-align:center;width: 100%;margin: 2% 0 2% 0;}
.dp{float:right;text-align:center;width: 80%;height: 4vw; margin: 0 10% 4% 10%;overflow-x: scroll; display: -webkit-flex;display: flex;justify-content:center;}.dp::-webkit-scrollbar {display: none;}
.dpm{height: 4vw;float: left; display: -webkit-flex;display: flex;flex-direction:column;align-items:center;margin: 0 1% 0 1%;}
.dpm1{width: 3vw;height: 3vw;display: -webkit-flex;display: flex;}
.dpm1 a{height:3vw;width:3vw;border-radius: 50%;}
.dpm2{height: 1vw;}
#dpm01{background: url(img/head.png);background-size: contain;}
#dpm02{background: url(img/head.png);background-size: contain;}
#dpm03{background: url(img/head.png);background-size: contain;}
.bud-text h2{font-family: "arial";font-size: 0.7vw;text-align: center;margin-top:2%;margin-bottom: 8%; color: #FFFFFF;}
.bud-text p{letter-spacing:0.03vw;line-height:0.8vw;font-size: 0.7vw;color: #DADADA;margin: 2% 10% 2% 10%;}
h5{color:#C0C0C0;font-size: 0.5vw;font-family:"Microsoft YaHei";font-weight:lighter;text-align:center;margin: 0;}

#box800{position: fixed; width: 100vw;height: 56.25vw; background: url(img/storeybg1.png);background-size: cover;}
#box700{position: fixed; width: 100vw;height: 56.25vw; background: url(img/storeybg2.png);background-size: cover;display: none;}
#box600{position: fixed; width: 100vw;height: 56.25vw; background: url(img/storeybg3.png);background-size: cover;display: none;}


#back {
	width: 0vw;
	height: 0vw;
	float: left;
	margin-top: 20%;
	background: url(img/back1.png);
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	display: none;
}
#back:hover{background: url(img/back2.png);
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;	
}

#large-c1{position: fixed;top: 10vw;right: 12vw;z-index: 920;}
.large {
	width: 3.2vw;
	height: 3.2vw;
	background: url(img/back1.png);
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	display: block;
}
.large:hover{background: url(img/back2.png);
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;	
}


@media(max-width:1440px){
}