@charset 'utf-8';

.virtual-scroll {

  position: fixed;

  width: 17px;

  height: 100vh;

  right: 0;

  top: 0;

  z-index: 35;

  background-color: rgba(0, 0, 0, 0);

  opacity: 0;

  transition: opacity 0.25s;

  user-select: none;

  display: none;

}

.virtual-scroll:hover {

  opacity: 1;

  background-color: #fff;

}

.virtual-scroll:hover .virtual-scroll-thumb {

  width: 13px;

  border-radius: 0px;

}

.virtual-scroll:before {

  content: '';

  position: absolute;

  width: 100vw;

  right: 0;

  height: 100vh;

  top: 0;

  display: none;

  z-index: -1;

}

.virtual-scroll.dblclick:hover:after {

  content: '双击返回顶部';

  position: absolute;

  line-height: 40px;

  padding: 0 30px;

  background-color: rgba(0, 0, 0, 0.8);

  color: #fff;

  right: 25px;

  bottom: 50px;

  white-space: nowrap;

  pointer-events: none;

  font-size: 14px;

}

.virtual-scroll.active {

  opacity: 1;

}

.virtual-scroll.mousedown:before {

  display: block;

}

.virtual-scroll .virtual-scroll-thumb {

  position: absolute;

  width: 7px;

  height: 200px;

  background-color: #444;

  right: 2px;

  border-radius: 7px;

  top: 0;

  transition: background-color 0.25s;

  cursor: pointer;

}

.virtual-scroll .virtual-scroll-thumb:hover {

  background-color: #222;

}

.virtual-scroll .virtual-scroll-thumb:hover.active {

  background-color: #000;

}

.virtual-scroll .virtual-scroll-thumb.active {

  background-color: #000;

}

html,

body {

  scrollbar-width: none;

}

::-webkit-scrollbar {

  display: none;

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

a,

a:hover,

a:active,

a:visited {

  color: inherit;

  text-decoration: inherit;

}

a {

  border: none;

}

ul,

li {

  list-style: none;

}

img {

  display: inline-block;

  max-width: 100%;

}

:root {

  --font-size: 16px;

  --font-color: #333;

  --padding: calc(155 * 2 / 1920 * 100vw);

  --padding-lr: calc(155 / 1920 * 100vw);

  --color: #146dc6;

  --padding-300: calc(300 / 1920 * 100vw);

  --content-width: 1330px;

  --body-width: min(1920px, 100vw);

}

.video-box {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 20;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.7);

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  visibility: hidden;

}

.video-box.active {

  opacity: 1;

  visibility: visible;

}

.video-box .video-wrap {

  width: 50vw;

  background-color: #146dc6;

  background-color: var(--color);

}

.video-box .video-wrap .tt {

  font-size: 16px;

  padding: 15px 20px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #fff;

}

.video-box .video-wrap .tt .iconfont {

  cursor: pointer;

}

.video-box .video-wrap .tt .iconfont:hover {

  color: #ff0000;

}

.video-box video {

  width: 100%;

  display: block;

  height: 60vh;

  background-color: #000;

}

.des.fck a {

  color: #146dc6;

}

.download-btn.no-url {

  cursor: not-allowed;

  filter: grayscale(1);

  opacity: 0.5;

}

.relative {

  position: relative;

}

.ctrl {

  position: absolute;

  left: 0;

  width: 100%;

  pointer-events: none;

  top: 50%;

  z-index: 2;

}

.ctrl .ctrl-btn {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) translateX(-250%);

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  pointer-events: all;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .ctrl .ctrl-btn {

    transform: translateY(-50%) translateX(-180%);

  }

}

@media only screen and (max-width: 1280px) {

  .ctrl .ctrl-btn {

    transform: translateY(-50%) translateX(-50%);

    width: 40px;

    height: 40px;

  }

}

.ctrl .ctrl-btn.swiper-button-disabled {

  opacity: 0;

  pointer-events: none;

}

.ctrl .ctrl-btn.right {

  left: auto;

  right: 0;

  transform: translateY(-50%) translateX(250%);

}

@media only screen and (max-width: 1536px) {

  .ctrl .ctrl-btn.right {

    transform: translateY(-50%) translateX(180%);

  }

}

@media only screen and (max-width: 1280px) {

  .ctrl .ctrl-btn.right {

    transform: translateY(-50%) translateX(50%);

  }

}

.ctrl .ctrl-btn img {

  width: 24px;

}

@media only screen and (max-width: 1280px) {

  .ctrl .ctrl-btn img {

    width: 20px;

  }

}

.mobile-lang {

  display: none;

  text-align: center;

  color: #6b6b6b;

  font-size: 12px;

  margin-top: 10px;

}

.more-auto-btn-box {

  display: flex;

  justify-content: center;

}

.more-auto-btn {

  background: #ffffff;

  border: 1.4px solid #cfd8e0;

  border-radius: 21px;

  margin-top: 55px;

  margin-left: auto;

  margin-right: auto;

  display: block;

  text-align: center;

  padding: 8px 35px;

  color: #0C4FA4;

  font-size: 18px;

  transition: all 0.25s;

}

@media only screen and (max-width: 640px) {

  .more-auto-btn {

    margin-top: 20px;

    width: 120px;

    font-size: 14px;

  }

}

.more-auto-btn.disabled {

  display: none;

}

@media (min-width: 1280px) {

  .more-auto-btn:hover {

    background-color: #0C4FA4;

    border-color: #0C4FA4;

    color: #fff;

  }

}

.more-auto-btn p {

  color: inherit;

}

.more-auto-btn.mt0 {

  margin-top: 0;

}

.sustainable .more-auto-btn {

  margin-top: 70px;

}

@media only screen and (max-width: 640px) {

  .sustainable .more-auto-btn {

    margin-top: 30px;

  }

}

.pdf-box {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  padding: 80px 0;

}

.pdf-box .pdf-title {

  text-align: center;

  margin-bottom: 50px;

}

.pdf-box .pdf-content {

  position: relative;

  background-color: #fafafa;

  z-index: 2;

}

.pdf-box .pdfViewer {

  user-select: none;

  -webkit-user-select: none;

}

.p-video-btn {

  position: absolute;

  border: 1px solid #979797;

  border-radius: 8px;

  display: inline-flex;

  justify-content: center;

  padding: 5px 16px;

  font-size: 16px;

  color: #292929;

  top: 0;

  left: 0;

  background-color: rgba(255, 255, 255, 0.8);

  backdrop-filter: blur(5px);

  z-index: 3;

  cursor: pointer;

}

@media only screen and (max-width: 768px) {

  .p-video-btn {

    font-size: 13px;

  }

}

@media only screen and (max-width: 640px) {

  .p-video-btn {

    font-size: 12px;

    padding: 3px 10px;

  }

}

.p-video-btn img {

  width: 20px;

  margin-left: 8px;

}

@media only screen and (max-width: 640px) {

  .p-video-btn img {

    width: 16px;

    margin-left: 4px;

  }

}

@media only screen and (max-width: 640px) {

  .home-page .p-video-btn {

    right: 0;

    top: 0;

    left: auto;

  }

}

body {

  font-size: 16px;

  font-size: var(--font-size);

  color: #333;

  color: var(--font-color);

  width: 100vw;

  overflow-x: hidden;

  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;

}

.swiper-button-prev,

.swiper-button-next {

  background-image: none;

}

.swiper-slide {

  overflow: hidden;

}

.img,

.imgs {

  background-repeat: no-repeat;

}

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

@font-face {

  font-family: "iconfont";

  /* Project id 3639345 */

  src: url("../fonts/font_3639345_64zmevfvysb.woff2") format("woff2"), url("../fonts/font_3639345_64zmevfvysb.woff") format("woff"), url("../fonts/font_3639345_64zmevfvysb.ttf") format("truetype");

}

.iconfont {

  font-family: "iconfont" !important;

}

.h_100vh {

  height: 100vh;

  min-height: 850px;

}

.cookie {

  position: fixed;

  z-index: 8;

  left: 0;

  bottom: 0;

  background-color: #146dc6;

  color: #fff;

  font-size: 14px;

  padding: 25px 0;

  width: 100%;

}

.cookie .width {

  padding: 0 100px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media only screen and (max-width: 640px) {

  .cookie .width p {

    line-height: 1.8;

    font-size: 13px;

  }

}

@media only screen and (max-width: 1280px) {

  .cookie .width {

    padding: 0 5vw;

    flex-direction: column;

  }

}

.cookie .width a {

  text-decoration: underline;

}

.cookie .width .btns {

  display: flex;

  align-items: center;

}

@media only screen and (max-width: 1280px) {

  .cookie .width .btns {

    margin-top: 5vw;

  }

}

.cookie .width .bbtn {

  background-color: #004284;

  width: 180px;

  line-height: 50px;

  border-radius: 50px;

  text-align: center;

  cursor: pointer;

}

.cookie .width .bbtn.close {

  width: auto;

  line-height: unset;

  background-color: transparent;

  opacity: 0.7;

}

@media only screen and (max-width: 640px) {

  .cookie .width .bbtn {

    line-height: 45px;

    width: 130px;

  }

}

.cookie .width .bbtn + .bbtn {

  margin-left: 30px;

}

@media only screen and (max-width: 640px) {

  .cookie .width .bbtn + .bbtn {

    margin-left: 5vw;

  }

}

.screen-lists.full-screen-scroll {

  height: 100vh;

  overflow: hidden;

}

.screen-lists .scene {

  padding-top: 150px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.screen-lists .scene#footer,

.screen-lists .scene.home-banner {

  padding-top: 0;

}

.banner-sub {

  background-position: center center;

  background-size: cover;

  height: 80vh;

  padding: 0 calc(300 / 1920 * 100vw);

  padding: 0 var(--padding-300);

  color: #fff;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}

.banner-sub::before {

  background-color: #0153a7;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  content: "";

  opacity: 0.3;

}

@media only screen and (max-width: 1536px) {

  .banner-sub {

    height: 70vh;

  }

}

@media only screen and (max-width: 1280px) {

  .banner-sub {

    height: 500px;

  }

}

.banner-sub h3 {

  font-size: 68px;

  letter-spacing: 3px;

  position: relative;

  z-index: 2;

  display: none;

}

@media only screen and (max-width: 1746px) {

  .banner-sub h3 {

    font-size: 56px;

  }

}

@media only screen and (max-width: 1536px) {

  .banner-sub h3 {

    font-size: 48px;

  }

}

@media only screen and (max-width: 1280px) {

  .banner-sub h3 {

    font-size: 30px;

  }

}

.banner-sub .breadcrumb {

  position: absolute;

  left: calc(300 / 1920 * 100vw);

  left: var(--padding-300);

  bottom: 34px;

  font-size: 14px;

  display: flex;

  align-items: center;

  z-index: 2;

}

.banner-sub .breadcrumb .iconfont {

  margin: 0 10px;

  font-size: 16px;

  margin-top: 3px;

}

.mobile-menu {

  display: none;

}

.sub-menu-box.active .sub-menu {

  position: fixed;

}

.imgs {

  background-size: cover;

  background-position: center center;

}

.imgs img {

  display: block;

}

.sub-menu {

  display: flex;

  justify-content: center;

  border-bottom: 1px solid #eee;

  background-color: #fff;

  z-index: 5;

  width: 100%;

  left: 0;

}

.sub-menu a {

  line-height: 70px;

  font-size: 18px;

  position: relative;

}

.sub-menu a.active {

  color: #146dc6;

  color: var(--color);

  font-weight: bold;

}

.sub-menu a.active::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -3px;

  height: 5px;

  background-color: #146dc6;

  background-color: var(--color);

  width: 100%;

}

.sub-menu a + a {

  margin-left: calc(180 / 1920 * 100vw);

}

.svg-box {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  pointer-events: none;

  transform: rotate(-90deg);

}

.svg-box svg {

  width: 100%;

  height: auto;

}

.svg-box .svg-line,

.svg-box .svg-border {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}

.swiper_one_button {

  z-index: 1;

}

.bottom2 {

  width: 1330px;

  width: var(--content-width);

  box-sizing: border-box;

  padding: 70px 0;

  margin: 0 auto;

}

.bottom2 .wz {

  width: 50%;

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 1.8;

}

@media only screen and (max-width: 1280px) {

  .bottom2 .wz {

    width: 100%;

  }

}

.bottom2 .last {

  width: 100%;

  margin-top: 30px;

  display: flex;

  justify-content: space-between;

}

.bottom2 .last .z,

.bottom2 .last .y {

  width: calc(50% - 21px);

  height: 120px;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding-right: 50px;

  color: #ffffff;

  cursor: pointer;

}

.bottom2 .last .z .icon,

.bottom2 .last .y .icon {

  width: 43px;

}

.bottom2 .last .z .zi,

.bottom2 .last .y .zi {

  font-size: 18px;

  font-weight: bold;

  padding: 0 20px;

}

.bottom2 .last .z .iconfont,

.bottom2 .last .y .iconfont {

  font-size: 22px;

}

.bottom2 .last .z {

  background-image: url(../images/last-img1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

}

.bottom2 .last .y {

  background-image: url(../images/last-img2.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

}

.paging ul {

  display: flex;

  justify-content: center;

}

.paging ul li {

  width: 36px;

  height: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  border: 1px solid #eee;

  border-radius: 5px;

  cursor: pointer;

}

.paging ul li.xl-active {

  color: #146dc6;

  color: var(--color);

  border-color: #146dc6;

  border-color: var(--color);

}

.paging ul li.xl-disabled {

  cursor: not-allowed;

}

.paging ul li.xl-prevPage,

.paging ul li.xl-nextPage {

  color: #acacac;

  font-size: 16px;

}

.paging ul li + li {

  margin-left: 10px;

}

#header {

  position: fixed;

  top: 0;

  z-index: 10;

  left: 0;

  width: 100%;

}

.header {

  text-transform: uppercase;

}

.header .cover {

  background-color: rgba(0, 0, 0, 0.7);

  position: absolute;

  left: 0;

  top: 0;

  width: 100vw;

  height: 100vh;

  opacity: 0;

  transition: all 0.25s;

  pointer-events: none;

}

.header .left {

  flex-shrink: 0;

}

.header .left img {

  width: 118px;

}

.header .left img.color {

  display: none;

}

.header .center {

  display: flex;

  align-items: center;

}

.header .center .link-box {

  display: block;

  position: relative;

  white-space: nowrap;

  padding: 40px 30px;

  line-height: 20px;

}

.header .center .link-box.active::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #fff;

  left: 0;

  bottom: 0;

  transform: scaleX(65%) translateY(-20px);

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .header .center .link-box {

    padding: 40px 25px;

  }

}

.header .center .link-box ul {

  position: absolute;

  left: 50%;

  top: calc(100% - 4px);

  display: none;

  background-color: #fff;

  transform: translateX(-50%);

  padding: 20px;

  font-size: 15px;

  text-align: center;

  border-top: 4px solid #146dc6;

  z-index: 2;

}

.header .center .link-box ul li {

  padding: 8px 20px;

}

.header .center .link-box ul li:hover {

  background-color: rgba(20, 109, 198, 0.08);

}

.header .center .link-box ul li + li {

  margin-top: 10px;

}

.header .right {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: rgba(255, 255, 255, 0.5);

}

.header .right .search {

  font-size: 30px;

  margin-right: 40px;

}

.header .right .lang {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 14px;

  cursor: pointer;

  white-space: nowrap;

}

.header .right .lang .earth {

  font-size: 20px;

  margin-right: 15px;

}

.header .right .lang .down {

  margin-left: 10px;

}

.header .right .phone {

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: white;

}

.header .right .phone .iconfont {

  margin-right: 13px;

  font-size: 24px;

}

.header .right .phone b {

  font-size: 24px;

  white-space: nowrap;

}

.header .header-cot {

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  height: 100px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

  color: #fff;

  font-size: 16px;

  z-index: 2;

}

@media only screen and (max-width: 1746px) {

  .header .header-cot {

    padding: 0 100px;

  }

}

@media only screen and (max-width: 1536px) {

  .header .header-cot {

    padding: 0 50px;

  }

}

@media only screen and (max-width: 1280px) {

  .header .header-cot {

    padding: 0 25px;

  }

}

.header .header-hover {

  background-color: #f5f8fb;

  position: absolute;

  top: 99px;

  left: 0;

  z-index: 2;

  padding: 42px calc(155 / 1920 * 100vw) 100px;

  padding: 42px var(--padding-lr) 100px;

  background-image: url(../images/header-bg.png);

  background-position: right bottom;

  background-repeat: no-repeat;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media only screen and (max-width: 640px) {

  .header .header-hover {

    display: block;

  }

}

.header .header-hover .left,

.header .header-hover .right {

  opacity: 0;

  visibility: hidden;

}

.header .header-hover .submenu-list {

  display: flex;

}

.header .header-hover .submenu-list .item:last-child .t {

  padding-right: 0;

}

.header .header-hover .submenu-list .item .t {

  font-size: 16px;

  padding-right: calc(50 / 1920 * 100vw);

  padding-right: calc(50 / 1920 * var(--body-width));

  opacity: 0;

  height: 0;

  overflow: hidden;

  display: block;

}

.header .header-hover .submenu-list .item ul li {

  font-size: 14px;

  color: #666;

}

.header .header-hover .submenu-list .item ul li a:hover {

  color: #146dc6;

  color: var(--color);

  text-decoration: underline;

}

.header .header-hover .submenu-list .item ul li span {

  display: block;

}

@media only screen and (max-width: 640px) {

  .header .header-hover .submenu-list .item ul li span {

    display: inline;

  }

}

.header .header-hover .submenu-list .item ul li + li {

  margin-top: 30px;

}

@media screen and (min-width: 1201px) {

  .header:hover .cover {

    opacity: 1;

  }

  .header .center .link-box:hover ul {

    display: block;

  }

}

#header.active .header-cot,

#header.open .header-cot,

#header.active1 .header-cot {

  background-color: #fff;

  color: #333;

  color: var(--font-color);

  border-bottom: 1px solid #eee;

}

#header.active .header-cot .link-box.active::before,

#header.open .header-cot .link-box.active::before,

#header.active1 .header-cot .link-box.active::before {

  background-color: #146DC6;

  height: 4px;

  transform: scaleX(100%) translateY(0);

}

#header.active .header-cot .left img,

#header.open .header-cot .left img,

#header.active1 .header-cot .left img {

  display: none;

}

#header.active .header-cot .left img.color,

#header.open .header-cot .left img.color,

#header.active1 .header-cot .left img.color {

  display: block;

}

#header.active .header-cot .right,

#header.open .header-cot .right,

#header.active1 .header-cot .right {

  color: #666;

}

#header.active .header-cot .right i,

#header.open .header-cot .right i,

#header.active1 .header-cot .right i {

  background-color: rgba(0, 0, 0, 0.2);

}

#header.active .header-cot .right .phone,

#header.open .header-cot .right .phone,

#header.active1 .header-cot .right .phone {

  color: #666;

}

@media screen and (min-width: 1201px) {

  #header:hover .header-cot {

    background-color: #fff;

    color: #333;

    color: var(--font-color);

    border-bottom: 1px solid #eee;

  }

  #header:hover .header-cot .link-box.active::before {

    height: 4px;

    background-color: #146DC6;

    transform: scaleX(100%) translateY(0);

  }

  #header:hover .header-cot .left img {

    display: none;

  }

  #header:hover .header-cot .left img.color {

    display: block;

  }

  #header:hover .header-cot .right {

    color: #666;

  }

  #header:hover .header-cot .right i {

    background-color: rgba(0, 0, 0, 0.2);

  }

  #header:hover .header-cot .right .phone {

    color: #666;

  }

}

.header-phone {

  width: 100px;

  height: 100vh;

  display: flex;

  flex-direction: column;

}

#footer .footer {

  width: 100vw;

  background-color: #1E1E1E;

}

#footer .footer .footer-top-bg {

  width: 100%;

  background-color: #272727;

}

#footer .footer .footer-top-bg .footer-top {

  width: 100%;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  height: 100px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

#footer .footer .footer-top-bg .footer-top > a img {

  width: 122px;

  height: 32px;

}

#footer .footer .footer-top-bg .footer-top .search {

  width: 400px;

  height: 61px;

  background: #323232;

  border-radius: 31px;

  overflow: hidden;

  padding-left: 48px;

  padding-right: 32px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

#footer .footer .footer-top-bg .footer-top .search button {

  background-color: #323232;

  cursor: pointer;

  border: none;

  color: #fff;

}

#footer .footer .footer-top-bg .footer-top .search button > span {

  font-size: 28px;

}

#footer .footer .footer-top-bg .footer-top .search input {

  flex: 1;

  height: 100%;

  border: none;

  outline: none;

  color: #fff;

  background-color: #323232;

  font-size: 18px;

}

#footer .footer a:hover {

  text-decoration: underline;

}

#footer .footer .center {

  width: 100vw;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr) 50px;

  display: flex;

  justify-content: space-between;

  position: relative;

  flex-wrap: wrap;

  background-position: center 110px;

  background-image: url(../images/line.png);

  background-size: auto 1px;

  background-repeat: no-repeat;

}

#footer .footer .center a {

  color: #CCCCCC;

}

#footer .footer .center .center-cot {

  margin-top: 40px;

}

#footer .footer .center .center-cot .t {

  display: block;

  height: 100px;

  line-height: 60px;

  font-size: 18px;

  font-weight: 400;

  color: #CCCCCC;

}

#footer .footer .center .center-cot ul {

  list-style: none;

}

#footer .footer .center .center-cot ul li {

  margin-bottom: 40px;

  font-size: 16px;

}

#footer .footer .center .center-cot ul li a {

  color: #A5A5A5;

}

#footer .footer .center .phoen {

  width: 100%;

  display: flex;

  align-items: center;

}

@media only screen and (max-width: 1024px) {

  #footer .footer .center .phoen {

    display: none;

  }

}

#footer .footer .center .phoen a span {

  color: #fff;

  font-size: 28px;

}

#footer .footer .center .phoen a:hover {

  text-decoration: unset;

}

#footer .footer .center .phoen b {

  font-size: 24px;

  color: #C4C4C4;

  margin: 0 86px 0 20px;

}

#footer .footer .center .phoen .wx {

  display: flex;

  align-items: center;

}

#footer .footer .center .phoen .wx .icon-box {

  display: flex;

  width: 44px;

  height: 44px;

  background-color: rgba(255, 255, 255, 0.1);

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  position: relative;

}

#footer .footer .center .phoen .wx .icon-box img {

  width: 26px;

  height: 26px;

}

#footer .footer .center .phoen .wx .icon-box:hover .hover {

  display: block;

}

#footer .footer .center .phoen .wx .icon-box .hover {

  position: absolute;

  width: 140px;

  left: 50%;

  margin-left: -70px;

  bottom: 50px;

  max-width: none;

  height: auto;

  display: none;

}

#footer .footer .center .phoen .wx .icon-box + .icon-box {

  margin-left: 30px;

}

#footer .footer .linkss {

  display: flex;

  font-size: 13px;

  align-items: center;

  flex-wrap: wrap;

  position: relative;

  margin-top: 35px;

  color: #fff;

  opacity: 0.4;

}

@media only screen and (max-width: 1024px) {

  #footer .footer .linkss {

    display: none;

  }

}

#footer .footer .linkss a {

  color: inherit;

}

#footer .footer .linkss a + a {

  margin-left: 15px;

}

#footer .footer .footer-bottom {

  width: 100vw;

  background: #151515;

  padding: 30px 0;

}

#footer .footer .footer-bottom .bottom-cont {

  width: 100%;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  height: 100%;

  background-color: #151515;

  color: #6B6B6B;

}

#footer .footer .footer-bottom .bottom-cont .left {

  display: flex;

  font-size: 14px;

  justify-content: space-between;

}

@media only screen and (max-width: 640px) {

  #footer .footer .footer-bottom .bottom-cont .left {

    font-size: 12px;

  }

}

@media only screen and (max-width: 1024px) {

  #footer .footer .footer-bottom .bottom-cont .left .ll {

    margin-top: 10px;

  }

}

@media only screen and (max-width: 1024px) {

  #footer .footer .footer-bottom .bottom-cont .left {

    flex-wrap: wrap;

    justify-content: center;

    white-space: nowrap;

  }

}

@media only screen and (max-width: 640px) {

  #footer .footer .footer-bottom .bottom-cont .left {

    width: 100%;

    padding: 0;

    font-size: 12px;

    line-height: 2;

  }

}

#footer .footer .footer-bottom .bottom-cont .left a + a {

  margin-left: 25px;

}

@media only screen and (max-width: 640px) {

  #footer .footer .footer-bottom .bottom-cont .left a + a {

    margin-left: 0;

  }

}

#footer .footer .footer-bottom .bottom-cont .left a + p {

  margin-left: 60px;

}

@media only screen and (max-width: 1024px) {

  #footer .footer .footer-bottom .bottom-cont .left a + p {

    margin-left: 0;

    margin-top: 10px;

  }

}

@media only screen and (max-width: 640px) {

  #footer .footer .footer-bottom .bottom-cont .left a + p {

    margin: 0;

  }

}

#footer .footer .footer-bottom .bottom-cont .right {

  opacity: 0.9;

  display: flex;

  font-size: 13px;

  align-items: center;

  flex-wrap: wrap;

  position: relative;

  margin-bottom: 15px;

}

#footer .footer .footer-bottom .bottom-cont .right span {

  font-size: 18px;

}

#footer .footer .footer-bottom .bottom-cont .right a + a {

  margin-left: 15px;

}

#footer .footer .footer-bottom .bottom-cont .right:hover .ll {

  display: block;

}

#footer .footer .footer-bottom .bottom-cont .right .ll {

  position: absolute;

  width: 100%;

  bottom: 48px;

  left: 0;

  background-color: #fff;

  border-radius: 8px;

  display: none;

  padding: 10px;

}

#footer .footer .footer-bottom .bottom-cont .right .ll a {

  padding: 10px;

  color: #151515;

  display: block;

}

#footer .footer .footer-bottom .bottom-cont .right .ll a:hover {

  color: #146dc6;

  color: var(--color);

}

#footer .footer .footer-bottom .bottom-cont .right .ll a + a {

  border-top: 1px solid #eee;

}

.home-page .gyTitle {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.home-page .gyTitle .title {

  font-size: 42px;

  font-weight: bold;

  color: #333333;

}

.home-page .gyTitle .english {

  font-size: 30px;

  font-weight: bold;

  color: rgba(51, 51, 51, 0.2);

  margin-top: 22px;

}

.home-page .gyTitle .button {

  width: 120px;

  height: 40px;

  background: #FFFFFF;

  border: 1px solid #EEEEEE;

  border-radius: 20px;

  font-weight: bold;

  color: #333333;

  font-size: 18px;

  align-items: center;

  display: flex;

  justify-content: center;

  padding-left: 20px;

  cursor: pointer;

}

.home-page .gyTitle .button span {

  margin-left: 6px;

  margin-top: 3px;

}

@keyframes mouse {

  0% {

    transform: translateY(0);

  }

  100% {

    transform: translateY(-20px);

  }

}

.home-page .home-banner {

  position: relative;

}

.home-page .home-banner .mouse-tip {

  position: absolute;

  left: 60px;

  bottom: 5vh;

  z-index: 5;

  color: #fff;

  line-height: 26px;

  text-transform: uppercase;

  font-size: 14px;

  animation: mouse 1s infinite alternate;

}

@media only screen and (max-width: 1024px) {

  .home-page .home-banner .mouse-tip {

    display: none;

  }

}

.home-page .home-banner .mouse-tip p {

  writing-mode: tb;

}

.home-page .home-banner .mouse-tip img {

  width: 26px;

  display: block;

  margin-top: 20px;

}

.home-page .home-banner .swiper-slide.swiper-slide-active img {

  transform: scale(1.1);

}

.home-page .home-banner .swiper-slide .img-box {

  overflow: hidden;

}

.home-page .home-banner .swiper-slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center center;

  transition: transform 10s;

  transform-origin: 60% 50%;

}

