@charset "utf-8";
body { background:#fff; font-size:14px; color:#666666; line-height:24px; min-width:1200px; font-family:"Microsoft YaHei","simhei","宋体"; overflow-y:scroll;}
body,div,h1,h2,h3,h4,ul,li,form,input,textarea,a { margin:0; padding:0;} 
ul,li {list-style:none;}
img {border:0;}
p {margin:10px 0;}
input {font-family:"Microsoft YaHei","simhei","宋体"; }
a:link,a:visited {text-decoration:none; color:#333;}
a:hover,a:active {text-decoration:none; color:#2a7a4f;}

/******************************* 浏览器滚动条******************************/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:8px;height:8px;background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-track{background:#f5f5f5; border-radius:8px;}
::-webkit-scrollbar-thumb{background:#ccc; border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#999;}

/* 首页 */
.index-page {
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}
.index-page video {
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  object-fit: cover;
  z-index: -1;
}
header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 30px 31px;
}
header .right {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
  column-gap: 26px;
}
header .right a {
  display: flex;
  align-items: center;
  column-gap: 12px;
  font-size: 16px;
  color: #fff;
}
.index-content {
  display: flex;
  flex-direction:column;
  align-items:center;
  min-height: calc(100vh - 170px);
}
.index-content .logo {
  margin-top: 7px;
}

/* 搜索框 */
.index-content .search-wrap {
  margin-top:47px;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index: 1000;
  position: relative;
}
.index-content .search-box {
  width: 888px;
  height: 64px;
  display:inline-flex;
  align-items:center;
  background: #fff;
  border-radius: 10px;
  overflow:hidden;
  box-shadow: 0 1px 5px 0 rgba(59,59,59,0.15);
  padding-right: 24px;
}
.index-content .search-box select {
  width: 96px;
  height: 64px;
  border:none;
  outline:none;
  font-size: 16px;
  color: #1A1A1A;
  padding: 0 14px 0 20px;
  /* 隐藏原生箭头 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 自定义下拉框箭头 */
  background-image: url("/images/arrow.png");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.index-content .search-box input {
  border:none;
  outline:none;
  padding:0 18px;
  flex: 1;
  font-size:16px;
  color: #1A1A1A;
  border-left: 1px solid #DBDBDB;
}
.index-content .search-box input::placeholder {
  color: #999;
}
.index-content .search-box button {
  border:none;
  cursor:pointer;
  background: transparent;
}
/* 时间轴整体布局 */
.index-content .timeline-wrap{
  display:flex;
  justify-content:center;
  align-items: center;
  margin-top:78px;
  margin-bottom:72px;
}
.index-content .timeline {
  display:flex;
  align-items:flex-start;
  flex-wrap:nowrap;
  width: 100%;
}
.index-content .timeline-item {
  width:185px;
  height: 200px;
  border-left: 1px solid #fff;
  text-align:center;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;

}
.index-content .timeline-item li {
  width: fit-content;
  line-height: 1;
  text-align: left;
  position: relative;
  padding: 0 20px;
}
.index-content .timeline-item a {
  color: rgba(255,255,255,0.7);
  font-size: 14px;
}
.index-content .timeline-item li.active {
  margin-bottom: 8px;
  margin-top: 4px;
}
.index-content .timeline-item li.active a {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  transition: all 0.3s ease;
}
.index-content .timeline-item li::after {
  content:"";
  position:absolute;
  left:-6px;
  top:50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s ease;
}
.index-content .timeline-item li.active::after,
.index-content .timeline-item li:hover::after{
  opacity: 1;
}
.index-content .timeline-item li.active:hover::after{
  width: 11px;
  height: 11px;
  left:-6px;
}
.index-content .timeline-item li:hover::after {
  width: 8px;
  height: 8px;
  background: #52DA8F;
  left:-4px;
}
.index-content .timeline-item li:hover > a {
  color: rgba(82, 218, 143, 0.7) !important;
}
.index-content .timeline-item li:hover .showbook{
  display: flex;
}
.index-content .timeline-item .showbook {
  width: 141px;
  height: 228px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 6px;
  display: none;
  flex-direction: column;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  top: -10px;
  right: -141px;
  z-index: 1001;
  transition: opacity 0.3s ease;
}

/* 激活状态 */
.index-content .timeline-item li.active .showbook {
  top: -10px;
  left: 105px;
  right: -141px;
}

/* 未激活状态 */
.index-content .timeline-item li:not(.active) .showbook {
  top: -18px;
  left: 70px;
  right: -141px;
}

.index-content .timeline-item li:hover .showbook {
  display: flex;
  opacity: 1;
}

/* 调整三角形指示器 */
.index-content .timeline-item .showbook::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 18px;
  width: 8px;
  height: 16px;
  background-image: url("/images/triangle.png");
}

.index-content .timeline-item .showbook a,
.index-content .timeline-item li:hover.active .showbook a {
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  font-weight: 400;
}
.index-content .timeline-item .showbook img{
  width: 130px;
  height: 187px;
}
/* 分类列表 */
.index-content .typelists {
  display:flex;
  align-items: center;
  justify-content:center;
  gap:84px;
  margin-bottom:68px;
}
.index-content .typelists li{
  width: 146px;
  height: 146px;
  border-radius: 50%;
  overflow: hidden;
}
.index-content .typelists li a {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size: 16px;
  color: #fff;
  row-gap: 16px;
  border-radius: 50%;
}
.index-content .typelists li a::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(0deg, rgba(255,255,255,0.47) 0%, #FFFFFF 100%);
  transition: all 0.3s;
  opacity: 0.17;
  z-index: -1;
}
.index-content .typelists li a:hover::before {
  background: linear-gradient(0deg, rgba(50,241,181,0.47) 0%, #116F3B 100%);
  opacity: 0.65;
}

@media (max-width: 1500px){
  .index-content .timeline-item{ 
    width: 160px; 
  }
  .index-content .typelists {
    gap: 60px;
  }
}
@media (max-width: 1320px){
  .index-content .timeline-item{ 
    width: 140px; 
  }
  .index-content .typelists li {
    width: 126px;
    height: 126px;
  }
}

/* 底部 */
footer.copyright{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align:center;
  color:rgba(255,255,255,0.29);
  font-size: 12px;
  padding:12px;
  box-sizing: border-box;
}
footer.copyright > div {
  display: flex;
  align-items: center;
  column-gap: 14px;
}


/* 高级检索 */
.advance-search-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advance-search-content .advanced{
  font-size: 34px;
  font-weight: bold;
  color: #657A73;
  margin: 82px auto 62px;
}
.conditions {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: 100%;
  max-width: 1108px;
  margin-bottom: 49px;
}
.advance-search-content .conditions { 
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: 1108px;
  margin-bottom: 49px;
}
.conditions .condition-item {
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding-right: 110px;
  position: relative;
}
.conditions .condition-item1 {
  padding-left: 98px;
}
.conditions .condition-item .relationSelect,
.conditions .condition-item .titleSelect{
  width: 138px;
  height: 54px;
  background: #FFFFFF;
  border: 1px solid #E3DFDB;
  border-radius: 4px;
  padding: 0 12px 0 16px;
  font-size: 16px;
  color: #1A1A1A;
  outline: none;
  /* 隐藏原生箭头 */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 自定义下拉框箭头 */
  background: #FFFFFF url("/images/arrow.png") no-repeat right 12px center;
}
.conditions .condition-item .relationSelect {
  width: 90px;
  padding: 0 12px;
}
.conditions .condition-item .relationSelect:focus,
.conditions .condition-item .titleSelect:focus,
.conditions .condition-item input:focus {
  border: 1px solid #008B5F;
}
.conditions .condition-item input{
  height: 54px;
  flex: 1;
  border: 1px solid #E3DFDB;
  border-radius: 4px;
  background: #fff;
  padding: 0 16px;
  outline: none;
}
.conditions .condition-item .btns {
  display: none;
  align-items: center;
  column-gap: 15px;
  position: absolute;
  right: 0;
  top: 9px;
}.conditions .condition-item.condition-item1 .btns {
  display: flex !important;
}
.conditions .condition-item:hover .btns {
  display: flex;
}
.conditions .condition-item .btns button {
  width: 36px;
  height: 36px;
  background: #008B5F;
  border-radius: 50%;
  border: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.advance-search-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 300px); /* 设置最小高度 */
  padding: 20px;
  box-sizing: border-box;
}
.advance-search-page .search {
  width: 138px;
  height: 50px;
  background: #008B5F;
  border-radius: 6px;
  border: 0;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  line-height: 30px;
  margin-bottom: 50px;
  margin-top: auto; /* 推到容器底部 */
}