.cooperation-header {
padding: 120px 20px 80px;
background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);
text-align: center;
position: relative;
overflow: hidden;
}
.cooperation-header::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(22, 33, 62, 0.8) 0%, transparent 50%);
pointer-events: none;
}
.cooperation-header h1 {
font-size: clamp(2em, 5vw, 3em);
color: #fff;
margin-bottom: 20px;
font-weight: 700;
position: relative;
z-index: 1;
}
.cooperation-header p {
color: rgba(255,255,255,0.6);
font-size: 1.1em;
max-width: 600px;
margin: 0 auto;
line-height: 1.8;
position: relative;
z-index: 1;
}
.cooperation-services {
padding: 100px 20px;
background: #fff;
}
.cooperation-services .container {
max-width: 1200px;
margin: 0 auto;
}
.section-title {
text-align: center;
margin-bottom: 60px;
}
.section-title h2 {
font-size: 2em;
color: #1a1a2e;
margin-bottom: 15px;
font-weight: 700;
}
.section-title .subtitle {
color: #d4af37;
font-size: 0.85em;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 15px;
}
.section-title .desc {
color: #666;
max-width: 600px;
margin: 0 auto;
line-height: 1.8;
}
.service-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.service-card {
background: #f8f9fa;
border-radius: 12px;
padding: 40px 30px;
transition: all 0.4s ease;
border: 1px solid transparent;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(26, 26, 46, 0.1);
border-color: rgba(212, 175, 55, 0.3);
background: #fff;
}
.service-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #d4af37, #f4d03f);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
font-size: 28px;
}
.service-card h3 {
font-size: 1.3em;
color: #1a1a2e;
margin-bottom: 15px;
font-weight: 600;
}
.service-card p {
color: #666;
line-height: 1.8;
font-size: 0.95em;
}
.cooperation-process {
padding: 100px 20px;
background: #0a0a0f;
}
.cooperation-process .section-title h2 {
color: #fff;
}
.cooperation-process .section-title .desc {
color: rgba(255,255,255,0.6);
}
.process-steps {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
.step-item {
flex: 1;
min-width: 150px;
text-align: center;
position: relative;
}
.step-number {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #d4af37, #f4d03f);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
color: #1a1a2e;
font-weight: 700;
font-size: 1.2em;
}
.step-item h4 {
color: #fff;
margin-bottom: 10px;
font-size: 1em;
}
.step-item p {
color: rgba(255,255,255,0.5);
font-size: 0.85em;
line-height: 1.6;
}
.cooperation-cta {
padding: 100px 20px;
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
text-align: center;
}
.cooperation-cta h2 {
font-size: 2em;
color: #fff;
margin-bottom: 20px;
font-weight: 700;
}
.cooperation-cta p {
color: rgba(255,255,255,0.6);
margin-bottom: 40px;
font-size: 1.05em;
}
.cta-btn {
display: inline-block;
padding: 16px 48px;
background: linear-gradient(135deg, #d4af37, #f4d03f);
color: #1a1a2e;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
transition: all 0.3s ease;
letter-spacing: 1px;
}
.cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);
}
@media (max-width: 768px) {
.service-grid {
grid-template-columns: 1fr;
}
.process-steps {
flex-direction: column;
}
}
COOPERATION
依托中国模特网丰富的模特资源与行业影响力，为品牌提供全方位时尚解决方案
👗
为品牌匹配最契合的形象代言人，从超模到新锐模特，覆盖不同层级品牌需求，提升品牌形象与市场影响力。
📸
平面广告、电商拍摄、Lookbook制作等全品类拍摄服务，专业模特+摄影团队一体化交付，高品质高效率。
🎭
时装周、品牌发布会、开业庆典、商业演出等各类走秀活动，提供专业走秀模特与现场统筹执行。
🎬
品牌宣传片、产品视频、短视频内容创作，融合东方美学与时尚表达，助力品牌内容升级。
🏆
模特大赛、时尚盛典等行业活动冠名与赞助合作，深度绑定品牌与时尚IP，实现品效合一。
🤝
欢迎优质MCN机构入驻平台，共享模特资源与商业机会，共建东方时尚人才生态。
POST DEMAND
填写您的需求信息，我们将在24小时内为您匹配最合适的模特资源
