.title-bar {
	position: relative;
	width: 100%;
	height: 100px;
	left: 0px;
	background: #044799;
	display: flex;
	justify-content: center;
	align-items: center;
}

.title-bar h1 {
	position: relative;
	font-family: 'Microsoft Uighur';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.main-content {
	padding-top: 50px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
}

.intro-text {
	width: 1198.42px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	font-family: 'Microsoft JhengHei UI';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 200%;
	letter-spacing: 0%;
	color: rgba(51, 51, 51, 1);
	text-align: justify;
	text-indent: 2em;
}

.activity-photos {
	margin-top: 100px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.activity-photos h2 {
	font-family: 'Microsoft Uighur';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #044799;
	margin-bottom: 60px;
}

.photo-container {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}

.photo-container img {
	width: 347.62px;
	height: 208.57px;
	object-fit: cover;
	margin-bottom: 20px;
}

.company-list {
	margin-top: 100px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.company-list h2 {
	font-family: 'Microsoft Uighur';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #044799;
	margin-bottom: 60px;
}

.company-logos {
	width: 1210px;
	position: relative;
	height: 1400px;
	margin: 0 auto;
}

.logo-group-1, .logo-group-2, .logo-group-3, .logo-group-4, .logo-group-5 {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	height: 280px;
}

.logo-group-1 {
	top: 0;
}

.logo-group-2 {
	top: 280px;
}

.logo-group-3 {
	top: 560px;
}

.logo-group-4 {
	top: 840px;
}

.logo-group-5 {
	top: 1120px;
}

.company-logo {
	object-fit: contain;
}

/* 行业资源移动端适配 */
@media screen and (max-width: 768px) {
    .title-bar {
        height: 60px;
    }
    
    .title-bar h1 {
        font-size: 20px;
        letter-spacing: 0.3em;
    }
    
    .main-content {
        padding-top: 30px;
    }
    
    .intro-text {
        width: 90%;
        font-size: 14px;
        line-height: 160%;
        margin-bottom: 10px;
    }
    
    .activity-photos {
        margin-top: 40px;
    }
    
    .activity-photos h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .photo-container {
        width: 90%;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 15px;
    }
    
    .photo-container img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 10px;
    }
    
    .company-list {
        margin-top: 40px;
    }
    
    .company-list h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .company-logos {
        width: 90%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }
    
    .logo-group-1, .logo-group-2, .logo-group-3, .logo-group-4, .logo-group-5 {
        position: static;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        height: auto;
    }
    
    .company-logo {
        height: auto;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 375px) {
    .title-bar h1 {
        font-size: 18px;
        letter-spacing: 0.2em;
    }
    
    .intro-text {
        font-size: 13px;
    }
    
    .activity-photos h2, .company-list h2 {
        font-size: 18px;
    }
    
    .company-logo {
        width: 100%;
    }
}