/* 公共样式 */
/* 把我们所有标签的内外边距清零 */
* {
  margin: 0;
  padding: 0;
  /* 使用css3盒子（省去计算盒子大小的麻烦） */
  box-sizing: border-box;
}

ol,
ul,
dl {
  margin: 0;
}

/* 去掉li 的小圆点 */
li {
  list-style: none;
}

/* em 和 i 斜体的文字不倾斜 */
em,
i {
  font-style: normal;
}

img {
  /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
  border: 0;
  /* 取消图片底侧有空白缝隙的问题 */
  vertical-align: middle;
}

button {
  /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
  cursor: pointer;
}

button,
input {
  /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    "\5B8B\4F53", sans-serif;
  /* 清除默认边框 */
  border: none;
  /* 清除默认点击高亮效果 */
  outline: none;
}

html,
body {
  min-width: 1300px;
  /*overflow: auto;*/
}

body {
  /* CSS3 抗锯齿形 让文字显示的更加清晰 */
  -webkit-font-smoothing: antialiased;
}

/* 版心尺寸 */
.main-width {
  width: 1200px;
  margin: 0 auto;
}

/* 模块title */
.module_title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.module_title .title_chinese {
  display: flex;
  align-items: center;
}
.module_title .title_chinese > img {
  width: 28px;
  height: 18px;
  margin-right: 8px;
}
.module_title .title_chinese > h1 {
  margin: 0;
  font-weight: 500;
  font-size: 26px;
  color: #33373e;
  line-height: 32px;
}
.module_title .title_english {
  font-weight: 400;
  font-size: 16px;
  color: #bbbfc4;
  line-height: 32px;
}

/* 页面banner样式（非首页） */
.page_banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 536px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page_banner > p {
  font-weight: 500;
  font-size: 32px;
  color: #ffffff;
  line-height: 54px;
  letter-spacing: 2px;
}

/* 下拉菜单 */
.dropdown_list {
  position: absolute;
  top: 61px;
  z-index: 9;
  border-radius: 2px;
  overflow: hidden;
  /* 默认不展开 */
  max-height: 0;
  transition: all linear 0.3s;
}
.dropdown_list .dropdown_item {
  width: 210px;
  height: 38px;
  padding: 0 16px;
  line-height: 38px;
  font-weight: 400;
  font-size: 16px;
  color: #33373e;
  background-color: #fff;
}
.dropdown_list .dropdown_item:hover {
  color: #3377e8;
  background-color: #e1f0ff;
}

.year-container {
  display: flex;
  padding-top:14px;
  /*position: sticky;*/
  /*top: 60px; !* 假设导航栏高度约为 60px *!*/
}

#section1 {
  padding-top:30px;
}

/* 原生 Select 样式重置 */
.year-select {
  width: 100%;
  font-size: 16px;
  /*color: #3377e8;*/
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
  padding: 4px 8px 4px 12px;
  /* 核心：隐藏原生下拉箭头 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 为右侧箭头留出空间 */
}

/*appearance: none; !* 关键：移除浏览器默认样式和箭头 *!*/

/* 悬停状态 */
.year-select:hover {
  border-color: #1890ff; /* 主题色，可替换为你网站的主色 */
  box-shadow: 0 2px 4px rgba(24, 144, 255, 0.1);
}

/* 聚焦状态 */
.year-select:focus {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 自定义箭头样式 */
.select-arrow {
  top: 50%;
  right: 12px; /* 调整位置使其垂直居中且靠右 */
  transform: translateY(-50%);

  /* 核心：使用 border 绘制倒三角形 */
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #999; /* 默认灰色，类似导航栏未激活状态 */

  pointer-events: none; /* 确保点击穿透到 select */
  transition: border-top-color 0.3s ease;

  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: bold;
  color: #666;
  pointer-events: none; /* 确保点击箭头时能穿透到 select 上 */
  transition: color 0.3s;
}


.select-wrapper:hover .select-arrow,
.year-select:focus ~ .select-arrow {
  border-top-color: #3377e8; /* 匹配导航栏 hover 颜色 #3377e8 */
}

/* 选项列表样式 (部分浏览器支持) */
.year-select option {
  padding: 10px;
  color: #333;
  background: #fff;
}

.year-label {
  font-size: 16px;
  color: #33373e;
  font-weight: 500;
  margin-bottom: 0px;
}

/* 下拉框包装器：相对定位，用于放置自定义箭头 */
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 104px; /* 根据内容调整宽度 */
}

.year-box {
  align-items: center;
  color: #33373e;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

/*.year-box div {*/
/*  cursor: pointer;*/
/*  padding-right: 20px;*/
/*}*/

.year-light {
  color: #3377e8;
}