* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /* outline: none; */
}
body,
html {
  background: #fff !important;
  color: #282d3e;
  font-size: 14px;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #ddd;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #ddd;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #777;
}
.oh1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oh2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 定义显示的最大行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oh3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 定义显示的最大行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oh4 {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* 定义显示的最大行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fs0 {
  font-size: 0;
}

.center1 {
  /* ????---顶部和底部导航，未确定 */
  /* padding: 0 80px; */
  width: 1440px;
  margin: 0 auto;
}
.center2 {
  /* 1700  ((1920-1670) / 2)/1920 == 0.58%*/
  /* padding: 0 5.8%; */
  width: 1440px;
  margin: 0 auto;
}
.center3 {
  /* 1500  ((1920-1500) / 2)/1920 == 0.58%*/
  /* padding: 0 10.9%; */
  width: 1440px;
  margin: 0 auto;
}

#luxy {
  overflow: hidden;
}
.pointer {
  cursor: pointer;
}
/*
 * 文字对齐方式 .g-text-(left,center,right )
*/
.g-text-left {
  text-align: left;
}
.g-text-center {
  text-align: center;
}
.g-text-right {
  text-align: right;
}
.g-indent {
  text-indent: 2em;
}

.g-relative {
  position: relative;
}
.g-absolute {
  position: absolute;
}
/*
 * 弹性盒布局
*/

.rowFlexBegin {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.rowFlexEnd {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
.rowFlexStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.rowFlexBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.rowFlexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.columnFlex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.g-flex {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  align-items: center;
}
.g-flex-wrap {
  flex-wrap: wrap;
}
.g-flex-nowrap {
  flex-wrap: nowrap;
}
.g-flex-col {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
}
.g-flex-col-center {
  align-items: center;
}
.g-flex-col-top {
  align-items: flex-start;
}
.g-flex-col-bottom {
  align-items: flex-end;
}
.g-flex-row-center {
  justify-content: center;
}
.g-flex-row-left {
  justify-content: flex-start;
}
.g-flex-row-right {
  justify-content: flex-end;
}
.g-flex-row-between {
  justify-content: space-between;
}
.g-flex-row-around {
  justify-content: space-around;
}
.g-fx1 {
  flex: 1;
}
/* --------------区分手机电脑 start--------------- */
.isPc {
  display: block;
}

.isPhone {
  display: none;
}
.pagebtn {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  background: #0052d9;
  color: #f5f7ff;
  font-size: 16px;
  vertical-align: middle;
  transition: all 0.2s;
}
.pagebtn img {
  top: 2px;
  position: relative;
  width:auto !important
}
.pagebtn:hover {
  box-shadow: 0 0 5px #0052d9;
}
@media screen and (max-width: 1200px) {
  .pagebtn {
    font-size: 13px;
  }
  .isPc {
    display: none;
  }
  .isPhone {
    display: block;
  }
  .center1,
  .center2,
  .center3 {
    padding: 0 10px;
    width: 100%;
  }
}
/* --------------区分手机电脑 end--------------- */
/* -------------- -改造系统样式------------- --------------*/
#wap_logo .WebLogo {
  background: url(/Upload/public/nav.png) no-repeat;
  background-size: cover;
  background-position: right;
}
.floor_foot6 .foot6_WeChat {
  margin: 0;
}
.floor_foot6 .component_bottom {
  padding-left: calc(25% - 120px);
}

#wap_logo .WebLogo .shownavbtn:before {
  background: #c8d5ff;
}
#wap_logo .WebLogo .shownavbtn {
  border-color: #c8d5ff;
}

#n5015 .support1_left {
  color: #f5f7ff;
}

#n5041 .navigation ul.navigationlist > li.separator {
  height: 28px !important;
}
#n5041 .navigation ul.navigationlist > li > a {
  height: 28px;
  line-height: 28px;
}
#n5041 .floor_head0 {
  padding: 18px 0 !important;
}

#luxy {
  padding-top: 65px;
}
#n5041 {
  height: 0 !important;
}
#n5041 .floor_head0.navigation-style1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#n5015 .support1_left {
  font-size: 16px;
}
.support1_left a {
  font-size: 16px;
}
#n5161 .foot6_navigation .channel1 {
  font-size: 16px !important;
}
#n5161 .foot6_contact_wrap p {
  font-size: 16px !important;
}


#luxy {
     min-height: 100vh;
  position: relative;
   padding-bottom: 270px;
}
.zdyfooter{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media screen and (max-width: 1200px) {
.zdyfooter{
    position: relative;
}
  #luxy {
    padding-top: 0;
      padding-bottom: 0;
  }
  .floor_foot6 .component_bottom {
    padding: 0 10px;
    text-align: left;
  }
  .floor_foot6 .foot6_WeChat img {
    margin: 0;
  }
  #wap_logo_main {
    height: 54px;
  }
  #n5161 .foot6_contact_wrap p span {
    font-size: 18px !important;
  }
  #n5161 .foot6_navigation .channel1 {
    font-size: 14px !important;
  }
  #n5161 .foot6_contact_wrap p {
    font-size: 14px !important;
  }
  #n5161 .foot6_title {
    font-size: 20px !important;
  }
  #n5015 .WebInfo {
    font-size: 13px !important;
  }
  #n5015 .support1_left {
    font-size: 13px;
  }
  .support1_left a {
    font-size: 13px;
  }
  #wap_logo .WebLogo img{
      max-height: 30px !important;
  }
}
.component_body .ThemeColor, .component_body  .ThemeColorHover:hover{
    color: #8dc6ff !important;
}

.wap_subnavigationlist a{
    margin-left: 40px !important;
}

.changeTextColor.color1 {
  background-image: linear-gradient(to right, #fff, #fff 50%, #0052d9 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition-delay: 0.7s;
}
.changeTextColor.color2 {
  background-image: linear-gradient(to right, #0052d9, #0052d9 50%, #282d3e 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition-delay: 0.7s;
}
.changeTextColor.color3{
  background-image: linear-gradient(to right, #282d3e, #282d3e 50%, #0052d9 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 100%;
  transition-delay: 0.7s;
}
.changeTextColor {
  display: inline-block;
  /*transition: transform 1.5s, background-position 2s ease;*/
}

.changeTextColor.animated,
.changeTextColor.aos-animate {
  background-position: 0 100%;
  opacity: 1;
   transition: background-position 2s linear;
}
.swiper-slide-active .changeTextColor,
.animated .changeTextColor,
.aos-animate .changeTextColor {
  background-position: 0 100%;
  opacity: 1;
  transition: background-position 2s linear;
}