.home-page .home-banner .swiper-slide video {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center center;

}

.home-page .home-banner .swiper-slide .text {

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  color: #FBFCFF;

}

.home-page .home-banner .swiper-slide .text > .title {

  font-size: 68px;

  font-weight: bold;

  margin-bottom: 10px;

}

.home-page .home-banner .swiper-slide .text .content {

  font-size: 36px;

  line-height: 1.7;

  opacity: 0.8;

}

.home-page .home-banner .swiper-container-horizontal .controller {

  opacity: 1;

  transform: translateY(0);

}

.home-page .home-banner .controller {

  position: absolute;

  left: calc(155 / 1920 * 100vw);

  left: var(--padding-lr);

  bottom: calc((100vh - 420px) / 2);

  z-index: 5;

  display: flex;

  align-items: center;

  opacity: 0;

  transition: all 0.25s 0.8s;

  transform: translateY(30px);

}

.home-page .home-banner .controller .btn {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #FFFFFF;

  font-size: 24px;

  border-radius: 50%;

  border: 2px solid rgba(255, 255, 255, 0.2);

  cursor: pointer;

  position: relative;

}

.home-page .home-banner .controller .btn + .btn {

  margin-left: 30px;

  border: none;

}

.home-page .about {

  background-image: url(../images/bg.jpg);

}

.home-page .about .cx-box {

  width: 100%;

  height: 100%;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: flex-start;

}

