@charset "utf-8";

/*header*/
#header{border-bottom:1px solid #f4f4f4;background:rgba(255,255,255,0.5);position:fixed;z-index:999;width:100%;}
#header .header-wrap{width:100%;height:100px;padding:0 20px;display:flex;align-items: center;justify-content: space-between;}
#header .logo h1 a{width:100%;height:100%;display:block;}
#header .logo h1 img{width:200px;}
#header .nav{width:calc(100% - 250px);}
#header .nav > ul{display: flex;justify-content: flex-end;align-items: center;}
#header .nav > ul > li{max-width:180px;width:25%;height:100px;line-height:100px;text-align:center;position: relative;}
#header .nav > ul > li > a{font-size:1.125em;font-weight:500;width:100%;display:block;height:100%;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#header .nav ul.submenu {opacity:0;position: absolute;z-index: 99;top:100px;visibility: hidden;width:100%;background:#f4f4f4;}
#header .nav ul.submenu li{width:100%;height:60px;line-height:60px;}
#header .nav ul.submenu li a{width:100%;display:block;}
#header .nav li:hover ul.submenu {opacity: 1;visibility: visible;}
#header .nav li:hover ul.submenu a:hover {background: #ddd;}
#submenu a {background-color:#000000;}

.main-v{height:calc(100vh - 200px);background:green}
.swiper-container{height:100%;}
.slide-box{display:flex;justify-content:center;align-items:center;font-size:100px;}