/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/* 导航栏logo */
.logo img {
	height:45px;
}

/* 平板模式下logo更小，节省空间 */
@media (min-width: 769px) and (max-width: 991px) {
    .logo img {
        height: 35px;
    }
}
/* logo */
/* CSS部分 */
.logo-wide {
  display: block; /* 电脑默认显示 */
}

.logo-small {
  display: none; /* 手机默认隐藏 */
}

/* 手机端样式 */
@media (max-width: 768px) {
  .logo-wide {
    display: none; /* 手机隐藏宽版 */
  }
  
  .logo-small {
    display: block; /* 手机显示窄版 */
    
    height: auto;
  }
}

/* 平板端样式 - 也显示小logo */
@media (min-width: 769px) and (max-width: 991px) {
  .logo-wide {
    display: none; /* 平板隐藏宽版 */
  }
  
  .logo-small {
    display: block; /* 平板显示窄版 */
    height: auto;
  }
}

/* 电脑端样式 */
@media (min-width: 992px) {
  .logo-wide {
    display: block; /* 电脑显示宽版 */
    height: auto;
  }
  
  .logo-small {
    display: none; /* 电脑隐藏窄版 */
  }
}



/* CSS变量定义 */
:root {
    --primary: #009A91;
    --primary-dark: #1d4ed8;
    --secondary: #009A91;
    --accent: #f97316;
    --light: #f3f4f6;
    --dark: #1f2937;
    --text: #374151;
    --image-grayscale: grayscale(100%);
    
    /* 首页幻灯片文字背景颜色变量 - 方便调节 */
    /* 主标题背景颜色（h1） */
    --hero-title-bg: rgba(0, 155, 164, 0.65); /* 蓝色半透明背景，可调整颜色和透明度 */
    /* 副标题背景颜色（.hero-subtitle） */
    --hero-subtitle-bg: rgba(0, 155, 164, 0.55); /* 蓝色半透明背景，可调整颜色和透明度 */
    /* 描述文字背景颜色（.hero-description） */
    --hero-description-bg: rgba(0, 0, 0, 0.5); /* 黑色半透明背景，可调整颜色和透明度 */
}

/* 基础布局 */
body {
    background-color: #ffffff;
    color: var(--text);
    line-height: 1.6;
    padding-top: 80px;
    transition: padding-top 0.2s ease;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* 高分辨率屏幕优化（参考企业站统一宽度：头部/内容/底部一致） */
@media (min-width: 1920px) {
    .container {
        max-width: 1440px;
        padding: 0 2rem;
    }
}

/* 超高分辨率屏幕 */
@media (min-width: 2560px) {
    .container {
        max-width: 1680px;
        padding: 0 2.5rem;
    }
}

/* 平板横屏优化 */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        padding: 0 2rem;
    }
}

/* 通用按钮样式 */
.btn {
    display: inline-block;
    background-color: var(--accent);
    color: white;
    padding: 0.8rem 1.8rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    text-align: center;
}

.btn:hover {
    background-color: #ea580c;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.btn-small {
    padding: 0.6rem 1.5rem;
    font-size: 0.9rem;
}

/* 通用标题样式 */
.section-title {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title h2 {
    font-size: 2.5rem;
    color: var(--dark);
    margin-bottom: 1rem;
}

.section-title p {
    color: var(--text);
    max-width: 600px;
    margin: 0 auto;
}

/* 响应式设计基础 */
/* 平板横屏 */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 2.3rem;
    }
}

/* 平板竖屏 */
@media (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 2.1rem;
    }
}

/* 手机竖屏 */
@media (max-width: 767px) {
    .section-title h2 {
        font-size: 2rem;
    }
}

/* 小屏手机 */
@media (max-width: 576px) {
    .section-title h2 {
        font-size: 1.75rem;
    }
}

/* 超小屏幕 */
@media (max-width: 400px) {
    .section-title h2 {
        font-size: 1.5rem;
    }
}