body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;}
*{box-sizing:border-box;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{max-width:1140px;margin:0 auto;padding:0 15px;}
.full-width{width:100%;position:relative;}
.hero{background:url('../images/rear-view-businessman-talking-phone-city-scaled-1.jpg') no-repeat center/cover;height:400px;display:flex;justify-content:center;align-items:center;color:white;text-align:center; margin-top: 90px;}
.hero h1{font-size:36px;font-weight:bold;}
.troubles{padding:40px 20px;text-align:center;background-color:#fff;}
.troubles h2{font-size:28px;margin-bottom:20px;color:#333;}
.troubles .cards{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;}
.card{flex:1;min-width:300px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1);text-align:center;}
.card img{margin-bottom:15px;height:100px;}
.card h3{font-size:20px;color:#007BFF;margin-bottom:10px;}
.card p{font-size:14px;color:#666;}
.platform{padding:40px 20px;text-align:center;background-color:#f4f9ff;}
.platform h2{font-size:28px;margin-bottom:20px;}
.features{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;}
.feature{flex:1;min-width:25% background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.feature img{margin-bottom:15px;height:100px;}
.feature h3{font-size:20px;color:#007BFF;margin-bottom:10px;}
.feature p{font-size:14px;color:#666;}
.platform-info{padding:40px 20px;display:flex;gap:20px;flex-wrap:wrap;background-color:#fff;}
.platform-info .text,.platform-info .image{flex:1;min-width:300px;}
.platform-info .text h2{font-size:28px;margin-bottom:15px;}
.platform-info .text p{font-size:16px;color:#555;line-height:1.6;}
.platform-info .text a{display:inline-block;margin-top:15px;padding:10px 20px;background:#007BFF;color:white;border-radius:5px;font-size:16px;}
.card img{width:100%;height:auto;margin:0 auto;border-radius:8px;}
@media (max-width:768px){.troubles .cards,.features{flex-direction:column;align-items:center;}
.platform-info{flex-direction:column;}
}
.deep-dive{background-color:#fff;padding:100px 0;}
.deep-dive-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.text-content{flex:1;max-width:50%;padding-right:20px;}
.text-content h2{font-size:28px;margin-bottom:20px;color:#333;}
.text-content ul{list-style:none;padding:0;margin:0 0 20px 0;color:#666;font-size:16px;line-height:1.8;}
.text-content ul li{margin-bottom:10px;position:relative;padding-left:25px;}
.text-content ul li::before{content:'✔';color:#007BFF;position:absolute;left:0;top:0;font-size:18px;}
.text-content .cta-button{display:inline-block;background-color:#007BFF;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:bold;transition:0.3s;    cursor: pointer; }
.text-content .cta-button:hover{background-color:#0056b3;}
.image-content{flex:1;max-width:50%;text-align:center;}
.image-content img{max-width:100%;height:auto;border-radius:8px;}
@media (max-width:768px){.deep-dive-content{flex-direction:column;text-align:center;}
.text-content{max-width:100%;padding-right:0;margin-bottom:20px;}
.image-content{max-width:100%;}
}
.deep-dive-alt{background-color:#f8fbff;padding:100px 0;}
.deep-dive-alt-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.image-section{flex:1;max-width:50%;text-align:center;}
.image-section img{max-width:100%;height:auto;border-radius:8px;}
.text-section{flex:1;max-width:50%;padding-left:20px;}
.text-section h2{font-size:28px;margin-bottom:20px;color:#333;}
.text-section ul{list-style:none;padding:0;margin:0 0 20px 0;color:#666;font-size:16px;line-height:1.8;}
.text-section ul li{margin-bottom:10px;position:relative;padding-left:25px;}
.text-section ul li::before{content:'✔';color:#007BFF;position:absolute;left:0;top:0;font-size:18px;}
.text-section .cta-button-alt{display:inline-block;background-color:#007BFF;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:bold;transition:0.3s; cursor: pointer; }
.text-section .cta-button-alt:hover{background-color:#0056b3;}
/* 小屏幕适配 */
 @media (max-width:768px){.deep-dive-alt-content{flex-direction:column;text-align:center;}
.image-section{max-width:100%;margin-bottom:20px;}
.text-section{max-width:100%;padding-left:0;}
}
/* 为外贸企业提供一站式营销探索平台 - 样式调整 */
 .explore-platform-new{padding:60px 0;background-color:#f8fbff;text-align:center;padding:100px 0;}
.explore-platform-new h2{font-size:32px;color:#333;margin-bottom:40px;}
.features-new{display:flex;justify-content:center;/* 子项水平居中 */
 gap:30px;/* 项目之间的间距 */
 flex-wrap:wrap;/* 支持小屏自适应 */
}
.feature-item-new{flex:1 1 200px;/* 每个子项占200px空间，支持换行 */
 max-width:240px;/* 限制最大宽度 */
 text-align:center;/* 图片和文字居中 */
 padding:20px;background:#f8fbff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);display:flex;/* 内部使用 Flexbox 布局 */
 flex-direction:column;/* 项目从上到下排列 */
 align-items:center;/* 图片和文字在水平方向居中 */
 justify-content:center;/* 保证垂直方向内容居中 */
}
.feature-item-new img{width:80px;height:80px;object-fit:contain;margin-bottom:20px;}
.feature-item-new h3{font-size:20px;color:#333;margin-bottom:10px;}
.feature-item-new p{font-size:14px;color:#666;line-height:1.6;}
/* 小屏幕适配 */
 @media (max-width:768px){.features-new{flex-direction:column;/* 改为上下布局 */
 align-items:center;}
.feature-item-new{max-width:100%;/* 小屏幕时宽度自适应 */
 margin-bottom:20px;}
}