/* 基础元素重置 */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* 防止iOS文字大小调整 */
  height: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
/* 文档流基础样式 */
body {
  margin: 0;
  line-height: 1.5;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 排版相关重置 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  font-weight: normal;
}
p,
pre {
  overflow-wrap: break-word;
}
/* 列表重置 */
ul,
ol,
menu {
  list-style: none;
}
/* 媒体元素 */
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}
/* 表单元素重置 */
input,
button,
textarea,
select {
  font: inherit;
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 0.5em;
}
button {
  cursor: pointer;
}
/* 链接样式 */
a {
  color: inherit;
  text-decoration: none;
}
/* 表格重置 */
table {
  border-collapse: collapse;
  width: 100%;
}
/* 其他实用重置 */
hr {
  border: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.25;
}
/* 可选：设置基础字体 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  height: 100%;
}
.g-input-default {
  /* 移除边框 */
  border: none;
  /* 移除边框阴影（在一些浏览器中可能默认存在） */
  box-shadow: none;
  /* 移除背景颜色 */
  background-color: transparent;
  /* 或者设置为其他颜色 */
  /* 移除背景图片 */
  background-image: none;
  /* 移除外边距和内边距（如果需要的话） */
  margin: 0;
  padding: 0;
  /* 注意：对于输入框，你可能希望保留一些内边距以便文本清晰可见 */
  /* 重置字体样式 */
  font-family: inherit;
  /* 继承父元素的字体 */
  font-size: inherit;
  /* 继承父元素的字体大小 */
  color: inherit;
  /* 继承父元素的颜色 */
  /* 移除点击时的轮廓（注意无障碍性） */
  outline: none;
  /* 谨慎使用，考虑无障碍性 */
  /* 移除其他你不需要的默认样式，如resize（对于textarea）等 */
  resize: none;
  /* 仅对textarea有效 */
}
.g-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.g-content .g-content-box {
  width: 62.5%;
}
.g-footer-box {
  position: relative;
  width: 100%;
  background: url("../images/a_banner.png") no-repeat center center;
  overflow: hidden;
}
.g-footer-box .footer-box {
  background-color: rgba(40, 45, 64, 0.9);
  display: flex;
  justify-content: center;
  padding: 20rem 0;
}
.g-footer-box .footer-content {
  width: 62.5%;
}
.g-footer-box .footer-item {
  display: flex;
  border-bottom: 1rem solid #34363F;
  padding: 40rem 0 10rem 0;
}
.g-footer-box .footer-item .company-middle {
  flex: 0 0 13%;
}
.g-footer-box .footer-item .company-logo {
  flex: 0 0 234rem;
  height: 61rem;
  overflow: hidden;
  margin-right: 120rem;
  display: flex;
  align-items: center;
}
.g-footer-box .footer-item .company-logo img {
  width: 100%;
}
.g-footer-box .footer-item .company-qr {
  display: flex;
  margin-right: 110rem;
}
.g-footer-box .footer-item .company-qr .qr-item {
  position: relative;
  margin-right: 40rem;
}
.g-footer-box .footer-item .company-qr .fd-qr {
  position: absolute;
  top: 0;
  left: -155rem;
  width: 150rem;
  height: 150rem;
  z-index: 100;
  display: none;
}
.g-footer-box .footer-item .company-qr .fd-qr img {
  width: 100%;
}
.g-footer-box .footer-item .company-qr .qr-img {
  width: 104rem;
  height: 104rem;
  margin-bottom: 10rem;
}
.g-footer-box .footer-item .company-qr .qr-item:hover .fd-qr {
  display: block;
}
.g-footer-box .footer-item .company-qr .qr-text {
  width: 110rem;
  font-weight: 400;
  font-size: 16rem;
  color: #FFFFFF;
}
.g-footer-box .friend-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14rem;
  padding-top: 10rem;
  line-height: 36rem;
}
.g-footer-box .friend-link .link-title {
  color: #fff;
  font-weight: 500;
}
.g-footer-box .friend-link .link {
  margin-left: 24rem;
  color: rgba(255, 255, 255, 0.8);
}
.g-footer-box .company-info-box {
  flex: 0 0 440rem;
}
.g-footer-box .company-info-box .company-info-title {
  font-weight: 500;
  font-size: 16rem;
  color: #FFFFFF;
  line-height: 36rem;
}
.g-footer-box .company-info-box .company-info-row {
  font-weight: 300;
  font-size: 14rem;
  color: #FFFFFF;
  line-height: 36rem;
}
.g-footer-box .company-info-right {
  margin-right: 112rem;
}
.g-footer-box .footer-copy {
  text-align: center;
  font-weight: 400;
  font-size: 14rem;
  color: #FFFFFF;
  line-height: 20rem;
  padding-top: 8rem;
}
.g-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.g-header-box {
  width: 100%;
  display: flex;
  justify-content: center;
  flex: 0 0 450rem;
}
.g-header-box .g-header-content {
  position: relative;
  width: 62.5%;
}
.g-header-box .g-header-content .g-header-title {
  position: absolute;
  bottom: 130rem;
  left: 0;
}
.g-header-box .g-header-content .g-header-title .cn-title {
  font-weight: 500;
  font-size: 40rem;
  color: #FFFFFF;
  line-height: 58rem;
}
.g-header-box .g-header-content .g-header-title .en-title {
  font-weight: 400;
  font-size: 24rem;
  color: #FFFFFF;
  line-height: 35rem;
}
.navigation-2 {
  position: absolute;
  bottom: -50rem;
  left: 0;
  width: 100%;
  height: 50rem;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 50rem;
}
.navigation-2 .navigation-item {
  color: #fff;
  text-decoration: none;
  margin-right: 30rem;
  font-size: 22rem;
  text-align: center;
  padding: 0 20rem;
  cursor: pointer;
}
.navigation-2 .navigation-item:hover {
  color: #d6d6cf;
}
header {
  position: fixed;
  /*top:0;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 22;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
  background: linear-gradient(180deg, #0B5EC3 -87%, rgba(0, 0, 0, 0) 101%);
  color: #fff;
  transition: background 0.3s ease;
  /* 备用过渡效果 */
}
header .header-box {
  width: 62%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .logo {
  display: flex;
  align-items: center;
  width: 234rem;
  height: 86rem;
}
header .logo img {
  width: 100%;
  position: relative;
  top: 0;
  transition: top 0.3s;
}
header .nav-list {
  width: 60%;
  display: flex;
  position: relative;
}
header .nav-list li {
  text-align: center;
  flex: 1;
  position: relative;
  padding-top: 30rem;
  padding-bottom: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  cursor: pointer;
}
header .nav-list li a {
  text-decoration: none;
  font-size: 24rem;
}
header .nav-list li:first-child {
  background: none;
}
.header::after {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  transition: top 0.3s ease;
  z-index: -1;
}
.header.scrolled::after {
  top: 0;
}
.header.scrolled {
  color: #232323;
  /* 滚动时文字颜色 */
}
header .nav-list li a:after,
header .nav-list li.active a:after {
  content: '';
  height: 3rem;
  width: 0%;
  position: absolute;
  top: 96%;
  left: 130%;
  color: #2C8DFA;
  background-color: #2C8DFA;
  -webkit-transition: width 500ms, left 500ms;
  -moz-transition: width 500ms, left 500ms;
  -o-transition: width 500ms, left 500ms;
  transition: width 500ms, left 500ms;
}
header .nav-list li:hover > a:after,
header .nav-list li.active > a:after {
  width: 60%;
  left: 20%;
  color: #2C8DFA;
  -webkit-transition: width 500ms;
  -moz-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
}
.g-column-box {
  display: flex;
  padding: 50rem 0;
}
.g-column-box .g-column-left {
  border: 1px solid #DDDDDD;
  flex: 0 0 190rem;
  margin-right: 30rem;
  height: 40%;
  padding-bottom: 30rem;
}
.g-column-box .g-column-left .g-column-title {
  font-size: 24rem;
  font-weight: 700;
  color: #4B5879;
  padding: 23rem 0 19rem 13rem;
  border-bottom: 1rem solid #ddd;
}
.g-column-box .g-column-left .g-column-content {
  font-size: 22rem;
  color: #4B5879;
  font-weight: 400;
}
.g-column-box .g-column-left .g-column-content a {
  color: #4B5879;
}
.g-column-box .g-column-left .g-column-content .g-column-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10rem 20rem 10rem 13rem;
  cursor: pointer;
}
.g-column-box .g-column-left .g-column-content .g-column-active {
  color: #0B6DFF;
}
.g-column-box .g-column-right {
  border: 1px solid #DDDDDD;
  flex: 1;
  overflow: hidden;
}
.qr-container .qr-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 184rem;
  border: 1px solid #DDDDDD;
  padding: 10rem 0;
  margin-left: 20rem;
}
.qr-container .qr-box .qr-title {
  font-weight: 400;
  font-size: 20rem;
  color: #4B5879;
  line-height: 24rem;
  margin-bottom: 20rem;
}
.qr-container .qr-box img {
  width: 126rem;
}
.qr-container .qr-box:first-child {
  margin-bottom: 20rem;
}
.qr-container .qr-tel {
  display: flex;
  padding: 20rem 0 8rem 20rem;
  border: 1px solid #DDDDDD;
  line-height: 1;
  margin-top: 20rem;
  margin-left: 20rem;
}
.qr-container .qr-tel img {
  width: 20rem;
  height: 20rem;
  margin-right: 8rem;
}
.qr-container .qr-tel .tel-title {
  font-weight: 400;
  font-size: 20rem;
  color: #4B5879;
  margin-bottom: 10rem;
}
.qr-container .qr-tel .tel-num {
  color: #2B2B36;
  font-size: 20rem;
}
.g-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g-title-row .g-search-box {
  font-size: 16rem;
  display: flex;
  align-items: center;
  background-color: #ebeef0;
  padding: 4rem 3rem 4rem 13rem;
  border-radius: 30rem;
}
.g-title-row .g-search-box .g-search-icon {
  width: 16rem;
  height: 16rem;
  margin-right: 16rem;
}
.g-title-row .g-search-box .g-search-btn {
  border: none;
  background: #0B6DFF;
  width: 72rem;
  height: 30rem;
  text-align: center;
  color: #fff;
  font-size: 16rem;
  border-radius: 30rem;
  line-height: 30rem;
  cursor: pointer;
}
.g-common-box-padding {
  padding: 50rem 0;
}
.g-no-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #999;
  font-size: 16rem;
  padding-top: 100rem;
}
.g-no-data img {
  width: 48rem;
  height: 48rem;
  margin-bottom: 10rem;
}
/*# sourceMappingURL=common.css.map */