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

.flex{
	display: flex;align-items: center;justify-content: center;
}
.imgwh{width:79.5vw;height:79.5vw;}

.wh100{height:100vh;width:100vw;}
.top{height:25.1vh;}
.mid{height:60.68vh;}
.bottom{height:14.22vh;}

.w100{width:100%;}
.w45{width:45%;}
.m5{margin-right:5%;}
.xt{font-size:10px;}

.home{background:url(../img/1.jpg);background-size:100% 100%;}
.homebtn{height:9.32vh;}
.logo{height:10.26vh;margin-top:4.17vh;}
.title{height:7.4vh;margin-top:3.333vh;max-width:92%;}

.photo{background:url(../img/bg.jpg);background-size:100% 100%;}
.circle{width:76vw;height:76vw;background:url(../img/line.png) top left no-repeat;background-size:100% 100%;position:relative;}
.ab{position:absolute;}
.fw{width:23vw;height:23vw;}
#f1{top:1vw;left:27vw;}
#f2{top:19.8vw;left:0vw;}
#f3{top:19.8vw;right:0vw;}
#f4{top:28.8vw;left:26.4vw;}
#f5{top:52.6vw;left:10vw;}
#f6{top:52.6vw;right:10vw;}
.photobtn{height:9.32vh;}

.kzcg{background:url(../img/kzcg.png);background-size:cover;}

.m-auto{margin:0 auto;}
.hidden{visibility: hidden}
.kztxt{color:#fff;font-size:30px;font-weight:bold;text-align:center;background:url(../img/kzbg.png);background-size:cover;}
.kztxt img{width:84%;}
.zp{background:url(../img/cj-bg.png);background-size:cover;}
.zz{position:absolute;}
.zz img{width:30%;}
.txt{padding:5vh;font-size:18px;}

.closebtn{position:absolute;right:8.5vh;margin-top:-30vh;}

@media (max-height: 672px) {
.closebtn{position:absolute;right:9.5vh;margin-top:-37vh;}
}