.home-page .about .cx-box > .title {

  width: 100%;

  font-weight: bold;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.home-page .about .cx-box > .title p {

  font-size: 42px;

  color: #333333;

  margin: 0;

}

.home-page .about .cx-box > .title b {

  font-size: 30px;

  color: #999999;

  opacity: 0.2;

  margin-top: 17px;

}

.home-page .about .cx-box > .title .content {

  max-width: 830px;

  width: 100%;

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 32px;

  margin-top: 15px;

}

.home-page .about .cx-box > .title .btns {

  margin-top: 55px;

  display: flex;

}

.home-page .about .cx-box > .title .btns .btn {

  width: 220px;

  height: 58px;

  background: #FFFFFF;

  border: 1px solid #E9F3FB;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.5s;

}

.home-page .about .cx-box > .title .btns .btn:hover {

  transition: all 0.5s;

  background-color: #146dc6;

  background-color: var(--color);

}

.home-page .about .cx-box > .title .btns .btn:hover > p {

  color: #fff;

}

.home-page .about .cx-box > .title .btns .btn .iconfont {

  font-size: 30px;

  margin-right: 20px;

}

.home-page .about .cx-box > .title .btns .btn p {

  font-size: 16px;

  font-weight: 400;

}

.home-page .about .cx-box > .title .btns .btn + .btn {

  margin-left: 60px;

}

.home-page .product {

  background-image: url(../images/bigbg.jpg);

  padding-top: 120px;

}

.home-page .product .fw-box {

  width: 100%;

  height: 100%;

  padding: 0 0 0 calc(155 / 1920 * 100vw);

  padding: 0 0 0 var(--padding-lr);

  display: flex;

  justify-content: center;

  align-items: center;

}

.home-page .product .fw-box .center {

  width: 100%;

}

.home-page .product .fw-box .center > .title {

  height: 42px;

  font-size: 42px;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

}

.home-page .product .fw-box .center .tab {

  width: 100%;

  display: flex;

  justify-content: space-between;

  margin-top: 22px;

  padding-right: calc(155 / 1920 * 100vw);

  padding-right: var(--padding-lr);

}

.home-page .product .fw-box .center .tab .english {

  font-size: 30px;

  font-weight: bold;

  color: rgba(51, 51, 51, 0.2);

  line-height: 34px;

}

.home-page .product .fw-box .center .tab .bt {

  display: flex;

}

.home-page .product .fw-box .center .tab .bt .swiper-pagination-bullet {

  height: 30px;

  margin-left: 70px;

  cursor: pointer;

  width: auto;

  display: block;

  border-radius: 0;

  background: transparent;

  opacity: 1;

}

.home-page .product .fw-box .center .tab .bt .swiper-pagination-bullet-active {

  color: #146dc6;

  color: var(--color);

  border-bottom: 3px solid #146dc6;

  border-bottom: 3px solid var(--color);

  font-weight: bold;

}

.home-page .product .fw-box .center .content .swiper_cpfw {

  width: calc(100% + 24px);

  height: 100%;

  padding: 58px 0;

  margin-left: -24px;

}

.home-page .product .fw-box .center .content .swiper-slide {

  width: calc(1660 / 1920 * 100vw);

  width: calc(1660 / 1920 * var(--body-width));

  padding-right: calc(124 / 1920 * 100vw);

  padding-right: calc(124 / 1920 * var(--body-width));

  padding-left: 24px;

  overflow: unset;

}

.home-page .product .fw-box .center .content .box {

  width: 100%;

  height: 100%;

  box-sizing: border-box;

  padding: 76px 100px 97px 90px;

  box-shadow: 0 10px 20px rgba(55, 55, 55, 0.15);

  border-radius: 20px;

  position: relative;

}

.home-page .product .fw-box .center .content .box .da {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

}

.home-page .product .fw-box .center .content .box .da .left {

  max-width: 50%;

  position: relative;

}

.home-page .product .fw-box .center .content .box .da .left > .title {

  font-size: 42px;

  font-weight: bold;

  color: #146dc6;

  color: var(--color);

}

.home-page .product .fw-box .center .content .box .da .left .english {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  margin-top: calc(100 / 1920 * 100vw);

  margin-top: calc(100 / 1920 * var(--body-width));

}

.home-page .product .fw-box .center .content .box .da .left .text {

  height: 18px;

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  margin-top: 28px;

}

.home-page .product .fw-box .center .content .box .da .left .text2 {

  height: 18px;

  font-size: 18px;

  color: #333333;

  margin-top: 14px;

}

.home-page .product .fw-box .center .content .box .da .left .icon {

  margin-top: 60px;

  display: flex;

  font-size: 14px;

}

.home-page .product .fw-box .center .content .box .da .left .icon div + div {

  margin-left: 70px;

}

.home-page .product .fw-box .center .content .box .da .left .icon .imgicon {

  width: 33px;

  display: block;

  margin: 0 auto;

  margin-bottom: 10px;

}

.home-page .product .fw-box .center .content .box .da .right {

  position: absolute;

  right: 70px;

  bottom: 60px;

}

.home-page .product .fw-box .center .content .box .da .right .right-img {

  width: calc(520 / 1920 * 100vw);

  width: calc(520 / 1920 * var(--body-width));

}

.home-page .product .fw-box .center .content .box1 {

  background-image: url(../images/bg1.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.home-page .product .fw-box .center .content .box2 {

  background-image: url(../images/bg2.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.home-page .product .fw-box .center .content .box3 {

  background-image: url(../images/bg3.png);

  background-repeat: no-repeat;

  background-size: cover;

}

.home-page .innovation {

  background-image: url(../images/cxbg.jpg);

}

.home-page .innovation .cxjs-box {

  width: 100%;

  height: 100%;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  display: flex;

  align-items: flex-start;

}

.home-page .innovation .cxjs-box .center {

  width: 100%;

}

.home-page .innovation .cxjs-box .center .content {

  width: 100%;

  padding-top: 74px;

  display: flex;

  justify-content: space-between;

}

.home-page .innovation .cxjs-box .center .content .da:nth-child(n + 5) {

  display: none;

}

.home-page .innovation .cxjs-box .center .content .da {

  height: 100%;

  cursor: pointer;

}

.home-page .innovation .cxjs-box .center .content .da .img-box {

  width: calc(310 / 1920 * 100vw);

  width: calc(310 / 1920 * var(--body-width));

  background-position: center center;

  background-size: cover;

  border-radius: 10px;

  box-shadow: 0px 10px 20px 0px rgba(66, 79, 105, 0.2);

}

.home-page .innovation .cxjs-box .center .content .da .title {

  font-size: 18px;

  font-weight: 400;

  color: #333333;

  text-align: center;

  line-height: 1;

  margin-top: calc(40 / 1920 * 100vw);

  margin-top: calc(40 / 1920 * var(--body-width));

  margin-bottom: calc(36 / 1920 * 100vw);

  margin-bottom: calc(36 / 1920 * var(--body-width));

}

.home-page .innovation .cxjs-box .center .content .da .xian {

  width: 0;

  transition: all 0.5s;

  border: 1px solid #146dc6;

  border: 1px solid var(--color);

}

.home-page .innovation .cxjs-box .center .content .da:hover > .xian {

  width: 100%;

  transition: all 0.5s;

  border: 1px solid #146dc6;

  border: 1px solid var(--color);

}

.home-page .innovation .cxjs-box .center .content .da:hover > .title {

  font-weight: bold;

  transition: all 0.5s;

  color: #146dc6;

  color: var(--color);

}

.home-page .development {

  background-image: url(../images/bg.jpg);

}

.home-page .development.sustainable .hjbh.dq-box {

  padding: 0;

  padding-top: 50px;

  background-color: transparent;

}

@media only screen and (max-width: 1280px) {

  .home-page .development.sustainable .hjbh.dq-box {

    padding: 10vw 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .home-page .development.sustainable .hjbh.dq-box .title-box .title {

    font-size: 24px;

  }

}

.home-page .home-news {

  background-image: url(../images/bg.jpg);

}

.home-page .home-news .xw-box {

  width: 100%;

  height: 100%;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  display: flex;

  align-items: flex-start;

}

.home-page .home-news .xw-box .center {

  width: 100%;

}

.home-page .home-news .xw-box .center .content {

  width: 100%;

  height: 75%;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.home-page .home-news .xw-box .center .content .left {

  width: calc(386 / 1920 * 100vw);

  width: calc(386 / 1920 * var(--body-width));

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  font-weight: bold;

  color: #333333;

}

.home-page .home-news .xw-box .center .content .left .news-type {

  margin-top: 60px;

  font-size: 24px;

  cursor: pointer;

}

.home-page .home-news .xw-box .center .content .left .lan {

  color: #146dc6;

  color: var(--color);

  font-weight: bold;

}

.home-page .home-news .xw-box .center .content .right {

  width: calc(1220 / 1920 * 100vw);

  width: calc(1220 / 1920 * var(--body-width));

  height: 100%;

}

.home-page .home-news .xw-box .center .content .right .news-lists {

  width: 100%;

  height: 100%;

  display: none;

}

.home-page .home-news .xw-box .center .content .right .news-lists.active {

  display: block;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list:nth-child(1) {

  border-top: 1px solid #E9EDF5;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list {

  display: flex;

  width: 100%;

  border-bottom: 1px solid #E9EDF5;

  align-items: center;

  justify-content: space-between;

  height: 220px;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list:hover .img {

  transform: scale(1.05);

}

.home-page .home-news .xw-box .center .content .right .news-lists .list:hover .content {

  color: #146dc6;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .img {

  width: 290px;

  border-radius: 10px;

  background-size: cover;

  background-position: center center;

  transition: all 0.25s;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .img + .content {

  padding-left: 40px;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .content {

  left: auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .content .top {

  width: 100%;

  display: flex;

  justify-content: space-between;

  font-size: 24px;

  font-weight: bold;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .content .top span {

  font-size: 24px;

  font-weight: bold;

}

.home-page .home-news .xw-box .center .content .right .news-lists .list .content .but {

  width: 75%;

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

  margin-top: 25px;

  height: 84px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.home-page .join {

  background-image: url(../images/bg.jpg);

}

@media only screen and (max-width: 640px) {

  .home-page .join {

    background-position: 38% center;

  }

}

.home-page .join .jrwm-box {

  width: 100%;

  height: 100%;

  padding: 0 calc(155 / 1920 * 100vw);

  padding: 0 var(--padding-lr);

  display: flex;

  align-items: flex-start;

}

.home-page .join .jrwm-box .center {

  width: 100%;

}

.home-page .join .jrwm-box .center .content {

  width: 100%;

  margin-top: 40px;

}

.home-page .join .jrwm-box .center .content .top3 {

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 27px;

  text-align: left;

}

.home-page .join .jrwm-box .center .content .but {

  margin-top: 40px;

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.home-page .join .jrwm-box .center .content .but .left {

  width: 640px;

  height: 100%;

  position: relative;

  flex-shrink: 0;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide .hidden2 {

  overflow: hidden;

  width: 100%;

  height: 100%;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide:hover > .hidden > .img-box {

  transition: all 0.5s;

  transform: scale(1.1);

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide:hover > .zi {

  color: #bb0313;

  /*color: var(--color);*/

  font-weight: bold;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide .img-box {

  transition: all 0.5s;

  background-position: center center;

  background-size: cover;

  background-size:100%;

  background-repeat:repeat-x;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide img {

  width: 100%;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-slide .zi {

  line-height: 70px;

  background-color: #fff;

  text-align: center;

  font-size: 18px;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-button-prev {

  z-index: 1;

  top: 40%;

  left: 15px;

  width: 48px;

  height: 48px;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: rgba(233, 237, 245, 0.5);

  font-size: 28px;

  color: #fff;

}

.home-page .join .jrwm-box .center .content .but .left .swiper-button-next {

  z-index: 1;

  top: 40%;

  right: 15px;

  width: 48px;

  height: 48px;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: rgba(233, 237, 245, 0.5);

  font-size: 28px;

  color: #fff;

}

.home-page .join .jrwm-box .center .content .but .left:hover > img {

  transition: all 0.5s;

  transform: scale(1.05);

}

.home-page .join .jrwm-box .center .content .but .left:hover > .zi {

  color: #146dc6;

  color: var(--color);

  font-weight: bold;

}

.home-page .join .jrwm-box .center .content .but .left:hover > .xian {

  transition: all 0.5s;

  width: 100%;

  border: 2px solid #146dc6;

  border: 2px solid var(--color);

}

.home-page .join .jrwm-box .center .content .but .rigth {

  flex: auto;

  margin-left: calc(159 / 1920 * 100vw);

  margin-left: calc(159 / 1920 * var(--body-width));

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-content: center;

}

@media only screen and (max-width: 1746px) {

  .home-page .join .jrwm-box .center .content .but .rigth {

    margin-left: calc(120 / 1920 * 100vw);

    margin-left: calc(120 / 1920 * var(--body-width));

  }

}

.home-page .join .jrwm-box .center .content .but .rigth .item:nth-child(n + 3) {

  margin-top: calc(40 / 1920 * 100vw);

  margin-top: calc(40 / 1920 * var(--body-width));

}

.home-page .join .jrwm-box .center .content .but .rigth .item {

  width: calc(50% - 15px);

  height: 130px;

  background: rgba(255, 255, 255, 0.8);

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 20px;

  font-weight: bold;

  color: #333333;

  padding: 0 calc(50 / 1920 * 100vw);

  padding: 0 calc(50 / 1920 * var(--body-width));

  transition: all 0.5s;

}

.home-page .join .jrwm-box .center .content .but .rigth .item .img {

  width: 44px;

  height: 44px;

}

.home-page .join .jrwm-box .center .content .but .rigth .item .iconfont {

  color: #A2A8AB;

  font-size: 22px;

}

.home-page .join .jrwm-box .center .content .but .rigth .item:hover {

  opacity: 0.8;

  color: #146dc6;

  color: #bb0313;

}

.home-page .bottom {

  width: 100%;

  height: 420px;

  background-color: black;

  position: absolute;

  bottom: 0;

  z-index: 999999999;

  transition: 0.5s;

}

@media screen and (min-width: 1366px) and (max-height: 900px) {

  .home-page .innovation .cxjs-box .center .content {

    padding-top: 40px;

  }

  .home-page .gyTitle .english {

    margin-top: 5px;

    font-size: 24px;

  }

  .home-page .product .fw-box .center .tab .english {

    font-size: 24px;

  }

  .home-page .about .cx-box > .title b {

    margin-top: 5px;

    font-size: 24px;

  }

  .home-page .product .fw-box .center .tab {

    margin-top: 8px;

  }

  .home-page .product .fw-box .center > .title {

    height: auto;

    font-size: 30px;

  }

  .home-page .development .kcxfz-box .center .content .but {

    margin-top: 50px;

  }

  .home-page .development .kcxfz-box .center .content {

    margin-top: 30px;

  }

  .home-page .gyTitle .title,

  .home-page .about .cx-box > .title p {

    font-size: 32px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list {

    height: 160px;

  }

  .screen-lists .scene {

    padding-top: 135px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .img {

    width: 220px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .but {

    margin-top: 10px;

    line-height: 24px;

    height: 48px;

    -webkit-line-clamp: 2;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .top span {

    font-size: 20px;

  }

  .home-page .join .jrwm-box .center .content {

    margin-top: 25px;

  }

  .home-page .join .jrwm-box .center .content .top {

    margin-top: 25px;

    font-size: 14px;

    line-height: 1.7;

  }

}

.about .title-name {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  line-height: 1;

}

@media only screen and (max-width: 1536px) {

  .about .title-name {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .title-name {

    font-size: 24px;

  }

}

.about .content1 {

  box-sizing: border-box;

  padding-left: calc((100vw - 1330px) / 2);

  padding-left: calc((var(--body-width) - var(--content-width)) / 2);

  padding-top: 108px;

  padding-bottom: 145px;

  width: 100%;

  background-color: #ffffff;

  position: relative;

}

.about .content1::before {

  content: "";

  position: absolute;

  pointer-events: none;

  right: 0;

  bottom: 0;

  height: 80vh;

  width: 80vh;

  background-image: linear-gradient(to left top, #bce8ff, transparent 45%);

  z-index: 3;

}

@media only screen and (max-width: 1024px) {

  .about .content1::before {

    height: 80vw;

    width: 80vw;

  }

}

@media only screen and (max-width: 1536px) {

  .about .content1 {

    padding-left: calc((100vw - 1100px) / 2);

  }

}

@media only screen and (max-width: 1280px) {

  .about .content1 {

    padding: 10vw 5vw;

  }

}

.about .content1 .box {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

}

@media only screen and (max-width: 1280px) {

  .about .content1 .box {

    display: block;

  }

}

.about .content1 .box .left {

  width: 620px;

}

@media only screen and (max-width: 1746px) {

  .about .content1 .box .left {

    width: 55%;

  }

}

@media only screen and (max-width: 1536px) {

  .about .content1 .box .left {

    width: 50%;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content1 .box .left {

    width: 100%;

  }

}

.about .content1 .box .left .xian {

  border-top: 1px solid #dbdada;

  margin-top: 35px;

}

.about .content1 .box .left .text {

  width: 100%;

  font-size: 18px;

  font-weight: 400;

  color: #3e3e3e;

  line-height: 2;

  white-space: pre-line;

  margin-top: 25px;

  text-align: justify;

}

@media only screen and (max-width: 1746px) {

  .about .content1 .box .left .text {

    font-size: 16px;

  }

}

.about .content1 .box .left .but {

  width: 100%;

  display: flex;

  justify-content: space-between;

  margin-top: 120px;

}

@media only screen and (max-width: 1746px) {

  .about .content1 .box .left .but {

    margin-top: 80px;

  }

}

@media only screen and (max-width: 1536px) {

  .about .content1 .box .left .but {

    margin-top: 50px;

  }

}

.about .content1 .box .left .but .tb {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  align-items: center;

}

.about .content1 .box .left .but .tb:hover > img {

  transform: scale(1.1);

}

.about .content1 .box .left .but .tb img {

  width: 55px;

  margin-bottom: 16px;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .about .content1 .box .left .but .tb img {

    width: 45px;

  }

}

.about .content1 .box .left .but .tb p {

  font-size: 20px;

  color: #333333;

  padding: 0;

  margin: 0;

  transition: all 0.5s;

}

@media only screen and (max-width: 1536px) {

  .about .content1 .box .left .but .tb p {

    font-size: 18px;

  }

}

.about .content1 .box .right {

  padding-right: 80px;

}

.about .content1 .box .right img {

  width: 100%;

  max-width: 820px;

  display: block;

}

@media only screen and (max-width: 1746px) {

  .about .content1 .box .right {

    padding: 0 60px;

  }

}

@media only screen and (max-width: 1536px) {

  .about .content1 .box .right {

    padding: 0 50px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content1 .box .right {

    padding: 10vw 5vw 0;

  }

}

.about .contact-us {

  padding: 100px 0;

}

@media only screen and (max-width: 1280px) {

  .about .contact-us {

    padding: 10vw 5vw;

  }

}

.about .contact-us .box {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

@media only screen and (max-width: 1280px) {

  .about .contact-us .box {

    width: 100%;

  }

}

.about .contact-us .box .title-name {

  margin-bottom: 25px;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .title-name {

    margin-bottom: 10px;

  }

}

.about .contact-us .box .des {

  margin-bottom: 60px;

}

.about .contact-us .box .des a {

  color: #0047a0;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .des {

    margin-bottom: 6vw;

    font-size: 13px;

  }

}

.about .contact-us .box .form form {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.about .contact-us .box .form form .form-item {

  width: calc(50% - 50px);

  margin-bottom: 40px;

}

@media only screen and (max-width: 1280px) {

  .about .contact-us .box .form form .form-item {

    width: calc(50% - 2.5vw);

    margin-bottom: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .form form .form-item {

    width: 100%;

    margin-bottom: 8vw;

  }

}

.about .contact-us .box .form form .form-item.full {

  width: 100%;

}

.about .contact-us .box .form form .form-item label {

  font-weight: 500;

  color: #000;

  margin-bottom: 20px;

  display: block;

}

.about .contact-us .box .form form .form-item input,

.about .contact-us .box .form form .form-item select,

.about .contact-us .box .form form .form-item textarea {

  appearance: none;

  box-shadow: none;

  height: 68px;

  border-radius: 10px;

  border: 1px solid #d9d9d9;

  padding: 0 20px;

  width: 100%;

  display: block;

  font-family: inherit;

  font-size: 16px;

  outline-color: #0047a0;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .form form .form-item input,

  .about .contact-us .box .form form .form-item select,

  .about .contact-us .box .form form .form-item textarea {

    height: 56px;

    font-size: 14px;

    padding: 0 5vw;

  }

}

.about .contact-us .box .form form .form-item textarea {

  padding: 15px 20px;

  height: 200px;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .form form .form-item textarea {

    height: 150px;

  }

}

.about .contact-us .box .form form .form-item button {

  width: 300px;

  height: 60px;

  appearance: none;

  border-radius: 10px;

  outline: none;

  background-color: #0047a0;

  color: #fff;

  font-family: inherit;

  font-size: 16px;

  text-align: center;

  border: none;

  cursor: pointer;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .form form .form-item button {

    width: 100%;

    height: 50px;

  }

}

.about .contact-us .box .form form .form-item .code {

  display: flex;

  align-items: center;

}

.about .contact-us .box .form form .form-item .code img {

  width: 150px;

}

.about .contact-us .box .form form .form-item .code input {

  width: 200px;

  height: 56px;

  margin: 0 20px;

}

@media only screen and (max-width: 640px) {

  .about .contact-us .box .form form .form-item .code input {

    flex: auto;

    width: 150px;

  }

}

.about .contact-us .box .form form .form-item .code p {

  cursor: pointer;

  font-size: 22px;

}

.about .content2 {

  width: 100%;

  padding-top: 70px;

  padding-bottom: 130px;

  background-image: url(../images/fzls-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

@media only screen and (max-width: 1280px) {

  .about .content2 {

    padding-top: 10vw;

    padding-bottom: 10vw;

  }

}

.about .content2 .box {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.about .content2 .box .xian {

  height: 1px;

  background: linear-gradient(to right, white, transparent);

  margin-top: 50px;

  margin-bottom: 25px;

}

.about .content2 .box .dh {

  width: 100%;

  display: none;

  font-size: 30px;

  font-weight: bold;

  color: #7cbcfe;

  line-height: 1;

}

.about .content2 .box .dh .year + .year {

  margin-left: 80px;

}

.about .content2 .box .dh .year {

  padding: 24px 0;

  position: relative;

  cursor: pointer;

}

.about .content2 .box .dh .year.xz {

  color: #fff;

}

.about .content2 .box .dh .year.xz::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 5px;

  background-color: #fff;

  left: 0;

  bottom: 0;

}

.about .content2 .box .swiper {

  display: none;

  margin-top: 60px;

  width: 100%;

}

.about .content2 .box .swiper.active {

  display: block;

}

.about .content2 .box .swiper .swiper-slide {

  width: auto;

}

.about .content2 .box .swiper .swiper-slide .swiper-in {

  width: 100%;

}

.about .content2 .box .swiper .swiper-slide .swiper-in .img-box {

  background-position: center center;

  background-size: cover;

  border-radius: 10px;

}

.about .content2 .box .swiper .swiper-slide .swiper-in .zi {

  font-size: 16px;

  color: #f9f9f9;

  white-space: pre-line;

  margin-top: 15px;

  line-height: 1.7;

}

.about .content2 .box .swiper_one_button {

  display: flex;

  align-items: center;

  margin-top: 110px;

}

.about .content2 .box .swiper_one_button .btn {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  background-color: #fff;

  color: #146dc6;

  color: var(--color);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  font-weight: bold;

  cursor: pointer;

}

.about .content2 .box .swiper_one_button .btn.swiper-button-disabled {

  cursor: not-allowed;

  opacity: 0.5;

}

.about .content2 .box .swiper_one_button .btn:hover {

  opacity: 0.5;

}

.about .content2 .box .swiper_one_button .btn + .btn {

  margin-left: 35px;

}

.about .content3 {

  width: 100%;

  padding: 80px 0 120px;

}

@media only screen and (max-width: 1280px) {

  .about .content3 {

    padding: 10vw 5vw;

  }

}

.about .content3 .box {

  width: 1330px;

  width: var(--content-width);

  height: 100%;

  margin: 0 auto;

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box {

    width: 100%;

  }

}

.about .content3 .box .des {

  margin-top: 50px;

  font-size: 16px;

  line-height: 2;

  text-align: justify;

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .des {

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .des {

    font-size: 14px;

    line-height: 1.8;

  }

}

.about .content3 .box .ge6 {

  width: 100%;

  margin-top: 100px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

@media only screen and (max-width: 1536px) {

  .about .content3 .box .ge6 {

    margin-top: 70px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 {

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 {

    display: block;

  }

}

.about .content3 .box .ge6 .da {

  width: calc((100% - 90px) / 3);

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 .da {

    width: calc((100% - 10vw) / 3);

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da {

    width: 100%;

  }

}

.about .content3 .box .ge6 .da .img-box {

  background-color: #f3f3f3;

  border-radius: 10px;

  padding: 60px 0;

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 .da .img-box {

    padding: 5vw 0;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da .img-box {

    font-size: 14px;

    line-height: 1.8;

  }

}

.about .content3 .box .ge6 .da img {

  width: 125px;

  margin: 0 auto;

  display: block;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .about .content3 .box .ge6 .da img {

    width: 90px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 .da img {

    width: 60px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da img {

    width: 100px;

  }

}

.about .content3 .box .ge6 .da .name {

  font-size: 24px;

  font-weight: bold;

  margin-top: 40px;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .about .content3 .box .ge6 .da .name {

    font-size: 20px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 .da .name {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da .name {

    margin-top: 5vw;

  }

}

.about .content3 .box .ge6 .da .text {

  font-size: 18px;

  line-height: 2;

  margin-top: 12px;

  color: #3e3e3e;

}

@media only screen and (max-width: 1536px) {

  .about .content3 .box .ge6 .da .text {

    font-size: 16px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content3 .box .ge6 .da .text {

    font-size: 14px;

  }

}

.about .content3 .box .ge6 .da .line {

  height: 1px;

  position: relative;

  background-color: #dbdada;

  margin-top: 100px;

}

@media only screen and (max-width: 1536px) {

  .about .content3 .box .ge6 .da .line {

    margin-top: 70px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da .line {

    margin-top: 10vw;

  }

}

.about .content3 .box .ge6 .da .line::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 4px;

  background-color: #0047a0;

  transform: scaleX(0);

  transform-origin: left center;

  transition: all 0.25s;

}

@media (min-width: 1280px) {

  .about .content3 .box .ge6 .da:hover .name {

    color: #0047a0;

  }

  .about .content3 .box .ge6 .da:hover .line::before {

    transform: scaleX(1);

  }

  .about .content3 .box .ge6 .da:hover img {

    transform: scale(1.1);

  }

}

@media only screen and (max-width: 640px) {

  .about .content3 .box .ge6 .da + .da {

    margin-top: 10vw;

  }

}

.about .content4 {

  width: 100%;

  padding: 62px 0 80px;

  background-image: url(../images/gltd-bj.jpg);

  background-repeat: no-repeat;

  background-size: 100% auto;

  background-position: center top;

  background-color: #f6f7fc;

}

@media only screen and (max-width: 1280px) {

  .about .content4 {

    padding: 10vw 5vw;

  }

}

.about .content4 .box {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

.about .content4 .box .names {

  margin-bottom: 50px;

  position: relative;

}

.about .content4 .box .names .tab {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: none;

}

.about .content4 .box .names .tab .item + .item {

  margin-left: 50px;

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .names .tab .item + .item {

    margin-left: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .names .tab {

    position: relative;

    height: auto;

    margin-top: 8vw;

  }

}

.about .content4 .box .names .tab .item {

  pointer-events: all;

  min-width: 260px;

  height: 60px;

  background-color: #fff;

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  cursor: pointer;

  padding: 0 20px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .box .names .tab .item {

    font-size: 18px;

    min-width: 220px;

    height: 54px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .names .tab .item {

    font-size: 16px;

    min-width: 160px;

    height: 50px;

    padding: 0 10px;

  }

}

.about .content4 .box .names .tab .item.active {

  background-color: #0047a0;

  color: #fff;

}

.about .content4 .box .names .tab .item.active .icon-box img {

  opacity: 0;

}

.about .content4 .box .names .tab .item.active .icon-box img.active {

  opacity: 1;

}

.about .content4 .box .names .tab .item .icon-box {

  position: relative;

  width: 33px;

  margin-right: 16px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .box .names .tab .item .icon-box {

    width: 26px;

    margin-right: 12px;

  }

}

.about .content4 .box .names .tab .item .icon-box img {

  display: block;

}

.about .content4 .box .names .tab .item .icon-box .active {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  opacity: 0;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box {

    width: 100%;

  }

}

.about .content4 .box .wz1 {

  font-size: 36px;

  font-weight: bold;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .box .wz1 {

    font-size: 28px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box .wz1 {

    font-size: 24px;

    text-align: center;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .wz1 {

    font-size: 20px;

  }

}

.about .content4 .box .wz2 {

  font-size: 18px;

  margin-top: 8px;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box .wz2 {

    text-align: center;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .wz2 {

    font-size: 16px;

  }

}

.about .content4 .box .boss {

  width: 100%;

  display: flex;

  justify-content: space-between;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box .boss {

    margin-top: 10vw;

    display: block;

  }

}

.about .content4 .box .boss .z {

  width: 287px;

  flex-shrink: 0;

}

.about .content4 .box .boss .z img {

  width: 100%;

  border-radius: 15px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .box .boss .z {

    width: 270px;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box .boss .z {

    margin: 0 auto;

  }

}

.about .content4 .box .boss .y {

  flex: auto;

  padding-left: 60px;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box .boss .y {

    padding-left: 0;

    padding-top: 0;

  }

}

.about .content4 .box .boss .y .item {

  display: none;

  line-height: 1.7;

  text-align: justify;

  color: #333333;

  white-space: pre-line;

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .boss .y .item {

    font-size: 14px;

    margin-top: 5vw;

  }

}

.about .content4 .box .boss .y .item.active {

  display: block;

}

.about .content4 .box .boss .y .item p + p {

  margin-top: 20px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .box .boss .y .item p + p {

    margin-top: 10px;

  }

}

.about .content4 .box .ygfc {

  font-size: 30px;

  font-weight: bold;

  color: #333333;

  margin: 80px 0 30px;

}

.about .content4 .box .swiper .img {

  background-position: center center;

  background-size: cover;

  border-radius: 15px;

}

.about .content4 .box .swiper .last-name {

  text-align: center;

  margin-top: 10px;

  font-size: 17px;

  font-weight: bold;

}

.about .content4 .box .last {

  width: 100%;

  position: relative;

}

.about .content4 .box .last .controller {

  position: absolute;

  width: 100%;

  top: 44%;

  left: 0;

  transform: translateY(-50%);

  pointer-events: none;

  display: flex;

  justify-content: space-between;

}

.about .content4 .box .last .controller .btn {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #d3d3d3;

  color: #fff;

  margin-left: -70px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 24px;

  pointer-events: all;

  cursor: pointer;

}

.about .content4 .box .last .controller .btn:hover {

  background-color: #146dc6;

  background-color: var(--color);

}

.about .content4 .box .last .controller .btn.swiper-next {

  margin-left: 0;

  margin-right: -70px;

}

@media (min-width: 1280px) {

  .about .content4 .box .directors .item:hover .img-box img {

    transform: scale(1.08);

  }

}

.about .content4 .box .directors .item .img-box {

  overflow: hidden;

  padding-top: 70%;

  position: relative;

}

.about .content4 .box .directors .item .img-box img {

  position: absolute;

  display: block;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: all 0.5s;

}

.about .content4 .box .directors .item .text {

  padding: 20px;

  height: 175px;

  background-color: #fafafa;

}

@media only screen and (max-width: 1024px) {

  .about .content4 .box .directors .item .text {

    padding: 15px;

    height: 145px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item .text {

    padding: 10px;

    height: 100px;

  }

}

.about .content4 .box .directors .item .text .d {

  font-size: 12px;

  margin-bottom: 8px;

  color: #828181;

}

.about .content4 .box .directors .item .text .n {

  color: #333;

  font-size: 18px;

  line-height: 1.2em;

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item .text .n {

    font-size: 15px;

  }

}

.about .content4 .box .directors .item .text .p {

  color: #828181;

  font-size: 14px;

  line-height: 20px;

  margin-top: 7px;

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item .text .p {

    font-size: 13px;

  }

}

.about .content4 .box .directors .item:nth-child(4n) {

  margin-right: 0;

}

@media only screen and (max-width: 1024px) {

  .about .content4 .box .directors .item:nth-child(4n) {

    margin-right: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(4n) {

    margin-right: 0;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(2n) {

    margin-right: 0;

  }

}

@media only screen and (max-width: 1024px) {

  .about .content4 .box .directors .item:nth-child(3n) {

    margin-right: 0;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(3n) {

    margin-right: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(n + 3) {

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 1024px) {

  .about .content4 .box .directors .item:nth-child(n + 4) {

    margin-top: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(n + 4) {

    margin-top: 5vw;

  }

}

.about .content4 .box .directors .item:nth-child(n + 5) {

  margin-top: 30px;

}

@media only screen and (max-width: 1024px) {

  .about .content4 .box .directors .item:nth-child(n + 5) {

    margin-top: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .box .directors .item:nth-child(n + 5) {

    margin-top: 5vw;

  }

}

.about .content4 .box + .box {

  margin-top: 70px;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .box + .box {

    margin-top: 10vw;

  }

}

@media only screen and (max-width: 1280px) {

  .about .content4 .lists {

    display: block;

  }

}

.about .content4 .lists .item {

  border-radius: 20px;

  background-color: rgba(255, 255, 255, 0.4);

  padding: 35px 30px;

  flex: 1;

}

.about .content4 .lists .item .ttt {

  display: flex;

  align-items: center;

}

@media only screen and (max-width: 640px) {

  .about .content4 .lists .item .ttt {

    display: block;

  }

}

.about .content4 .lists .item .ttt .tt + .tt {

  margin-left: 60px;

}

@media only screen and (max-width: 640px) {

  .about .content4 .lists .item .ttt .tt + .tt {

    margin-left: 0;

    margin-top: 10px;

  }

}

.about .content4 .lists .item .tt {

  display: flex;

  align-items: center;

}

.about .content4 .lists .item .tt img {

  display: block;

  width: 30px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .lists .item .tt img {

    width: 24px;

  }

}

.about .content4 .lists .item .tt p {

  font-size: 20px;

  font-weight: 500;

  margin-left: 10px;

  color: #0047a0;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .lists .item .tt p {

    font-size: 18px;

  }

}

.about .content4 .lists .item .dd {

  font-size: 16px;

  line-height: 2;

  text-align: justify;

  color: #333333;

}

@media only screen and (max-width: 640px) {

  .about .content4 .lists .item .dd {

    font-size: 14px;

  }

}

.about .content4 .dsz {

  padding-bottom: 80px;

}

@media only screen and (max-width: 1280px) {

  .about .content4 .dsz {

    padding-bottom: 0;

  }

}

.about .content4 .dsz .tt {

  display: flex;

  align-items: center;

}

.about .content4 .dsz .tt img {

  width: 32px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .dsz .tt img {

    width: 28px;

  }

}

.about .content4 .dsz .tt p {

  font-size: 24px;

  font-weight: bold;

  color: #000;

  margin-left: 10px;

}

@media only screen and (max-width: 1536px) {

  .about .content4 .dsz .tt p {

    font-size: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .about .content4 .dsz .tt p {

    font-size: 18px;

  }

}

.Product_service :root {

  --color: #146DC6;

}

.Product_service .top {

  width: 100vw;

  height: calc(900 / 1920 * 100vw);

  background-image: url(../images/bigbg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

}

.Product_service .top div {

  font-size: calc(68*2/1920*100vh);

  font-weight: bold;

  color: #FBFCFF;

  position: absolute;

  left: calc(298*2/1920*100vh);

  top: calc(407*2/1920*100vh);

}

.Product_service .top p {

  font-size: 14px;

  font-weight: 400;

  color: #FBFCFF;

  position: absolute;

  left: calc(298*2/1920*100vh);

  bottom: calc(45*2/1920*100vh);

}

.Product_service .title {

  width: 100vw;

  height: 70px;

  background: #FFFFFF;

  display: flex;

  justify-content: center;

}

.Product_service .title p {

  margin: 0 calc(95*2/1920*100vh);

  display: flex;

  align-items: center;

  padding: 0 10px;

}

.Product_service .title .lan {

  font-weight: bold;

  color: #146dc6;

  color: var(--color);

  border-bottom: 3px solid #146dc6;

  border-bottom: 3px solid var(--color);

}

.Product_service #cont1 .content {

  width: 100vw;

  background-image: url(../images/bg1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  box-sizing: border-box;

  padding: 99px 0;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content {

    padding: 10vw 5vw;

  }

}

.Product_service #cont1 .content .cp1 {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .cp1 {

    width: 100%;

    display: block;

  }

}

.Product_service #cont1 .content .cp1 .test {

  width: 45%;

  height: 100%;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .cp1 .test {

    width: 100%;

    height: auto;

    text-align: justify;

  }

}

.Product_service #cont1 .content .cp1 .test .name {

  font-size: 18px;

  font-weight: bold;

  color: #005CB9;

  line-height: 24px;

}

.Product_service #cont1 .content .cp1 .test .english {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  margin-top: 56px;

  position: relative;

  display: flex;

  align-items: center;

}

.Product_service #cont1 .content .cp1 .test .english .p-video-btn {

  position: relative;

  left: auto;

  top: auto;

  margin-left: 20px;

  font-size: 16px;

  font-weight: normal;

  width: auto;

  padding: 5px 10px;

}

@media only screen and (max-width: 640px) {

  .Product_service #cont1 .content .cp1 .test .english .p-video-btn {

    font-size: 12px;

    padding: 3px 6px;

  }

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont1 .content .cp1 .test .english {

    font-size: 28px;

    margin-top: 40px;

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .cp1 .test .english {

    font-size: 22px;

    margin-top: 5vw;

  }

}

.Product_service #cont1 .content .cp1 .test .tests {

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 24px;

  margin-top: 40px;

  white-space: pre-line;

}

.Product_service #cont1 .content .cp1 .test .icon {

  width: 100%;

  column-count: 3;

}

.Product_service #cont1 .content .cp1 .test .icon div {

  padding-top: 56px;

  break-inside: avoid;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

}

.Product_service #cont1 .content .cp1 .test .icon div p span {

  display: block;

  text-align: center;

}

.Product_service #cont1 .content .cp1 .test .icon div img {

  width: 33px;

  height: 33px;

  margin-bottom: 10px;

}

.Product_service #cont1 .content .cp1 .image {

  width: 50%;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .cp1 .image {

    margin-top: 5vw;

    width: 100%;

  }

}

.Product_service #cont1 .content .cp1 .image img {

  width: 100%;

  height: 100%;

}

.Product_service #cont1 .content .but {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  margin-top: 70px;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .but {

    width: 100%;

    margin-top: 5vw;

  }

}

.Product_service #cont1 .content .but .but-title {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .but .but-title {

    font-size: 20px;

  }

}

.Product_service #cont1 .content .but .kp {

  width: 100%;

  margin-top: 35px;

  display: flex;

  justify-content: space-between;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .but .kp {

    height: auto;

    margin-top: 5vw;

    flex-wrap: wrap;

  }

}

.Product_service #cont1 .content .but .kp div {

  height: 100%;

  width: 24%;

  border-radius: 10px;

  overflow: hidden;

  position: relative;

}

.Product_service #cont1 .content .but .kp div p {

  position: absolute;

  top: 50%;

  left: 28px;

  font-size: 18px;

  font-weight: bold;

  color: #FFFFFF;

  line-height: 20px;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont1 .content .but .kp div p {

    font-size: 14px;

    left: 10px;

  }

}

.Product_service #cont1 .content .but .kp div img {

  width: 100%;

  height: 100%;

  display: block;

}

.Product_service #cont1 .content:nth-child(2) {

  background-image: none;

}

@media screen and (max-width: 1280px) {

  .Product_service #cont1 .content:nth-child(2) .cp1 {

    display: flex;

    flex-direction: column-reverse;

  }

}

.Product_service #cont1 .content:nth-child(3) {

  background-image: url(../images/bg2.jpg);

}

.Product_service #cont2 .top-img {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  padding: 120px 0;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img {

    padding: 10vw 5vw;

    width: 100%;

  }

}

.Product_service #cont2 .top-img .tt {

  font-size: 36px;

  font-weight: bold;

  line-height: 1;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .top-img .tt {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .tt {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .top-img .tt {

    font-size: 18px;

  }

}

.Product_service #cont2 .top-img .des {

  line-height: 2;

  margin-top: 36px;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .des {

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .top-img .des {

    font-size: 14px;

    line-height: 1.8;

  }

}

.Product_service #cont2 .top-img .tou {

  margin-top: 80px;

  display: flex;

  justify-content: space-between;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .tou {

    margin-top: 5vw;

    display: block;

  }

}

.Product_service #cont2 .top-img .tou .item {

  flex: 1;

  position: relative;

}

.Product_service #cont2 .top-img .tou .item .img-box {

  border-radius: 12px;

  overflow: hidden;

  position: relative;

}

.Product_service #cont2 .top-img .tou .item .img-box::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  left: 0;

  bottom: 0%;

  background-image: linear-gradient(to top, #0a315c 35%, rgba(10, 49, 92, 0.2));

}

.Product_service #cont2 .top-img .tou .item .img-box img {

  display: block;

  width: 100%;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .tou .item .img-box {

    height: 350px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .top-img .tou .item .img-box {

    border-radius: 8px;

  }

}

.Product_service #cont2 .top-img .tou .item .text {

  position: absolute;

  width: 100%;

  z-index: 2;

  left: 0;

  bottom: 0;

  color: #FFFFFF;

  padding: 50px 35px;

  text-align: justify;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .top-img .tou .item .text {

    padding: 40px 35px;

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .tou .item .text {

    padding: 5vw;

  }

}

.Product_service #cont2 .top-img .tou .item .text p {

  font-size: 22px;

  font-weight: bold;

  text-align: center;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .top-img .tou .item .text p {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .top-img .tou .item .text p {

    font-size: 16px;

  }

}

.Product_service #cont2 .top-img .tou .item .text div {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

  line-height: 2;

  width: 100%;

  bottom: 0;

  left: 0;

  opacity: 0;

  position: absolute;

  pointer-events: none;

  padding: 40px 35px;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .top-img .tou .item .text div {

    font-size: 14px;

    line-height: 1.8;

  }

}

@media only screen and (max-width: 1024px) {

  .Product_service #cont2 .top-img .tou .item .text div {

    position: relative;

    opacity: 1;

    pointer-events: all;

    padding: 20px 0 0;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .top-img .tou .item .text div {

    font-size: 13px;

    line-height: 1.8;

    text-align: justify;

  }

}

@media (min-width: 1280px) {

  .Product_service #cont2 .top-img .tou .item:hover .text p {

    opacity: 0;

  }

  .Product_service #cont2 .top-img .tou .item:hover .text div {

    opacity: 1;

    pointer-events: all;

  }

}

.Product_service #cont2 .top-img .tou .item + .item {

  margin-left: 45px;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .top-img .tou .item + .item {

    margin-left: 0;

    margin-top: 5vw;

  }

}

.Product_service #cont2 .chain {

  padding: 40px 0;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain {

    padding: 0 5vw 10vw;

  }

}

.Product_service #cont2 .chain .box {

  display: flex;

  padding-left: calc(300 / 1920 * 100vw);

  align-items: center;

  justify-content: space-between;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .chain .box {

    padding-left: calc((100vw - 1100px) / 2);

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box {

    padding-left: 0;

    display: block;

  }

}

.Product_service #cont2 .chain .box .left {

  width: 38%;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box .left {

    width: 100%;

  }

}

.Product_service #cont2 .chain .box .left .tt {

  font-size: 36px;

  color: #333333;

  font-weight: bold;

  line-height: 1;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .chain .box .left .tt {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box .left .tt {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .chain .box .left .tt {

    font-size: 18px;

  }

}

.Product_service #cont2 .chain .box .left .p-video-btn {

  position: relative;

  left: auto;

  top: auto;

  border-color: #000;

  border-radius: 36px;

  padding: 6px 25px;

  margin-top: 50px;

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .chain .box .left .p-video-btn {

    margin-top: 20px;

    padding: 6px 15px;

  }

}

.Product_service #cont2 .chain .box .left .line {

  border-top: 1px solid #dbdada;

  margin-top: 35px;

  margin-bottom: 44px;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box .left .line {

    margin-bottom: 5vw;

  }

}

.Product_service #cont2 .chain .box .left .des {

  font-size: 18px;

  line-height: 2;

  text-align: justify;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box .left .des {

    font-size: 16px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .chain .box .left .des {

    font-size: 14px;

    line-height: 1.8;

  }

}

.Product_service #cont2 .chain .box .right {

  width: 53%;

}

.Product_service #cont2 .chain .box .right img {

  display: block;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .chain .box .right {

    width: 100%;

    border-radius: 16px;

    overflow: hidden;

    margin-top: 5vw;

  }

}

.Product_service #cont2 .fz {

  width: 100%;

  display: flex;

}

.Product_service #cont2 .fz .fz-5 {

  width: 20%;

  height: 100%;

  position: relative;

  overflow: hidden;

}

.Product_service #cont2 .fz .fz-5 img {

  width: 100%;

  display: block;

}

.Product_service #cont2 .fz .fz-5 .icon {

  width: 50px;

  height: auto;

  position: absolute;

  bottom: calc(200/1920*100vw);

  left: 50%;

  margin-left: -25px;

  color: #FFFFFF;

  text-align: center;

}

.Product_service #cont2 .fz .fz-5 .icon span {

  font-size: 42px;

}

.Product_service #cont2 .fz .fz-5 .zi {

  width: 100%;

  height: 42px;

  position: absolute;

  bottom: 123px;

  text-align: center;

  font-size: 18px;

  font-weight: bold;

  color: #FFFFFF;

}

.Product_service #cont2 .fz .fz-5 #n {

  position: absolute;

  top: 100%;

  width: 100%;

  height: 100%;

  transition: all 0.5s;

}

.Product_service #cont2 .fz .fz-5 #n .hover {

  width: 100%;

  height: 100%;

  background-color: rgba(18, 79, 157, 0.8);

  top: 0;

  left: 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.Product_service #cont2 .fz .fz-5 #n .hover ul {

  list-style-type: circle;

  font-size: 16px;

  font-weight: bold;

  color: #FFFFFF;

  margin-top: 10%;

  transition: all 0.5s;

}

.Product_service #cont2 .fz .fz-5 #n .hover ul li {

  line-height: 36px;

  list-style: disc;

}

.Product_service #cont2 .fz .fz-5 #n .hover .image {

  width: 49px;

  height: 42px;

  margin: 0 auto;

  margin-top: 30%;

  color: #FFFFFF;

}

.Product_service #cont2 .fz .fz-5 #n .hover .image span {

  font-size: 42px;

}

.Product_service #cont2 .fz .fz-5 #n .hover #test {

  margin-top: 10%;

  width: 100%;

  height: 42px;

  text-align: center;

  font-size: 24px;

  font-weight: bold;

  color: #FFFFFF;

}

.Product_service #cont2 .fz .fz-5:hover > #n {

  transition: all 0.5s;

  top: 0;

}

.Product_service #cont2 .fz .fz-5:hover > .icon,

.Product_service #cont2 .fz .fz-5:hover > .zi {

  display: none;

}

.Product_service #cont2 .buts {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  padding-top: 100px;

  box-sizing: border-box;

  padding-bottom: 80px;

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .buts {

    width: 100%;

    padding: 0 5vw 10vw;

  }

}

.Product_service #cont2 .buts .bt {

  font-size: 36px;

  font-weight: bold;

}

@media only screen and (max-width: 1536px) {

  .Product_service #cont2 .buts .bt {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .Product_service #cont2 .buts .bt {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .buts .bt {

    font-size: 18px;

  }

}

.Product_service #cont2 .buts .btnr {

  font-size: 18px;

  font-weight: 400;

  line-height: 2;

  margin-top: 36px;

  text-align: justify;

}

@media only screen and (max-width: 640px) {

  .Product_service #cont2 .buts .btnr {

    font-size: 14px;

    line-height: 1.8;

    margin-top: 5vw;

  }

}

.Product_service #cont2 .dada {

  background-image: url(../images/lbbg.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

  box-sizing: border-box;

  padding: 81px 0;

}

.certificate {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  height: auto;

  display: flex;

  justify-content: space-between;

  padding: 0 80px;

}

.certificate .swiper-slide:hover > .hidden2 > .img {

  transition: all 0.5s;

  transform: scale(1.1);

}

.certificate .swiper-slide:hover > p {

  font-weight: bold;

  color: #146dc6;

  color: var(--color);

}

.certificate .swiper-slide .img {

  margin: 0 auto;

  width: 100%;

  background-position: center center;

  background-size: cover;

  border-radius: 10px;

  transition: all 0.5s;

  overflow: hidden;

}

.certificate .swiper-slide .img img {

  display: block;

}

.certificate .swiper-slide p {

  font-size: 13px;

  font-weight: 400;

  color: #333333;

  width: 100%;

  text-align: center;

  border-bottom: 2px solid #dee0e1;

  padding: 15px 0;

}

.certificate .swiper-slide .button {

  width: 91px;

  line-height: 30px;

  background: #FFFFFF;

  border: 1px solid #CFD8E0;

  border-radius: 15px;

  text-align: center;

  display: block;

  color: #146dc6;

  color: var(--color);

  margin: 0 auto;

  margin-top: 15px;

}

.certificate .swiper-button-next {

  width: 48px;

  height: 48px;

  position: absolute;

  top: 45%;

  right: 0;

  z-index: 999;

  border: 1px solid #FFFFFF;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100% ;

  font-size: 28px;

  background-color: #c3d0d5;

  color: #FFFFFF;

}

.certificate .swiper-button-next:active {

  background-color: #0153a7;

}

.certificate .swiper-button-prev {

  width: 48px;

  height: 48px;

  position: absolute;

  top: 45%;

  left: 0;

  z-index: 999;

  border: 1px solid #FFFFFF;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 100% ;

  font-size: 28px;

  background-color: #c3d0d5;

  color: #FFFFFF;

}

.certificate .swiper-button-prev:active {

  background-color: #0153a7;

}

.innovation #title {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

}

@media only screen and (max-width: 1536px) {

  .innovation #title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .innovation #title {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .innovation #title {

    font-size: 18px;

  }

}

.innovation .top {

  width: 100vw;

  height: calc(900 / 1920 * 100vw);

  background-image: url(../images/topbg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

}

.innovation .top div {

  font-size: 68px;

  font-weight: bold;

  color: #fbfcff;

  position: absolute;

  left: calc(299 / 1920 * 100vw);

  top: calc(407 / 1920 * 100vw);

}

.innovation .top p {

  font-size: 14px;

  font-weight: 400;

  color: #fbfcff;

  position: absolute;

  left: calc(299 / 1920 * 100vw);

  bottom: 45px;

}

.innovation .bg2 {

  width: 100vw;

  height: auto;

  background-image: url(../images/bg2.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  box-sizing: border-box;

  padding-left: calc(300 / 1920 * 100vw);

  padding-top: calc(224 / 1920 * 100vw);

  padding-bottom: calc(274 / 1920 * 100vw);

}

@media only screen and (max-width: 1536px) {

  .innovation .bg2 {

    padding-left: calc((100vw - 1100px) / 2);

  }

}

@media only screen and (max-width: 1280px) {

  .innovation .bg2 {

    padding: 10vw 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .innovation .bg2 {

    background-position: 30% center;

  }

}

.innovation .bg2 .content {

  width: calc(735 / 1920 * 100vw);

  height: auto;

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 36px;

  margin-top: 67px;

  text-align: justify;

}

@media only screen and (max-width: 1280px) {

  .innovation .bg2 .content {

    width: 60%;

    margin-top: 30px;

  }

}

@media only screen and (max-width: 640px) {

  .innovation .bg2 .content {

    font-size: 14px;

    line-height: 1.8;

    margin-top: 5vw;

    width: 100%;

    text-align: justify;

  }

}

.innovation .cxjg {

  width: 100%;

  box-sizing: border-box;

  padding-left: calc(299 / 1920 * 100vw);

  padding-top: calc(164 / 1920 * 100vw);

  padding-bottom: calc(189 / 1920 * 100vw);

}

@media only screen and (max-width: 1536px) {

  .innovation .cxjg {

    padding: 80px 0 80px calc((100vw - 1100px) / 2);

  }

}

@media only screen and (max-width: 1280px) {

  .innovation .cxjg {

    padding: 10vw 0 5vw 5vw;

  }

}

.innovation .cxjg .box {

  width: 100%;

  height: 100%;

}

.innovation .cxjg .box .hua {

  width: 100%;

  margin-top: 42px;

}

.innovation .cxjg .box .hua .swiper {

  width: calc(100% + 30px);

  height: 100%;

  position: relative;

  --swiper-navigation-size: 18px;

  margin-left: -30px;

  /* 设置按钮大小 */

}

.innovation .cxjg .box .hua .swiper .swiper-slide {

  width: 450px;

  padding: 30px;

}

.innovation .cxjg .box .hua .swiper .swiper-slide:hover img {

  transform: scale(1.05);

}

.innovation .cxjg .box .hua .swiper .swiper-slide img {

  width: 100%;

  height: calc(225 / 1920 * 100vw);

  border-radius: 10px;

  object-fit: cover;

  object-position: center center;

  transition: all 0.25s;

}

@media only screen and (max-width: 1280px) {

  .innovation .cxjg .box .hua .swiper .swiper-slide img {

    height: auto;

  }

}

.innovation .cxjg .box .hua .swiper .swiper-slide .name {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 15px;

}

@media only screen and (max-width: 1280px) {

  .innovation .cxjg .box .hua .swiper .swiper-slide .name {

    font-size: 18px;

  }

}

.innovation .cxjg .box .hua .swiper .swiper-slide .test {

  width: 100%;

  height: 90px;

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 30px;

  text-overflow: ellipsis;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  margin-top: 10px;

}

@media only screen and (max-width: 1280px) {

  .innovation .cxjg .box .hua .swiper .swiper-slide .test {

    height: 75px;

    line-height: 25px;

  }

}

.innovation .cxjg .box .hua .swiper .swiper_one_button {

  position: relative;

  left: 0;

  bottom: 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 160px;

  height: 80px;

  margin-left: 30px;

}

.innovation .cxjg .box .hua .swiper .swiper_one_button .btn {

  width: 45px;

  height: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #c0c0c0;

  font-size: 12px;

  border-radius: 50%;

  border: 2px solid #c0c0c0;

  cursor: pointer;

  font-size: 20px;

}

.innovation .cxjg .box .hua .swiper .swiper_one_button .btn:hover {

  color: #146dc6;

  border-color: #146dc6;

}

.innovation .xtcx {

  width: 100%;

  box-sizing: border-box;

  padding: 130px 0 80px;

}

@media only screen and (max-width: 1280px) {

  .innovation .xtcx {

    padding: 10vw 0 5vw;

  }

}

.innovation .xtcx #title {

  text-align: center;

}

.innovation .xtcx .lists {

  padding: 110px calc(300 / 1920 * 100vw);

  display: flex;

  align-items: flex-start;

  justify-content: center;

}

@media only screen and (max-width: 1536px) {

  .innovation .xtcx .lists {

    padding: 80px calc((100vw - 1100px) / 2);

  }

}

@media only screen and (max-width: 1280px) {

  .innovation .xtcx .lists {

    flex-wrap: wrap;

    padding: 10vw 5vw;

  }

}

.innovation .xtcx .lists .item {

  flex: 1;

  position: relative;

}

@media only screen and (max-width: 1024px) {

  .innovation .xtcx .lists .item {

    width: 50%;

    flex: unset;

  }

}

@media only screen and (max-width: 640px) {

  .innovation .xtcx .lists .item {

    width: 100%;

  }

}

.innovation .xtcx .lists .item .img-box {

  overflow: hidden;

}

.innovation .xtcx .lists .item .img-box img {

  width: 100%;

  display: block;

  transition: all 0.25s;

}

.innovation .xtcx .lists .item .text {

  position: absolute;

  width: 100%;

  bottom: 0;

  left: 0;

  z-index: 2;

  padding: 80px 40px 40px;

  overflow: hidden;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .innovation .xtcx .lists .item .text {

    padding: 60px 25px 30px;

  }

}

@media only screen and (max-width: 640px) {

  .innovation .xtcx .lists .item .text {

    padding: 12vw 5vw 5vw;

  }

}

.innovation .xtcx .lists .item .text .name {

  font-size: 18px;

  color: #000;

  font-weight: 500;

}

.innovation .xtcx .lists .item .text .des {

  white-space: pre-line;

  color: rgba(64, 64, 64, 0.7);

  line-height: 1.8;

  font-size: 14px;

  margin-top: 12px;

}

.innovation .xtcx .lists .item .text * {

  position: relative;

  z-index: 2;

}

.innovation .xtcx .lists .item .text::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 140%;

  height: 100%;

  background-color: #fff;

  opacity: 0.9;

  transform: rotate(7deg);

  transform-origin: left top;

}

@media (min-width: 1280px) {

  .innovation .xtcx .lists .item:hover .img-box img {

    transform: scale(1.1);

  }

  .innovation .xtcx .lists .item:hover .text {

    padding: 100px 40px 60px;

  }

}

@media (min-width: 1280px) and only screen and (max-width: 1536px) {

  .innovation .xtcx .lists .item:hover .text {

    padding: 80px 25px 40px;

  }

}

.news .top-search {

  box-sizing: content-box;

  padding-top: 100px;

  height: 70px;

}

.news .top-search .title {

  width: 100%;

  height: 100%;

  background-color: #F8F8F8;

  display: flex;

  align-items: center;

  box-sizing: border-box;

  padding: 0 200px;

}

.news .banner {

  width: 1330px;

  width: var(--content-width);

  height: 100vh;

  background: url(../images/bg617.jpg) no-repeat 100%/100%;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}

.news .banner h2 {

  font-size: 68px;

  font-weight: bold;

  color: #FBFCFF;

  margin-top: 400px;

}

.news .banner p {

  height: 14px;

  position: absolute;

  bottom: 40px;

  left: calc(299/1920 * 100vw);

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #FBFCFF;

}

.news .banner p > span {

  width: 60px;

  color: white;

  border: none;

  font-size: 14px;

  text-align: center;

}

.news .change-page {

  width: 100vw;

  height: 70px;

  border-bottom: 1px solid #999;

}

.news .change-page .tow-chang {

  width: 333px;

  height: 70px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 0 auto;

}

.news .change-page .tow-chang p {

  height: 70px;

  line-height: 70px;

  cursor: pointer;

  font-size: 18px;

  font-weight: 400;

  color: #333333;

  position: relative;

}

.news .change-page .tow-chang p:hover {

  color: #146DC6;

  font-weight: 600;

}

.news .change-page .tow-chang p:hover i {

  display: block;

}

.news .change-page .tow-chang p i {

  display: block;

  width: 100%;

  height: 3px;

  background-color: #146DC6;

  position: absolute;

  bottom: 0;

  display: none;

}

.news .change-page .tow-chang .chang-btn1 {

  color: #146DC6;

  font-weight: 600;

}

.news .change-page .tow-chang .chang-btn1 i {

  display: block;

}

.news .second-nav {

  background-color: #F9FAFC;

  display: flex;

  padding: 64px 0;

  justify-content: center;

}

@media only screen and (max-width: 1280px) {

  .news .second-nav {

    padding: 5vw;

  }

}

.news .second-nav .item {

  display: flex;

  width: 470px;

  height: 108px;

  border-radius: 10px;

  background-color: #fff;

  box-shadow: 0 0 20px 0 rgba(222, 222, 222, 0.5);

  font-size: 20px;

  font-weight: 600;

  justify-content: center;

  align-items: center;

}

@media only screen and (max-width: 1536px) {

  .news .second-nav .item {

    width: 400px;

    height: 92px;

    font-size: 18px;

  }

}

@media only screen and (max-width: 1280px) {

  .news .second-nav .item {

    width: 200px;

    height: 65px;

    font-size: 16px;

  }

}

@media only screen and (max-width: 640px) {

  .news .second-nav .item {

    width: 150px;

    height: 50px;

    font-size: 14px;

  }

}

.news .second-nav .item.active {

  background-color: #0C4FA4;

  color: #fff;

}

.news .second-nav .item img {

  width: 30px;

  height: 30px;

  margin-right: 20px;

}

@media only screen and (max-width: 1536px) {

  .news .second-nav .item img {

    width: 24px;

    height: 24px;

    margin-right: 10px;

  }

}

@media only screen and (max-width: 1280px) {

  .news .second-nav .item img {

    width: 20px;

    height: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .news .second-nav .item img {

    width: 16px;

    height: 16px;

    margin-right: 6px;

  }

}

.news .second-nav .item + .item {

  margin-left: 100px;

}

@media only screen and (max-width: 1280px) {

  .news .second-nav .item + .item {

    margin-left: 5vw;

  }

}

.news .resource-list {

  padding: 50px 0;

}

@media only screen and (max-width: 1280px) {

  .news .resource-list {

    padding: 10vw 5vw;

  }

}

.news .resource-list .resource-box {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

@media only screen and (max-width: 1536px) {

  .news .resource-list .resource-box {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .news .resource-list .resource-box {

    width: 100%;

  }

}

.news .resource-list .resource-box .total {

  color: #9C9C9C;

}

.news .resource-list .resource-box .lists {

  display: flex;

  flex-wrap: wrap;

  margin-top: 40px;

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists {

    display: block;

  }

}

.news .resource-list .resource-box .lists .item {

  width: calc(50% - 28px);

  margin-right: 56px;

  background: #FFFFFF;

  box-shadow: 0 0 20px 0 rgba(222, 222, 222, 0.5);

  border-radius: 10px;

  padding: 30px 36px;

  display: flex;

  align-items: center;

}

@media only screen and (max-width: 1280px) {

  .news .resource-list .resource-box .lists .item {

    width: calc(50% - 2.5vw);

    padding: 20px;

    margin-right: 5vw;

    display: block;

  }

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item {

    width: 100%;

    margin-right: 0;

    padding: 0;

    overflow: hidden;

  }

}

.news .resource-list .resource-box .lists .item .img-box {

  width: 300px;

  height: 220px;

  flex-shrink: 0;

}

.news .resource-list .resource-box .lists .item .img-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

@media only screen and (max-width: 1536px) {

  .news .resource-list .resource-box .lists .item .img-box {

    width: 240px;

    height: 176px;

  }

}

@media only screen and (max-width: 1280px) {

  .news .resource-list .resource-box .lists .item .img-box {

    width: 100%;

    height: 200px;

  }

}

.news .resource-list .resource-box .lists .item .text {

  flex: auto;

  padding-left: 40px;

}

@media only screen and (max-width: 1280px) {

  .news .resource-list .resource-box .lists .item .text {

    padding-left: 0;

    padding-top: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item .text {

    padding: 5vw;

  }

}

.news .resource-list .resource-box .lists .item .text .title {

  font-size: 20px;

  font-weight: 500;

  line-height: 1.4;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

  color: #000;

}

@media only screen and (max-width: 1536px) {

  .news .resource-list .resource-box .lists .item .text .title {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item .text .title {

    font-size: 16px;

  }

}

.news .resource-list .resource-box .lists .item .text .size {

  color: #999999;

  margin-top: 10px;

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item .text .size {

    font-size: 12px;

  }

}

.news .resource-list .resource-box .lists .item .text .link {

  display: flex;

  width: 132px;

  height: 38px;

  background-color: #0C4FA4;

  border-radius: 19px;

  align-items: center;

  justify-content: center;

  color: #fff;

  margin-top: 48px;

}

@media only screen and (max-width: 1536px) {

  .news .resource-list .resource-box .lists .item .text .link {

    margin-top: 30px;

  }

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item .text .link {

    font-size: 14px;

    margin-top: 5vw;

  }

}

.news .resource-list .resource-box .lists .item .text .link img {

  width: 20px;

  margin-right: 6px;

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item .text .link img {

    width: 16px;

  }

}

.news .resource-list .resource-box .lists .item:nth-child(2n) {

  margin-right: 0;

}

@media only screen and (max-width: 640px) {

  .news .resource-list .resource-box .lists .item + .item {

    margin-top: 5vw;

  }

}

.news .resource-list .resource-box .lists .item:nth-child(n + 3) {

  margin-top: 50px;

}

@media only screen and (max-width: 1280px) {

  .news .resource-list .resource-box .lists .item:nth-child(n + 3) {

    margin-top: 5vw;

  }

}

.news .news-list1 {

  position: relative;

}

.news .news-list1 .swiper {

  padding: 74px 0 47px;

}

.news .news-list1 .swiper .swiper-pagination {

  bottom: 50px;

  --swiper-pagination-bullet-size: 10px;

  --swiper-pagination-bullet-inactive-color: var(--color);

  --swiper-pagination-bullet-inactive-color: #146dc6;

}

.news .news-list1 .swiper .swiper-slide {

  width: 1330px;

  width: var(--content-width);

}

.news .news-list1 .swiper .swiper-slide .slide {

  background-color: #F0F2F7;

  padding: 45px 34px;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  border-radius: 20px;

}

.news .news-list1 .swiper .swiper-slide .slide .img {

  width: 50%;

  background-position: center center;

  background-size: cover;

  margin-right: 44px;

  border-radius: 10px;

  overflow: hidden;

  border: none;

  flex-shrink: 0;

}

.news .news-list1 .swiper .swiper-slide .slide .left {

  flex: auto;

}

.news .news-list1 .swiper .swiper-slide .slide .left > b {

  font-size: 30px;

  font-weight: bold;

  line-height: 1.7;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.news .news-list1 .swiper .swiper-slide .slide .left p {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 1.7;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  margin-top: calc(60/1920*100vw);

  overflow: hidden;

}

.news .news-list1 .swiper .swiper-slide .slide .left span {

  font-size: 18px;

  font-weight: bold;

  color: #999999;

  line-height: 1.7;

  display: block;

  margin-top: calc(40/1920*100vw);

  display: none;

}

.news .news-list1 .swiper .swiper-slide .slide .left a {

  color: #146dc6;

  color: var(--color);

  font-size: 14px;

  margin-top: calc(30/1920*100vw);

  display: inline-block;

}

.news .news-list1 .swiper img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.news .news-list1 .list1-cont {

  width: 1330px;

  width: var(--content-width);

  height: 100%;

  margin: 0 auto;

  /* 注意!! 这个两个样式是一些效果必备的! */

}

.news .news-list1 .list1-cont .list {

  width: 100%;

  height: 100%;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

  list-style: none;

  display: flex;

  flex-wrap: wrap;

  padding-top: 70px;

}

.news .news-list1 .list1-cont .list li:nth-child(3n) {

  margin-right: 0;

}

.news .news-list1 .list1-cont .list li {

  width: calc((100% - 60px) / 3);

  margin-bottom: 84px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  margin-right: 30px;

}

.news .news-list1 .list1-cont .list li:hover .imgs {

  transform: scale(1.05);

}

.news .news-list1 .list1-cont .list li:hover p {

  color: #146dc6;

}

.news .news-list1 .list1-cont .list li:hover span {

  color: rgba(20, 109, 198, 0.6);

}

.news .news-list1 .list1-cont .list li .imgs {

  border-radius: 10px;

  background-position: center center;

  background-size: cover;

  transition: all 0.25s;

}

.news .news-list1 .list1-cont .list li .imgs img {

  width: 100%;

  height: 100%;

}

.news .news-list1 .list1-cont .list li p {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  margin-top: 20px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: all 0.25s;

}

.news .news-list1 .list1-cont .list li span {

  font-size: 18px;

  border: none;

  font-weight: bold;

  color: #999999;

  transition: all 0.25s;

  display: none;

}

@media only screen and (max-width: 640px) {

  .news .news-list1 .list1-cont .list li span {

    font-size: 14px;

  }

}

.news .news-list1 .list1-cont .paging_btn {

  display: flex;

  justify-content: space-around;

}

.news .news-list1 .list1-cont .paging_btn > span:hover {

  background-color: #146DC6;

  color: #fff;

}

.news .news-list1 .list1-cont .paging_active {

  background-color: #146DC6;

  color: #fff;

}

.news .news-list1 .list1-cont span {

  width: 40px;

  height: 40px;

  color: #333;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  transition: 0.5s;

  border: 1px solid #ccc;

  border-right: 0;

}

.news .news-list1 .list1-cont span:nth-last-child {

  border: 1px solid #ccc;

}

.news .news-list1 .list1-cont .paging_content {

  display: flex;

  justify-content: center;

  margin-top: 50px;

}

.news .news-list1 .list1-cont .paging_first,

.news .news-list1 .list1-cont .paging_last,

.news .news-list1 .list1-cont .paging_up,

.news .news-list1 .list1-cont .paging_down {

  width: 60px;

  height: 40px;

  line-height: 40px;

  color: #333;

  border: 1px solid #ccc;

  cursor: pointer;

  text-align: center;

  border-right: 0;

}

.news .news-list1 .list1-cont .paging_last {

  border: 1px solid #ccc;

  margin-right: 10px;

}

.news .news-list1 .list1-cont .paging_first:hover,

.news .news-list1 .list1-cont .paging_last:hover,

.news .news-list1 .list1-cont .paging_up:hover,

.news .news-list1 .list1-cont .paging_down:hover {

  background-color: #b6b6b6;

  color: #fff;

}

.news .news-list1 .list1-cont .paging_Btn p {

  color: red;

}

.news .news-list1 .list1-cont .paging_textBox {

  margin-right: 10px;

  color: #585858;

  font-size: 18px;

}

.news .news-list1 .list1-cont .paging_textBox input {

  margin: 0 2px;

  width: 50px;

  height: 38px;

  border: 1px solid #ccc;

  outline: none;

}

.news .news-list1 .list1-cont .paging_textBox button {

  width: 50px;

  height: 38px;

  cursor: pointer;

  color: #333;

  border: 1px solid #ccc;

  transition: 0.5s;

  margin-left: 10px;

  outline: none;

}

.news .news-list1 .list1-cont .paging_textBox button:hover {

  background: #b6b6b6;

}

.news .news-list1 .list1-cont .paging_max {

  padding: 0 10px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #8b8b8b;

}

.news .news-list1 .list1-cont .paging_none {

  display: none !important;

}

.news .news-list1 .list1-cont .paging_btn_none_block {

  display: block !important;

}

.news .news-list1 .paging_content {

  height: 130px;

}

.news .news-list2 {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  list-style: none;

  /* 注意!! 这个两个样式是一些效果必备的! */

}

.news .news-list2 .box-sou .sou {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding-top: 80px;

}

.news .news-list2 .box-sou .sou .div {

  border-radius: 30px;

  border: 2px solid #F8F8F8;

  width: 70%;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding-right: 20px;

}

.news .news-list2 .box-sou .sou .div span {

  color: #146DC6;

  font-size: 36px;

  border: none;

  font-weight: bold;

}

.news .news-list2 .box-sou .sou .div input {

  flex: auto;

  height: 60px;

  outline: none;

  color: #146DC6;

  font-size: 24px;

  font-weight: bold;

  padding-left: 30px;

  border: none;

  font-family: inherit;

}

.news .news-list2 .box-sou .sou .gps {

  display: flex;

  justify-content: space-between;

  width: 90%;

  margin-top: 35px;

}

.news .news-list2 .box-sou .sou .gps p {

  color: #333333;

  font-size: 16px;

  padding: 15px;

}

.news .news-list2 .box-sou .sou .gps .lan {

  border-bottom: 3px solid #146DC6;

  color: #146DC6;

  font-weight: bold;

}

.news .news-list2 .box-sou .jg {

  font-size: 16px;

  font-weight: 400;

  color: #9C9C9C;

  margin-top: 32px;

}

.news .news-list2 .box-sou .jg span {

  color: #146DC6;

  border: none;

  font-weight: bold;

}

.news .news-list2.search-box ul li .text {

  width: 100%;

}

.news .news-list2 ul li {

  width: 100%;

  height: 242px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-bottom: 1px solid #e4e4e4;

  padding: 45px 0;

  cursor: pointer;

}

.news .news-list2 ul li:hover .imgs {

  transform: scale(1.05);

}

.news .news-list2 ul li:hover .text {

  color: #146dc6;

}

.news .news-list2 ul li:hover > p,

.news .news-list2 ul li:hover > p span {

  color: rgba(20, 109, 198, 0.6);

}

.news .news-list2 ul li .imgs {

  background-position: center center;

  background-size: cover;

  border-radius: 20px;

  width: 268px;

  flex-shrink: 0;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .news .news-list2 ul li .imgs {

    width: 230px;

  }

}

.news .news-list2 ul li .text {

  width: 100%;

  padding: 15px 34px;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.news .news-list2 ul li .text h2 {

  font-size: 24px;

  font-weight: bold;

  transition: all 0.25s;

  line-height: 1.8;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

@media only screen and (max-width: 1536px) {

  .news .news-list2 ul li .text h2 {

    font-size: 20px;

  }

}

.news .news-list2 ul li .text p {

  width: 100%;

  height: auto;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.8;

  overflow: hidden;

  text-overflow: ellipsis;

  text-overflow: -webkit-ellipsis-lastline;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  transition: all 0.25s;

}

.news .news-list2 ul li > p {

  display: none;

  flex-direction: column;

  width: 200px;

  font-size: 18px;

  font-weight: bold;

  color: #999999;

  text-align: right;

  transition: all 0.25s;

}

.news .news-list2 ul li > p span {

  text-align: right;

  border: none;

  width: 100%;

  height: auto;

  font-size: 36px!important;

  font-weight: bold;

  line-height: 1.8;

  color: #999999;

  transition: all 0.25s;

}

@media only screen and (max-width: 1536px) {

  .news .news-list2 ul li > p span {

    font-size: 30px!important;

  }

}

.news .news-list2 .paging_btn {

  display: flex;

  justify-content: space-around;

}

.news .news-list2 .paging_btn > span:hover {

  background-color: #146DC6;

  color: #fff;

}

.news .news-list2 .paging_active {

  background-color: #146DC6;

  color: #fff;

}

.news .news-list2 span {

  width: 40px;

  height: 40px;

  color: #333;

  line-height: 40px;

  text-align: center;

  cursor: pointer;

  transition: 0.5s;

  border: 1px solid #ccc;

  border-right: 0;

}

.news .news-list2 span:nth-last-child {

  border: 1px solid #ccc;

}

.news .news-list2 .paging_content {

  display: flex;

  justify-content: center;

  margin-top: 50px;

}

.news .news-list2 .paging_first,

.news .news-list2 .paging_last,

.news .news-list2 .paging_up,

.news .news-list2 .paging_down {

  width: 60px;

  height: 40px;

  line-height: 40px;

  color: #333;

  border: 1px solid #ccc;

  cursor: pointer;

  text-align: center;

  border-right: 0;

}

.news .news-list2 .paging_last {

  border: 1px solid #ccc;

  margin-right: 10px;

}

.news .news-list2 .paging_first:hover,

.news .news-list2 .paging_last:hover,

.news .news-list2 .paging_up:hover,

.news .news-list2 .paging_down:hover {

  background-color: #b6b6b6;

  color: #fff;

}

.news .news-list2 .paging_Btn p {

  color: red;

}

.news .news-list2 .paging_textBox {

  margin-right: 10px;

  color: #585858;

  font-size: 18px;

}

.news .news-list2 .paging_textBox input {

  margin: 0 2px;

  width: 50px;

  height: 38px;

  border: 1px solid #ccc;

  outline: none;

}

.news .news-list2 .paging_textBox button {

  width: 50px;

  height: 38px;

  cursor: pointer;

  color: #333;

  border: 1px solid #ccc;

  transition: 0.5s;

  margin-left: 10px;

  outline: none;

}

.news .news-list2 .paging_textBox button:hover {

  background: #b6b6b6;

}

.news .news-list2 .paging_max {

  padding: 0 10px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #8b8b8b;

}

.news .news-list2 .paging_none {

  display: none !important;

}

.news .news-list2 .paging_btn_none_block {

  display: block !important;

}

.news .paging {

  padding: 62px 0 120px;

}

.news-particulars {

  margin-top: 100px;

}

.news-particulars .nav {

  height: 70px;

  background: #F8F8F8;

  padding: 0 calc(300 / 1920 * 100vw);

  padding: 0 var(--padding-300);

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media only screen and (max-width: 1746px) {

  .news-particulars .nav {

    padding: 0 calc((100vw - 1250px) / 2);

    padding: 0 var(--padding-300);

  }

}

@media only screen and (max-width: 1536px) {

  .news-particulars .nav {

    padding: 0 calc((100vw - 1100px) / 2);

    padding: 0 var(--padding-300);

  }

}

@media only screen and (max-width: 1280px) {

  .news-particulars .nav {

    padding: 0 5vw;

  }

}

.news-particulars .nav p {

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  line-height: 9px;

}

.news-particulars .nav a {

  font-size: 14px;

  color: #0C4FA4;

}

.news-particulars .title {

  text-align: center;

  font-size: 36px;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

  margin: 76px 0 50px 0;

}

.news-particulars .title-day {

  text-align: center;

  font-size: 16px;

  display: none;

  font-weight: 400;

  color: #333333;

  line-height: 32px;

  margin-bottom: 30px;

}

.news-particulars .cont {

  width: 1323px;

  margin: 0 auto;

  padding: 30px 0;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

}

.news-particulars .cont .img {

  width: 1132px;

  height: 638px;

  margin: 0 auto;

  margin-bottom: 30px;

}

.news-particulars .cont .img > img {

  width: 1132px;

  height: 638px;

}

.news-particulars .cont .txt {

  width: 1132px;

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 36px;

  margin: 0 auto;

}

.news-particulars .cont .txt > P {

  margin-bottom: 97px;

}

.news-particulars .cont .txt > span {

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 36px;

}

.news-particulars .cont .txt > span .vx {

  width: 26px;

  height: 21px;

  margin: 0 21px 0 31px;

}

.news-particulars .change-page {

  height: 165px;

  width: 100vw;

  padding: 0 calc(298/1920 * 100vw);

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.news-particulars .change-page .left {

  display: flex;

  align-items: center;

}

.news-particulars .change-page .left p {

  margin: 0 29px;

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

}

.news-particulars .change-page .left p:hover {

  color: #999;

}

.news-particulars .change-page .right {

  display: flex;

  align-items: center;

}

.news-particulars .change-page .right p {

  margin: 0 29px;

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

}

.news-particulars .change-page .right p:hover {

  color: #999;

}

.news-particulars .change-page .right img {

  transform: rotateZ(180deg);

}

.join .join-work {

  padding-top: 120px;

}

@media only screen and (max-width: 1536px) {

  .join .join-work {

    padding-top: 80px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-work {

    padding: 10vw 5vw;

  }

}

.join .join-title {

  text-align: center;

  font-size: 36px;

  font-weight: bold;

}

@media only screen and (max-width: 1536px) {

  .join .join-title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-title {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-title {

    font-size: 18px;

  }

}

.join .join-banner {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  height: 100vh;

  background: url('../images/bg617.jpg') no-repeat 100%/100%;

  overflow: hidden;

}

.join .join-banner > h2 {

  font-size: 68px;

  font-weight: bold;

  color: #FBFCFF;

  margin-top: 410px;

}

.join .join-banner > p {

  display: flex;

  align-items: center;

  margin-top: 155px;

}

.join .join-banner > p > span {

  font-size: 14px;

  color: #FBFCFF;

}

.join .join-banner > p > .iconfont {

  color: #FBFCFF;

  margin: 0 5px;

}

.join .join-txt {

  width: calc(1054/1920 * 100vw);

  margin: 60px auto;

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 30px;

}

@media only screen and (max-width: 1536px) {

  .join .join-txt {

    width: 1100px;

    margin: 40px auto 50px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-txt {

    width: 100%;

    margin: 5vw 0;

    font-size: 14px;

    text-align: justify;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-txt {

    font-size: 12px;

    line-height: 1.8;

  }

}

.join .join-link {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

@media only screen and (max-width: 1280px) {

  .join .join-link {

    width: 100%;

  }

}

.join .join-link li {

  flex: 1;

  padding-bottom: 30px;

  background: #FFFFFF;

  border: 1px solid #E1E1E1;

  border-radius: 10px;

  overflow: hidden;

}

@media only screen and (max-width: 1280px) {

  .join .join-link li {

    width: calc((100% - 10vw) / 3);

  }

}

.join .join-link li img {

  width: 100%;

  height: calc(322/1920 * 100vw);

}

.join .join-link li h3 {

  font-size: 30px;

  font-weight: bold;

  color: #333333;

  text-align: center;

  margin: 15px 0;

}

@media only screen and (max-width: 1536px) {

  .join .join-link li h3 {

    font-size: 22px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-link li h3 {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-link li h3 {

    font-size: 15px;

    margin-top: 10px;

    margin-bottom: 10px;

  }

}

.join .join-link li span {

  display: block;

  margin: 0 auto;

  width: 100px;

  height: 32px;

  background: #146DC6;

  border-radius: 16px;

  font-size: 14px;

  color: #FFFFFF;

  text-align: center;

  line-height: 32px;

  cursor: pointer;

}

.join .join-link li span:hover {

  background-color: #2683e1;

}

@media only screen and (max-width: 640px) {

  .join .join-link li span {

    font-size: 10px;

  }

}

.join .join-link li p {

  text-align: center;

  font-size: 14px;

  margin-top: 15px;

  color: #747474;

}

@media only screen and (max-width: 640px) {

  .join .join-link li p {

    font-size: 12px;

    line-height: 1.5;

    margin-top: 10px;

  }

}

.join .join-link li + li {

  margin-left: 50px;

}

@media only screen and (max-width: 1536px) {

  .join .join-link li + li {

    margin-left: 40px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-link li + li {

    margin-left: 0;

  }

}

.join .join-peixun {

  width: 100%;

  height: calc(660/1920 * 100vw);

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: 85px;

  position: relative;

  background-position: center center;

}

@media only screen and (max-width: 1280px) {

  .join .join-peixun {

    margin-top: 10vw;

    height: 300px;

    margin-bottom: 220px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-peixun {

    height: 200px;

    margin-bottom: 160px;

  }

}

.join .join-peixun .cot {

  width: 1330px;

  width: var(--content-width);

  position: absolute;

  bottom: 48px;

  left: 50%;

  transform: translateX(-50%);

  background-color: rgba(255, 255, 255, 0.8);

  border-radius: 10px;

  padding: 40px 80px;

}

@media only screen and (max-width: 1280px) {

  .join .join-peixun .cot {

    width: 100%;

    position: relative;

    left: 0;

    bottom: auto;

    transform: none;

    top: 300px;

    padding: 5vw 0;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-peixun .cot {

    top: 200px;

  }

}

.join .join-peixun .cot .lists {

  display: flex;

  margin-top: 50px;

}

@media only screen and (max-width: 640px) {

  .join .join-peixun .cot .lists {

    margin-top: 10vw;

  }

}

.join .join-peixun .cot .lists .item {

  display: flex;

  flex: 1;

  flex-direction: column;

  align-items: center;

  position: relative;

}

.join .join-peixun .cot .lists .item img {

  width: 45px;

  height: 45px;

}

@media only screen and (max-width: 1536px) {

  .join .join-peixun .cot .lists .item img {

    width: 40px;

    height: 40px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-peixun .cot .lists .item img {

    width: 30px;

    height: 30px;

  }

}

.join .join-peixun .cot .lists .item p {

  font-size: 22px;

  font-weight: bold;

  margin-top: 15px;

}

@media only screen and (max-width: 1536px) {

  .join .join-peixun .cot .lists .item p {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-peixun .cot .lists .item p {

    font-size: 14px;

  }

}

.join .join-peixun .cot .lists .item + .item::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 80%;

  width: 1px;

  background-color: #C3C3C3;

}

.join .join-lists {

  padding: 120px 0;

  position: relative;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists {

    padding: 80px 0;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists {

    padding: 10vw 5vw;

  }

}

.join .join-lists::before {

  content: "";

  width: 50%;

  top: 0;

  right: 0;

  height: 100%;

  background-color: #F8F9FA;

  position: absolute;

}

@media only screen and (max-width: 1280px) {

  .join .join-lists::before {

    display: none;

  }

}

.join .join-lists .content-width {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .content-width {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .content-width {

    width: 100%;

  }

}

.join .join-lists .join-title {

  text-align: left;

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .join-title {

    text-align: center;

  }

}

.join .join-lists .swiper-box {

  margin-top: 120px;

  display: flex;

  align-items: center;

  position: relative;

  z-index: 2;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box {

    margin-top: 80px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .swiper-box {

    margin-top: 5vw;

    display: block;

  }

}

.join .join-lists .swiper-box .swiper-container {

  width: 53%;

  margin-left: 0;

  margin-right: 0;

  border-top-right-radius: 14px;

  border-bottom-right-radius: 14px;

  flex-shrink: 0;

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .swiper-box .swiper-container {

    width: 100%;

    border-radius: 14px;

  }

}

.join .join-lists .swiper-box .swiper-container img {

  display: block;

}

.join .join-lists .swiper-box .switch {

  padding-left: 125px;

  padding-right: 125px;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box .switch {

    padding-left: 80px;

    padding-right: 80px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .swiper-box .switch {

    padding: 0;

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .swiper-box .switch .item {

    display: none;

  }

}

.join .join-lists .swiper-box .switch .item .title {

  font-size: 26px;

  font-weight: 600;

  cursor: pointer;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box .switch .item .title {

    font-size: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-lists .swiper-box .switch .item .title {

    font-size: 16px;

  }

}

.join .join-lists .swiper-box .switch .item .detail {

  font-size: 14px;

  line-height: 1.8;

  color: #6A6A6A;

  margin-top: 26px;

  display: none;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box .switch .item .detail {

    margin-top: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .join .join-lists .swiper-box .switch .item .detail {

    font-size: 12px;

  }

}

.join .join-lists .swiper-box .switch .item .detail li + li {

  margin-top: 16px;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box .switch .item .detail li + li {

    margin-top: 10px;

  }

}

@media only screen and (max-width: 1280px) {

  .join .join-lists .swiper-box .switch .item.active {

    display: block;

  }

}

.join .join-lists .swiper-box .switch .item.active .title {

  color: #146DC6;

}

.join .join-lists .swiper-box .switch .item.active .detail {

  display: block;

}

.join .join-lists .swiper-box .switch .item + .item {

  margin-top: 36px;

}

@media only screen and (max-width: 1536px) {

  .join .join-lists .swiper-box .switch .item + .item {

    margin-top: 26px;

  }

}

.investor .paging {

  padding: 60px 0;

}

.investor .inverstor-title {

  font-size: 36px;

  font-weight: bold;

}

@media only screen and (max-width: 1536px) {

  .investor .inverstor-title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .investor .inverstor-title {

    font-size: 26px;

  }

}

@media only screen and (max-width: 640px) {

  .investor .inverstor-title {

    font-size: 18px;

  }

}

.investor .shares {

  background-image: url(../images/bgbg.jpg);

  background-size: cover;

  background-position: center center;

  padding: 65px 0;

}

@media only screen and (max-width: 1280px) {

  .investor .shares {

    padding: 10vw 5vw;

  }

}

.investor .shares .content-width {

  width: 1330px;

  width: var(--content-width);

  display: flex;

  margin: 0 auto;

  align-items: center;

  justify-content: space-between;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .investor .shares .content-width {

    width: 100%;

    display: block;

  }

}

.investor .shares .content-width .text-box {

  width: 40%;

  line-height: 1.8;

  text-align: justify;

  color: #fff;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .text-box {

    font-size: 14px;

  }

}

@media only screen and (max-width: 1280px) {

  .investor .shares .content-width .text-box {

    width: 100%;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .text-box {

    font-size: 13px;

  }

}

.investor .shares .content-width .shares-box {

  width: 50%;

  background: rgba(0, 0, 0, 0.14);

  backdrop-filter: blur(10px);

  padding: 40px 45px;

  color: #fff;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .shares-box {

    padding: 30px 35px;

  }

}

@media only screen and (max-width: 1280px) {

  .investor .shares .content-width .shares-box {

    width: 100%;

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box {

    padding: 5vw;

    margin-top: 10vw;

  }

}

.investor .shares .content-width .shares-box .title {

  font-size: 20px;

  font-weight: 500;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .shares-box .title {

    font-size: 18px;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .title {

    font-size: 16px;

  }

}

.investor .shares .content-width .shares-box .datas {

  display: flex;

  margin: 50px 0;

  justify-content: space-between;

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .datas {

    margin: 10vw 0;

  }

}

.investor .shares .content-width .shares-box .datas .item {

  text-align: center;

}

.investor .shares .content-width .shares-box .datas .item .number {

  font-size: 30px;

  font-weight: bold;

}

.investor .shares .content-width .shares-box .datas .item .number span {

  color: #ff0000;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .shares-box .datas .item .number {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .datas .item .number {

    font-size: 16px;

  }

}

.investor .shares .content-width .shares-box .datas .item .name {

  color: #F0F2F3;

  opacity: 0.7;

  margin-top: 10px;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .shares-box .datas .item .name {

    font-size: 14px;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .datas .item .name {

    font-size: 12px;

  }

}

.investor .shares .content-width .shares-box .datas .item:nth-child(2) {

  padding: 0 70px;

  border-left: 1px solid rgba(255, 255, 255, 0.7);

  border-right: 1px solid rgba(255, 255, 255, 0.7);

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .datas .item:nth-child(2) {

    padding: 0 10vw;

    border-left: 1px solid rgba(255, 255, 255, 0.5);

    border-right: 1px solid rgba(255, 255, 255, 0.5);

  }

}

.investor .shares .content-width .shares-box .time,

.investor .shares .content-width .shares-box .tip {

  color: #F0F2F3;

  opacity: 0.7;

  line-height: 1.8;

  font-size: 14px;

}

@media only screen and (max-width: 1536px) {

  .investor .shares .content-width .shares-box .time,

  .investor .shares .content-width .shares-box .tip {

    font-size: 12px;

  }

}

@media only screen and (max-width: 640px) {

  .investor .shares .content-width .shares-box .time,

  .investor .shares .content-width .shares-box .tip {

    font-size: 10px;

  }

}

.investor .filter {

  padding-bottom: 60px;

}

.investor .filter form {

  display: flex;

  align-items: center;

}

@media only screen and (max-width: 1280px) {

  .investor .filter {

    padding-bottom: 5vw;

  }

}

.investor .filter select {

  display: block;

  background-color: #F3F4F8;

  appearance: none;

  border-radius: 4px;

  width: 350px;

  height: 50px;

  padding: 0 20px;

  font-size: 18px;

  font-family: inherit;

  border: none;

  outline-color: #0047A0;

}

@media only screen and (max-width: 1280px) {

  .investor .filter select {

    flex: auto;

  }

}

.investor .filter .search-btn {

  line-height: 50px;

  background-color: #0047A0;

  width: 150px;

  border-radius: 4px;

  margin-left: 6px;

  text-align: center;

  color: #fff;

  border: none;

  font-family: inherit;

  appearance: none;

  font-size: 16px;

  cursor: pointer;

}

.investor .report {

  padding: 50px 0 85px;

  background-color: #f8f8f8;

}

.investor .report .filter {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

@media only screen and (max-width: 1536px) {

  .investor .report .filter {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .investor .report .filter {

    width: 100%;

  }

}

@media only screen and (max-width: 1280px) {

  .investor .report {

    padding: 10vw 5vw;

  }

}

.investor .report.report4 .inverstor-title {

  text-align: center;

  margin-bottom: 80px;

}

@media only screen and (max-width: 1280px) {

  .investor .report.report4 .inverstor-title {

    margin-bottom: 5vw;

  }

}

.investor .report.report4 ul li:nth-child(n + 5) {

  display: none;

}

.investor .report ul {

  display: flex;

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto 75px;

  flex-wrap: wrap;

  justify-content: space-between;

}

@media only screen and (max-width: 1536px) {

  .investor .report ul {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .investor .report ul {

    margin-bottom: 5vw;

    width: 100%;

  }

}

.investor .report ul li {

  width: 23%;

  border-radius: 15px;

  background-image: url(../images/header-bg.png);

  padding: 55px 26px;

  overflow: hidden;

  position: relative;

  background-color: #fff;

  background-repeat: no-repeat;

  background-size: 160px auto;

  background-position: right bottom;

  border: 1px solid #E1E1E1;

  margin-bottom: 30px;

}

@media only screen and (max-width: 1280px) {

  .investor .report ul li {

    width: calc(50% - 2.5vw);

  }

}

.investor .report ul li::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 14px;

  background-color: #146DC6;

  left: 0;

  bottom: 0;

}

.investor .report ul li .date {

  font-size: 18px;

  font-weight: bold;

  color: #146DC6;

}

.investor .report ul li .name {

  font-size: 22px;

  font-weight: bold;

  color: #333333;

  margin-top: 20px;

}

.investor .report ul li > button {

  cursor: pointer;

  width: 91px;

  height: 31px;

  background: #FFFFFF;

  border: 1px solid #CFD8E0;

  border-radius: 15px;

  margin-top: calc(172/1920*100vw);

}

.investor .report ul li > button:hover {

  background: #e3e3e3;

}

.investor .report > p {

  text-align: center;

  cursor: pointer;

}

.investor .report > p > span {

  margin-right: 16px;

}

.investor .report > p:hover {

  color: #146DC6;

}

.investor .btn {

  width: 100%;

  padding: 100px 0 240px;

  background-image: url('../images/bg.jpg');

  background-position: center bottom;

  background-repeat: no-repeat;

}

@media only screen and (max-width: 1280px) {

  .investor .btn {

    padding: 10vw 5vw;

  }

}

.investor .btn .btns {

  display: flex;

  justify-content: space-between;

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

@media only screen and (max-width: 1280px) {

  .investor .btn .btns {

    width: 100%;

  }

}

.investor .btn .button + .button {

  background: rgba(201, 169, 128, 0.8);

}

.investor .btn .button {

  width: calc(50% - 35px);

  height: 160px;

  background: rgba(20, 109, 198, 0.8);

  border: 1px solid #FFFFFF;

  border-radius: 10px;

  cursor: pointer;

}

@media only screen and (max-width: 1280px) {

  .investor .btn .button {

    width: calc(50vw -2.5vw);

    height: auto;

    padding: 5vw 0;

    border: none;

  }

}

.investor .btn .button > p {

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 30px;

}

@media only screen and (max-width: 1280px) {

  .investor .btn .button > p {

    font-size: 20px;

  }

}

.investor .btn .button > p > span {

  color: white;

  font-size: 40px;

}

@media only screen and (max-width: 1280px) {

  .investor .btn .button > p > span {

    font-size: 30px;

  }

}

.investor .btn .button > p b {

  font-weight: bold;

  color: #FFFFFF;

  margin: 0 36px 0 32px;

}

@media only screen and (max-width: 1280px) {

  .investor .btn .button > p b {

    margin: 0 20px;

  }

}

.investor .btn .button:hover {

  opacity: 1;

}

.investor .list {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  padding-top: 80px;

}

@media only screen and (max-width: 1280px) {

  .investor .list {

    width: 100%;

    padding: 10vw 5vw 0;

  }

}

.investor .list .top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 20px;

}

.investor .list .top .more {

  background-color: #0047A0;

  color: #fff;

  border-radius: 8px;

  padding: 10px 25px;

  font-size: 14px;

}

@media only screen and (max-width: 640px) {

  .investor .list .top .more {

    font-size: 12px;

    padding: 8px 15px;

  }

}

.investor .list .paging_container > ul li {

  height: 92px;

  border-bottom: 1px solid #eee;

  display: flex;

  justify-content: space-between;

  align-items: center;

  cursor: pointer;

}

@media only screen and (max-width: 640px) {

  .investor .list .paging_container > ul li {

    display: block;

    height: auto;

    padding: 5vw 0;

  }

}

.investor .list .paging_container > ul li:hover > p,

.investor .list .paging_container > ul li:hover > b {

  color: #0047A0;

}

.investor .list .paging_container > ul li > p {

  display: flex;

  align-items: center;

  transition: all 0.25s;

}

.investor .list .paging_container > ul li > p img {

  width: 19px;

  margin-right: 18px;

}

.investor .list .paging_container > ul li > b {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  transition: all 0.25s;

}

@media only screen and (max-width: 640px) {

  .investor .list .paging_container > ul li > b {

    margin-top: 10px;

    display: block;

  }

}

.investor .list .paging_container > ul li > b span {

  font-weight: normal;

  color: #0047A0;

  margin-left: 10px;

  font-size: 20px;

}

@media only screen and (max-width: 640px) {

  .investor .list .paging_container > ul li > b span {

    font-size: 14px;

    margin-left: 4px;

  }

}

.sustainable #title {

  font-size: 36px;

  font-weight: bold;

  color: #333333;

}

@media only screen and (max-width: 1536px) {

  .sustainable #title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable #title {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable #title {

    font-size: 18px;

  }

}

.sustainable .top {

  width: 100vw;

  height: calc(900 / 1920 * 100vw);

  background-image: url(../images/banner1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

}

.sustainable .top div {

  font-size: 68px;

  font-weight: bold;

  color: #fbfcff;

  position: absolute;

  left: calc(298 / 1920 * 100vw);

  top: calc(407 / 1920 * 100vw);

}

.sustainable .top p {

  font-size: 14px;

  font-weight: 400;

  color: #fbfcff;

  position: absolute;

  left: calc(298 / 1920 * 100vw);

  bottom: 45px;

}

.sustainable .title-box {

  text-align: center;

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

.sustainable .title-box .title {

  font-size: 36px;

  font-weight: bold;

}

@media only screen and (max-width: 1536px) {

  .sustainable .title-box .title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .title-box .title {

    font-size: 24px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .title-box .title {

    font-size: 18px;

  }

}

.sustainable .title-box .des {

  line-height: 2;

  margin-top: 36px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .title-box .des {

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .title-box .des {

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;

  }

}

.sustainable .swiper2-list {

  opacity: 0;

  width: 0;

  height: 0;

  overflow: hidden;

  visibility: hidden;

}

.sustainable .hjbh {

  padding: 100px 0;

  background-color: #F9FAFC;

}

.sustainable .hjbh .des a {

  color: #146dc6;

  text-decoration: underline;

}

.sustainable .hjbh .more-auto-btn,

.sustainable .hjbh .swiper-container {

  pointer-events: all;

}

@media only screen and (max-width: 1536px) {

  .sustainable .hjbh {

    padding: 100px 0;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh {

    padding: 10vw 5vw;

  }

}

.sustainable .hjbh.lgqy {

  background-color: #fff;

}

.sustainable .hjbh.lgqy .lists {

  flex-wrap: wrap;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists {

    display: flex;

  }

}

.sustainable .hjbh.lgqy .lists .item {

  flex: unset;

  border: 1px solid rgba(220, 220, 220, 0.9);

  padding: 25px;

  height: 100%;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists .item {

    padding: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.lgqy .lists .item {

    width: 100%;

  }

}

.sustainable .hjbh.lgqy .lists .item .icon-box {

  position: relative;

}

.sustainable .hjbh.lgqy .lists .item .icon-box img {

  width: 40px;

}

.sustainable .hjbh.lgqy .lists .item .name {

  margin-top: 12px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists .item .name {

    font-size: 16px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists .item .des {

    line-height: 1.8;

    font-size: 14px;

    margin-top: 10px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.lgqy .lists .item .des {

    font-size: 13px;

  }

}

.sustainable .hjbh.lgqy .lists .item + .item {

  margin-left: 36px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists .item + .item {

    margin-left: 20px;

    margin-top: 0;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.lgqy .lists .item + .item {

    margin-left: 0;

    margin-top: 5vw;

  }

}

.sustainable .hjbh.lgqy .lists .item:nth-child(3n + 1) {

  margin-left: 0;

}

.sustainable .hjbh.lgqy .lists .item:nth-child( n + 4) {

  margin-top: 36px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.lgqy .lists .item:nth-child( n + 4) {

    margin-top: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.lgqy .lists .item:nth-child( n + 4) {

    margin-top: 5vw;

  }

}

.sustainable .hjbh.csgy {

  pointer-events: none;

  background-image: url(../images/gy-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center bottom;

  color: #fff;

}

.sustainable .hjbh.csgy .title-box {

  text-shadow: 0 0 10px rgba(55, 55, 55, 0.5);

}

.sustainable .hjbh.csgy .lists .item {

  color: #333;

  height: 100%;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.csgy .lists .item {

    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.3);

  }

}

.sustainable .hjbh.csgy .lists .item .icon-box img {

  width: 45px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.csgy .lists .item .icon-box img {

    width: 35px;

  }

}

.sustainable .hjbh.csgy .lists .item .name {

  margin-top: 15px;

}

.sustainable .hjbh.ddyhg .lists {

  flex-wrap: wrap;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.ddyhg .lists {

    display: flex;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.ddyhg .lists {

    display: block;

  }

}

.sustainable .hjbh.ddyhg .lists .item {

  height: 100%;

  border: 1px solid #E1EBEF;

  padding: 25px;

  padding-bottom: 40px;

}

.sustainable .hjbh.ddyhg .lists .item img {

  border-radius: 12px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.ddyhg .lists .item {

    padding: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.ddyhg .lists .item {

    width: 100%;

  }

}

.sustainable .hjbh.ddyhg .lists .item .download {

  pointer-events: all;

  color: #0C4FA4;

  margin-top: 20px;

  display: inline-block;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.ddyhg .lists .item .download {

    font-size: 14px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.ddyhg .lists .item .name {

    font-size: 16px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.ddyhg .lists .item .des {

    font-size: 14px;

    line-height: 1.8;

    margin-top: 10px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.ddyhg .lists .item .des {

    font-size: 12px;

  }

}

.sustainable .hjbh.ddyhg .lists .item + .item {

  margin-left: 30px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.ddyhg .lists .item + .item {

    margin-top: 0;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.ddyhg .lists .item + .item {

    margin-left: 0;

    margin-top: 5vw;

  }

}

.sustainable .hjbh.ddyhg .lists .item:nth-child(2n + 1) {

  margin-left: 0;

}

.sustainable .hjbh.ddyhg .lists .item:nth-child( n + 3) {

  margin-top: 30px;

}

.sustainable .hjbh.gyjj {

  background-color: #fff;

}

.sustainable .hjbh.gyjj .swiper-paging {

  text-align: center;

  padding-top: 50px;

}

.sustainable .hjbh.gyjj .swiper-paging .swiper-pagination-bullet {

  background-color: #000;

  margin: 0 5px;

}

.sustainable .hjbh.gyjj .swiper-paging .swiper-pagination-bullet-active {

  background-color: #0C4FA4;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.gyjj .swiper-paging {

    margin-top: 5vw;

  }

}

.sustainable .hjbh.gyjj .lists .swiper-box {

  width: 100%;

}

.sustainable .hjbh.gyjj .lists .item {

  padding: 0;

  display: block;

  width: 100%;

}

.sustainable .hjbh.gyjj .lists .item .date {

  font-size: 14px;

  font-weight: 500;

  color: #515459;

  margin-top: 15px;

}

.sustainable .hjbh.gyjj .lists .item .name {

  font-size: 18px;

  line-height: 1.5;

  text-align: justify;

  margin-top: 15px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.gyjj .lists .item .name {

    font-size: 14px;

    margin-top: 10px;

  }

}

.sustainable .hjbh.gyjj .lists .item:nth-child(n + 4) {

  display: none;

}

.sustainable .hjbh.gyjj .lists .item + .item {

  margin-left: 80px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.gyjj .lists .item + .item {

    margin-left: 0;

    margin-top: 5vw;

  }

}

.sustainable .hjbh.esg {

  background-color: #fff;

}

.sustainable .hjbh.esg .lists {

  justify-content: center;

  margin-bottom: 80px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.esg .lists {

    display: flex;

  }

}

.sustainable .hjbh.esg .lists .item {

  width: 370px;

  height: 68px;

  background: #FFFFFF;

  box-shadow: 0 0 20px 0 rgba(222, 222, 222, 0.5);

  border-radius: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex: unset;

  cursor: pointer;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.esg .lists .item {

    width: 280px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.esg .lists .item {

    width: 180px;

    height: 60px;

  }

}

.sustainable .hjbh.esg .lists .item.active {

  background-color: #0C4FA4;

}

.sustainable .hjbh.esg .lists .item.active p {

  color: #fff;

}

.sustainable .hjbh.esg .lists .item.active .icon-box img {

  opacity: 0;

  display: block;

}

.sustainable .hjbh.esg .lists .item.active .icon-box img.active {

  opacity: 1;

}

.sustainable .hjbh.esg .lists .item .icon-box {

  width: 25px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.esg .lists .item .icon-box {

    width: 20px;

  }

}

.sustainable .hjbh.esg .lists .item p {

  font-size: 18px;

  color: #000;

  font-weight: 600;

  margin-left: 10px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.esg .lists .item p {

    font-size: 14px;

    margin-left: 6px;

  }

}

.sustainable .hjbh.esg .lists .item + .item {

  margin-left: 80px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.esg .lists .item + .item {

    margin-top: 0;

    margin-left: 5vw;

  }

}

.sustainable .hjbh.esg .box {

  background-color: #F9FAFC;

  padding: 80px 0;

  margin-top: 80px;

}

.sustainable .hjbh.dq-box {

  background-color: #fff;

}

.sustainable .hjbh.dq-box .lists {

  position: relative;

  z-index: 2;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.dq-box .lists {

    display: flex;

  }

}

.sustainable .hjbh.dq-box .lists .item {

  align-items: center;

  display: flex;

  flex-direction: column;

  padding: 20px 0;

  border: 1px solid rgba(220, 220, 220, 0.9);

  cursor: pointer;

  background-color: #fff;

  height: auto;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .lists .item {

    padding: 15px 0;

  }

}

.sustainable .hjbh.dq-box .lists .item .icon-box {

  width: 25px;

  height: 25px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .lists .item .icon-box {

    width: 18px;

    height: 18px;

  }

}

.sustainable .hjbh.dq-box .lists .item .name {

  font-size: 16px;

  font-weight: normal;

  margin-top: 10px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .lists .item .name {

    font-size: 12px;

    text-align: center;

  }

}

.sustainable .hjbh.dq-box .lists .item.active {

  background-color: #0C4FA4;

  color: #fff;

  border-color: #0C4FA4;

}

.sustainable .hjbh.dq-box .lists .item.active .des {

  color: rgba(255, 255, 255, 0.8);

}

.sustainable .hjbh.dq-box .lists .item.active .icon-box img {

  opacity: 0;

}

.sustainable .hjbh.dq-box .lists .item.active .icon-box img.active {

  opacity: 1;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.dq-box .lists .item + .item {

    margin-top: 0;

    margin-left: 5vw;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .lists .item + .item {

    margin-left: 3vw;

  }

}

.sustainable .hjbh.dq-box .down {

  width: 1330px;

  width: var(--content-width);

  margin: 50px auto 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.sustainable .hjbh.dq-box .down .p-video-btn {

  position: relative;

  border-color: #000;

  border-radius: 36px;

  padding: 6px 25px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .down .p-video-btn {

    margin-bottom: 20px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh.dq-box .down {

    margin-top: 10vw;

    width: 100%;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh.dq-box .down {

    font-size: 12px;

    flex-direction: column;

  }

}

.sustainable .hjbh.dq-box .down a {

  color: #0C4FA4;

}

.sustainable .hjbh.dq-box .down a:hover {

  text-decoration: underline;

}

.sustainable .hjbh .lists {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  margin-top: 70px;

}

@media only screen and (max-width: 1536px) {

  .sustainable .hjbh .lists {

    width: 1100px;

    width: var(--content-width);

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh .lists {

    width: 100%;

    margin-top: 5vw;

    display: block;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .lists {

    margin-top: 10vw;

  }

}

.sustainable .hjbh .lists .item {

  background-color: #fff;

  border-radius: 10px;

  padding: 42px;

  flex: 1;

  height: 100%;

}

@media only screen and (max-width: 1536px) {

  .sustainable .hjbh .lists .item {

    padding: 30px;

  }

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh .lists .item {

    padding: 25px;

  }

}

.sustainable .hjbh .lists .item .icon-box {

  position: relative;

}

.sustainable .hjbh .lists .item .icon-box img {

  width: 55px;

  transition: all 0.25s;

  display: block;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh .lists .item .icon-box {

    width: 45px;

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .lists .item .icon-box {

    width: 35px;

  }

}

.sustainable .hjbh .lists .item .icon-box .active {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 2;

}

.sustainable .hjbh .lists .item .name {

  font-size: 20px;

  font-weight: 700;

  line-height: 1.4;

  margin-top: 25px;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .lists .item .name {

    font-size: 16px;

    margin-top: 5vw;

  }

}

.sustainable .hjbh .lists .item .des {

  font-size: 14px;

  line-height: 2;

  color: #515151;

  text-align: justify;

  margin-top: 20px;

}

.sustainable .hjbh .lists .item .des.fck a {

  color: #146dc6;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .lists .item .des {

    line-height: 1.8;

    margin-top: 5vw;

  }

}

.sustainable .hjbh .lists .item + .item {

  margin-left: 47px;

}

@media only screen and (max-width: 1280px) {

  .sustainable .hjbh .lists .item + .item {

    margin-left: 0;

    margin-top: 5vw;

  }

}

.sustainable .hjbh .swiper-box {

  width: 1330px;

  width: var(--content-width);

  height: 100%;

  position: relative;

  margin: 80px auto 0;

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .swiper-box {

    margin-left: 0;

    margin-top: 10vw;

  }

}

.sustainable .hjbh .swiper-box .content {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}

.sustainable .hjbh .swiper-box .content .left {

  width: calc(600 / 1920 * 100vw);

  z-index: 1;

}

@media only screen and (max-width: 1536px) {

  .sustainable .hjbh .swiper-box .content .left {

    width: 50%;

  }

}

.sustainable .hjbh .swiper-box .content .left .name {

  font-size: 24px;

  font-weight: bold;

  color: #222;

}

.sustainable .hjbh .swiper-box .content .left .text {

  font-weight: 400;

  color: #333333;

  line-height: 2;

  margin-top: 12px;

  text-align: justify;

}

.sustainable .hjbh .swiper-box .content .right {

  z-index: 1;

  width: calc(500 / 1920 * 100vw);

  height: calc(324/1920 * 100vw);

  border-radius: 10px;

  background-image: url(../images/seng.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.sustainable .hjbh .swiper-box .button {

  position: absolute;

  top: 50%;

  left: -150px;

  width: calc(100% + 300px);

  z-index: 5;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1746px) {

  .sustainable .hjbh .swiper-box .button {

    left: -120px;

    width: calc(100% + 240px);

  }

}

@media only screen and (max-width: 1536px) {

  .sustainable .hjbh .swiper-box .button {

    left: -100px;

    width: calc(100% + 200px);

  }

}

@media only screen and (max-width: 640px) {

  .sustainable .hjbh .swiper-box .button {

    display: none;

  }

}

.sustainable .hjbh .swiper-box .button .swiper-button-prev,

.sustainable .hjbh .swiper-box .button .swiper-button-next {

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 50%;

  font-size: 28px;

  color: #146dc6;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0 0 10px rgba(55, 55, 55, 0.1);

  background-color: #fff;

}

@media (min-width: 1280px) {

  .sustainable.hover .lists .item:hover {

    background-color: #0C4FA4;

    color: #fff;

  }

  .sustainable.hover .lists .item:hover .des {

    color: rgba(255, 255, 255, 0.8);

  }

  .sustainable.hover .lists .item:hover .icon-box img {

    opacity: 0;

  }

  .sustainable.hover .lists .item:hover .icon-box img.active {

    opacity: 1;

  }

}

.dq-box {

  position: relative;

}

.dq-box .qiu {

  position: absolute;

  top: 50%;

  left: 50%;

  width: calc(493 / 1920 * 100vw);

  height: calc(455 / 1920 * 100vw);

  margin-left: calc(-219.5/1920 * 100vw);

  margin-top: -11.84895833vw;

  z-index: 0;

  filter: opacity(0.8);

}

@keyframes circleRoate {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

.dq-box .qymb-box {

  width: 100%;

  background: border-box;

  padding-top: calc(109 / 1920 * 100vw);

  padding-bottom: calc(138 / 1920 * 100vw);

  position: relative;

}

.dq-box .qymb-box .da-da {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

.dq-box .qymb-box .da-da .swiper-box {

  position: relative;

  z-index: 2;

}

.dq-box .qymb-box .da-da .swiper-box .btn {

  width: 48px;

  height: 48px;

  border: 2px solid #dcdcdc;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  left: -90px;

  top: 50%;

  margin-top: -24px;

  font-size: 26px;

  color: #dcdcdc;

  transition: all 0.25s;

}

.dq-box .qymb-box .da-da .swiper-box .btn.swiper-button-next {

  left: auto;

  right: -90px;

}

.dq-box .qymb-box .da-da .swiper-box .btn:hover {

  background-color: #146dc6;

  color: #fff;

  border-color: #146dc6;

}

.dq-box .qymb-box .da-da .swiper2 {

  width: 100%;

  height: calc(322 / 1920 * 100vw);

  margin-top: 58px;

  overflow: hidden;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-slide {

  width: 31.5%;

  height: 100%;

  position: relative;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-slide img {

  width: 100%;

  height: 100%;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-slide .title {

  position: absolute;

  font-size: 26px;

  font-weight: bold;

  color: #ffffff;

  z-index: 999;

  top: 57px;

  left: 26px;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-slide p {

  position: absolute;

  font-size: 18px;

  font-weight: 400;

  color: #ffffff;

  line-height: 1.7;

  top: 100px;

  left: 26px;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-button-prev {

  z-index: 999;

  position: absolute;

  top: calc(352 / 1920 * 100vw);

  left: calc(206 / 1920 * 100vw);

  width: 48px;

  height: 48px;

}

.dq-box .qymb-box .da-da .swiper2 .swiper-button-next {

  z-index: 999;

  position: absolute;

  top: calc(352 / 1920 * 100vw);

  right: calc(206 / 1920 * 100vw);

  width: 48px;

  height: 48px;

}

.dq-box .qymb-box .da-da .last {

  width: 100%;

  margin-top: 74px;

}

.dq-box .qymb-box .da-da .last .title {

  font-size: 30px;

  font-weight: bold;

  color: #333333;

}

.dq-box .qymb-box .da-da .last .last-list {

  margin-top: 48px;

  width: 100%;

  height: auto;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-content: space-between;

}

.dq-box .qymb-box .da-da .last .last-list div {

  width: calc((100% - 60px) / 3);

  height: auto;

  border: 1px solid rgba(220, 220, 220, 0.9);

  box-sizing: border-box;

  padding: 25px;

  border-radius: 10px;

  margin-bottom: 20px;

}

.dq-box .qymb-box .da-da .last .last-list div .icon {

  width: 34px;

  height: 34px;

}

.dq-box .qymb-box .da-da .last .last-list div p {

  margin: 20px 0;

  font-size: 24px;

  font-weight: bold;

  color: #333333;

}

.dq-box .qymb-box .da-da .last .last-list div span {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 1.7;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.dq-box .last-box {

  width: 100%;

  box-sizing: border-box;

  padding-bottom: 100px;

  background-image: url(../images/last-bg.jpg);

  background-repeat: no-repeat;

  background-size: 100% auto;

  background-position: center bottom;

}

.dq-box .last-box .da-da {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

}

.dq-box .last-box .da-da .content {

  width: 100%;

  margin-top: 42px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-content: space-between;

}

.dq-box .last-box .da-da .content .min-box:nth-child(n + 3) {

  margin-top: 30px;

}

.dq-box .last-box .da-da .content .min-box {

  width: calc(50% - 15px);

  border: 1px solid #e1ebef;

  background-color: #ffffff;

  box-sizing: border-box;

  padding: 25px;

  border-radius: 10px;

}

.dq-box .last-box .da-da .content .min-box img {

  width: 100%;

  height: 161px;

}

.dq-box .last-box .da-da .content .min-box p {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin: 39px 0;

}

.dq-box .last-box .da-da .content .min-box .test {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  line-height: 1.7;

}

.dq-box .last-box .da-da .content .min-box .test a {

  color: #146dc6;

}

.msg-cover {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 40;

  background-color: rgba(0, 0, 0, 0.6);

  width: 100vw;

  height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  visibility: hidden;

}

.msg-cover.active {

  opacity: 1;

  visibility: visible;

}

.msg-cover .msg-box {

  min-width: 100px;

  background-color: #fff;

  border-radius: 10px;

  padding: 20px 30px;

}

.msg-cover .msg-box .icon {

  width: 50px;

  height: 50px;

  background-position: center center;

  background-size: cover;

  margin: 0 auto;

}

.msg-cover .msg-box .icon.loading {

  background-image: url(../images/loading.svg);

}

.msg-cover .msg-box .icon.success {

  background-image: url(../fonts/success.svg);

}

.msg-cover .msg-box .icon.error {

  background-image: url(../fonts/error.svg);

}

.msg-cover .msg-box .text {

  margin-top: 10px;

}

.information-box {

  position: fixed;

  width: 100vw;

  height: 100vw;

  left: 0;

  top: 0;

  z-index: 30;

  opacity: 0;

  visibility: hidden;

}

.information-box.active {

  opacity: 1;

  visibility: visible;

}

.information-box.form1 .information-bg .information {

  background-image: url("../images/bg2.jpg");

}

.information-box.form1 .information-bg .information button {

  background-color: #2cac74;

}

.information-box .information-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.7);

  display: flex;

  align-items: center;

  justify-content: center;

}

.information-box .information-bg .information {

  width: 1159px;

  height: 716px;

  background-image: url("../images/bg.jpg");

  background-position: center top;

  background-size: 100% auto;

  border-radius: 10px;

}

.information-box .information-bg .information .title {

  position: relative;

  padding: 35px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: auto;

  height: auto;

  background: unset;

}

@media only screen and (max-width: 640px) {

  .information-box .information-bg .information .title {

    padding: 20px;

  }

}

.information-box .information-bg .information .title .close {

  color: #fff;

  font-size: 24px;

  cursor: pointer;

}

@media only screen and (max-width: 640px) {

  .information-box .information-bg .information .title .close {

    font-size: 20px;

  }

}

.information-box .information-bg .information .title .text {

  display: flex;

  align-items: center;

}

.information-box .information-bg .information .title img {

  width: 43px;

  height: 33px;

}

@media only screen and (max-width: 640px) {

  .information-box .information-bg .information .title img {

    width: 26px;

    height: auto;

  }

}

.information-box .information-bg .information .title p {

  font-size: 24px;

  font-weight: bold;

  color: #ffffff;

  line-height: 30px;

  margin-left: 23px;

}

@media only screen and (max-width: 640px) {

  .information-box .information-bg .information .title p {

    font-size: 16px;

    margin-left: 8px;

  }

}

.information-box .information-bg .information .cot {

  margin: 0 auto;

  padding: 30px 35px;

  width: 1132px;

  height: 599px;

  background: #ffffff;

  border-radius: 10px;

  display: flex;

  justify-content: space-between;

  position: relative;

}

.information-box .information-bg .information .cot .box {

  width: 500px;

  height: 46px;

  background: #ffffff;

  border: 1px solid #eaeaea;

  border-radius: 0px;

  margin-bottom: 7px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.information-box .information-bg .information .cot .box > span {

  width: 90px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 14px;

  margin-right: 18px;

  border-right: 1px solid #b7b7b7;

}

.information-box .information-bg .information .cot .box > input {

  flex: 1;

  height: 100%;

  outline: none;

  border: none;

}

.information-box .information-bg .information .cot .box > i {

  margin: 0 18px;

}

.information-box .information-bg .information .cot .box > img {

  width: 81px;

  height: 30px;

  border: 1px solid;

}

.information-box .information-bg .information .cot .box .xiala {

  flex: 1;

  height: 100%;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

}

.information-box .information-bg .information .cot .box .xiala select:focus-visible {

  border: 2px solid #146dc6;

  border: 2px solid var(--color);

  outline: none;

}

.information-box .information-bg .information .cot .box .xiala .address_p,

.information-box .information-bg .information .cot .box .xiala .address_c,

.information-box .information-bg .information .cot .box .xiala .address_d {

  height: 95%;

  width: 100px;

  text-align: center;

  border: none;

}

.information-box .information-bg .information .cot .left {

  width: 500px;

}

.information-box .information-bg .information .cot .left .fujian {

  position: relative;

  margin-bottom: 7px;

  cursor: pointer;

}

.information-box .information-bg .information .cot .left .fujian input {

  position: absolute;

  right: 0;

  width: auto;

  opacity: 0;

  width: 100%;

  height: 100%;

  top: 0;

  cursor: pointer;

}

.information-box .information-bg .information .cot .left .fujian p {

  width: 500px;

  height: 46px;

  padding: 0 19px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #ffffff;

  border: 1px solid #eaeaea;

  border-radius: 0px;

  cursor: pointer;

}

.information-box .information-bg .information .cot .left .fujian p > span {

  font-size: 14px;

  color: #333333;

}

.information-box .information-bg .information .cot .left .fujian p > i {

  font-size: 18px;

  color: #2cac74;

}

.information-box .information-bg .information .cot .left .fujian p:hover {

  background-color: #dfefff;

}

.information-box .information-bg .information .cot .left #lb {

  display: flex;

  flex-direction: column;

  width: 100%;

  max-height: 150px;

  overflow-x: auto;

  margin-bottom: 7px;

}

.information-box .information-bg .information .cot .left #lb div {

  padding: 10px 19px;

  display: flex;

  justify-content: space-between;

  font-size: 12px;

  border-bottom: 1px solid #eaeaea;

  margin-bottom: 10px;

}

.information-box .information-bg .information .cot .left #lb div span {

  cursor: pointer;

}

.information-box .information-bg .information .cot .right {

  width: 500px;

  height: 0;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.information-box .information-bg .information .cot .right .box > span {

  width: 66px;

}

.information-box .information-bg .information select {

  flex: 1;

  height: 100%;

  border: none;

  outline: none;

}

.information-box .information-bg .information select option {

  line-height: 30px;

}

.information-box .information-bg .information textarea {

  font-family: inherit;

}

.information-box .information-bg .information button {

  border: none;

  width: 300px;

  height: 46px;

  line-height: 46px;

  text-align: center;

  background: #146dc6;

  background: var(--color);

  border-radius: 23px;

  font-size: 18px;

  font-weight: bold;

  color: #ffffff;

  position: absolute;

  bottom: 50px;

  right: 140px;

  cursor: pointer;

}

.information-box .information-bg .information button:hover {

  background-color: #62c198;

}

@media only screen and (max-width: 640px) {

  .clause #header .header .header-cot .mobile-menu span {

    background-color: #333;

  }

}

.clause .nav {

  height: 70px;

  margin-top: 100px;

  background: #f8f8f8;

  padding-left: calc(300 / 1920 * 100vw);

  display: flex;

  align-items: center;

}

.clause .nav p {

  font-size: 14px;

  font-weight: 400;

  color: #333333;

}

@media only screen and (max-width: 640px) {

  .clause .nav p {

    font-size: 12px;

  }

}

@media only screen and (max-width: 640px) {

  .clause .nav {

    height: auto;

    padding: 15px 20px;

    font-size: 12px;

    margin-top: 60px;

  }

}

.clause .img {

  width: 271px;

  height: 258px;

  margin: 0 auto;

  margin-top: 23px;

  margin-bottom: 42px;

}

.clause .img > img {

  width: 100%;

  height: 100%;

}

.clause .txt {

  width: 100%;

  padding: 0 calc(399 / 1920 * 100vw);

}

.clause .txt .txt-cont {

  width: 100%;

  position: relative;

  border-top: 1px solid #e1e1e1;

  border-bottom: 1px solid #e1e1e1;

  padding-bottom: 109px;

  padding-top: 120px;

  word-break: break-all;

  word-break: break-word;

}

.clause .txt .txt-cont .h2-title {

  height: 36px;

  position: absolute;

  top: -18px;

  left: 50%;

  transform: translate(-50%, 0);

  text-align: center;

  background-color: #fff;

  font-size: 36px;

  padding: 0 10px;

  white-space: nowrap;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

}

.clause .txt .txt-cont .bule {

  height: 55px;

  font-size: 18px;

  font-weight: 400;

  color: #146dc6;

  line-height: 36px;

  margin-bottom: 25px;

}

.clause .txt .txt-cont .top {

  font-size: 18px;

  font-weight: 400;

  color: #333333;

  line-height: 36px;

}

.clause .txt .txt-cont .list .list-title {

  margin-top: 67px;

  margin-bottom: 32px;

  height: 27px;

  display: flex;

  align-items: center;

}

.clause .txt .txt-cont .list .list-title img {

  width: 23px;

  height: 27px;

}

.clause .txt .txt-cont .list .list-title h4 {

  margin: 0 23px;

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  line-height: 32px;

}

.clause .txt .txt-cont .list > p {

  font-size: 18px;

  font-weight: 400;

  color: #333333;

  line-height: 36px;

}

.clause .txt .txt-cont .list > p > span,

.clause .txt .txt-cont .list > p a {

  color: #146dc6;

}

.clause .btn {

  width: auto;

  height: 70px;

  margin: 72px auto;

  margin-bottom: 151px;

  padding: 0 calc(663 / 1920 * 100vw);

  display: flex;

  justify-content: space-between;

}

.clause .btn button {

  width: 280px;

  height: 70px;

  background-color: #146dc6;

  text-align: center;

  line-height: 70px;

  font-size: 18px;

  font-weight: bold;

  color: #ffffff;

  border-radius: 10px;

  border: none;

  cursor: pointer;

}

.clause .sitemap {

  width: 1330px;

  width: var(--content-width);

  margin: 0 auto;

  padding: 100px 0;

}

.clause .sitemap .center-cot {

  box-shadow: 0 0 10px rgba(55, 55, 55, 0.1);

}

.clause .sitemap .center-cot .t {

  display: block;

  background-color: #0047a0;

  color: #fff;

  font-weight: 500;

  padding: 20px 48px;

}

@media only screen and (max-width: 640px) {

  .clause .sitemap .center-cot .t {

    padding: 10px 20px;

    font-size: 14px;

  }

}

.clause .sitemap .center-cot ul {

  display: flex;

  padding: 30px 48px;

  color: #6c6c6c;

  flex-wrap: wrap;

}

@media only screen and (max-width: 640px) {

  .clause .sitemap .center-cot ul {

    padding: 15px 20px;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    font-size: 13px;

    gap: 10px 0;

  }

}

.clause .sitemap .center-cot ul li + li {

  margin-left: 80px;

}

@media only screen and (max-width: 1280px) {

  .clause .sitemap .center-cot ul li + li {

    margin-left: 40px;

  }

}

@media only screen and (max-width: 640px) {

  .clause .sitemap .center-cot ul li + li {

    margin-left: 0;

  }

}

.clause .sitemap .center-cot ul a:hover {

  color: #0047a0;

  text-decoration: underline;

}

.clause .sitemap .center-cot + .center-cot {

  margin-top: 40px;

}

@media only screen and (max-width: 640px) {

  .clause .sitemap .center-cot + .center-cot {

    margin-top: 30px;

  }

}

@media only screen and (max-width: 640px) {

  .clause .sitemap {

    padding: 20px 0;

  }

}

textarea {

  resize: unset;

  padding: 10px;

  border: none;

  outline: none;

  width: 100%;

  display: block;

  height: 100%;

}

@media screen and (max-width: 1600px) {

  :root {

    --content-width: 1250px;

    --padding: calc((100vw - 1250px) / 2);

    --padding-lr: calc((100vw - 1250px) / 2);

    --padding-300: calc((100vw - 1250px) / 2);

  }

  .header .header-cot .right .phone b {

    display: none;

  }

  .home-page .home-banner .swiper-slide .text > .title {

    font-size: 48px;

  }

  .home-page .home-banner .swiper-slide .text .content {

    font-size: 28px;

  }

  .home-page .join .jrwm-box .center .content .but .left {

    width: 550px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item {

    height: 106px;

  }

  .home-page .product .fw-box .center .content .box {

    padding: 70px 60px;

  }

  .home-page .product .fw-box .center .content .box .da .left > .title {

    font-size: 32px;

  }

  .home-page .product .fw-box .center .content .box .da .left .english {

    margin-top: 40px;

    font-size: 24px;

  }

  .home-page .product .fw-box .center .content .box .da .left .text2 {

    font-size: 16px;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon {

    margin-top: 40px;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon .imgicon {

    width: 28px;

  }

  .home-page .product .fw-box .center .content .box .da .right {

    right: 40px;

    bottom: 40px;

  }

}

@media screen and (max-width: 1440px) {

  :root {

    --content-width: 1100px;

    --padding: calc((100vw - 1100px) / 2);

    --padding-lr: calc((100vw - 1100px) / 2);

    --padding-300: calc((100vw - 1100px) / 2);

  }

  .home-page .development .kcxfz-box .center .content .but .butSon .img {

    width: 38px;

    height: 38px;

    margin-right: 20px;

  }

  .home-page .join .jrwm-box .center .content .but .left {

    width: 500px;

  }

  #footer .footer .center .center-cot span {

    font-size: 16px;

  }

  #footer .footer .center .center-cot ul li {

    font-size: 14px;

    margin-bottom: 30px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item {

    font-size: 18px;

    padding: 0 30px;

    height: 100px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item .img {

    width: 35px;

    height: 35px;

  }

}

@media screen and (max-width: 1200px) {

  .home-page #fw1 .da .left > .title,

  .home-page #fw2 .da .left > .title,

  .home-page #fw3 .da .left > .title {

    font-size: 28px !important;

  }

  .home-page #fw1 .da .left .english,

  .home-page #fw2 .da .left .english,

  .home-page #fw3 .da .left .english {

    margin-top: 25px !important;

    font-size: 20px !important;

  }

  .home-page #fw1 .da .left .text,

  .home-page #fw2 .da .left .text,

  .home-page #fw3 .da .left .text,

  .home-page #fw1 .da .left .text2,

  .home-page #fw2 .da .left .text2,

  .home-page #fw3 .da .left .text2 {

    font-size: 14px !important;

  }

  .home-page #fw1 .da .left .icon .imgicon,

  .home-page #fw2 .da .left .icon .imgicon,

  .home-page #fw3 .da .left .icon .imgicon {

    width: calc(25 * 2 / 1920 * 100vh) !important;

    height: calc(25 * 2 / 1920 * 100vh) !important;

    margin-right: calc(54 * 2 / 1920 * 100vh) !important;

  }

}

@media screen and (max-width: 1200px) {

  :root {

    --padding-lr: 50px;

    --padding-tb: 8vw;

  }

  .h_100vh {

    height: auto;

    padding: 8vw 0;

    padding: var(--padding-tb) 0;

    min-height: auto;

  }

  .home-page .home-banner .h_100vh {

    padding: 0;

  }

  .home-page .home-banner .swiper-slide .text > .title {

    font-size: 32px;

  }

  .home-page .home-banner .swiper-slide .text .content {

    font-size: 22px;

  }

  .home-page .home-banner .controller {

    bottom: 10vw;

  }

  .home-page .about {

    padding: 10vw 0 20vw;

  }

  .home-page .about .cx-box > .title p {

    font-size: 32px;

  }

  .home-page .about .cx-box > .title b {

    font-size: 26px;

    margin-top: 10px;

  }

  .home-page .gyTitle .title {

    font-size: 32px;

  }

  .home-page .gyTitle .english {

    font-size: 26px;

    margin-top: 10px;

  }

  .home-page .innovation {

    padding: 0;

  }

  .home-page .innovation .cxjs-box {

    padding: 8vw 50px;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .development {

    padding: 0;

  }

  .home-page .development .kcxfz-box {

    padding: 8vw 50px;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text {

    width: 40vw;

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text > .title {

    font-size: 26px;

  }

  .home-page .development .kcxfz-box .center .content .but {

    margin-top: 5vw;

    height: 80px;

  }

  .home-page .development .kcxfz-box .center .content .but .butSon {

    font-size: 16px;

  }

  .home-page .development .kcxfz-box .center .content .but .butSon .img {

    width: 28px;

    height: 28px;

    margin-right: 15px;

  }

  .home-page .development .kcxfz-box .center .content .flex .right-img {

    width: 40vw;

    height: auto;

  }

  .home-page .join {

    padding: 0;

  }

  .home-page .join .jrwm-box {

    padding: 8vw 50px;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .join .jrwm-box .center .content .but .left {

    width: 40vw;

  }

  .home-page .join .jrwm-box .center .content .but .rigth {

    align-items: flex-start;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item {

    width: 100%;

    padding: 0 20px;

    font-size: 16px;

    height: 80px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item .img {

    width: 30px;

    height: 30px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item + .item {

    margin-top: 2vw;

  }

  .home-page .home-news {

    padding: 0;

  }

  .home-page .home-news .xw-box {

    padding: 8vw 50px;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .home-news .xw-box .center .content {

    flex-direction: column;

  }

  .home-page .home-news .xw-box .center .content .left {

    width: auto;

    flex-direction: row;

    margin-top: 3vw;

  }

  .home-page .home-news .xw-box .center .content .left .news-type {

    margin-top: 0;

    font-size: 15px;

    padding: 10px 20px;

    background-color: #fff;

    border: 1px solid #eee;

    border-radius: 30px;

  }

  .home-page .home-news .xw-box .center .content .left .news-type.lan {

    color: #fff;

    background-color: #146dc6;

    background-color: var(--color);

    border-color: #146dc6;

    border-color: var(--color);

  }

  .home-page .home-news .xw-box .center .content .left .news-type + .news-type {

    margin-left: 2vw;

  }

  .home-page .home-news .xw-box .center .content .right {

    width: 100%;

    margin-top: 4vw;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list {

    height: auto;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .img + .content {

    padding-left: 25px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .img {

    width: 210px;

    height: 150px;

    flex-shrink: 0;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content {

    height: 150px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .top {

    font-size: 20px;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .but {

    margin-top: 10px;

    height: 56px;

    -webkit-line-clamp: 2;

  }

  .home-page .innovation .cxjs-box .center .content .da .img-box {

    width: 19vw;

  }

  .home-page .innovation .cxjs-box .center .content .da .title {

    font-size: 15px;

  }

  .home-page .product {

    padding: 0;

  }

  .home-page .product .fw-box {

    padding: 8vw 0 8vw 50px;

    padding: var(--padding-tb) 0 var(--padding-tb) var(--padding-lr);

  }

  .home-page .product .fw-box .center > .title {

    font-size: 32px;

    height: auto;

  }

  .home-page .product .fw-box .center .tab {

    margin-top: 10px;

  }

  .home-page .product .fw-box .center .tab .english {

    font-size: 26px;

  }

  .home-page .product .fw-box .center .tab .bt div {

    margin-left: 3vw;

  }

  .home-page .product .fw-box .center .content .box {

    padding: 3vw 4vw;

  }

  .home-page .product .fw-box .center .content .box .da .left > .title {

    font-size: 28px;

  }

  .home-page .product .fw-box .center .content .box .da .left .english {

    font-size: 20px;

  }

  .home-page .product .fw-box .center .content .box .da .left {

    width: 100%;

  }

  .home-page .product .fw-box .center .content .box .da .left .text {

    font-size: 16px;

  }

  .home-page .product .fw-box .center .content .box .da .left .text2 {

    font-size: 14px;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon .imgicon {

    width: 24px;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon {

    font-size: 12px;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon div + div {

    margin-left: 3vw;

  }

  .home-page .product .fw-box .center .content .box .da .right {

    right: 2vw;

    bottom: 2vw;

  }

  #header .header .header-cot {

    height: 80px;

    justify-content: space-between;

    align-items: center;

  }

  #header .header .header-cot .center,

  #header .header .header-cot .right {

    display: none;

  }

  #header .header .header-cot .left img {

    width: 90px;

  }

  #header .header .header-cot .mobile-menu {

    display: flex;

    position: relative;

    width: 50px;

    height: 50px;

  }

  #header .header .header-cot .mobile-menu span {

    display: block;

    width: 40px;

    height: 4px;

    background-color: #fff;

    position: absolute;

    left: 5px;

    top: 23px;

    transition: all 0.25s;

  }

  #header .header .header-cot .mobile-menu span:nth-child(1) {

    top: 10px;

  }

  #header .header .header-cot .mobile-menu span:nth-child(3) {

    top: 36px;

  }

  #header.active .header .header-cot .mobile-menu span {

    background-color: #333;

  }

  #header.open .header .header-cot {

    z-index: 5;

  }

  #header.open .header .header-cot .mobile-menu span {

    background-color: #333;

  }

  #header.open .header .header-cot .mobile-menu span:nth-child(1) {

    top: 23px;

    transform: rotate(45deg);

  }

  #header.open .header .header-cot .mobile-menu span:nth-child(2) {

    transform: scaleX(0);

  }

  #header.open .header .header-cot .mobile-menu span:nth-child(3) {

    top: 23px;

    transform: rotate(-45deg);

  }

  #header.open .header .header-hover {

    opacity: 1;

    visibility: visible;

    pointer-events: all;

    top: 0;

    padding-top: 80px;

    height: 100vh;

    overflow-y: auto;

    background-size: 200px auto;

  }

  #header.open .header .header-hover .left,

  #header.open .header .header-hover .right {

    display: none;

  }

  #header.open .header .header-hover .submenu-list {

    flex-direction: column;

    padding: 120px 0 5vw;

  }

  #header.open .header .header-hover .submenu-list .item {

    display: flex;

    flex-direction: column;

  }

  #header.open .header .header-hover .submenu-list .item .t {

    height: auto;

    padding: 0;

    opacity: 1;

    font-size: 18px;

    font-weight: bold;

  }

  #header.open .header .header-hover .submenu-list .item ul {

    display: flex;

    font-size: 16px;

    padding-top: 20px;

  }

  #header.open .header .header-hover .submenu-list .item ul li + li {

    margin-top: 0;

    margin-left: 30px;

  }

  #header.open .header .header-hover .submenu-list .item + .item {

    margin-top: 25px;

    border-top: 1px solid #eee;

    padding-top: 25px;

  }

  #footer .footer .footer-top-bg .footer-top > a img {

    width: 90px;

  }

  #footer .footer {

    height: auto;

  }

  #footer .footer .center {

    height: auto;

    padding-bottom: 0;

  }

  #footer .footer .center .center-cot {

    display: none;

  }

  #footer .footer .center .line {

    display: none;

  }

  #footer .footer .center .phoen {

    position: relative;

    left: auto;

    bottom: auto;

    height: auto;

    padding: 5vw 0;

  }

  #footer .footer .footer-bottom .bottom-cont .right {

    display: none;

  }

  .home-news .xw-box .center .right .list {

    padding: 5px 0;

  }

}

.search-empty {

  text-align: center;

  padding-top: 80px;

}

.search-empty img {

  width: 320px;

}

@media only screen and (max-width: 640px) {

  .search-empty img {

    width: 200px;

  }

}

.search-box {

  padding-bottom: 100px;

}

@media only screen and (max-width: 768px) {

  .home-page .about {

    padding: 10vw 5vw 20vw;

  }

}

@media screen and (max-width: 1280px) {

  :root {

    --padding: calc(155 * 2 / 1920 * 100vw);

    --padding-lr: calc(155 / 1920 * 100vw);

    --padding-300: 5vw;

    --content-width: 90vw;

  }

}

@media screen and (max-width: 750px) {

  :root {

    --max-font-size: 24px;

    --min-font-size: 12px;

    --center-font-size: 18px;

    --box-padding: 10vw 25px;

    --padding-lr: 25px;

    --padding-tb: 10vw;

  }

  .mobile-hidden {

    display: none!important;

  }

  .mobile-lang {

    display: block;

  }

  .header .header-hover .left,

  .header .header-hover .right {

    display: none;

  }

  .sub-menu {

    display: flex;

    justify-content: center;

    border-bottom: 1px solid #eee;

    background-color: #fff;

    position: sticky;

    top: 60px;

    z-index: 5;

  }

  .sub-menu a {

    font-size: var(--min-font-size) !important;

    line-height: 50px;

  }

  body {

    width: 100vw;

    overflow-x: hidden;

  }

  .banner-sub {

    background-position: center center;

    background-size: cover;

    height: 300px;

    padding: 0 var(--padding-lr);

  }

  .banner-sub .breadcrumb {

    left: var(--padding-lr);

  }

  #header .header .header-cot {

    height: 60px;

  }

  #header .header .header-cot .left img {

    width: 70px;

  }

  #header .header .header-cot .mobile-menu {

    width: 30px;

    height: 34px;

  }

  #header .header .header-cot .mobile-menu span {

    width: 100%;

    height: 2px;

    left: 0;

    top: 16px;

  }

  #header .header .header-cot .mobile-menu span:nth-child(1) {

    top: 6px;

  }

  #header .header .header-cot .mobile-menu span:nth-child(3) {

    top: 26px;

  }

  #header.active .header .header-cot .mobile-menu span {

    background-color: #333;

  }

  #header.open .header .header-cot {

    z-index: 5;

  }

  #header.open .header .header-cot .mobile-menu span:nth-child(1) {

    top: 16px;

  }

  #header.open .header .header-cot .mobile-menu span:nth-child(3) {

    top: 16px;

  }

  #header.open .header .header-hover {

    padding-top: 100px;

    background-size: 150px auto;

    padding-bottom: var(--padding-tb);

  }

  #header.open .header .header-hover .submenu-list {

    flex-direction: column;

    padding: 0;

    padding-top: 0;

  }

  #header.open .header .header-hover .submenu-list .item {

    display: flex;

    flex-direction: column;

  }

  #header.open .header .header-hover .submenu-list .item .t {

    font-size: 16px;

  }

  #header.open .header .header-hover .submenu-list .item ul {

    display: flex;

    font-size: 13px;

    padding-top: 15px;

    flex-wrap: wrap;

  }

  #header.open .header .header-hover .submenu-list .item ul li {

    font-size: 13px;

    padding-right: 8vw;

    margin-bottom: 8px;

  }

  #header.open .header .header-hover .submenu-list .item ul li + li {

    margin-top: 0;

    margin-left: 0;

  }

  #header.open .header .header-hover .submenu-list .item + .item {

    margin-top: 25px;

    border-top: 1px solid #eee;

    padding-top: 25px;

  }

  #footer .footer .footer-top-bg .footer-top a img {

    width: 70px;

  }

  #footer .footer .footer-top-bg .footer-top a {

    flex-shrink: 0;

  }

  #footer .footer .footer-top-bg .footer-top .search {

    width: auto;

    flex: auto;

    height: 40px;

    margin-left: 10vw;

    padding: 0;

    position: relative;

  }

  #footer .footer .footer-top-bg .footer-top .search input {

    padding: 0 20px;

    font-size: 14px;

  }

  #footer .footer .footer-top-bg .footer-top .search button {

    position: absolute;

    right: 10px;

    width: 30px;

    top: 5px;

  }

  #footer .footer .center .phoen {

    justify-content: center;

  }

  #footer .footer .center .phoen a span {

    font-size: 20px;

  }

  #footer .footer .center .phoen a b {

    font-size: 18px;

    margin: 0;

    margin-left: 5px;

  }

  #footer .footer .center .phoen .wx .icon-box {

    width: 38px;

    height: 38px;

  }

  #footer .footer .center .phoen .wx .icon-box img {

    width: 20px;

    height: 20px;

  }

  #footer .footer .center .phoen .wx .icon-box + .icon-box {

    margin-left: 20px;

  }

  #footer .footer .footer-bottom {

    height: auto;

    padding: 5vw 0;

  }

  .innovation .banner-sub h3,

  .about .banner-sub h3,

  .Product_service .banner-sub h3 {

    font-size: var(--max-font-size) !important;

  }

  .innovation .banner-sub a,

  .about .banner-sub a,

  .Product_service .banner-sub a,

  .innovation .banner-sub p,

  .about .banner-sub p,

  .Product_service .banner-sub p {

    font-size: var(--min-font-size) !important;

  }

  .innovation .bottom2,

  .about .bottom2,

  .Product_service .bottom2 {

    width: 100%;

    padding: 30px 25px;

  }

  .innovation .bottom2 .wz,

  .about .bottom2 .wz,

  .Product_service .bottom2 .wz {

    width: 100% !important;

    font-size: var(--min-font-size) !important;

  }

  .innovation .bottom2 .last,

  .about .bottom2 .last,

  .Product_service .bottom2 .last {

    flex-direction: column;

  }

  .innovation .bottom2 .last .z,

  .about .bottom2 .last .z,

  .Product_service .bottom2 .last .z,

  .innovation .bottom2 .last .y,

  .about .bottom2 .last .y,

  .Product_service .bottom2 .last .y {

    width: 100%;

    height: 80px;

    align-items: center;

    padding-right: 20px;

    border-radius: 8px;

  }

  .innovation .bottom2 .last .z .icon,

  .about .bottom2 .last .z .icon,

  .Product_service .bottom2 .last .z .icon,

  .innovation .bottom2 .last .y .icon,

  .about .bottom2 .last .y .icon,

  .Product_service .bottom2 .last .y .icon {

    width: 30px;

  }

  .innovation .bottom2 .last .z .zi,

  .about .bottom2 .last .z .zi,

  .Product_service .bottom2 .last .z .zi,

  .innovation .bottom2 .last .y .zi,

  .about .bottom2 .last .y .zi,

  .Product_service .bottom2 .last .y .zi {

    font-size: var(--min-font-size) !important;

  }

  .innovation .bottom2 .last .y,

  .about .bottom2 .last .y,

  .Product_service .bottom2 .last .y {

    margin-top: 20px;

  }

  .screen-lists .scene {

    padding-top: 0;

  }

  .home-page .video-box .video-wrap {

    width: 96vw;

  }

  .home-page .gyTitle {

    width: 100%;

    flex-direction: column;

  }

  .home-page .gyTitle .title {

    font-size: var(--max-font-size);

    text-align: center;

  }

  .home-page .gyTitle .english {

    font-size: var(--center-font-size);

    margin-top: 0;

    margin: 10px 0;

    text-align: center;

  }

  .home-page .gyTitle .button {

    width: 80px;

    height: 30px;

    font-size: var(--min-font-size);

    line-height: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-left: 0;

  }

  .home-page .home-banner .mouse-tip {

    display: none;

  }

  .home-page .home-banner .h_100vh {

    height: 400px;

  }

  .home-page .home-banner .controller .btn {

    width: 40px;

    height: 40px;

    font-size: 20px;

  }

  .home-page .home-banner .controller .btn + .btn {

    margin-left: 20px;

  }

  .home-page .home-banner .swiper-slide .text {

    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));

  }

  .home-page .home-banner .swiper-slide .text > .title {

    font-size: 20px;

  }

  .home-page .home-banner .swiper-slide .text .content {

    font-size: 16px;

  }

  .home-page .about .cx-box {

    padding-top: 10vw;

    padding-bottom: 30vw;

    background-size: contain;

    background-position: center bottom;

  }

  .home-page .about .cx-box > .title p {

    font-size: var(--max-font-size);

  }

  .home-page .about .cx-box > .title b {

    font-size: var(--center-font-size);

  }

  .home-page .about .cx-box > .title .content {

    width: 100%;

    font-size: var(--min-font-size);

    line-height: 2;

    height: auto;

  }

  .home-page .about .cx-box > .title .btns {

    margin-top: 5vw;

    width: 100%;

    justify-content: center;

  }

  .home-page .about .cx-box > .title .btns .btn {

    width: 35vw;

    height: 50px;

  }

  .home-page .about .cx-box > .title .btns .btn .iconfont {

    font-size: 18px;

    margin-right: 10px;

    text-align: center;

  }

  .home-page .about .cx-box > .title .btns .btn p {

    font-size: 13px;

  }

  .home-page .about .cx-box > .title .btns .btn + .btn {

    margin-left: 5vw;

  }

  .home-page .product .fw-box {

    padding: 10vw var(--padding-lr);

  }

  .home-page .product .fw-box .center {

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

  }

  .home-page .product .fw-box .center > .title {

    font-size: var(--max-font-size);

  }

  .home-page .product .fw-box .center .tab {

    flex-direction: column;

    padding-right: 0;

    width: 100%;

  }

  .home-page .product .fw-box .center .tab .english {

    font-size: var(--center-font-size);

    text-align: center;

    line-height: unset;

    height: auto;

  }

  .home-page .product .fw-box .center .tab .bt {

    justify-content: space-between;

    width: 100%;

    overflow-x: auto;

  }

  .home-page .product .fw-box .center .tab .bt .swiper-pagination-bullet {

    margin-left: 0 !important;

    font-size: var(--min-font-size);

    margin-top: 15px;

    white-space: nowrap;

    flex-shrink: 0;

  }

  .home-page .product .fw-box .center .tab .bt .swiper-pagination-bullet + .swiper-pagination-bullet {

    margin-left: 20px!important;

  }

  .home-page .product .fw-box .center .content {

    width: 100%;

  }

  .home-page .product .fw-box .center .content .swiper_cpfw {

    width: 100%;

    margin: 0;

    padding: var(--padding-tb) 0;

  }

  .home-page .product .fw-box .center .content .swiper-slide {

    width: 100%;

    padding-left: 0;

    padding-right: 0;

  }

  .home-page .product .fw-box .center .content .box {

    width: 100%;

    height: 400px;

    box-sizing: border-box;

    padding: 20px;

    background-size: cover;

    box-shadow: none;

  }

  .home-page .product .fw-box .center .content .box .da {

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

  }

  .home-page .product .fw-box .center .content .box .da .left {

    max-width: unset;

  }

  .home-page .product .fw-box .center .content .box .da .left > .title {

    font-size: var(--center-font-size);

  }

  .home-page .product .fw-box .center .content .box .da .left .english {

    font-size: 17px;

    margin: 15px 0 10px;

  }

  .home-page .product .fw-box .center .content .box .da .left .text {

    margin: 0;

    font-size: 12px;

    height: auto;

    line-height: 1.8;

  }

  .home-page .product .fw-box .center .content .box .da .left .text2 {

    font-size: 12px;

    margin-top: 0;

    line-height: 1.8;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon {

    display: flex;

    justify-content: space-between;

    margin-top: 8vw;

  }

  .home-page .product .fw-box .center .content .box .da .left .icon .imgicon {

    width: 20px;

  }

  .home-page .product .fw-box .center .content .box .da .right {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    right: auto;

    bottom: auto;

  }

  .home-page .product .fw-box .center .content .box .da .right b {

    display: none;

  }

  .home-page .product .fw-box .center .content .box .da .right .right-img {

    width: 80%;

  }

  .home-page .product .fw-box .center .content #fw1,

  .home-page .product .fw-box .center .content #fw2,

  .home-page .product .fw-box .center .content #fw3 {

    background-position: center;

  }

  .home-page .innovation .cxjs-box {

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .innovation .cxjs-box .center .content {

    white-space: nowrap;

    overflow-x: scroll;

    width: 100vw;

    margin-left: calc(var(--padding-lr) * -1);

    padding-top: var(--padding-tb);

  }

  .home-page .innovation .cxjs-box .center .content::-webkit-content {

    display: none;

  }

  .home-page .innovation .cxjs-box .center .content .da:last-child {

    padding-right: var(--padding-lr);

  }

  .home-page .innovation .cxjs-box .center .content .da {

    padding-left: var(--padding-lr);

  }

  .home-page .innovation .cxjs-box .center .content .da .img-box {

    width: 60vw;

  }

  .home-page .innovation .cxjs-box .center .content .da > .title {

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 10px;

  }

  .home-page .development .kcxfz-box {

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .development .kcxfz-box .center {

    height: 100%;

  }

  .home-page .development .kcxfz-box .center .content {

    width: 100%;

    margin-top: var(--padding-tb);

  }

  .home-page .development .kcxfz-box .center .content .flex {

    width: 100% !important;

    flex-direction: column;

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text {

    width: 100% !important;

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text > .title {

    font-size: var(--center-font-size);

    font-weight: bold;

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text .cont {

    font-size: var(--min-font-size);

    margin-top: 15px;

    line-height: 2;

  }

  .home-page .development .kcxfz-box .center .content .flex .left-text .button {

    height: 35px;

    width: 60px;

    line-height: 35px;

    margin-top: 15px;

  }

  .home-page .development .kcxfz-box .center .content .flex .right-img {

    width: 100%;

    margin-top: 20px;

    border-radius: 10px;

  }

  .home-page .development .kcxfz-box .center .content .but {

    margin-top: var(--padding-lr);

    display: flex;

  }

  .home-page .development .kcxfz-box .center .content .but .butBigSon {

    font-size: var(--min-font-size) !important;

    display: flex;

    flex-direction: column;

    border-radius: 10px;

  }

  .home-page .development .kcxfz-box .center .content .but .butBigSon .img {

    transform: scale(0.5);

    margin: 0 auto !important;

  }

  .home-page .home-news .xw-box {

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .home-news .xw-box .center {

    height: 100%;

  }

  .home-page .home-news .xw-box .center .content {

    flex-direction: column;

    margin-top: calc(46 / 1920 * 100vh);

  }

  .home-page .home-news .xw-box .center .content .left {

    width: 100% !important;

    flex-direction: initial !important;

    margin-bottom: 10px;

  }

  .home-page .home-news .xw-box .center .content .left .news-type {

    margin-top: 0;

    font-size: 14px;

    padding-bottom: 10px;

  }

  .home-page .home-news .xw-box .center .content .left .lan {

    border-bottom: 2px solid var(--color);

  }

  .home-page .home-news .xw-box .center .content .right {

    width: 100% !important;

    height: 100%;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list {

    flex-direction: column;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .img {

    width: 100% !important;

    margin-right: 0 !important;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .img + .content {

    margin-top: 0%;

    padding-left: 0;

    border-top: 0;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content {

    height: auto;

    margin-top: 0;

    padding: var(--padding-lr) 0;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .top {

    width: 100%;

    display: block;

    justify-content: space-between;

    font-size: 16px !important;

    font-weight: bold;

    color: #333333;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .top span {

    font-size: 16px;

    font-weight: bold;

    color: #333333;

    display: block;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .top span + span {

    font-size: 12px;

    margin-top: 5px;

    opacity: 0.7;

    font-weight: normal;

  }

  .home-page .home-news .xw-box .center .content .right .news-lists .list .content .but {

    width: 100% !important;

    font-size: var(--min-font-size) !important;

    line-height: 28px;

    margin-top: 10px;

  }

  .home-page .join .jrwm-box {

    display: flex;

    align-items: center;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .home-page .join .jrwm-box .center {

    height: 100%;

  }

  .home-page .join .jrwm-box .center .content {

    margin-top: calc(46 / 1920 * 100vh) !important;

  }

  .home-page .join .jrwm-box .center .content .top {

    font-size: var(--min-font-size);

    line-height: 2;

  }

  .home-page .join .jrwm-box .center .content .but {

    flex-direction: column;

  }

  .home-page .join .jrwm-box .center .content .but .left {

    width: 100%;

  }

  .home-page .join .jrwm-box .center .content .but .left .swiper-slide .zi {

    font-size: var(--min-font-size);

    line-height: 50px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth {

    width: 100%;

    margin-left: 0;

    margin-top: 5vw;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item {

    width: 100%;

    height: 60px;

    font-size: 14px;

  }

  .home-page .join .jrwm-box .center .content .but .rigth .item img {

    width: 24px;

  }

  .innovation .cxjg {

    padding: var(--box-padding) !important;

    height: auto;

  }

  .innovation .cxjg .box .hua {

    height: auto;

    width: 100%;

    margin-top: 30px;

  }

  .innovation .cxjg .box .hua .swiper .swiper-slide {

    width: 100% !important;

    margin-right: 0 !important;

  }

  .innovation .cxjg .box .hua .swiper .swiper-slide img {

    height: 200px;

  }

  .innovation .cxjg .box .hua .swiper .swiper-slide .name {

    font-size: var(--center-font-size) !important;

  }

  .innovation .cxjg .box .hua .swiper .swiper-slide .test {

    width: 100%;

    font-size: var(--min-font-size) !important;

  }

  .innovation .cxjg .box .hua .swiper .swiper_one_button {

    width: 40%;

  }

  .innovation .cxjg .box .hua .swiper .swiper_one_button .btn {

    transform: scale(0.7);

    margin: 0;

  }

  .innovation .xtcx {

    flex-direction: column;

    height: auto;

  }

  .innovation .xtcx .left {

    width: 100%;

    height: 200px;

  }

  .innovation .xtcx .right {

    width: 100% !important;

    height: auto;

    padding: var(--box-padding) !important;

  }

  .innovation .xtcx .right .swiper2 {

    height: auto;

  }

  .innovation .xtcx .right .swiper2 .swiper_one_button {

    width: 40%;

  }

  .innovation .xtcx .right .swiper2 .swiper_one_button .btn {

    transform: scale(0.7);

    margin: 0;

  }

  .innovation .xtcx .right .swiper2 .name {

    margin-top: calc(100 / 1920 * 100vh) !important;

    font-size: var(--center-font-size) !important;

    text-align: center;

  }

  .innovation .xtcx .right .swiper2 .test {

    font-size: var(--min-font-size) !important;

    margin-top: calc(50 / 1920 * 100vh) !important;

    text-indent: 2em;

    text-align: left;

  }

  .innovation .xtcx .right .swiper2 .swiper_one_button {

    bottom: 5px;

  }

  .about .title-name {

    font-size: var(--center-font-size) !important;

  }

  .about .sub-menu {

    display: flex;

    justify-content: space-between;

    padding: 0 5% !important;

  }

  .about .sub-menu a {

    font-size: var(--min-font-size) !important;

    margin-left: 0 !important;

  }

  .about .content1 .box {

    flex-direction: column;

  }

  .about .content1 .box .left {

    width: 100% !important;

    height: auto !important;

  }

  .about .content1 .box .left .xian {

    margin: 30px 0;

  }

  .about .content1 .box .left .text {

    font-size: var(--min-font-size) !important;

    line-height: 2 !important;

    text-indent: 2em;

  }

  .about .content1 .box .left .titleMobile {

    margin: 50px 0;

  }

  .about .content1 .box .left .but .tb img {

    width: 40px !important;

    height: 40px !important;

    margin-bottom: 10px!important;

  }

  .about .content1 .box .left .but .tb p {

    font-size: var(--min-font-size) !important;

  }

  .about .content1 .box .right {

    width: 100% !important;

    height: 250px !important;

  }

  .about .content2 {

    height: auto !important;

    padding: var(--box-padding) !important;

  }

  .about .content2 .box {

    width: 100% !important;

    height: auto !important;

  }

  .about .content2 .box .xian {

    margin: 25px 0;

    margin-bottom: 0;

  }

  .about .content2 .box .dh {

    font-size: var(--min-font-size) !important;

  }

  .about .content2 .box .dh .xz {

    font-size: var(--min-font-size) !important;

  }

  .about .content2 .box .swiper {

    display: none !important;

  }

  .about .content2 .box .swiper_one_button {

    display: none;

  }

  .about .content2 .box .moniles {

    display: block !important;

  }

  .about .content2 .box .moniles .img-box {

    background-position: center center;

    background-size: cover;

    border-radius: 10px;

    margin-top: 25px;

  }

  .about .content2 .box .moniles .zi {

    color: #f9f9f9;

    font-size: 12px;

    margin-top: 15px;

  }

  .sustainable #title {

    font-size: var(--center-font-size) !important;

  }

  .sustainable .banner-sub h3 {

    font-size: var(--max-font-size) !important;

  }

  .sustainable .banner-sub a,

  .sustainable .banner-sub p {

    font-size: var(--min-font-size) !important;

  }

  .sustainable .dq-box .qiu {

    width: calc(493 / 1920 * 100vh) !important;

    height: calc(455 / 1920 * 100vh) !important;

    margin-left: calc(-219.5 / 1920 * 100vh) !important;

    margin-top: -11.84895833vh !important;

    top: 30% !important;

  }

  .sustainable .dq-box .swiper {

    width: 100% !important;

    height: 100% !important;

  }

  .sustainable .dq-box .swiper .content {

    flex-direction: column;

    justify-content: space-around !important;

  }

  .sustainable .dq-box .swiper .content .left {

    width: 100% !important;

  }

  .sustainable .dq-box .swiper .content .left .name {

    font-size: 16px !important;

  }

  .sustainable .dq-box .swiper .content .left .text {

    font-size: var(--min-font-size) !important;

  }

  .sustainable .dq-box .swiper .content .right {

    width: 100% !important;

    height: calc(320 / 750 * 100vw);

    margin-top: var(--padding-tb);

  }

  .sustainable .dq-box .swiper .button {

    display: none !important;

  }

  .sustainable .qymb-box {

    padding: var(--box-padding) !important;

  }

  .sustainable .qymb-box .da-da {

    width: 100% !important;

    height: auto;

  }

  .sustainable .qymb-box .da-da .swiper2 {

    width: 100%;

    height: calc(322 * 2 / 1920 * 100vh);

    margin-top: calc(58 * 2 / 1920 * 100vh);

    overflow: hidden;

  }

  .sustainable .qymb-box .da-da .swiper2 .swiper-slide {

    width: 100% !important;

  }

  .sustainable .qymb-box .da-da .swiper2 .swiper-slide .title {

    font-size: 16px !important;

  }

  .sustainable .qymb-box .da-da .swiper2 .swiper-slide p {

    font-size: var(--min-font-size) !important;

  }

  .sustainable .qymb-box .da-da .swiper2 .swiper-button-prev,

  .sustainable .qymb-box .da-da .swiper2 .swiper-button-next {

    display: none !important;

  }

  .sustainable .qymb-box .da-da .last {

    width: 100%;

    margin-top: calc(48 * 2 / 1920 * 100vh) !important;

  }

  .sustainable .qymb-box .da-da .last .title {

    font-size: var(--center-font-size) !important;

  }

  .sustainable .qymb-box .da-da .last .last-list div {

    width: 49% !important;

    height: auto !important;

    padding: 5% !important;

    display: flex;

    flex-direction: column;

    align-items: center;

  }

  .sustainable .qymb-box .da-da .last .last-list div .icon {

    width: 1.77083333vh !important;

    height: 1.77083333vh !important;

  }

  .sustainable .qymb-box .da-da .last .last-list div p {

    margin: 15px 0 !important;

    font-size: 16px !important;

  }

  .sustainable .qymb-box .da-da .last .last-list div span {

    font-size: var(--min-font-size) !important;

  }

  .sustainable .last-box {

    padding: var(--box-padding) !important;

  }

  .sustainable .last-box .da-da {

    width: 100% !important;

    height: 100% !important;

  }

  .sustainable .last-box .da-da .content {

    width: 100%;

    margin-top: calc(42 * 2 / 1920 * 100vh);

  }

  .sustainable .last-box .da-da .content .min-box:nth-child(n + 3) {

    margin-top: 0 !important;

  }

  .sustainable .last-box .da-da .content .min-box {

    width: 100% !important;

    padding: 10px !important;

    margin-bottom: 10px !important;

  }

  .sustainable .last-box .da-da .content .min-box img {

    width: 100%;

    height: calc(161 * 2 / 1920 * 100vh);

  }

  .sustainable .last-box .da-da .content .min-box p {

    font-size: var(--center-font-size) !important;

    font-weight: bold;

    color: #333333;

    margin: calc(39 * 2 / 1920 * 100vh) 0;

  }

  .sustainable .last-box .da-da .content .min-box .test {

    font-size: var(--min-font-size) !important;

    font-weight: 400;

    color: #333333;

    line-height: 1.7;

  }

  .sustainable .last-box .da-da .content .min-box .test div {

    color: #146dc6;

  }

  .Product_service .banner-sub h3 {

    font-size: var(--max-font-size) !important;

  }

  .Product_service .banner-sub a,

  .Product_service .banner-sub p {

    font-size: var(--min-font-size) !important;

  }

  .Product_service #cont1 .content,

  .Product_service #cont1 .content2-2,

  .Product_service #cont1 .content3 {

    padding: var(--box-padding) !important;

  }

  .Product_service #cont1 .content .cp1,

  .Product_service #cont1 .content2-2 .cp1,

  .Product_service #cont1 .content3 .cp1 {

    width: 100% !important;

    flex-direction: column;

  }

  .Product_service #cont1 .content .cp1 .test,

  .Product_service #cont1 .content2-2 .cp1 .test,

  .Product_service #cont1 .content3 .cp1 .test {

    width: 100% !important;

  }

  .Product_service #cont1 .content .cp1 .test .name,

  .Product_service #cont1 .content2-2 .cp1 .test .name,

  .Product_service #cont1 .content3 .cp1 .test .name {

    font-size: var(--center-font-size) !important;

  }

  .Product_service #cont1 .content .cp1 .test .english,

  .Product_service #cont1 .content2-2 .cp1 .test .english,

  .Product_service #cont1 .content3 .cp1 .test .english {

    font-size: 20px !important;

    margin-top: 0 !important;

    margin: 20px 0 !important;

  }

  .Product_service #cont1 .content .cp1 .test .tests,

  .Product_service #cont1 .content2-2 .cp1 .test .tests,

  .Product_service #cont1 .content3 .cp1 .test .tests {

    font-size: var(--min-font-size) !important;

    margin-top: 0 !important;

  }

  .Product_service #cont1 .content .cp1 .test .icon,

  .Product_service #cont1 .content2-2 .cp1 .test .icon,

  .Product_service #cont1 .content3 .cp1 .test .icon {

    column-count: 2;

    font-size: var(--min-font-size) !important;

    margin: 20px 0;

  }

  .Product_service #cont1 .content .cp1 .test .icon div,

  .Product_service #cont1 .content2-2 .cp1 .test .icon div,

  .Product_service #cont1 .content3 .cp1 .test .icon div {

    padding: 10px 0;

    flex-direction: initial;

    width: 100%;

    justify-content: left;

  }

  .Product_service #cont1 .content .cp1 .test .icon div img,

  .Product_service #cont1 .content2-2 .cp1 .test .icon div img,

  .Product_service #cont1 .content3 .cp1 .test .icon div img {

    width: 20px;

    height: 20px;

    margin: 0 10px 0 0;

  }

  .Product_service #cont1 .content .cp1 .image,

  .Product_service #cont1 .content2-2 .cp1 .image,

  .Product_service #cont1 .content3 .cp1 .image {

    width: 100% !important;

  }

  .Product_service #cont1 .content .but,

  .Product_service #cont1 .content2-2 .but,

  .Product_service #cont1 .content3 .but {

    width: 100% !important;

    margin-top: 20px !important;

  }

  .Product_service #cont1 .content .but .but-title,

  .Product_service #cont1 .content2-2 .but .but-title,

  .Product_service #cont1 .content3 .but .but-title {

    font-size: var(--center-font-size) !important;

  }

  .Product_service #cont1 .content .but .kp,

  .Product_service #cont1 .content2-2 .but .kp,

  .Product_service #cont1 .content3 .but .kp {

    width: 100%;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

  }

  .Product_service #cont1 .content .but .kp div,

  .Product_service #cont1 .content2-2 .but .kp div,

  .Product_service #cont1 .content3 .but .kp div {

    width: 100%;

    border-radius: 8px;

  }

  .Product_service #cont1 .content .but .kp div p,

  .Product_service #cont1 .content2-2 .but .kp div p,

  .Product_service #cont1 .content3 .but .kp div p {

    font-size: var(--min-font-size) !important;

  }

  .Product_service #cont2 .top-img {

    padding: var(--box-padding) !important;

  }

  .Product_service #cont2 .top-img .tou {

    width: 100%;

    flex-direction: column;

  }

  .Product_service #cont2 .top-img .tou .t1 {

    margin-bottom: 15px;

  }

  .Product_service #cont2 .top-img .tou .t1,

  .Product_service #cont2 .top-img .tou .t2 {

    width: 100%;

    height: 400px;

    padding: 25px;

  }

  .Product_service #cont2 .top-img .tou .t1 p,

  .Product_service #cont2 .top-img .tou .t2 p {

    font-size: var(--center-font-size) !important;

    margin-top: 0 !important;

  }

  .Product_service #cont2 .top-img .tou .t1 div,

  .Product_service #cont2 .top-img .tou .t2 div {

    width: 100% !important;

    text-align: left !important;

    font-size: var(--min-font-size) !important;

    line-height: 2;

    margin-top: 15px;

  }

  .Product_service #cont2 .fz {

    display: none !important;

  }

  .Product_service #cont2 .fz-750 {

    padding: var(--box-padding) !important;

  }

  .Product_service #cont2 .fz-750 .fz-5 + .fz-5 {

    margin-top: 20px;

  }

  .Product_service #cont2 .fz-750 .fz-5 {

    background-color: #146dc6;

    font-size: 12px;

    color: #ffffff;

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

  }

  .Product_service #cont2 .fz-750 .fz-5 img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    object-position: center;

  }

  .Product_service #cont2 .fz-750 .fz-5 .icon,

  .Product_service #cont2 .fz-750 .fz-5 .zi,

  .Product_service #cont2 .fz-750 .fz-5 ul {

    text-align: center;

    font-weight: bold;

    padding: 5px 0;

    font-size: 16px;

  }

  .Product_service #cont2 .fz-750 .fz-5 .icon {

    padding-top: 25px !important;

    font-weight: normal;

    font-size: 30px;

  }

  .Product_service #cont2 .fz-750 .fz-5 ul {

    padding-bottom: 25px !important;

  }

  .Product_service #cont2 .fz-750 .fz-5 ul li {

    text-align: center;

    padding: 2px 0;

    font-size: 12px;

    font-weight: 100;

  }

  .Product_service #cont2 .dada {

    padding: 30px 0;

  }

  .Product_service #cont2 .dada .swiper2 {

    width: 100% !important;

    height: auto;

  }

  .Product_service #cont2 .dada .swiper2 .swiper-slide .img {

    width: 100%;

  }

  .Product_service #cont2 .dada .swiper2 .swiper-slide p {

    font-size: 14px;

    border-bottom: 1px solid #dee0e1 !important;

  }

  .Product_service #cont2 .dada .swiper2 .swiper-slide .button {

    font-size: var(--min-font-size) !important;

  }

  .Product_service #cont2 .dada .swiper2 .swiper-button-next,

  .Product_service #cont2 .dada .swiper2 .swiper-button-prev {

    display: none !important;

  }

  .news .box-sou .sou {

    padding-top: 0 !important;

    margin-bottom: 15px;

  }

  .news .box-sou .sou .div {

    border-radius: 30px;

    border: 3px solid #f8f8f8;

    width: 100% !important;

    overflow: hidden;

    display: flex;

    align-items: center;

  }

  .news .box-sou .sou .div span {

    color: #146dc6;

    font-size: var(--max-font-size) !important;

    border: none;

    font-weight: bold;

  }

  .news .box-sou .sou .div input {

    width: 90%;

    height: 40px !important;

    outline: none;

    color: #146dc6;

    font-size: 24px;

    font-weight: bold;

    text-indent: 2em;

    border: none;

  }

  .news .box-sou .sou .gps {

    display: flex;

    width: 100% !important;

    margin-top: 35px;

    flex-wrap: wrap;

  }

  .news .box-sou .sou .gps p {

    font-size: var(--min-font-size) !important;

    flex-shrink: 0;

  }

  .news .box-sou .sou .gps .lan {

    border-bottom: 3px solid #146dc6;

    color: #146dc6;

    font-weight: bold;

  }

  .news .box-sou .jg {

    font-size: var(--min-font-size) !important;

    margin-top: 10px !important;

  }

  .news .top-search {

    box-sizing: content-box;

    height: 70px;

  }

  .news .top-search .title {

    width: 100%;

    height: 100%;

    background-color: #f8f8f8;

    display: flex;

    align-items: center;

    box-sizing: border-box;

    padding: var(--box-padding);

    font-size: var(--min-font-size);

  }

  .news .banner-sub h3 {

    font-size: var(--max-font-size) !important;

  }

  .news .banner-sub a,

  .news .banner-sub p {

    font-size: var(--min-font-size) !important;

  }

  .news .news-list1 {

    position: relative;

  }

  .news .news-list1 .swiper {

    height: auto;

    padding: var(--box-padding) !important;

    border-bottom: 1px solid #eee;

  }

  .news .news-list1 .swiper .swiper-slide {

    width: 100% !important;

    height: auto !important;

    margin-top: 0;

    border-radius: 10px;

    overflow: hidden;

  }

  .news .news-list1 .swiper .swiper-slide .slide {

    padding: 20px;

    flex-direction: column;

    border-radius: 10px;

    height: auto;

  }

  .news .news-list1 .swiper .swiper-slide .slide > .img {

    width: 100% !important;

    height: 200px !important;

    border-radius: 10px;

  }

  .news .news-list1 .swiper .swiper-slide .slide > .left {

    margin-top: 15px;

    width: auto !important;

    height: 50% !important;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .news .news-list1 .swiper .swiper-slide .slide > .left > b {

    font-size: 16px !important;

  }

  .news .news-list1 .swiper .swiper-slide .slide > .left > p {

    font-size: var(--min-font-size) !important;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: auto;

    margin: 0;

    line-height: 1.7;

  }

  .news .news-list1 .swiper .swiper-slide .slide > .left > span {

    font-size: var(--min-font-size) !important;

    margin: 0;

  }

  .news .news-list1 .swiper img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .news .news-list1 .list1-cont {

    width: 100% ;

    height: auto ;

    margin: 0;

    padding: var(--box-padding);

  }

  .news .news-list1 .list1-cont .list {

    padding-top: 0;

    border: unset;

  }

  .news .news-list1 .list1-cont .list li {

    width: 100% ;

    margin-bottom: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    flex-shrink: 0;

  }

  .news .news-list1 .list1-cont .list li .imgs {

    width: 100%;

    border-radius: 8px;

  }

  .news .news-list1 .list1-cont .list li .imgs img {

    width: 100%;

    height: 100%;

  }

  .news .news-list1 .list1-cont .list li p {

    font-size: 15px;

    margin-top: 10px;

  }

  .news .news-list1 .list1-cont .list li > span {

    font-size: 12px !important;

    width: 100% !important;

    text-align: left !important;

  }

  .news .news-list1 .list1-cont .paging {

    flex-wrap: wrap;

    margin-top: 0;

    font-size: var(--min-font-size) !important;

    padding: 0;

    padding-top: 35px;

  }

  .news .news-list2 {

    width: 100% ;

    box-sizing: border-box;

    padding: var(--box-padding);

  }

  .news .news-list2 ul > li {

    flex-shrink: 0;

    width: 100%;

    height: auto !important;

    display: flex;

    flex-direction: column !important;

    justify-content: space-around !important;

    border-bottom: 1px solid #eee !important;

    padding: 0 0 20px;

  }

  .news .news-list2 ul > li .imgs {

    border-radius: 8px;

  }

  .news .news-list2 ul > li .text {

    padding: 0;

  }

  .news .news-list2 ul > li > img {

    width: 100% !important;

    height: 150px;

    margin-right: 0 !important;

  }

  .news .news-list2 ul > li > div {

    margin: 0 !important;

    width: 100% !important;

  }

  .news .news-list2 ul > li > div > h2 {

    width: 100% !important;

    font-size: 16px !important;

    line-height: 1.8;

    margin-top: 16px;

  }

  .news .news-list2 ul > li > div > p {

    width: 100% !important;

    font-size: var(--min-font-size) !important;

    line-height: 2;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: auto;

    margin-top: 0 !important;

  }

  .news .news-list2 ul > li > P {

    display: none;

  }

  .news .news-list2 ul > li .timeBolck {

    display: block !important;

    color: #999;

    font-size: 12px;

    margin: 6px 0 10px;

  }

  .news .paging {

    flex-wrap: wrap;

    margin-top: 0;

    font-size: var(--min-font-size) !important;

    padding: 0;

    padding-bottom: 35px;

  }

  .investor .banner-sub h3 {

    font-size: var(--max-font-size) !important;

  }

  .investor .banner-sub a,

  .investor .banner-sub p {

    font-size: var(--min-font-size) !important;

  }

  .investor .txt {

    width: 100% !important;

    justify-content: space-between !important;

    box-sizing: border-box;

    padding: 0 5% !important;

    min-height: 80px !important;

  }

  .investor .txt > div {

    height: 100% !important;

  }

  .investor .txt > div > h3 {

    font-size: var(--center-font-size) !important;

  }

  .investor .txt > div > p {

    font-size: var(--min-font-size) !important;

  }

  .investor .txt > p {

    height: 100% !important;

    font-size: var(--max-font-size) !important;

    margin-left: 0 !important;

    line-height: 48px;

  }

  .investor .txt > p > span {

    font-size: var(--min-font-size) !important;

  }

  .investor .report {

    width: 100% !important;

    height: auto !important;

    box-sizing: border-box;

    padding: var(--box-padding) !important;

  }

  .investor .report > ul {

    width: 100% !important;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 0 !important;

    height: 100%;

  }

  .investor .report > ul li {

    width: 49% !important;

    height: 49% !important;

    background: url("../images/shubj.jpg") no-repeat 100%/100%;

    padding: calc(55 / 1920 * 100vw) calc(26 / 1920 * 100vw);

    border: 1px solid #e8e8e8;

  }

  .investor .report > ul li .date {

    font-size: var(--min-font-size) !important;

  }

  .investor .report > ul li .name {

    font-size: var(--min-font-size) !important;

    margin-top: calc(24 / 1920 * 100vw);

  }

  .investor .report > ul li > button {

    width: 45px !important;

    height: 20px !important;

    font-size: var(--min-font-size) !important;

    margin-top: 60px;

    margin-bottom: 30px;

  }

  .investor .report > p {

    margin-top: 20px;

    font-size: var(--min-font-size) !important;

  }

  .investor .report > p > span {

    font-size: var(--min-font-size) !important;

  }

  .investor .list {

    width: 100% !important;

    box-sizing: border-box;

    padding: var(--box-padding) !important;

  }

  .investor .list > h4 {

    margin: 0 !important;

    font-size: var(--center-font-size) !important;

  }

  .investor .list .paging_container > ul li > p {

    font-size: var(--min-font-size) !important;

  }

  .investor .list .paging_container > ul li > p img {

    width: 10px !important;

    margin-right: 5px !important;

  }

  .investor .list .paging_container > ul li > b {

    font-size: var(--min-font-size) !important;

  }

  .investor .list .paging {

    flex-wrap: wrap;

    margin-top: 0;

    font-size: var(--min-font-size) !important;

    padding: 0;

    padding-top: 35px;

  }

  .investor .btn {

    width: 100%;

    height: 130px;

    padding: var(--box-padding) !important;

    display: flex;

  }

  .investor .btn .button {

    width: 48% !important;

    height: 100% !important;

    display: flex;

    border: none;

    justify-content: center;

  }

  .investor .btn .button > p > span {

    font-size: var(--min-font-size) !important;

  }

  .investor .btn .button > p b {

    margin: 0 15px;

    font-size: var(--min-font-size) !important;

  }

  .join .banner-sub h3 {

    font-size: var(--max-font-size);

  }

  .join .banner-sub a,

  .join .banner-sub p {

    font-size: var(--min-font-size);

  }

  .join .join-link {

    width: 100%;

    display: flex;

    flex-direction: column !important;

    padding-top: 0;

  }

  .join .join-link > li {

    display: none;

  }

  .join .join-link .li {

    display: block !important;

    width: 100%;

    margin-bottom: 20px;

    display: flex !important;

    padding: 0;

  }

  .join .join-link .li img {

    width: 50%;

    height: auto;

    border-radius: 10px;

  }

  .join .join-link .li > div {

    width: 50%;

  }

  .join .join-bottom {

    box-sizing: border-box;

    padding: var(--padding-tb) var(--padding-lr);

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: column;

    justify-content: space-around;

  }

  .join .join-bottom > h3 {

    font-size: var(--center-font-size);

    line-height: 1;

    margin-bottom: var(--padding-tb);

  }

  .join .join-bottom .swiper {

    width: 100%;

    height: auto;

    margin: 0 auto;

    flex-shrink: 0;

    border-radius: 5px;

  }

  .join .join-bottom .swiper .swiper-slide {

    height: auto;

    text-align: center;

    font-size: var(--min-font-size);

    transition: 300ms;

    transform: scaleY(0.7);

    opacity: 0.6;

    background-color: #ffffff;

    border-radius: 5px;

    overflow: hidden;

  }

  .join .join-bottom .swiper .swiper-slide .name {

    text-align: center;

    line-height: 1.8;

    font-size: var(--min-font-size);

  }

  .join .join-bottom .swiper .swiper-slide-active,

  .join .join-bottom .swiper .swiper-slide-duplicate-active {

    transform: unset;

    opacity: 1;

  }

  .join .join-bottom .swiper .swiper-slide-active .name,

  .join .join-bottom .swiper .swiper-slide-duplicate-active .name {

    transform: unset;

  }

  .clause .img {

    width: 135.5px;

    height: 129px;

    margin: 20px auto;

  }

  .clause .img > img {

    width: 100%;

    height: 100%;

  }

  .clause .txt {

    width: 100%;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .clause .txt .txt-cont {

    width: 100%;

    height: 100%;

    position: relative;

    padding-bottom: 109px;

    padding: var(--padding-tb) 0;

  }

  .clause .txt .txt-cont .h2-title {

    font-size: var(--max-font-size);

    line-height: 32px;

  }

  .clause .txt .txt-cont .bule {

    height: auto;

    font-size: var(--min-font-size);

    line-height: 25px;

    margin-bottom: 25px;

  }

  .clause .txt .txt-cont .top {

    height: auto;

    font-size: var(--min-font-size);

    line-height: 25px;

  }

  .clause .txt .txt-cont .list {

    font-size: var(--min-font-size);

  }

  .clause .txt .txt-cont .list .list-title {

    margin: 20px 0;

    height: auto;

  }

  .clause .txt .txt-cont .list .list-title h4 {

    margin: 0 23px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #333333;

    line-height: 32px;

  }

  .clause .txt .txt-cont .list > p {

    font-size: var(--min-font-size);

    line-height: 25px;

  }

  .clause .txt .txt-cont .list > p > span {

    font-size: var(--min-font-size);

    height: auto;

    word-break: break-word;

  }

  .clause .btn {

    width: 100%;

    height: auto;

    margin: 0;

    padding: var(--padding-tb) var(--padding-lr);

    display: flex;

    justify-content: space-between;

  }

  .clause .btn button {

    width: 49%;

    height: 50px;

    line-height: 50px;

    font-size: var(--min-font-size);

  }

  .information-box {

    height: 100%;

  }

  .information-box select {

    /*将默认的select选择框样式清除*/

    background: #ffffff;

    border: none;

    outline: none !important;

  }

  .information-box input::-webkit-input-placeholder {

    text-indent: 2em;

    font-size: var(--min-font-size);

  }

  .information-box .information-bg {

    padding: 0;

    box-sizing: border-box;

    width: 100%;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.325);

    position: static;

    overflow-y: auto;

  }

  .information-box .information-bg .information {

    width: 100%;

    height: 100vh;

    background-position: center;

    background-size: cover;

    border-radius: 0;

  }

  .information-box .information-bg .information .cot {

    margin: 0;

    margin-top: 0;

    padding: 25px 20px;

    width: 100%;

    height: auto;

    background: #ffffff;

    border-radius: 0;

    display: flex;

    justify-content: space-between;

    flex-direction: column;

    position: relative;

  }

  .information-box .information-bg .information .cot .box {

    width: 100% !important;

    height: 46px;

    background: #ffffff;

    border: 1px solid #eaeaea;

    border-radius: 0px;

    margin-bottom: 7px;

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .information-box .information-bg .information .cot .box > span {

    font-size: var(--min-font-size);

    text-align: center;

    margin-right: 0;

  }

  .information-box .information-bg .information .cot .box > input {

    flex: 1;

    height: 100%;

    outline: none;

    border: none;

  }

  .information-box .information-bg .information .cot .box > i {

    margin: 0 18px;

  }

  .information-box .information-bg .information .cot .box > img {

    width: 81px;

    height: 30px;

    border: 1px solid;

  }

  .information-box .information-bg .information .cot .box .xiala {

    flex: 1;

    height: 100%;

    display: flex;

    justify-content: space-evenly;

    align-items: center;

  }

  .information-box .information-bg .information .cot .box .xiala > span {

    width: 60px;

    cursor: pointer;

  }

  .information-box .information-bg .information .cot .box .xiala > span:hover {

    color: #9d9d9d;

  }

  .information-box .information-bg .information .cot .box .xiala > span > i {

    font-size: 10px;

    opacity: 0.5;

    margin-left: 12px;

  }

  .information-box .information-bg .information .cot .left {

    width: 100%;

    height: auto;

  }

  .information-box .information-bg .information .cot .left .fujian {

    width: 100%;

  }

  .information-box .information-bg .information .cot .left .fujian p {

    width: 100%;

    height: 46px;

    padding: 0 19px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #ffffff;

    border: 1px solid #eaeaea;

  }

  .information-box .information-bg .information .cot .left .fujian p > span {

    font-size: var(--min-font-size);

    color: #333333;

  }

  .information-box .information-bg .information .cot .left .fujian p > i {

    font-size: 18px;

    color: #2cac74;

  }

  .information-box .information-bg .information .cot .left .fujian p:hover {

    background-color: #dfefff;

  }

  .information-box .information-bg .information .cot .right {

    width: 100%;

    height: auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .information-box .information-bg .information .cot .right .box > span {

    width: 66px;

  }

  .information-box .information-bg .information button {

    position: static;

    border: none;

    width: 300px;

    height: 46px;

    line-height: 46px;

    font-size: var(--center-font-size);

    margin: 0 auto;

    margin-top: 20px;

    cursor: pointer;

  }

  .information-box .information-bg .information button:hover {

    background-color: #62c198;

  }

  .news-particulars {

    margin-top: 0;

  }

  .news-particulars .nav {

    height: 50px;

    margin-top: 0;

    padding: var(--padding-tb) var(--padding-lr);

  }

  .news-particulars .nav p {

    font-size: var(--min-font-size);

  }

  .news-particulars .title {

    text-align: center;

    font-size: var(--max-font-size);

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #333333;

    line-height: 32px;

    margin: 15px auto;

  }

  .news-particulars .title-day {

    text-align: center;

    font-size: var(--min-font-size);

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #333333;

    line-height: 32px;

    margin-bottom: 15px;

  }

  .news-particulars .cont {

    width: 100%;

    margin: 0 auto;

    padding: var(--padding-tb) var(--padding-lr);

    border-top: 1px solid #999;

    border-bottom: 1px solid #999;

  }

  .news-particulars .cont .img {

    width: 100%;

    height: 200px;

    margin-bottom: 30px;

  }

  .news-particulars .cont .img > img {

    width: 100%;

    height: 100%;

  }

  .news-particulars .cont .txt {

    width: 100%;

    font-size: var(--min-font-size);

    line-height: 36px;

  }

  .news-particulars .cont .txt > P {

    margin-bottom: 50px;

  }

  .news-particulars .cont .txt > span {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: var(--min-font-size);

    line-height: 36px;

  }

  .news-particulars .cont .txt > span .vx {

    width: 13px;

    height: 10.5px;

    margin: 0 21px 0 31px;

  }

  .news-particulars .change-page {

    height: 100px;

    width: 100%;

    padding: var(--padding-tb) var(--padding-lr);

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .news-particulars .change-page .left,

  .news-particulars .change-page .right {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 45%;

  }

  .news-particulars .change-page .left p,

  .news-particulars .change-page .right p {

    margin: 0;

    font-size: var(--min-font-size);

    line-height: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .news-particulars .change-page .left p:hover,

  .news-particulars .change-page .right p:hover {

    color: #999;

  }

}

.locale-en .header {

  text-transform: unset;

}

.locale-en .about .content1 .box .left .text {

  line-height: 1.7;

  font-size: 16px;

  scrollbar-width: auto;

}

.locale-en .about .content1 .box .left .text::-webkit-scrollbar {

  display: block;

  width: 5px;

  height: 8px;

  background-color: #f3f3f3;

}

.locale-en .about .content1 .box .left .text::-webkit-scrollbar-thumb {

  background: #000;

}

@media only screen and (max-width: 1536px) {

  .locale-en .about .content1 .box .left .text {

    max-height: 300px;

    overflow-y: auto;

    padding-right: 15px;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .about .content1 .box .left .text {

    max-height: unset;

    padding-right: 0;

  }

}

.locale-en .about .content1 .box .left .but {

  margin-top: 100px;

}

.locale-en .about .content4 .box .names .tab .item {

  font-size: 18px;

}

.locale-en .about .content4 .box .wz1 {

  font-size: 30px;

}

.locale-en .Product_service #cont2 .top-img .tou .item .text p {

  font-size: 18px;

}

.locale-en .Product_service #cont2 .top-img .tou .item .text div {

  line-height: 1.6;

}

.locale-en .sustainable .hjbh .lists .item .des {

  line-height: 1.7;

  text-align: left;

}

.locale-en .home-page .join .jrwm-box .center .content .but .rigth .item {

  padding: 0 calc(30 / 1920 * 100vw);

  padding: 0 calc(30 / 1920 * var(--body-width));

}

.locale-en .home-page .product .fw-box .center .content .box .da .left .icon {

  text-align: center;

}

.locale-en .information-box .information-bg .information .cot .right .box > span {

  width: 90px;

}

.locale-en .home-page .about .cx-box > .title .content {

  line-height: 2;

}

@media only screen and (max-width: 1746px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth {

    margin-left: calc(100 / 1920 * 100vw);

    margin-left: calc(100 / 1920 * var(--body-width));

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth {

    margin-left: 0;

    margin-top: 5vw;

  }

}

@media only screen and (max-width: 1600px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth .item {

    font-size: 16px;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth .item {

    padding: 0 20px;

  }

}

@media only screen and (max-width: 1746px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth .item .img {

    width: 36px;

    height: 36px;

  }

}

@media only screen and (max-width: 1536px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .rigth .item .img {

    width: 32px;

    height: 32px;

  }

}

@media only screen and (max-width: 1746px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .left {

    width: 580px ;

  }

}

@media only screen and (max-width: 1600px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .left {

    width: 500px ;

  }

}

@media only screen and (max-width: 1536px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .left {

    width: 420px ;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .home-page .join .jrwm-box .center .content .but .left {

    width: auto ;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .home-page .product .fw-box .center {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .home-page .product .fw-box .center .tab {

    margin: 0;

    width: auto;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .home-page .product .fw-box .center .tab {

    width: 100%;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .home-page .product .fw-box .center .tab .english {

    display: none;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .about .sub-menu {

    display: none;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .home-page .product .fw-box .center .content .box {

    height: 430px;

  }

}

.locale-en .certificate .swiper-slide p {

  font-size: 14px;

}

@media only screen and (max-width: 640px) {

  .locale-en #footer .footer .footer-bottom .bottom-cont .left .ll {

    display: flex;

    flex-direction: column;

    align-items: center;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .about .content4 .box .names .tab {

    display: block;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .about .content4 .box .names .tab .item {

    border-radius: 8px;

  }

}

@media only screen and (max-width: 1024px) {

  .locale-en .about .content4 .box .names .tab .item + .item {

    margin-left: 0;

    margin-top: 20px;

  }

}

@media only screen and (max-width: 640px) {

  .locale-en .Product_service #cont1 .content .cp1 .test .name {

    text-align: left;

  }

}