/* 使用系统字体以实现跨平台兼容 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;background:black;margin: 0px;
}


video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
	  z-index: -100; 
    }
 
video::-webkit-media-controls {
display:none !important;
}
 
video::-webkit-media-controls-enclosure {
display:none !important;
}
 
video::-webkit-media-controls-panel {
display:none !important;
}
 
video::-webkit-media-text-track-container {
display:none !important;
}



.grid-container_0 {
    max-width: 1920px;
    margin: 0 auto;
	gap: 15px;
    padding: 0px;
	
	background-color: transparent;
	
	position: relative;

      overflow: hidden;
}

.grid-container_1 {
    max-width: 1920px;
    margin: 0 auto;
	gap: 15px;
    padding: 0px;
	background-image: url("../images/101.png");
	background-color: transparent;
}

.grid-container_2 {
    max-width: 1920px;
    margin: 0 auto;
	gap: 15px;
    padding: 0px;
	background-image: url("../images/201.png");
	background-color: transparent;
}

.grid-container_3 {
    max-width: 1920px;
    margin: 0 auto;
	gap: 15px;
    padding: 0px;
	background-image: url("../images/301.png");
	background-color: transparent;
}

.grid-container_4 {
    max-width: 1920px;
    margin: 0 auto;
	gap: 15px;
    padding: 0px;
	background-image: url("../images/401.png");
	background-color: transparent;
}

.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px 100px;
}
.navbar .logo {
	display: flex;
	align-items: center;
}
.navbar .logo img {
	width: 439px;
	height: 93px;
	margin-right: 10px;
}
.navbar .logo h1 {
	color: white;
	margin: 0;
	font-size: 24px;
}
.navbar .nav-links {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
.navbar .nav-links li {
	margin: 0 30px;
}
.navbar .nav-links a {
	color: white;
	text-decoration: none;
	font-size: 28px;
}
.navbar .nav-links a:hover {
	text-decoration: underline;
}

/* 中间居中，最大宽度为 1920px，高度 500px 的 DIV 容器 */
.grid-container {
    max-width: 1920px;
    margin: 0 auto;

    gap: 15px;
    padding: 0px;
    box-sizing: border-box;
	background:black;
}

/* 图片自适应裁剪 */
.grid-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 移动端优先的响应式断点 */
@media (min-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1280px) {
    .grid-container {
        grid-template-columns: repeat(5, 1fr);
    }
}    


.copyright {
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

.copyright span {
    margin: 0 .5em;
}

.copyright a {
    color: #ffffff;
}