@charset "UTF-8";
.home-page {
  width: 100vw;
  height: 100vh;
  background: url("../images/home-bg.jpg");
  background-size: cover;
  padding-top: 16vh;
}
.home-page .logo-box {
  width: 84.93vw;
  margin: 0 auto;
}
.home-page .logo-text2 {
  text-align: center;
  font-size: 4vw;
  line-height: 4vw;
  line-height: 10vw;
  letter-spacing: 0vw;
  color: #39b6e0;
}
.home-page .btn-box {
  padding-bottom: 13vh;
}
.home-page .btn-box .btn1 {
  width: 77vw;
  height: 14vw;
  background-image: linear-gradient(0deg, #C7E7F0 0%, #34a7c7 100%);
  background-blend-mode: normal, normal;
  border-radius: 7vw;
  font-size: 5vw;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 0 #2C3D42;
  /* 右下 */
}
.home-page .btn-box .btn2 {
  width: 77vw;
  height: 14vw;
  background-image: linear-gradient(0deg, #E7F1E2 0%, #a9cd9a 100%);
  background-blend-mode: normal, normal;
  border-radius: 7vw;
  font-size: 5vw;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 0 #2C3D42;
  /* 右下 */
  margin-top: 4vh;
}
.home-page .copyright {
  padding-bottom: 5vh;
  text-align: center;
  font-size: 2vw;
  line-height: 2vw;
  color: #ffffff;
}

.matters-page {
  width: 100vw;
  min-height: 100vh;
  background: url("../images/matters-bg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 22vw;
}
.matters-page .bold-text {
  font-size: 8vw;
  line-height: 8vw;
  font-weight: bold;
  line-height: 10vw;
  letter-spacing: 0vw;
  background: -webkit-linear-gradient(90deg, #91D2EB, #0A80DB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0.1vw 0.37vw 0.16vw #33709D); /* 使用 drop-shadow 模拟阴影效果 */
  /* 右下 */
  margin-bottom: 8vw;
}
.matters-page .search-box {
  width: 79vw;
  height: 9vw;
  background-color: #f7feff;
  border-radius: 4vw;
  border: solid 0vw #d4e6eb;
  margin: 0 auto;
  padding: 0 4vw;
  position: relative;
}
.matters-page .search-box .btn {
  background-color: transparent;
}
.matters-page .search-box .btn .iconfont {
  font-size: 4vw;
  color: #999999;
  position: relative;
  top: 0.5vw;
}
.matters-page .search-box .select-box {
  width: 100%;
  background-color: #ffffff;
  border: 0.27vw solid #ededed;
  border-radius: 2vw;
  position: absolute;
  top: 9.2vw;
  left: 0;
  max-height: 57vw;
  overflow: hidden;
  overflow-y: scroll;
  display: none;
}
.matters-page .search-box .select-box .item {
  font-size: 3vw;
  color: #333333;
  padding: 1.6vw 4vw 0;
}
.matters-page .search-box .select-box .item:first-child {
  padding-top: 2.2vw;
}
.matters-page .search-box .select-box .item:last-child {
  padding-bottom: 2.2vw;
}
.matters-page .search-box .ipt {
  font-size: 3vw;
  margin-left: 0.27vw;
  background-color: transparent;
}
.matters-page .search-box .ipt::-moz-placeholder {
  color: #c9c9c9;
}
.matters-page .search-box .ipt::placeholder {
  color: #c9c9c9;
}
.matters-page .matters-box {
  width: 100vw;
  background-color: #ffffff;
  border-radius: 5vw 5vw 0vw 0vw;
  margin-top: 9.4vw;
  padding: 5vw 9vw;
}
.matters-page .matters-box .item {
  width: 24vw;
  height: 25vw;
  background-color: #f3f6f8;
  border-radius: 4vw;
  border: solid 0vw #e5f4fd;
  padding: 2vw 0;
  margin-right: 4vw;
  margin-bottom: 3vw;
}
.matters-page .matters-box .item:nth-child(3n) {
  margin-right: 0;
}
.matters-page .matters-box .item .icon {
  text-align: center;
  width: 14vw;
  height: 12vw;
  margin: 0 auto;
}
.matters-page .matters-box .item .icon img {
  height: 100%;
  width: auto;
}
.matters-page .matters-box .item .t1 {
  height: 8vw;
  font-size: 3vw;
  line-height: 4vw;
  color: #333333;
  padding: 0 4vw;
}

.chart-page {
  width: 100vw;
  min-height: 100vh;
  background: url("../images/matters-bg.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 26vw;
  position: relative;
}
.chart-page .callback-btn {
  background: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 2vw;
  top: 4vw;
}
.chart-page .callback-btn .iconfont {
  font-size: 6vw;
  font-weight: bold;
  color: #1f1f1f;
}
.chart-page .blod-text {
  font-size: 8vw;
  line-height: 8vw;
  font-weight: bold;
  line-height: 10vw;
  letter-spacing: 0vw;
  background: -webkit-linear-gradient(90deg, #91D2EB, #0A80DB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0.1vw 0.37vw 0.16vw #33709D); /* 使用 drop-shadow 模拟阴影效果 */
  margin-bottom: 22vw;
}
.chart-page .chart-box {
  width: 100vw;
  min-height: calc(100vh - 58vw);
  background-color: #ffffff;
  border-radius: 8vw 8vw 0vw 0vw;
  padding: 7vw 5vw;
}
.chart-page .chart-box .t1 {
  font-size: 5vw;
  font-weight: bold;
  line-height: 5vw;
  color: #2e2d2d;
}
.chart-page .chart-box .t2 {
  font-size: 3vw;
  color: #666666;
  margin-top: 1vw;
}
.chart-page .chart-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 3vw;
  overflow: hidden;
  margin-top: 6vw;
}
.chart-page .chart-table th {
  color: #1b1a1a;
  font-size: 3vw;
  font-weight: bold;
  text-align: left;
  height: 13vw;
  background-image: linear-gradient(0deg, #C6E6EF 0%, #34a7c7 100%), linear-gradient(#1f1f1f, #1f1f1f);
  background-blend-mode: normal, normal;
  padding: 0 4vw;
}
.chart-page .chart-table td {
  text-align: left;
  height: 13vw;
  background-color: #eaf4f5;
  padding: 0 4vw;
  color: #1f1f1f;
  font-size: 3vw;
}
.chart-page .chart-table thead th {
  border-left: 0.27vw solid #ffffff;
  text-align: center;
}
.chart-page .chart-table thead th:first-child {
  border-left: none;
  text-align: left;
}
.chart-page .chart-table tr td {
  text-align: center;
  border-left: 0.27vw solid #ffffff;
}
.chart-page .chart-table tr td:first-child {
  border-left: none;
  text-align: left;
}
.chart-page .chart-table tbody tr {
  border-top: 0.27vw solid #ffffff;
}



.content-center-cell *{
  max-width: 100%;
}
.content-top {
  padding-top: 6.5vw;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
}
.content-top-tag {
  display: inline-block;
}
.content-center{
  margin-top: 7.5vw;
}
.content-top-tag::before {
  content: "";
  display: inline-block;
  width: 8vw;
  height: 3.5vw;
  margin-right: 2vw;
  background: url(../images/subhead-left-icon.png) no-repeat;
  background-size: cover;
}
.content-top-tag::after {
  content: "";
  display: inline-block;
  width: 8vw;
  height: 3.5vw;
  margin-left: 2vw;
  background: url(../images/subhead-right-icon.png) no-repeat;
  background-size: cover;
}