@charset "utf-8";
/* CSS Document */
body{background-image: url(../img/bgp.png);background-size: cover;background-repeat: no-repeat;}
.menu {position: fixed;top: 2.4vw;left: 2vw;width: 3.2vw;z-index: 910;}
.menuright {position: fixed;top: 2.4vw;right: 2vw;z-index: 910;}

.history {width: 3vw;height: 3vw;}
  .history a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .history a:hover{background:url(../img/history2.png);background-size:cover;}
    .history a:active{background:url(../img/history2.png);background-size:cover;}
.world {width: 3vw;height: 3vw;}
  .world a:link,a:visited{ display:block;	width:100%;height:100%;background: url(../img/history1.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
    .world a:hover{background:url(../img/history2.png);background-size:cover;}
    .world a:active{background:url(../img/history2.png);background-size:cover;}
.personage {width: 3vw;height: 3vw;}
  .personage 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;}
    .personage a:hover{background:url(../img/personage2.png);background-size:cover;}
    .personage a:active{background:url(../img/personage2.png);background-size:cover;}
#input {width: 7vw;height:1.4vw;float: left;margin-left: 0.4vw;background: url(../img/shurukuang.png);background-position:center;background-size:cover;background-repeat: no-repeat;}
input {width: 6vw;height: 1vw;margin: 0.24vw 0.6vw;font-size: 0.8vw;font-weight:lighter;border: none;outline: none;color:#DADADA;background-color:transparent;padding: 0 0;}

.bodycenter{margin: 2vw auto;width:98vw;}
.topbox1{display:flex;flex-direction: column;width: 100%;align-items: center;margin: 0 0 2vw 0;}
.topbox2{ width: auto;height: auto;display:flex;flex-direction: column;}

.head{width: 100%;display: flex;flex-direction: row;justify-content:center;}
.logo{height: 6vw;width: 30vw;margin-left: 4vw; background-image: url(../img/vic10.png);background-size: contain;background-repeat: no-repeat;}
.time{height: 6vw;width: 30vw; border-style: dashed;}

.headtext{margin: 2vw 0 0 0;}
.headtext p{color:#FFFFFF;}
.map{height: 16vw;width: 28vw; border-style: dashed;}

.lobox{width: 80%;margin: 2vw 10% ; height: auto; overflow-x: scroll;}   .lobox::-webkit-scrollbar {height: 0.3vw;width: 0.3vw; background: hsla(0, 0%, 0%, 0.1);border-radius: 0.1vw;}.lobox::-webkit-scrollbar-thumb {background-color: hsla(0,0%,20%,1);transition: all 0.2s;border-radius: 0.1vw;}
.obox{width: 90vw; height: auto;display: flex;flex-direction:column;align-items: center;margin-bottom: 1vw;}
.sobx{width: auto;height: auto;display: flex;justify-content: space-around;}
.sobxl{width: auto;height: auto;display: flex;flex-direction:column;align-items: center;flex-grow: 1;margin: 0 0.1vw;}
.minobox{width: 4vw;height: 4vw;background-color: hsla(0,0%,50%,0.1);margin: 0.2vw 0 0.2vw 0;}
.xian{width: 90%;height: 2vw;}

.sbody{left: 10vw;}
.shead{width: auto;display: flex;flex-direction: row;margin: 1vw 0;}

.slogo{height: 4vw;width: 4vw;margin-left: 4vw; background-size: cover;background-repeat: no-repeat;}

.sbox{width: 90vw;margin-left: 1vw;}
.sname{margin: 0vw 0;}
.sname h2{color:#FFFFFF;text-indent:0.6em;margin:1vw 0 1.6vw 0;font-size: 1.2vw;}
.stext{width: 100%;margin: 0 0 2vw 0;}
.stext p{color: #FFFFFF;text-indent:1em;}
.personbox{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;margin: 1vw 0;}

.orgbox{width: auto;display: flex;flex-direction: row;justify-content: space-around;margin: 0 0 0 0;overflow-x: scroll;}   .orgbox::-webkit-scrollbar {display: none;}
.sorgbox{height: 12vw;width: auto; min-width: 13vw;margin: 0 0;border:solid thin #222222;flex-grow: 1;}

.spersonbox{height: 9vw; width: 6vw;display: flex;flex-direction: column;align-content: center; margin: 0.5vw 0.5vw;}
.ph{width:100%;height: 6vw;overflow: hidden;display: flex;}
.ph:hover{}
.phh{height: 100%;width: 100%;border-radius:50%;background-size: cover;background-repeat: no-repeat;}
.phh a{height: 6vw;width: 6vw; position:absolute;}
.pt{height: 3vw;width: 100%;display: flex;flex-direction: column;}
h4{font-size: 1vw;color: #FFFFFF;margin:0 0 0.2vw 0;line-height:1vw;text-align: center;}
h5{font-size: 0.5vw;color: #FFFFFF;margin: 0;line-height:0.6vw;text-align: center;font-weight: lighter;}
.area{height: auto;width: auto;border-style: dashed;display: flex;flex-direction: column;margin-left: 1vw;}
.sarea{height: 18vw; width: 24vw;border-style: dashed;}

.vic00{background-image: url(../img/vic00.png);}

#lans{background-image: url(../../personage/img/Lans0.png);}
.headc{background-image: url(../../personage/img/head.png);}

#img2{background-image: url(../../img/bg.jpg);}
@media(min-width:651px) and (max-width:1440px){
body{background-image: url(../../img/0.png;)}
.bodycenter{margin: 6vw auto;width:100%;}
.logo{height: 12vw;width: 60vw;margin-left: 0vw;}
.lobox{width: 80%;margin: 2vw 10% ;}
.obox{width: 180vw;margin-bottom: 1vw;}
.sobxl{flex-grow: 1;margin: 0 0.2vw;}
.minobox{width: 8vw;height: 8vw;margin: 0.4vw 0 0.4vw 0;}
	
.shead{flex-direction:column;align-items: center; margin: 4vw 0;}	
.slogo{height: 8vw;width: 8vw;margin-left: 0vw;}
.sbox{width: 90vw;margin-left: 1vw;}
.sname{margin: 0vw 0;}
.sname h2{text-indent:0em;margin:1vw 0 1vw 0;font-size: 1.8vw;text-align: center;}
.stext{margin: 0 0 2vw 0;}
.stext p{text-align: center;}
.personbox{margin: 2vw 0;justify-content: center;}

.spersonbox{height: 18vw; width: 12vw;display: flex;flex-direction: column;align-content: center; margin: 1vw 1vw;}
.ph{height: 12vw;}
.phh a{height: 12vw;width: 12vw;}
.pt{height: 6vw;}
h4{font-size: 2vw;margin:0 0 0.4vw 0;line-height:2vw;}
h5{font-size: 1vw;line-height:1.2vw;}
}
@media(max-width:650px){
body{background-image: url(../../img/0.png;)}
.bodycenter{margin: 100px auto;width:100%;}
.logo{height: 20vw;width: 20vw;min-height: 120px;min-width: 120px; margin: 0vw;background-image: url(../img/vic01.png)}
.lobox{width: 80%;margin: 2vw 10% ;}
.obox{display: none}

.shead{flex-direction:column;align-items: center; margin: 80px 0;}	
.slogo{height: 40vw;max-height: 80px; width: 40vw;max-width: 80px; margin-left: 0vw;}
.sbox{width: 90vw;margin-left: 1vw;}
.sname{margin: 0vw 0;}
.sname h2{text-indent:0em;margin:1vw 0 1vw 0;font-size: 1.2em;text-align: center;}
.stext{margin: 0 0 2vw 0;}
.stext p{text-align: center;}
.personbox{margin: 2vw 0;justify-content: center;}

.spersonbox{height: 36vw;min-height: 180px; width: 24vw;min-width: 120px; display: flex;flex-direction: column;align-content: center; margin: 1vw 1vw;}
.ph{height: 24vw;min-height: 120px;}
.phh a{height: 24vw;width: 24vw;min-height: 120px;min-width: 120px;}
.pt{height: 12vw;min-height: 60px;}
h4{font-size: 1em;margin:0 0 0.4em 0;line-height:1em;}
h5{font-size: 1em;line-height:1.2em;}
}