.bg {
  background-size: cover;
  background-position: center;
}
.bold {
  font-weight: bold !important;
}
.container {
  width: 100%;
  padding: 0 160px;
  margin: 0 auto;
}
.W1550 {
  max-width: 1550px;
  width: 85%;
  margin: 0 auto;
}
.inner {
  width: 85%;
  max-width: 1450px;
  margin: 0 auto;
}
.W1400 {
  max-width: 1400px;
  width: 80%;
  margin: 0 auto;
}
.W1300 {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
}
.W1100 {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}
body {
  position: relative;
}
.padd50 {
  padding: 50px 0;
}
.pd3 {
  padding: 3% 0 !important;
}
.pd4 {
  padding: 4% 0 !important;
}
.pd5 {
  padding: 5% 0 !important;
}
.pd6 {
  padding: 6% 0 !important;
}
.pd8 {
  padding: 8% 0 !important;
}
.pd10 {
  padding: 10% 0 !important;
}
.pd12 {
  padding: 12% 0 !important;
}
.pdb {
  padding-bottom: 0 !important;
}
.pdt {
  padding-top: 0 !important;
}
.pdt3 {
  padding-top: 3% !important;
}
.pdt4 {
  padding-top: 4% !important;
}
.pdt5 {
  padding-top: 5% !important;
}
.pdt6 {
  padding-top: 6% !important;
}
.pdt7 {
  padding-top: 7% !important;
}
.pdt8 {
  padding-top: 8% !important;
}
.pdt9 {
  padding-top: 9% !important;
}
.pdt10 {
  padding-top: 10% !important;
}
.pdt6 {
  padding-top: 6% !important;
}
.pdb3 {
  padding-bottom: 3% !important;
}
.pdb5 {
  padding-bottom: 5% !important;
}
.pdb8 {
  padding-bottom: 8% !important;
}
.pdb10 {
  padding-bottom: 10% !important;
}
.f12 {
  font-size: 12px !important;
}
.f14 {
  font-size: 14px !important;
}
.f16 {
  font-size: 16px !important;
}
.f18 {
  font-size: 18px !important;
}
.f20 {
  font-size: 20px !important;
}
.f22 {
  font-size: 22px !important;
}
.f24 {
  font-size: 24px !important;
}
.f28 {
  font-size: 28px !important;
}
.f30 {
  font-size: 30px !important;
}
.f32 {
  font-size: 32px !important;
}
.f34 {
  font-size: 34px !important;
}
.f36 {
  font-size: 36px !important;
}
.f38 {
  font-size: 38px !important;
}
.f40 {
  font-size: 40px !important;
}
.f44 {
  font-size: 44px !important;
}
.f48 {
  font-size: 48px !important;
}
.f50 {
  font-size: 50px !important;
}
.f60 {
  font-size: 60px !important;
}
.f70 {
  font-size: 70px !important;
}
@media screen and (max-width: 1600px) {
  .container {
    padding: 0 100px;
  }
}
@media screen and (max-width: 1480px) {
  .container {
    padding: 0 80px;
  }
  .f16 {
    font-size: 15px !important;
  }
  .f20 {
    font-size: 18px !important;
  }
  .f22 {
    font-size: 20px !important;
  }
  .f24 {
    font-size: 22px !important;
  }
  .f28 {
    font-size: 26px !important;
  }
  .f30 {
    font-size: 28px !important;
  }
  .f32 {
    font-size: 30px !important;
  }
  .f34 {
    font-size: 30px !important;
  }
  .f36 {
    font-size: 30px !important;
  }
  .f38 {
    font-size: 34px !important;
  }
  .f40 {
    font-size: 36px !important;
  }
  .f48 {
    font-size: 42px !important;
  }
  .f50 {
    font-size: 44px !important;
  }
  .f60 {
    font-size: 52px !important;
  }
  .f70 {
    font-size: 54px !important;
  }
}
@media screen and (max-width: 1024px) {
  .container {
    width: 90%;
    padding: 0;
  }
  .inner {
    width: 90%;
  }
  body {
    font-size: 14px;
  }
  .f16 {
    font-size: 15px !important;
  }
  .f18 {
    font-size: 16px !important;
  }
  .f20 {
    font-size: 18px !important;
  }
  .f22 {
    font-size: 20px !important;
  }
  .f24 {
    font-size: 20px !important;
  }
  .f28 {
    font-size: 24px !important;
  }
  .f30 {
    font-size: 26px !important;
  }
  .f32 {
    font-size: 28px !important;
  }
  .f34 {
    font-size: 28px !important;
  }
  .f38 {
    font-size: 30px !important;
  }
  .f36 {
    font-size: 30px !important;
  }
  .f40 {
    font-size: 32px !important;
  }
  .f48 {
    font-size: 36px !important;
  }
  .f50 {
    font-size: 38px !important;
  }
  .f60 {
    font-size: 46px !important;
  }
  .f70 {
    font-size: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  .pdb3 {
    padding-bottom: 30px !important;
  }
  .pd3 {
    padding: 30px 0 !important;
  }
  .pd4,
  .pd5,
  .pd6 {
    padding: 40px 0 !important;
  }
  .pdb4,
  .pdb5 {
    padding-bottom: 40px !important;
  }
  .f14 {
    font-size: 12px !important;
  }
  .f16 {
    font-size: 14px !important;
  }
  .f18 {
    font-size: 15px !important;
  }
  .f20 {
    font-size: 16px !important;
  }
  .f22 {
    font-size: 18px !important;
  }
  .f24 {
    font-size: 16px !important;
  }
  .f28 {
    font-size: 18px !important;
  }
  .f30 {
    font-size: 20px !important;
  }
  .f32 {
    font-size: 22px !important;
  }
  .f34 {
    font-size: 22px !important;
  }
  .f38 {
    font-size: 26px !important;
  }
  .f36 {
    font-size: 22px !important;
  }
  .f40 {
    font-size: 26px !important;
  }
  .f48 {
    font-size: 30px !important;
  }
  .f50 {
    font-size: 32px !important;
  }
  .f60 {
    font-size: 40px !important;
  }
  .f70 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 700px) {
  .f38 {
    font-size: 24px !important;
  }
  .f60 {
    font-size: 32px !important;
  }
  .f70 {
    font-size: 30px !important;
  }
}
.flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.img_pic {
  position: relative;
  width: 100%;
  padding-top: 50%;
  overflow: hidden;
}
.img_pic img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -o-object-fit: cover;
  object-fit: cover;
}
.img_pic img:hover {
  transform: scale(1.1);
}
/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0s !important;
  z-index: 998;
}
.header .haaderRight .search {
  margin-top: 4px;
}
.header .haaderRight .search i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/search.png) no-repeat center;
  background-size: contain;
}
.header .haaderRight .search:hover i {
  background: url(../images/search-1.png) no-repeat center !important;
  background-size: contain;
}
.header .haaderRight .lang {
  color: #fff;
  margin-left: 2vw;
}
.header .haaderRight .lang i {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/lang.png) no-repeat center;
  background-size: contain;
  margin-right: 5px;
  margin-top: 2px;
}
.header .haaderRight .lang:hover {
  color: #1c4f86 !important;
}
.header .haaderRight .lang:hover i {
  background: url(../images/lang-1.png) no-repeat center !important;
  background-size: contain;
}
.header.hid_in {
  opacity: 0;
}
.header.show_in {
  opacity: 1;
}
.header .img2 {
  display: none;
}
.header .img2.hid {
  opacity: 0 !important;
}
.header .img2.showx {
  opacity: 1 !important;
}
.header .bottom {
  padding: 8px 160px;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  align-items: stretch;
}
.header.active .bottom,
.header.show .bottom {
  background: #fff;
}
.header.active .bottom .leftxx .logo img.img1,
.header.show .bottom .leftxx .logo img.img1 {
  display: none;
}
.header.active .bottom .leftxx .logo img.img2,
.header.show .bottom .leftxx .logo img.img2 {
  display: block;
}
.header.active .bottom .leftxx .h_nav li a,
.header.show .bottom .leftxx .h_nav li a {
  color: #333333;
}
.header.active .bottom .leftxx .h_nav li a i,
.header.show .bottom .leftxx .h_nav li a i {
  background: url(../images/f_jt1.svg) no-repeat right center;
  background-size: 10px;
}
.header.active .haaderRight .search i,
.header.show .haaderRight .search i {
  background: url(../images/search-3.png) no-repeat center;
  background-size: contain;
}
.header.active .haaderRight .lang,
.header.show .haaderRight .lang {
  color: #333333;
}
.header.active .haaderRight .lang i,
.header.show .haaderRight .lang i {
  background: url(../images/lang-3.png) no-repeat center;
  background-size: contain;
}
.header .bottom .leftxx {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  margin-right: 3vw;
}
.header .bottom .leftxx .logo {
  display: block;
  width: 91px;
}
.header .bottom .leftxx .logo img {
  width: 100%;
}
.header .bottom .leftxx .logo img.img2 {
  display: none;
}
.header.on .bottom .leftxx .logo img.img1 {
  display: none;
}
.header.on .bottom .leftxx .logo img.img2 {
  display: block;
}
.header .bottom .leftxx .h_nav {
  display: flex;
  transition: all 0.5s;
}
.header .bottom .leftxx .h_nav.nav-hide {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.header .bottom .leftxx .h_nav li {
  margin-right: 80px;
  position: relative;
}
.header .bottom .leftxx .h_nav li .navLm {
  position: absolute;
  width: 120px;
  padding-top: 50px;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
.header .bottom .leftxx .h_nav li .navLm .nava {
  background: #fff;
  padding: 4px 0;
}
.header .bottom .leftxx .h_nav li .navLm a {
  display: block;
  margin: 18px 0;
  color: #747473;
}
.header .bottom .leftxx .h_nav li .navLm a:hover {
  color: #215097;
}
.header .bottom .leftxx .h_nav li:hover .navLm {
  opacity: 1;
  pointer-events: inherit;
}
.header .bottom .leftxx .h_nav li:last-child {
  margin-right: 0;
}
.header .bottom .leftxx .h_nav li a {
  color: #fff;
  transition: all 0.5s;
  display: block;
  line-height: 1.3;
}
.header .bottom .leftxx .h_nav li a i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/f_jt2.svg) no-repeat right center;
  background-size: 10px;
  margin-left: 7px;
}
.header .bottom .leftxx .h_nav li a:hover {
  color: #215097;
}
.header.trans {
  border-bottom-color: transparent;
  transition: all 0.5s;
}
.header.trans1 {
  border-bottom: 0.01rem solid #ECECEC;
  transition: all 0.5s;
}
.header.trans .top {
  background-color: transparent;
}
.header.trans1 .top {
  background-color: #F8F8F8;
}
.header.trans .bottom {
  background-color: transparent;
}
.header.trans1 .bottom {
  background-color: #ffffff;
}
.header.trans .top .t_left {
  filter: brightness(100);
}
.header.trans1 .top .t_left {
  filter: brightness(0);
}
.header.trans .bottom .leftxx .h_nav li a {
  color: #fff;
}
.header.trans1 .bottom .leftxx .h_nav li a {
  color: #333333;
}
.header.trans .bottom .leftxx .h_nav li a:hover {
  color: #215097;
}
.header.trans .bottom form .ser {
  filter: brightness(100);
  transition: all 0.01s;
}
.header.trans1 .bottom form .ser {
  filter: none;
  transition: all 0.01s;
}
.header.trans .bottom form .user {
  filter: brightness(100);
  transition: all 0.01s;
}
.header.trans1 .bottom form .user {
  filter: none;
  transition: all 0.01s;
}
.header.trans .bottom .leftxx .logo {
  filter: brightness(100) grayscale(100);
  transition: all 0.01s;
}
.header.trans1 .bottom .leftxx .logo {
  filter: none;
  transition: all 0.01s;
}
.search-box {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  z-index: 99;
  position: absolute;
  right: 130px;
  opacity: 1;
  pointer-events: all;
}
.search-box.search-hide {
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  left: auto;
  opacity: 0;
  pointer-events: none;
}
.search-box.search-hide {
  visibility: hidden;
}
.header .pl_xl {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  /*background-color: #ffffff;*/
  background-color: #ffffff;
  border-top: 0.01rem solid #ECECEC;
  /*background-color: #fff;*/
  display: none;
}
.header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  --modal-scrim-blur: 0rem;
  -webkit-backdrop-filter: blur(var(--modal-scrim-blur));
  backdrop-filter: blur(var(--modal-scrim-blur));
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  z-index: -1;
}
.header.show:before {
  --modal-scrim-blur: 0.04rem;
  opacity: 1;
  transition: all 0.5s 0.5s;
}
/*.header .pl_xl{display: block!important;}*/
.header .pl_xl .con {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 2;
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
}
.header .pl_xl .con .leftxx {
  width: 498px;
  padding-left: 7%;
  /*background-color: #F7F7F7;*/
  padding: 32px 0 32px 5%;
}
.header .pl_xl .con .leftxx .li {
  display: flex;
  align-items: center;
  color: #333333;
  transition: all 0.5s;
  position: relative;
  cursor: pointer;
  padding: 12px 10px 12px 160px;
}
.header .pl_xl .con .leftxx .li .icon {
  width: 25px;
  height: 25px;
}
.header .pl_xl .con .leftxx .li.on .icon {
  background: url(../images/right.png) no-repeat center;
  background-size: contain;
}
.header .pl_xl .con .leftxx .li .p {
  width: 100%;
  position: relative;
  line-height: 1.33;
  color: #333333;
  justify-content: space-between;
  padding-bottom: 10px;
}
.header .pl_xl .con .leftxx .li .p:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0%;
  transition: all 0.5s;
  background-color: #000000;
}
.header .pl_xl .con .leftxx .li.on .p {
  color: #215097;
  position: relative;
}
.header .pl_xl .con .leftxx .li.on .p:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #215097;
}
.header .pl_xl .con .leftxx .li.on .icon {
  filter: none;
  opacity: 1;
}
.header .pl_xl .con .leftxx .li .img1 {
  display: none;
}
.header .pl_xl .con .leftxx .li .img2 {
  display: block;
}
.header .pl_xl .con .leftxx .li img {
  width: 24px;
  margin-right: 23px;
}
.header .pl_xl .con .leftxx .li .jt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  opacity: 0;
  transition: all 0.5s;
}
.header .pl_xl .con .leftxx .li.on .jt {
  opacity: 1;
}
.header .pl_xl .con .leftxx .li:hover .jt {
  opacity: 1;
}
.header .pl_xl .con .rightx {
  width: calc(100% - 498px);
  padding: 47px 226px 30px 100px;
}
.header .pl_xl .con .rightx .rightx1 {
  display: none;
}
.header .pl_xl .con .rightx .rightx1.on {
  display: block;
}
.header .pl_xl .con .rightx .r_top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 75px;
  width: 600px;
  justify-content: space-between;
}
.header .pl_xl .con .rightx .r_top .txt1 {
  margin-right: 195px;
  margin-right: 0;
}
.header .pl_xl .con .rightx .r_top .txt1 .h {
  color: #333333;
  line-height: 1.33;
  margin-bottom: 10px;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.header .pl_xl .con .rightx .r_top .txt1 .h svg {
  display: block;
  width: 8px;
  margin-left: 12px;
}
.header .pl_xl .con .rightx .r_top .txt1 .h svg path {
  transition: all 0.5s;
}
.header .pl_xl .con .rightx .r_top:hover .txt1 .h svg path {
  stroke: #215097;
}
.header .pl_xl .con .rightx .r_top:hover .txt1 .h {
  color: #215097;
}
.header .pl_xl .con .rightx .r_top .txt1 .p {
  font-weight: 300;
  color: #606060;
  line-height: 1.3125;
}
.header .pl_xl .con .rightx .r_top .btn {
  line-height: 46px;
  text-align: center;
  color: #333333;
  display: block;
  height: 46px;
  transform: translateY(-4px);
}
.header .pl_xl .con .rightx .r_top .btn:after {
  background-color: #333333;
}
.header .pl_xl .con .rightx .r_top .btn:hover {
  color: #fff;
}
.header .pl_xl .con .rightx .r_bottom {
  display: flex;
  align-items: flex-start;
}
.header .pl_xl .con .rightx .r_bottom > div {
  width: 33.33%;
  padding-right: 5%;
}
.header .pl_xl .con .rightx .r_bottom > div.b_leftx {
  width: 740px;
}
.header .pl_xl .con .rightx .r_bottom > div.b_leftx .ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.header .pl_xl .con .rightx .r_bottom > div .h1 {
  color: #606060;
  line-height: 1.16;
  /*padding-bottom: 15px;*/
  /*border-bottom: .01rem solid rgba(96, 96, 96, 0.2);*/
  margin-bottom: 24px;
  /*margin-bottom: 0;*/
}
.header .pl_xl .con .rightx .r_bottom > div .h1 > a {
  color: #606060;
  position: relative;
  transition: all 0.5s;
}
.header .pl_xl .con .rightx .r_bottom > div .h1 > a.a1:hover {
  color: #215097;
}
.header .pl_xl .con .rightx .r_bottom > div .h1 > a:after {
  content: "";
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #606060;
  border-right: 1px solid #606060;
  opacity: 1;
  transition: all 0.4s;
}
.header .pl_xl .con .rightx .r_bottom > div .h1 > a:hover:after {
  border-top: 1px solid #215097;
  border-right: 1px solid #215097;
}
.header .pl_xl .con .rightx .r_bottom > div ul {
  margin-bottom: 22px;
}
.header .pl_xl .con .rightx .r_bottom > div ul li {
  margin-bottom: 22px;
}
.header .pl_xl .con .rightx .r_bottom > div.b_leftx .ul ul {
  width: 47%;
}
.header .pl_xl .con .rightx .r_bottom > div li a {
  color: #9f9f9f;
  position: relative;
  padding-bottom: 10px;
}
.header .pl_xl .con .rightx .r_bottom > div li a:hover {
  color: #215097;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1 {
  display: block;
  font-weight: 400;
  color: #333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-right: 40px;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1:after {
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../images/right.png) no-repeat center;
  background-size: contain;
  opacity: 0;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0%;
  height: 1px;
  background: #215097;
  transition: all 0.3s;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1:hover:after {
  opacity: 1;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1:hover::before {
  width: 100%;
}
.header .pl_xl .con .rightx .r_bottom > div li a.hid {
  pointer-events: none;
}
.header .pl_xl .con .rightx .r_bottom > div li.f_14 a::after {
  display: none;
}
.header .pl_xl .con .rightx .rightx1:nth-child(10) .r_bottom .b_center li a::after {
  border: none;
  background: url(../img/wl.svg) no-repeat center;
  background-size: contain;
  width: 11px;
  height: 11px;
  transform: translateY(-50%);
}
.header .pl_xl .con .rightx .r_bottom > div li a.hid::after {
  display: none;
}
.header .pl_xl .con .rightx .r_bottom > div li a.a1:hover {
  color: #215097;
}
.header .pl_xl .con .rightx .r_bottom > div li a.hid:hover {
  color: #606060;
}
.header .pl_xl .con .rightx .r_bottom > div li a.f_14:hover {
  color: #606060;
}
.header .pl_xl .con .rightx .r_bottom > div li a:hover::after {
  opacity: 1;
}
.header .pl_xl .con .rightx .r_bottom > div li.f_16 a {
  line-height: 1.3125;
  color: #333333;
  margin-bottom: 12px;
  font-weight: 400;
}
.header .pl_xl .con .rightx .r_bottom > div .pic {
  width: 100%;
  height: 180px;
  overflow: hidden;
  display: block;
  margin-bottom: 76px;
}
.header .pl_xl .con .rightx .r_bottom > div .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.header .pl_xl .con .rightx .r_bottom > div .pic:hover img {
  transform: scale(1.05);
}
.header .pl_xl .con .hea_phd {
  width: 288px;
  /*padding:12px 24px;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*border: .01rem solid #606060;*/
  /*border-radius: 10px;*/
  /*transition: all 0.5s;*/
}
/*.header .pl_xl .con .hea_phd:hover{border-color:transparent;background-color: #333333;}*/
/*.header .pl_xl .con .hea_phd img{display: block;width: 32px;height: 29px;object-fit: contain;margin-right: 41px;}*/
/*.header .pl_xl .con .hea_phd img.img2{display: none;}*/
/*.header .pl_xl .con .hea_phd:hover img.img1{display: none;}*/
/*.header .pl_xl .con .hea_phd:hover img.img2{display:block;}*/
/*.header .pl_xl .con .hea_phd .txt{display: flex;align-items: center;color: #606060;font-weight: 400;transition:all 0.5s}*/
/*.header .pl_xl .con .hea_phd:hover .txt{color:#fff;}*/
/*.header .pl_xl .con .hea_phd .txt svg{display: block;width: 6px;height: 12px;margin-left: 10px;}*/
/*.header .pl_xl .con .hea_phd .txt svg path{transition: all 0.5s;}*/
/*.header .pl_xl .con .hea_phd:hover .txt svg path{stroke:#fff;}*/
.header .pl_xl .con .hea_phd .pic {
  width: 100%;
  height: 162px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 45px;
}
.header .pl_xl .con .hea_phd .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.header .pl_xl .con .hea_phd:hover .pic img {
  transform: scale(1.05);
}
.header .pl_xl .con .hea_phd .h {
  display: flex;
  align-items: center;
  color: #606060;
  margin-bottom: 12px;
  transition: all 0.5s;
}
.header .pl_xl .con .hea_phd:hover .h {
  color: #215097;
}
.header .pl_xl .con .hea_phd .h svg {
  width: 6px;
  height: 12px;
  display: block;
  margin-left: 12px;
}
.header .pl_xl .con .hea_phd .h svg path {
  transition: all 0.5s;
}
.header .pl_xl .con .hea_phd:hover .h svg path {
  stroke: #215097;
}
.header .pl_xl .con .hea_phd .p {
  color: #7a7a7a;
  line-height: 1.75;
}
.header .pl_xl .con .you .hea_phd {
  width: 100%;
  position: relative;
  padding: 108px 0 87px 0;
  background: url(../img/hea_phd.png) no-repeat center;
  background-size: cover;
  text-align: center;
}
.header .pl_xl .con .you .hea_phd .hx {
  color: #424945;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 20px;
}
.header .pl_xl .con .you .hea_phd .btnx {
  width: fit-content;
  margin: 0 auto;
  padding: 7.5px 36px;
  border: 0.01rem solid #606060;
  border-radius: 9px;
  color: #606060;
  transition: all 0.5s;
}
.header .pl_xl .con .you .hea_phd .btnx:hover {
  border-color: transparent;
  background-color: #ffffff;
}
.header .pl_xl .con .you {
  padding: 69px 130px 0 76px;
}
.header .pl_xl .con .you .ai {
  margin-top: 83px;
  padding: 46px 30px 77px 30px;
  width: 100%;
  background-color: #EFEFEF;
  position: relative;
  cursor: pointer;
}
.header .pl_xl .con .you .ai .ai1 {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 120px;
  transition: all 0.5s;
}
.header .pl_xl .con .you .ai:hover .ai1 {
  right: 20px;
  width: 92px;
}
.header .pl_xl .con .you .ai .h2 {
  color: #606060;
  font-weight: 400;
  line-height: 1.3125;
  margin-bottom: 11px;
}
.header .pl_xl .con .you .ai a {
  display: flex;
  align-items: center;
  color: #215097;
  font-weight: 200;
}
.header .pl_xl .con .you .ai a img {
  width: 5px;
  margin-left: 10px;
  transition: all 0.5s;
}
.header .pl_xl .con .you .ai a:hover img {
  margin-left: 6px;
}
.header .pl_xl .con .you {
  width: 548px;
  background-color: #F7F7F7;
}
.header .ab_xl {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 0.01rem solid #ECECEC;
  display: none;
}
.header .ab_xl .con {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 2;
  position: relative;
  /*background-color: #fff;*/
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
  padding: 48px 0 94px 0;
}
.header .ab_xl .item {
  margin: 0 80px;
}
.header .ab_xl .item a {
  display: block;
}
.header .ab_xl .item a.h {
  color: #333333;
  line-height: 1.3125;
  margin-bottom: 23px;
}
.header .ab_xl .item ul a {
  color: #606060;
  font-weight: 300;
  transition: all 0.5s;
  line-height: 2.27;
  display: flex;
  align-items: center;
}
.header .ab_xl .item ul a img {
  width: 11px;
  height: 11px;
  margin-left: 6px;
  opacity: 0;
  transition: all 0.5s;
}
.header .ab_xl .item ul a:hover img {
  opacity: 1;
}
.header .ab_xl .item ul a:hover {
  color: #215097;
}
.header .ser_xl .con {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 2;
  position: relative;
  background-color: #fff;
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
  padding: 48px 0 94px 0;
}
.header .ser_xl .item {
  margin: 0 80px;
}
.header .ser_xl .item a.h {
  margin-left: 0;
  margin-right: 0;
}
.header .ser_xl .item:nth-child(1) {
  width: 700px;
}
.header .ser_xl .item:nth-child(1) ul {
  display: flex;
  flex-wrap: wrap;
}
.header .ser_xl .item:nth-child(1) ul li {
  width: 33.33%;
}
.header .ser_xl .item:nth-child(2) {
  width: 400px;
}
.header .ser_xl .item:nth-child(2) ul {
  display: flex;
  flex-wrap: wrap;
}
.header .ser_xl .item:nth-child(2) ul li {
  width: 50%;
}
.header .ser_xl .item ul li a {
  margin: 0;
}
.header .ser_xl .item a {
  display: block;
}
.header .ser_xl .item a.h {
  color: #333333;
  line-height: 1.3125;
  margin-bottom: 23px;
}
.header .ser_xl .item ul a {
  color: #606060;
  font-weight: 300;
  transition: all 0.5s;
  line-height: 2.27;
  display: flex;
  align-items: center;
}
.header .ser_xl .item ul a img {
  width: 11px;
  height: 11px;
  margin-left: 6px;
  opacity: 0;
  transition: all 0.5s;
}
.header .ser_xl .item ul a:hover img {
  opacity: 1;
}
.header .ser_xl .item ul a:hover {
  color: #215097;
}
.header .ty_xl {
  position: absolute;
  top: 100%;
  left: 0;
  /* width: 100%; */
  background-color: #ffffff;
  border-top: 0.01rem solid #ECECEC;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
}
.header .ty_xl .con {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 2;
  position: relative;
  /*background-color: #fff;*/
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
  padding: 58px 0 61px 0;
}
.header .ty_xl .con a {
  display: flex;
  align-items: center;
  margin: 0 40px;
  color: #333333;
  font-weight: 400;
  transition: all 0.5s;
  line-height: 1.3125;
}
.header .ty_xl .con a img {
  width: 11px;
  height: 11px;
  margin-left: 6px;
  opacity: 0;
  transition: all 0.5s;
}
.header .ty_xl .con a:hover {
  color: #215097;
}
.header .ty_xl .con a:hover img {
  opacity: 1;
}
.header .fz_xl .con a:last-child {
  /*padding-left: 76px;*/
  /*    background: url(../img/xl_sus.png) no-repeat left center;*/
  /*background-size: auto 19px;*/
}
.header .fz_xl .con a:last-child:hover {
  /*background-image:url(../img/xl_sus1.png);*/
}
.header.on {
  transform: translateY(-101%);
}
.header.headerx {
  transform: translateY(0%);
}
.pc-block {
  display: block;
}
.m-block {
  display: none;
}
.header2 {
  background: #fff;
  height: 50px;
  padding: 0 10px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99;
}
.header2 .logo {
  width: 142px;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: relative;
  z-index: 12;
}
.header2 .h-right {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  height: 24px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 12;
}
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
  perspective: 80px;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.header2 .hamburger-inner,
.header2 .hamburger-inner::before,
.header2 .hamburger-inner::after {
  width: 25px;
  height: 1px;
  background: #000;
}
.header2 .hamburger--3dx-r .hamburger-inner {
  transition: transform 0.6s cubic-bezier(645, 45, 355, 1), background-color 0.5s 0s cubic-bezier(645, 45, 355, 1) !important;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}
.hamburger-inner::before {
  top: -6px;
}
.hamburger-inner::after {
  bottom: -6px;
}
.header2 .hamburger--3dx-r .hamburger-inner::before,
.header2 .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 6s 0s cubic-bezier(645, 45, 355, 1) !important;
}
.header2 .warp-nav {
  padding: 10px 0;
  position: fixed;
  background: #fff;
  width: 100%;
  height: calc(100vh - 60px);
  right: 0;
  top: 50px;
  z-index: 9;
  display: none;
}
.header2 .nav {
  color: #333;
  position: relative;
  overflow-y: auto;
  height: 100%;
  flex-wrap: wrap;
}
.header2 .nav .li {
  position: relative;
  width: 100%;
  line-height: 60px;
}
.header2 .nav .warp-btn {
  display: block;
  position: relative;
  color: #333;
  text-align: center;
  padding: 0 8%;
  transition: all 3s ease;
}
.header2 .nav .warp-btn span {
  display: block;
  text-align: left;
  font-size: 17px;
  padding-right: 30px;
}
.header2 .nav .warp-btn svg {
  position: absolute;
  top: 24px;
  right: 5%;
  height: 11px;
  width: 11px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.header2 .nav .li.active .warp-btn svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header2 .nav .li.cur a {
  background: #1e88e5;
  color: #fff;
  border: 1px solid #1e88e5;
}
.header2 .nav .li .mbNav {
  display: none;
  padding-left: 20px;
  line-height: 42px;
}
.header2 .nav .li .mbNav a {
  position: relative;
  display: block;
  font-size: 14px;
  padding: 0 8%;
  color: #6c6c6c;
}
.header2 .nav .li .mbNav span {
  display: block;
  text-align: left;
  font-size: 16px;
  padding-right: 30px;
  color: #6c6c6c;
}
.header2 .nav .li .mbNav svg {
  position: absolute;
  top: 20px;
  right: 5%;
  height: 11px;
  width: 11px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.header2 .nav .li .mbNav .oneNavList.active svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header2 .warp-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 60px;
  z-index: 8;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.hamburger.is-active:hover {
  opacity: 7;
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.header2 .hamburger.is-active .hamburger-inner,
.header2 .hamburger.is-active .hamburger-inner::before,
.header2 .hamburger.is-active .hamburger-inner::after {
  background: #000;
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -4px, 0) rotate(-45deg);
}
.header2 .warp-bg.cur {
  opacity: 1;
  visibility: visible;
}
.header2 .nav .li {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 8s cubic-bezier(79, -27, 21, 82);
}
.header2 .nav .li.animate {
  opacity: 1;
  transform: translate(0, 0);
}
.search_stage {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
}
.search_stage .form {
  position: relative;
  z-index: 10;
  width: 60vw;
  margin: auto;
  padding: 250px 5vw 50px;
}
.search_stage .form_inner {
  position: relative;
}
.search_stage .form_inner .input {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-right: 60px;
  border: 0;
  background: inherit !important;
  border-bottom: 1px solid #e4e4e4;
  color: #fff;
  font-size: 24px;
  line-height: 96px;
}
.search_stage .form_inner .input:placeholder-shown {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
}
.search_stage .form_inner .submit {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 10;
  width: 22px;
  height: 26px;
  background: inherit !important;
  border: 0;
  cursor: pointer;
}
.search_stage .form_inner .submit:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 100%;
  content: " ";
  transition: width 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.search_stage .form_inner .submit:after {
  position: absolute;
  top: 16px;
  left: -2px;
  width: 2.8px;
  height: 12px;
  background: #fff;
  content: " ";
  transition: left 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), height 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: skew(-30deg);
  transform-origin: left bottom;
}
.search_stage .form_inner .submit:hover:before {
  width: 18px;
  height: 18px;
}
.search_stage .form_inner .submit:hover:after {
  left: 0px;
  height: 8px;
  transform: skew(-32deg);
  top: 20px;
}
.search_stage .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.twoNav {
  display: none;
  padding-left: 8%;
}
.twoNav a {
  color: #a1a1a1 !important;
  line-height: 38px;
}
.so-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images/search-m2.png) no-repeat center;
  -o-background-size: 15px auto;
  -ms-background-size: 15px auto;
  -moz-background-size: 15px auto;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
@media screen and (max-width: 1600px) {
  .header .bottom {
    padding: 8px 100px;
  }
}
@media screen and (max-width: 1480px) {
  .header .bottom {
    padding: 8px 80px;
  }
  .header .bottom .leftxx .h_nav li {
    margin-right: 4vw;
  }
}
@media screen and (max-width: 1250px) {
  .header .bottom {
    padding: 8px 5%;
  }
  .header .bottom .leftxx .h_nav li {
    margin-right: 2.5vw;
  }
}
@media screen and (max-width: 1024px) {
  .search-1 {
    padding: 8px 0;
    z-index: 99;
  }
  .search-1 .search-form {
    width: 90%;
    height: 34px;
    font-size: 13px;
    margin: 0;
  }
  .search-1 .search-close {
    right: 1%;
  }
  .newsInfoTop h3 {
    font-size: 20px;
  }
  .newsInfoTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .pc-block {
    display: none !important;
  }
  .m-block {
    display: block !important;
  }
  .header2 {
    height: 50px;
  }
  .header2 .logo {
    width: 48px;
    z-index: 2;
  }
  .header2 .hamburger {
    height: 20px;
  }
  .header2 .hamburger-box {
    width: 25px;
    height: 20px;
  }
  .header2 .hamburger-inner,
  .header2 .hamburger-inner::before,
  .header2 .hamburger-inner::after {
    width: 20px;
  }
}
/* header  end */
.moreBtn {
  color: #fff;
  border-color: #4e7dc5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(90deg, #215097 0, #0195b0);
  border-radius: 60px;
  transition: all 0.5s;
}
.moreBtn:after {
  display: inline-block;
  margin-left: 12px;
  width: 0;
  margin: 0;
  content: "";
  background: url(../images/arr_more.png) right center no-repeat;
  background-size: contain;
  z-index: 1;
  transition: all 0.5s;
  position: relative;
  top: 1px;
}
.moreBtn:before {
  display: inline-block;
  width: 21px;
  height: 16px;
  margin-right: 12px;
  content: "";
  background: url(../images/arr_more.png) right center no-repeat;
  background-size: contain;
  z-index: 1;
  transition: all 0.5s;
  position: relative;
  top: 1px;
}
.moreBtn:hover:after,
dd:hover .moreBtn:after,
.item:hover .moreBtn:after {
  width: 21px;
  height: 16px;
}
.moreBtn:hover:before,
dd:hover .moreBtn:before,
.item:hover .moreBtn:before {
  width: 0;
  height: 0;
}
.moreBtn:hover,
dd:hover .moreBtn {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .moreBtn:before {
    width: 16px;
    top: 2px;
  }
}
/* banner */
.banner {
  position: relative;
  overflow: hidden;
}
.banner .swiper-wrapper {
  z-index: 9;
}
.banner img,
.banner video {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.appoint img {
  height: 500px;
}
.nyProInfoBan {
  overflow: hidden;
}
.nyProInfoBan img {
  position: absolute;
  left: 5%;
  top: -21%;
  width: 800px;
}
.banner .swiper-pagination {
  bottom: 8%;
  width: auto;
  left: auto;
  right: 160px;
  display: block;
  text-align: right;
  z-index: 99;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 140px;
  height: 4px;
  margin: 0 0 0 20px;
  border-radius: 0;
  opacity: 1;
  background: none;
  position: relative;
  z-index: 11;
  outline: none;
}
.banner .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 5px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 0;
  height: 5px;
  border-radius: 5px;
  background: #e7e7e7;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 10;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  -webkit-animation: w100 4000ms 1;
  animation: w100 4000ms 1;
}
@keyframes w100 {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.banner-text {
  position: absolute;
  color: #fff;
  width: 100%;
  padding: 0 160px;
  bottom: 15%;
  left: 0;
  z-index: 99;
}
.banner-text .line {
  position: relative;
}
.banner-text .line img {
  position: absolute;
  width: 24px;
  height: 24px;
  top: -15px;
  left: -30px;
  background: url(../images/line.png) no-repeat center;
  background-size: contain;
}
.banner-text span {
  display: block;
  position: relative;
  font-size: 44px;
  line-height: 1.4;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5px 0 5px;
  letter-spacing: 1px;
  overflow: hidden;
}
.banner-text h4 {
  font-size: 44px;
  line-height: 1.5;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
  width: 100%;
  margin: 0 auto;
}
.banner-text h4 img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.banner-text p {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1.2;
  margin-top: 2vw;
}
.banner-text h3 {
  font-size: 43px;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.banner-text .moreBtn {
  display: inline-block;
  padding: 13px 28px;
  margin-top: 3vw;
}
.banner-img .banner-text p,
.banner-img .banner-text h3,
.banner-img .banner-text span,
.banner-img .banner-text h4,
.banner-img .banner-text a,
.banner-img .banner-text .line {
  opacity: 0;
  opacity: 1\0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.banner-img.swiper-slide-active .banner-text p {
  -webkit-animation: fadeInDown 1s 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
  animation: fadeInDown 1s 0.8s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
}
.banner-img.swiper-slide-active .banner-text span {
  -webkit-animation: fadeInDown 1s 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
  animation: fadeInDown 1s 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
}
.banner-img.swiper-slide-active .banner-text h4,
.banner-img.swiper-slide-active .banner-text .line {
  -webkit-animation: fadeInDown 1s 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
  animation: fadeInDown 1s 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
}
.banner-img.swiper-slide-active .banner-text a {
  -webkit-animation: fadeInDown 1s 0.9s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
  animation: fadeInDown 1s 0.9s cubic-bezier(0.25, 0.74, 0.22, 0.99) forwards;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    opacity: 1\0;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    opacity: 1\0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.btn-box .btn {
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  border-radius: 50px;
  opacity: 0.5;
  background-color: #fff;
  z-index: 9;
}
.btn-box .btn:hover {
  opacity: 7;
}
.btn em {
  border-style: solid;
  border-width: 4px 0 0 4px;
  position: absolute;
  width: 14px;
  height: 14px;
}
.prev-btn em {
  -webkit-transform: translateX(20px) translateY(19px) rotateZ(-45deg);
  -moz-transform: translateX(20px) translateY(19px) rotateZ(-45deg);
  -ms-transform: translateX(20px) translateY(19px) rotateZ(-45deg);
  -o-transform: translateX(20px) translateY(19px) rotateZ(-45deg);
  transform: translateX(20px) translateY(19px) rotateZ(-45deg);
}
.next-btn em {
  -webkit-transform: translateX(15px) translateY(19px) rotateZ(135deg);
  -moz-transform: translateX(15px) translateY(19px) rotateZ(135deg);
  -ms-transform: translateX(15px) translateY(19px) rotateZ(135deg);
  -o-transform: translateX(15px) translateY(19px) rotateZ(135deg);
  transform: translateX(15px) translateY(19px) rotateZ(135deg);
}
.btn em {
  border-color: #000;
}
.prev-btn {
  left: 20px;
}
.next-btn {
  right: 20px;
}
.mouse-icon {
  position: absolute;
  width: 23px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 56px;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.2s;
  z-index: 9;
}
/* 鼠标滚轮/中间区域装饰 (让视觉更像鼠标) */
.mouse-wheel {
  position: absolute;
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 48px;
}
/* 动态竖条 - 在鼠标中央上下滑动 */
.moving-bar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 4px;
  opacity: 0.9;
  /* 动画: 上下移动 + 微妙的呼吸透明度 */
  animation: barPulse 1s cubic-bezier(0.45, 0.05, 0.2, 0.99) infinite alternate;
}
/* 中间竖条不仅仅移动，还稍微有点弹性，更像在活跃跳动 */
@keyframes barPulse {
  0% {
    transform: translateX(-50%) translateY(7px);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-50%) translateY(10px);
    opacity: 1;
  }
}
/* 增加光晕和氛围感 */
.mouse-icon {
  transition: all 0.2s;
}
@media screen and (max-width: 1600px) {
  .banner-text {
    padding: 0 100px;
  }
  .banner .swiper-pagination {
    right: 100px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 100px;
  }
}
@media screen and (max-width: 1480px) {
  .banner-text {
    padding: 0 80px;
  }
  .banner .swiper-pagination {
    right: 80px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .banner-text {
    padding: 0 5%;
  }
  .banner-text h4 img {
    width: 65%;
  }
  .banner .swiper-pagination {
    right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .banner {
    margin-top: 50px;
  }
  .banner img,
  .banner video {
    height: 400px;
  }
  .banner .swiper-pagination {
    bottom: 25px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    margin: 0 0 0 10px;
  }
  .banner-text .line img {
    width: 16px;
    height: 16px;
    left: -10px;
  }
  .banner-text p {
    margin-top: 20px;
  }
  .banner-text .moreBtn {
    margin-top: 20px;
  }
}
/* banner  end */
.indTit {
  margin-bottom: 60px;
  justify-content: space-between;
}
.indTit h3 {
  position: relative;
}
.indTit h3::after {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  bottom: -15px;
  left: 0;
  background: #333333;
}
.indTit a {
  padding: 9px 20px;
}
@media screen and (max-width: 768px) {
  .indTit {
    margin-bottom: 40px;
  }
}
.TabNav {
  padding-top: 37px;
}
.TabNav li {
  border: 1px solid #747473;
  color: #333;
  border-radius: 50px;
  padding: 12px 40px;
  margin-left: 14px;
  cursor: pointer;
}
.TabNav li.on {
  border-color: #4e7dc5;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(90deg, #215097 0, #0195b0);
}
.part2 .con {
  width: calc(100% + 0.8vw);
  margin-left: -0.4vw;
  display: flex;
}
.part2 .con .box {
  width: 20%;
  margin: 0.4vw;
  height: 600px;
  height: auto;
  background: no-repeat center;
  background-size: auto 600px;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.part2 .con .box .pic {
  height: 600px;
  position: relative;
  padding-top: 58px;
  background-size: auto 600px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s;
  border-radius: 24px;
  overflow: hidden;
}
.part2 .con .box .pic .gif {
  width: 420px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 20;
}
.part2 .con .box .pic .gif img {
  filter: grayscale(1) brightness(1) brightness(2);
}
.part2 .con .box .pic .gif img:nth-child(2) {
  display: none;
}
.part2 .con .box:hover .pic .gif img:nth-child(1) {
  display: none;
}
.part2 .con .box:hover .pic .gif img:nth-child(2) {
  display: block;
}
.part2 .con .box .pic a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
}
.part2 .con .box .pic a.on {
  display: block;
}
.swiper-wrapper {
  height: auto !important;
}
.part2 .con .box .pic a video {
  width: 102%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  left: -1%;
  top: 0;
  z-index: 2;
}
.part2 .con .box:hover .pic a.on video {
  opacity: 1;
}
.part2 .con .box .h {
  color: #fff;
  text-align: center;
  line-height: 1.4;
  position: relative;
  z-index: 4;
  width: 100%;
}
.part2 .con .box.on {
  width: 35% !important;
}
.part2 .con .box.on1 {
  width: 16.25% !important;
}
.part2 .con .box .tab {
  opacity: 0;
  width: 100%;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 20px;
  z-index: 2;
  padding-bottom: 30px;
}
.part2 .con .box .tab:after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 10px;
  width: calc(100% - 20px);
  height: 0.01rem;
  background-color: #e0e0e0;
  z-index: -1;
}
.part2 .con .box.on .tab {
  opacity: 1;
}
.part2 .con .box .tab .li {
  color: #606060;
  line-height: 1.2;
  text-align: center;
  margin: 0 10px;
  padding: 0 20px;
  cursor: pointer;
  width: fit-content;
  position: relative;
  padding-bottom: 12px;
  white-space: nowrap;
  z-index: 2;
}
.part2 .con .box .tab .li a {
  position: absolute;
  width: 100%;
  left: 0;
  top: -20px;
  height: calc(100% + 50px);
}
.part2 .con .box .tab .li:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 0.02rem;
  background: #606060;
  width: 0%;
  transition: all 0.5s;
}
.part2 .con .box .tab .li:hover:after {
  width: 100%;
}
.part2 .con .box .tab_m .li:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #606060;
  width: 0%;
  transition: all 0.5s;
}
.part2 .con .box .tab_m .li:hover:after {
  width: 100%;
}
.part2 .con .box .tab .li:hover {
  color: #333;
}
.part2 .con .box .tab_m .li:hover {
  color: #333;
}
@media screen and (max-width: 1200px) {
  .part2 .con {
    flex-wrap: wrap;
  }
  .part2 .con .box.on,
  .part2 .con .box.on1,
  .part2 .con .box {
    width: calc(33.33% - 0.8vw) !important;
  }
  .part2 .con .box .pic {
    height: 520px;
    padding-top: 48px;
  }
  .part2 .con .box .tab {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .part2 .con .box.on,
  .part2 .con .box.on1,
  .part2 .con .box {
    width: 100% !important;
  }
  .part2 .con .box .pic {
    height: 520px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 768px) {
  .part2 .con .box .pic {
    height: 420px;
  }
}
@media screen and (max-width: 500px) {
  .part2 .con .box .pic {
    height: 320px;
  }
}
.sd1_2 {
  background: #ededed;
}
.sd1_2 .indTit {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 50px;
}
.sd1_2 .tit {
  color: #606060;
  text-align: center;
  line-height: 1;
  margin-bottom: 60px;
  font-weight: 400;
}
.sd1_2 {
  position: relative;
}
.sd1_2 .cons {
  position: relative;
}
.sd1_2 .cons .prev {
  position: absolute;
  top: 50%;
  left: -58px;
  transform: translateY(-50%);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.sd1_2 .cons .prev:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
.sd1_2 .cons .next {
  position: absolute;
  top: 50%;
  right: -58px;
  transform: translateY(-50%) rotate(180deg);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.sd1_2 .cons .next:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
.sd1_2 .con {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
.sd1_2 .con .item {
  position: relative;
}
.sd1_2 .con .item .pic {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 70%;
  overflow: hidden;
  border-radius: 24px;
}
.sd1_2 .con .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.sd1_2 .con .item:hover .pic img {
  transform: scale(1.05);
}
.sd1_2 .con .item .txt {
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  bottom: 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  padding: 37px 48px;
  color: #ffffff;
  transition: all 0.5s;
}
.sd1_2 .con .item:hover .txt {
  background-color: #ffffff;
}
.sd1_2 .con .item .txt .h {
  display: block;
  line-height: 1.16;
  margin-bottom: 12px;
  font-weight: 400;
  transition: all 0.5s;
  color: #ffffff;
}
.sd1_2 .con .item:hover .txt .h {
  color: #606060;
}
.sd1_2 .con .item .txt .ps {
  display: flex;
  align-items: center;
  gap: 14px;
}
.sd1_2 .con .item .txt .ps .p {
  display: flex;
  align-items: center;
  font-weight: 300;
  line-height: 1.2;
  transition: all 0.5s;
}
.sd1_2 .con .item:hover .txt .ps .p {
  color: #7a7a7a;
}
.sd1_2 .con .item .txt .ps .p img {
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 6px;
}
.sd1_2 .con .item .txt .ps .p img.img2 {
  display: none;
}
.sd1_2 .con .item:hover .txt .ps .p img.img2 {
  display: block;
}
.sd1_2 .con .item:hover .txt .ps .p img.img1 {
  display: none;
}
.sd1_2 .con .item .txt .btns {
  position: absolute;
  right: 40px;
  bottom: 60px;
  display: flex;
  gap: 25px;
  opacity: 0;
  transition: all 0.5s;
}
.sd1_2 .con .item:hover .txt .btns {
  opacity: 1;
}
.sd1_2 .con .item .txt .btns a {
  display: block;
  width: auto;
  height: 20px;
}
.sd1_2 .con .item .txt .btns a img {
  height: 100%;
  display: block;
}
.sd1_2 .con .item .txt .btns a img.img2 {
  display: none;
}
.sd1_2 .con .item .txt .btns a:hover img.img2 {
  display: block;
}
.sd1_2 .con .item .txt .btns a:hover img.img1 {
  display: none;
}
.sd1_2 .morex {
  width: fit-content;
  margin: 0 auto;
  display: block;
  padding: 10px 48px;
  line-height: 1.167;
  color: #606060;
  border-radius: 8px;
  border: 1px solid #606060;
  transition: all 0.5s;
}
.sd1_2 .morex:hover {
  color: #ffffff;
  background-color: #333;
}
@media screen and (max-width: 768px) {
  .sd1_2 .con .item .txt {
    padding: 27px 28px;
  }
  .sd1_2 .cons .next {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -60px;
    left: 50%;
    margin-left: 5px;
    transform: translateY(0) rotate(180deg);
  }
  .sd1_2 .cons .prev {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -60px;
    left: 50%;
    margin-left: -40px;
    transform: translateY(0);
  }
}
@media screen and (max-width: 500px) {
  .sd1_2 .con .item .txt {
    padding: 20px 15px;
  }
  .sd1_2 .indTit {
    padding-bottom: 32px;
    margin-bottom: 25px;
  }
  .indTit h3::after {
    width: 40px;
  }
}
.indSolution {
  position: relative;
}
.indSolution .container {
  position: absolute;
  top: 110px;
  left: 0;
  z-index: 9;
}
.indSolution .container .indTit {
  color: #fff;
}
.indSolution .container .indTit h3::after {
  background: #fff;
}
.indSolution .swiper-pagination {
  position: absolute;
  bottom: 50px;
  width: 100%;
  left: 0;
  padding: 0 160px;
  text-align: left;
}
.indSolution .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #fff;
  opacity: 1;
  margin: 0 20px 0 0;
}
.indSolution .swiper-pagination .swiper-pagination-bullet-active {
  background: #20579c;
}
.indSolution .indSolutionSwiper .swiper-slide .img_pic {
  padding-top: 40%;
}
.indSolution .indSolutionSwiper .swiper-slide .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  min-width: 620px;
  background: rgba(0, 0, 0, 0.3);
  padding: 260px 3% 5% 160px;
  color: #fff;
}
.indSolution .indSolutionSwiper .swiper-slide .text span {
  display: inline-block;
  background: #333;
  padding: 7px 20px;
  border-radius: 50px;
}
.indSolution .indSolutionSwiper .swiper-slide .text p {
  margin-top: 15%;
  line-height: 1.8;
}
@media screen and (max-width: 1600px) {
  .indSolution .indSolutionSwiper .swiper-slide .text {
    padding-left: 100px;
  }
  .indSolution .swiper-pagination {
    padding: 0 100px;
  }
}
@media screen and (max-width: 1480px) {
  .indSolution .indSolutionSwiper .swiper-slide .text {
    padding-left: 80px;
    padding-top: 220px;
  }
  .indSolution .swiper-pagination {
    padding: 0 80px;
  }
  .indSolution .indSolutionSwiper .swiper-slide .img_pic {
    padding-top: 50%;
  }
  .indSolution .indSolutionSwiper .swiper-slide .text p {
    margin-top: 10%;
  }
}
@media screen and (max-width: 1024px) {
  .indSolution .container {
    left: 5%;
  }
  .indSolution .indSolutionSwiper .swiper-slide .text {
    padding-left: 5%;
  }
  .indSolution .swiper-pagination {
    padding: 0 5%;
  }
  .indSolution .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin-right: 10px;
  }
  .indSolution .indSolutionSwiper .swiper-slide .img_pic {
    padding-top: 60%;
  }
}
@media screen and (max-width: 768px) {
  .indSolution .indSolutionSwiper .swiper-slide .text {
    position: static;
    padding: 25px 25px 100px;
    background: rgba(0, 0, 0, 0.6);
    min-width: 100%;
  }
  .indSolution .indSolutionSwiper .swiper-slide .text p {
    margin-top: 20px;
  }
  .indSolution .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }
  .indSolution .swiper-slide .text {
    opacity: 0;
  }
  .indSolution .swiper-slide.swiper-slide-active .text {
    opacity: 1;
  }
}
.TitHead {
  position: relative;
  margin-bottom: 2.08vw;
}
h2 {
  line-height: 1.36;
  font-size: 2.7vw;
  color: #142233;
}
h2 span {
  color: #00479d;
}
.slogan {
  font-size: 40px;
  padding-top: 12px;
  line-height: 1.25;
}
.desc {
  color: #142233;
}
.more {
  position: absolute;
  right: 0;
  top: 10px;
}
.TitHead.white h2,
.TitHead.white .desc,
.TitHead.white .slogan {
  color: #fff;
}
.hoverline {
  position: relative;
  margin: 0 10px;
  padding: 10px 0;
}
.hoverline i::before {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  border-top: 2px solid #004898;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  position: absolute;
  z-index: 99;
}
.hoverline i::after {
  content: '';
  display: block;
  height: 0;
  width: 2px;
  border-left: 2px solid #004898;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  position: absolute;
  z-index: 99;
}
.hoverline i.l1::before {
  left: 0;
  top: 0;
}
.hoverline i.l1::after {
  right: 0;
  top: 0;
  transition: all 0.45s 0.5s;
  -webkit-transition: all 0.45s 0.5s;
}
.hoverline i.l2::before {
  left: 0;
  bottom: 0;
  transition: all 0.45s 0.5s;
  -webkit-transition: all 0.45s 0.5s;
}
.hoverline i.l2::after {
  left: 0;
  top: 0;
}
.hoverline:hover i::before,
.hoverline.onli i::before,
.hoverline:hover i::after,
.hoverline.onli i::after {
  opacity: 1;
}
.hoverline:hover i::before,
.hoverline.onli i::before {
  width: 100%;
}
.hoverline:hover i::after,
.hoverline.onli i::after {
  height: 100%;
}
.more {
  color: #5a6470;
  transition: all 0.5s;
}
.more:after {
  display: inline-block;
  margin-left: 18px;
  width: 17px;
  height: 8px;
  content: "";
  background: url(../images/arr_more_gray.svg) right center no-repeat;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}
.more:before {
  display: inline-block;
  width: 0;
  height: 8px;
  content: "";
  background: url(../images/arr_more_blue.svg) right center no-repeat;
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}
.more:hover:after,
dd:hover .more:after,
.item:hover .more:after {
  width: 0;
  margin: 0;
}
.more:hover:before,
dd:hover .more:before,
.item:hover .more:before {
  width: 17px;
  margin-right: 18px;
}
.more:hover,
dd:hover .more {
  color: #00479d;
}
.HomeNews {
  background: #fff;
  padding: 6.24vw 0 6vw;
}
.HomeNews .indTit {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 50px;
}
.HomeNews .slick-list {
  padding-right: 2px;
}
.HomeNews .slider .item a {
  display: block;
  /* min-height: 436px; */
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding-bottom: 170px;
}
.HomeNews .slider .item .date {
  color: #555555;
  font-size: 22px;
  line-height: 39px;
  margin-bottom: 26px;
}
.HomeNews .slider .item .date img {
  width: auto;
  max-width: 100%;
  margin-right: 5px;
}
.HomeNews .slider .item .date span {
  position: relative;
  margin-right: 18px;
  font-size: 30px;
}
.HomeNews .slider .item .date span::after {
  position: absolute;
  content: '';
  width: 56px;
  height: 1px;
  bottom: -5px;
  left: 0;
  background: #bfbfbf;
}
.HomeNews .slider .item .info {
  padding: 20px 20px 0;
}
.HomeNews .slider .item .imgbox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 280px;
  transition: all 0.9s;
}
.imgbox span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.HomeNews .slider .item .ti {
  margin-bottom: 50px;
  color: #1e252f;
}
.HomeNews .slider .item .desc {
  transition: all 0.5s;
  opacity: 0;
}
.HomeNews .slider .item .indmore {
  position: absolute;
  bottom: 40px;
  top: auto;
  left: 20px;
  color: #353b45;
  padding-right: 30px;
  background: url(../images/newsIcon-3.png) no-repeat right center;
  background-size: 24px;
  opacity: 1;
}
.HomeNews .slider .item .indmore:hover {
  color: #004898;
}
.HomeNews .slider .item:hover {
  z-index: 10;
}
.HomeNews .slider .item:hover a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.HomeNews .slider .item:hover .indmore {
  opacity: 1;
}
.HomeNews .slider .item:hover .desc {
  opacity: 1;
}
.HomeNews .slider .item:hover .imgbox {
  bottom: -100%;
  opacity: 0;
  z-index: -1;
  transform: scale(0.9);
}
.HomeNews .slider .item:hover .imgbox .more {
  opacity: 1;
  bottom: 0;
}
.HomeNews .arrows_dots {
  position: relative;
  padding: 0 60px;
  height: 30px;
  margin-top: 2.6vw;
  bottom: auto;
}
.HomeNews .arrows_dots .slick-dots {
  left: 60px;
  width: calc(100% - 120px);
  height: 2px;
  line-height: 2px;
  display: flex;
  justify-content: center;
  top: 50%;
  margin-top: -1px;
}
.HomeNews .arrows_dots .slick-dots li.slick-active button {
  background: #00479d;
}
.HomeNews .arrows_dots .slick-arrow {
  background-color: transparent;
  border-radius: 0;
  border: 0 !important;
  color: #00479d;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.HomeNews .arrows_dots .slick-arrow:hover {
  color: #fff;
  background: #00479d;
}
.HomeNews .arrows_dots .slick-arrow i {
  font-size: 30px;
}
.HomeNews .arrows_dots .slick-prev {
  left: 0;
}
.HomeNews .arrows_dots .slick-next {
  right: 0;
}
@media (min-width: 1025px) {
  .HomeNews.active {
    animation: fadeInUp 0.4s 0.5s ease both;
    -webkit-animation: fadeInUp 0.5s 0.5s ease both;
    -moz-animation: fadeInUp 0.4s 0.5s ease both;
  }
  .HomeNews.active .TabCon .item {
    animation: fadeInUpSmall 0.5s 0.6s ease both;
    -webkit-animation: fadeInUpSmall 0.6s 0.6s ease both;
    -moz-animation: fadeInUpSmall 0.6s 0.6s ease both;
  }
}
@media (max-width: 1440px) {
  .HomeNews .slider .item a {
    min-height: 29vw;
  }
  .HomeNews .slider .item .ti {
    margin-bottom: 2vw;
  }
  .HomeNews .slider .item .desc {
    margin-bottom: 3vw;
  }
}
@media (max-width: 1366px) {
  .HomeNews .arrows_dots {
    margin-top: 1vw;
  }
}
@media (max-width: 1024px) {
  .TabNav li {
    padding: 6px 20px;
  }
  .HomeNews .slider .item .ti {
    margin-bottom: 25px;
  }
  .HomeNews .slider .item .info {
    padding-bottom: 2.55vw;
  }
  .HomeNews .indTit {
    padding-bottom: 34px;
    margin-bottom: 0;
  }
  .TabNav {
    padding-top: 7px;
  }
}
@media (max-width: 640px) {
  .TabNav li {
    font-size: 16px;
  }
  .HomeNews {
    padding: 40px 0;
  }
  .HomeNews .arrows_dots {
    margin-top: 5px;
  }
  .HomeNews .slider .item .date span {
    font-size: 18px;
  }
  .HomeNews .slider .item .date {
    font-size: 14px;
  }
  .HomeNews .slider .item .ti {
    min-height: 48px;
  }
  .HomeNews .slider .item .desc {
    min-height: 96px;
    display: none;
  }
  .HomeNews .slider .item .imgbox {
    padding-top: 64%;
    bottom: auto;
    left: auto;
    opacity: 1 !important;
  }
  .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px !important;
  }
}
.footer {
  background-color: #404144;
  position: relative;
  padding: 0;
  z-index: 99;
  padding-top: 4%;
  color: #fff;
}
.footer .f_crumbs {
  padding: 59px 0;
  margin: 0 130px;
  width: calc(100% - 260px);
  border-bottom: 0.01rem solid rgba(96, 96, 96, 0.1);
  display: flex;
  align-items: center;
  color: #606060;
  font-weight: 200;
  display: none;
}
.footer .f_crumbs svg {
  width: 5px;
  height: 10px;
  margin: 0 16px;
}
.footer .f_crumbs a {
  color: #606060;
  font-weight: 200;
}
.footer .f_top {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 60px;
}
.footer .f_top .f_logo {
  display: block;
  width: 180px;
}
.footer .f_top .f_tel {
  display: block;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.2;
  padding-left: 38px;
  font-weight: 400;
}
.footer .f_top .gp {
  display: flex;
  align-items: center;
  color: #606060;
  font-weight: 200;
}
.footer .f_top .gp span {
  display: block;
  margin-right: 30px;
}
.footer .f_top .f_logo img {
  width: 160px;
}
.footer .f_top .leftxx .p {
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}
.footer .f_top form {
  display: flex;
  margin-bottom: 260px;
  padding: 4px;
  border: 0.01rem solid #dcdcdc;
  border-radius: 6px;
  width: 270px;
}
.footer .f_top form .txt {
  background-color: transparent;
  padding: 0 16px;
  color: #333;
  border-right: none;
  width: 192px;
  line-height: 36px;
}
.footer .f_top form .txt::placeholder {
  color: #DCDCDC;
}
.footer .f_top form .btn {
  width: 74px;
  line-height: 36px;
  background-color: #606060;
  color: #ffffff;
  text-align: center;
  transition: all 0.5s;
  border-radius: 4px;
}
.footer .f_top .f_num {
  width: 235px;
}
.footer .f_top .rightxx {
  display: flex;
  width: 60%;
}
.footer .f_top .rightxx .item {
  width: 16.66%;
}
.footer .f_top .rightxx .item .h {
  position: relative;
  color: #fff;
  line-height: 1.375;
  margin-bottom: 22px;
  font-weight: bold;
}
.footer .f_top .rightxx .item .h::after {
  position: absolute;
  content: '';
  width: 120px;
  height: 1px;
  bottom: -10px;
  left: 0;
  background: #fff;
}
.footer .f_top .rightxx .item li {
  display: flex;
  align-items: center;
  font-weight: 300;
}
.footer .f_top .rightxx .item li img {
  width: 11px;
  height: 11px;
  margin-left: 6px;
  opacity: 0;
  transition: all 0.5s;
}
.footer .f_top .rightxx .item li:hover img {
  opacity: 1;
}
.footer .f_top .rightxx .item a {
  display: block;
  color: #fff;
  line-height: 2.5;
  transition: all 0.5s;
  display: flex;
  align-items: center;
}
.footer .f_top .rightxx .item a:hover {
  opacity: 0.7;
  font-weight: 400;
}
.footer .f_top .leftxx {
  position: relative;
  align-content: space-between;
}
.footer .f_top .leftxx .left1 {
  display: none !important;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.2rem;
  cursor: pointer;
  background-color: transparent !important;
}
.footer .f_top .leftxx .left1 img:nth-child(1) {
  display: block;
  width: 44px;
  height: 60px;
  margin-right: 13px;
}
.footer .f_top .leftxx .left1 .h {
  color: #333;
  font-weight: 200;
}
.footer .f_top .leftxx .left1 img:nth-child(3) {
  display: block;
  width: 11px;
}
.footer .f_top .leftxx .dy {
  display: block;
  width: 172px;
  line-height: 38px;
  border: 1px solid #000000;
  color: #000000;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  height: 40px;
}
.footer .f_top .leftxx .dy > div {
  transition: all 0.5s;
  margin-bottom: 0px;
}
.footer .f_top .leftxx .dy:hover {
  transform: translateY(0px);
}
.btn1x_box {
  position: fixed;
  bottom: calc(70px + 0.5rem);
  right: 0px;
  width: 60px;
  width: 0.44rem;
  height: 0.33rem;
  opacity: 0;
  transition: all 0.5s;
}
.btn1x_box {
  opacity: 1;
  right: 20px;
}
.btn1x_box .btn1x {
  position: absolute;
  width: 0.44rem;
  height: 0.36rem;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  /*animation: qhykHwxQVeplaeoU2Hgn 10s;*/
  /*animation-iteration-count: infinite;*/
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.192rem 0 rgba(0, 0, 0, 0.08);
}
.btn1x_box .btn1x img {
  width: 100%;
  height: 100%;
}
.btn1x_box .btn1x .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 7px);
  width: 82px;
  line-height: 32px;
  background-color: #ffffff;
  border-radius: 6px;
  color: #606060;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
  /*   animation: qhykHwxQVeplaeoU2Hgn1 10s;*/
  /*animation-iteration-count: infinite;*/
}
.btn1x_box .btn1x:hover {
  background-color: #6A6A6A;
}
.btn1x_box .btn1x path {
  fill: #606060;
}
.btn1x_box .btn1x:hover path {
  fill: #fff;
}
/*.btn1x_box .btn1x:hover .txt{*/
/*    opacity: 1;*/
/*    pointer-events: all;*/
/*    cursor: pointer;*/
/*}*/
@keyframes qhykHwxQVeplaeoU2Hgn {
  0% {
    background: #606060;
    opacity: 1;
  }
  1%,
  27%,
  33%,
  7% {
    background: #ffffff;
  }
  19%,
  26%,
  45% {
    background: #606060;
    opacity: 1;
  }
  to {
    background: #606060;
  }
}
@keyframes qhykHwxQVeplaeoU2Hgn1 {
  0% {
    background: #606060;
    /*opacity: 1*/
    color: #ffffff;
  }
  1%,
  27%,
  33%,
  7% {
    background: #ffffff;
    color: #606060;
  }
  19%,
  26%,
  45% {
    background: #606060;
    color: #ffffff;
    /*opacity: 1*/
  }
  to {
    background: #606060;
    color: #ffffff;
  }
}
.btn1x_box .btn1x svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  fill: #fff;
}
.btn1x_box .btn1x svg path {
  /*animation: WH7v5kEsU5MrZPQ8ML2Y 10s;*/
  /*animation-iteration-count: infinite*/
}
@keyframes WH7v5kEsU5MrZPQ8ML2Y {
  0% {
    fill: #fff;
  }
  1%,
  27%,
  33%,
  7% {
    fill: #333;
  }
  19%,
  26%,
  45% {
    fill: #fff;
  }
  to {
    fill: #fff;
  }
}
.footer .f_top .btn2x_box {
  position: fixed;
  bottom: 270px;
  right: 0px;
  width: 60px;
  height: 60px;
  opacity: 0;
  transition: all 0.5s;
}
.footer .f_top .btn2x_box {
  opacity: 1;
  right: 20px;
}
.footer .f_top .btn2x_box .btn2x {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}
.footer .f_top .btn2x_box .btn2x img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.footer .f_top .btn2x_box .btn2x video {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.footer .f_top .btn2x_box .btn2x video.img2 {
  opacity: 0;
}
.footer .f_top .btn2x_box .btn2x:hover img.img1 {
  opacity: 0;
}
.footer .f_top .btn2x_box .btn2x:hover video.img2 {
  opacity: 1;
}
.footer .leftxx {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .leftxx .ewm {
  width: 120px;
  align-items: flex-end;
  text-align: center;
}
.footer .leftxx .ewm img {
  width: 120px;
  margin-bottom: 10px;
}
.footer .f_bottom .leftxx1 {
  width: 190px;
  display: flex;
  align-items: center;
  color: #606060;
  font-weight: 200;
  margin-left: 10px;
}
.footer .f_bottom .leftxx1 span {
  display: block;
  margin-right: 30px;
}
.footer .f_center {
  width: 100%;
}
.footer .f_center .rightxx {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: -30px;
}
.footer .f_center .rightxx .list {
  display: flex;
  margin-right: 0;
  overflow: initial;
}
.footer .f_center .rightxx .list a {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  position: relative;
}
.footer .f_center .rightxx .list a > img {
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.footer .f_center .rightxx .list a > img.img2 {
  display: none;
}
.footer .f_center .rightxx .list a:hover > img.img1 {
  display: none;
}
.footer .f_center .rightxx .list a:hover > img.img2 {
  display: block;
  opacity: 1;
}
.footer .f_center .rightxx .list a .code {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 1.2rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.footer .f_center .rightxx .list a .code img {
  width: 100%;
}
.footer .f_center .rightxx .list a:hover .code {
  opacity: 1;
  pointer-events: all;
}
.footer .f_bottom .leftxx1 .link {
  position: relative;
  font-weight: 400;
  float: none;
}
.footer .f_bottom .leftxx1 .link .h {
  padding: 11px 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(90deg, #215097 0, #0195b0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  border-radius: 90px;
  cursor: pointer;
}
.footer .f_bottom .leftxx1 .link img {
  width: 12px;
  margin-left: 50px;
  transition: all 0.5s;
}
.footer .f_bottom .leftxx1 .link:hover img {
  transform: rotate(180deg);
}
.footer .f_bottom .leftxx1 .link ul {
  position: absolute;
  bottom: 95%;
  left: 0;
  width: 100%;
  line-height: 36px;
  height: fit-content;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  padding: 20px 11px;
}
.footer .f_bottom .leftxx1 .link ul::-webkit-scrollbar {
  width: 0.02rem;
  height: 0.01rem;
}
.footer .f_bottom .leftxx1 .link ul::-webkit-scrollbar-thumb {
  background: #999;
}
.footer .f_bottom .leftxx1 .link ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.footer .f_bottom .leftxx1 .link:hover ul {
  height: fit-content;
  bottom: 105%;
  background-color: #F9F9F9;
  opacity: 1;
  pointer-events: all;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.08);
}
.footer .f_bottom .leftxx1 .link ul a {
  color: #606060;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  line-height: 2.6;
}
.footer .f_bottom .leftxx1 .link ul a:hover {
  color: #215097;
}
.footer .f_bottom .leftxx1 .link ul a img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  object-fit: contain;
  transform: rotate(0deg) !important;
}
.footer .f_bottom .leftxx1 .link ul a img.gl02 {
  display: none !important;
}
.footer .f_bottom .leftxx1 .link ul a:hover img.gl01 {
  display: none !important;
}
.footer .f_bottom .leftxx1 .link ul a:hover img.gl02 {
  display: block !important;
}
.footer .f_bottom {
  padding: 20px 0 26px 0;
  border-top: 0.01rem solid #E4E4E4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 200;
}
.footer .f_bottom a {
  color: #fff;
  transition: all 0.5s;
}
.footer .f_bottom a:hover {
  opacity: 0.7;
}
.footer .f_bottom .rightxx {
  display: flex;
}
.footer .f_bottom .rightxx a {
  margin-left: 30px;
}
.footer .back {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #606060;
  margin-left: 40px;
  transition: all 0.4s;
}
.footer .back img {
  width: 9px;
  margin-left: 8px;
}
.footer .back:hover {
  transform: translateY(-5px);
}
@media screen and (max-width: 1720px) {
  .footer .f_top .rightxx {
    width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .footer .f_top > .rightxx {
    display: none;
  }
  .footer .f_top .leftxx {
    width: 100%;
  }
  .footer .f_center {
    width: auto;
  }
  .footer .f_center .rightxx {
    margin-bottom: 0;
  }
  .footer .f_top {
    padding-bottom: 30px;
  }
  .footer .f_top .f_logo img {
    width: 110px;
  }
  .footer .leftxx .ewm img {
    width: 100px;
  }
  .footer .f_bottom {
    display: block;
  }
  .footer .f_bottom .leftxx {
    display: block;
  }
  .footer .f_bottom .leftxx1 {
    margin-left: 0;
    margin-top: 10px;
  }
  .footer {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .footer .f_top .f_logo img {
    width: 80px;
  }
  .footer .f_top .rightxx {
    width: 100%;
  }
  .footer .leftxx .ewm {
    width: 100%;
  }
  .footer .leftxx .ewm img {
    width: 60px;
    margin-bottom: 6px;
  }
  .footer .f_top {
    padding-bottom: 20px;
  }
}
.indexText {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(180deg, #215097 0, #0195b0);
}
.indexText p {
  margin: 25px 0;
  color: #fff;
}
.esgbanner {
  position: relative;
  margin-bottom: 20px;
}
.esgbanner .base_img {
  padding-top: 30%;
}
.esgbanner .cont span {
  margin-bottom: 18px;
  display: block;
}
.esgbanner .cont p {
  line-height: 1.8;
}
.esgbanner .bag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.2;
}
@media (max-width: 767px) {
  .esgbanner .bag:before {
    padding-top: 93.33333333%;
  }
}
.esgbanner .cont {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  z-index: 2;
  color: #ffffff;
}
.esgbanner .cont .f_tit {
  font-weight: bold;
}
@media screen and (max-width: 1480px) {
  .esgbanner {
    margin-top: 94px;
  }
}
@media screen and (max-width: 1024px) {
  .esgbanner {
    margin-top: 50px;
  }
  .esgbanner .base_img {
    padding-top: 350px;
  }
}
@media screen and (max-width: 768px) {
  .esgbanner .base_img {
    padding-top: 250px;
  }
}
.newsInfoMbx {
  font-size: 14px;
  color: #5A5A5A;
  padding-bottom: 30px;
}
.newsInfoMbx img {
  margin-right: 20px;
}
.newsInfoMbx a:hover {
  color: #215097;
}
.newsInfoMbx span {
  margin: 0 8px;
}
.newsInfoMbx i {
  color: #215097;
}
.newsbox_nav {
  margin-top: 20px;
}
.newsbox_nav li {
  width: 160px;
  background: #fcfcfc;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.newsbox_nav li a {
  display: block;
  padding: 15px 10px;
  color: #333333;
}
.newsbox_nav li:hover,
.newsbox_nav li.active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(90deg, #215097 0, #0195b0);
}
.newsbox_nav li:hover a,
.newsbox_nav li.active a {
  color: #fff;
}
.downbox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.downbox-sec1 .cont .item {
  width: 48.5%;
}
@media (max-width: 767px) {
  .downbox-sec1 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.downbox-sec1 .cont .item .list {
  position: relative;
  padding: 54px 0 56px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8dde4;
}
@media (max-width: 767px) {
  .downbox-sec1 .cont .item .list {
    flex-wrap: wrap;
  }
}
.downbox-sec1 .cont .item .list:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 0;
  transition: all 0.4s;
  background-color: #215097;
}
.downbox-sec1 .cont .item .list .font {
  flex: 1 1 auto;
  width: calc(100% - 96px);
}
.downbox-sec1 .cont .item .list .font .f_tit {
  color: #333;
  width: 100%;
  white-space: nowrap;
  transition: all 0.4s;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 6px;
}
.downbox-sec1 .cont .item .list .font .f_text {
  color: #999999;
  transition: all 0.4s;
}
.downbox-sec1 .cont .item .list .f_icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .downbox-sec1 .cont .item .list .f_icon {
    margin-left: 0;
    margin-right: 0;
  }
}
.downbox-sec1 .cont .item .list .f_icon img,
.downbox-sec1 .cont .item .list .f_icon svg {
  width: auto;
  max-width: 100%;
  height: 100%;
}
.downbox-sec1 .cont .item .list .f_icon img path,
.downbox-sec1 .cont .item .list .f_icon svg path {
  fill: #c2c2c2;
  transition: all 0.4s;
}
.downbox-sec1 .cont .item .list .f_icon img:nth-child(2),
.downbox-sec1 .cont .item .list .f_icon svg:nth-child(2) {
  display: none;
}
.downbox-sec1 .cont .item .list:hover:before {
  width: 100%;
}
.downbox-sec1 .cont .item .list:hover .font .f_tit,
.downbox-sec1 .cont .item .list:hover .font .f_text {
  color: #215097;
}
.downbox-sec1 .cont .item .list:hover .f_icon svg path {
  fill: #215097;
}
.downbox-sec1 .cont .item .list:hover .f_icon img {
  display: none;
}
.downbox-sec1 .cont .item .list:hover .f_icon img:nth-child(2) {
  display: block;
}
@media screen and (max-width: 1024px) {
  .downbox-sec1 .cont .item .list {
    padding: 32px 0;
  }
}
@media screen and (max-width: 768px) {
  .newsbox_nav li {
    width: auto;
  }
  .newsbox_nav li a {
    padding: 9px 20px;
  }
}
@media screen and (max-width: 600px) {
  .downbox-sec1 .cont .item .list .f_icon {
    width: 32px;
    height: 32px;
  }
  .downbox-sec1 .cont .item .list {
    padding: 22px 0;
  }
}
.public-page {
  margin-top: 50px;
}
.x-page .x-con {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.x-page .x-con a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #f0f2f5;
  margin: 0 5px;
  transition: 0.4s ease-in-out;
  color: #333;
}
@media (max-width: 767px) {
  .x-page .x-con a {
    width: 30px;
    height: 30px;
  }
}
.x-page .x-con a.active {
  background-color: #215097;
  color: #fff;
}
.x-page .x-con a:hover {
  background-color: #215097;
  color: #fff;
}
.x-page .x-con a:hover svg path {
  fill: #fff;
}
.x-page .x-con a.x-l svg {
  transform: rotate(180deg);
}
.x-page .x-con a svg {
  width: 8px;
  height: 13px;
}
.x-page .x-con a svg path {
  opacity: 1;
  stroke: none;
  fill: #999999;
  transition: 0.4s ease-in-out;
}
.x-page .x-con span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-weight: bold;
  margin: 0 -5px;
}
@media (max-width: 767px) {
  .x-page .x-con span {
    margin: 0;
  }
}
.x-page .x-con .x-f {
  display: flex;
  align-items: center;
}
.x-page .x-con .x-f input {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 75px;
  height: 50px;
  border: 1px solid #dddddd;
  margin: 0 5px;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-page .x-con .x-f input {
    width: 60px;
    height: 60px;
    margin: 0 5px;
  }
}
.x-page .x-con .x-f input[type="number"]::-webkit-inner-spin-button,
.x-page .x-con .x-f input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.x-page .x-con .x-f p {
  font-weight: bold;
  color: #222;
}
.x-page .x-con .x-f p:nth-of-type(1) {
  margin: 0 15px;
}
.x-page .x-con .x-f p:last-child {
  margin-left: 5px;
}
.downloadBottom {
  margin-bottom: 1px;
}
.downloadBottom li {
  position: relative;
  width: 50%;
}
.downloadBottom li img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.downloadBottom li .downloadBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
}
.downloadBtn {
  color: #fff;
  padding: 14px 30px;
  border: 1px solid #fff;
  border-radius: 60px;
  transition: all 0.5s;
}
.downloadBtn:before {
  display: inline-block;
  width: 21px;
  height: 16px;
  margin-right: 12px;
  content: "";
  background: url(../images/arr_more.png) right center no-repeat;
  background-size: contain;
  z-index: 1;
  transition: all 0.5s;
  position: relative;
  top: 1px;
}
.downloadBtn:hover {
  color: #fff;
  border-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #215097), to(#0195b0));
  background: linear-gradient(90deg, #215097 0, #0195b0);
}
.contactForm {
  background: #ededed;
}
.conta_way_cont {
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: var(--radius);
  padding: 103px 116px 93px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0px 0px 10px 1px rgba(37, 97, 212, 0.08);
  border-radius: 10px;
  margin-top: -7%;
  z-index: 9;
}
.conta_way .ys_breadnav {
  margin-bottom: 20px;
}
.conta_way_ri {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cwrl_code {
  width: 154px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.cwrl_code img {
  width: 100%;
}
.cwrl_info p {
  color: #666666;
  text-align: center;
}
.conta_way_ri_li {
  width: 50%;
  padding: 0 5px;
}
.conta_way_le {
  width: 60%;
  padding-right: 80px;
}
.cwlt_tit .std_title2 {
  font-weight: bold;
  line-height: 1.75;
}
.cwlt_info p {
  color: #666;
  line-height: 1.75;
}
.conta_way_le_top .ys_nyban_title {
  text-align: left;
}
.conta_way_le_top {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.conta_way_le_btm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cwlb_le {
  width: 20px;
  flex: none;
  margin-top: 3px;
}
.cwlb_le img {
  width: 100%;
}
.cwlb_ri p {
  color: #333;
  line-height: 1.75;
}
.cwlb_li {
  display: flex;
  min-width: 100%;
}
.cwlb_ri {
  padding-left: 14px;
}
.conta_way_cont .ys_nyban_title {
  margin-bottom: 12px;
}
.contactCen {
  padding: 25px 0;
}
/* 左侧文字区域 */
.left-section {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 80px 0 0;
  background-color: #eee;
}
.left-section h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  font-weight: normal;
}
.left-section h1 {
  font-size: 32px;
  color: #222;
  margin-bottom: 30px;
  line-height: 1.4;
}
.left-section p {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}
/* 右侧表单区域 */
.right-section {
  width: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}
/* 顶部蓝色条 */
.right-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #1e5799 0%, #2989d8 50%, #1fb5ac 100%);
}
.form-container {
  width: 80%;
}
.form-title {
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-bottom: 30px;
}
.form-group {
  margin-bottom: 20px;
}
.form-group label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
}
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
}
.form-group select {
  appearance: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 10px center;
  background-size: 16px;
  padding-right: 35px;
}
.form-group textarea {
  resize: none;
  min-height: 100px;
}
/* 验证码区域 */
.captcha-group {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}
.captcha-group input {
  width: 120px;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 40px;
  padding: 0 10px;
}
.captcha-img {
  padding: 8px;
  background-color: #cce5ff;
  color: #6610f2;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 4px;
}
.captcha-refresh {
  font-size: 13px;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
/* 提交按钮 */
.submit-btn {
  background: linear-gradient(90deg, #1e5799 0%, #2989d8 100%);
  color: #fff;
  border: none;
  padding: 12px 38px;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
.submit-btn:hover {
  opacity: 0.9;
}
@media screen and (max-width: 1024px) {
  .conta_way_cont {
    padding: 5%;
  }
  .cwrl_code {
    width: 124px;
    margin-bottom: 10px;
  }
  .conta_way_le {
    padding-right: 0;
  }
}
/* 响应式适配 */
@media (max-width: 768px) {
  .left-section,
  .right-section {
    width: 100%;
    padding: 40px 20px;
  }
  .left-section {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .conta_way_cont {
    padding: 25px;
  }
  .conta_way_le {
    width: 100%;
  }
  .conta_way_ri {
    width: 100%;
  }
  .conta_way_le_top {
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .form-container {
    width: 100%;
  }
}
.recJob_list {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 75px;
  padding: 0 0 30px;
  text-align: center;
}
.recJob_list li {
  text-align: left;
  padding: 0 2.5%;
}
.recJob_list li:nth-child(2n) {
  background: #eeeeee;
}
.recJob_list li:first-child .recJob_name {
  /*padding-top: 0;*/
}
.recJob_list li a {
  padding-left: 0;
  padding-right: 70px;
}
.recJob_name {
  display: block;
  font-size: 0;
  padding: 40px 0;
  position: relative;
  overflow: hidden;
}
.recJob_name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  font-size: 30px;
  font-weight: 100;
  color: #5E6163;
  background: url("../images/down-1.png") no-repeat center;
  background-size: 30px;
}
.recJob_name span {
  line-height: 20px;
  font-size: 20px;
  color: #1E2021;
}
.recJob_name p {
  font-size: 16px;
  color: #333;
}
.cur .recJob_name p {
  font-weight: bold;
}
.recJob_info {
  display: none;
  position: relative;
}
.recJob_top p {
  color: #333;
  line-height: 1.5;
}
.recJob_top span {
  display: inline-block;
  width: 24%;
  font-size: 16px;
  line-height: 36px;
  margin: 5px 0;
  color: #5E6163;
}
.recJob_top span i {
  color: #111c27;
}
.recJob_btm {
  overflow: hidden;
}
.recJob_btm h4 {
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  margin-bottom: 12px;
}
.recJob_btm p {
  margin: 5px 0;
  color: #888;
}
.recJob_btm .recJob_l {
  width: 100%;
  margin-bottom: 40px;
}
.recJob_btm .recJob_r {
  width: 100%;
}
.recJob_info .tips {
  padding: 20px 0 50px;
  color: #215097;
  line-height: 20px;
  font-size: 16px;
}
.recJob_info .tips a {
  display: inline-block;
  color: #215097;
}
.recJob_list li.cur {
  padding-bottom: 30px;
}
.recJob_list li.cur .recJob_name::after {
  background: url("../images/down-2.png") no-repeat center;
  background-size: 30px;
}
@media (max-width: 900px) {
  .recJob {
    padding: 48px 0;
  }
  .recJob_sel {
    width: 36% !important;
    margin: 0 0 0 2% !important;
  }
  .recJob_sel:first-of-type {
    margin: 0 0 2% 0;
  }
  .recSec_job {
    width: 78%;
  }
  .recJob_sech .recJob_btn {
    width: 20%;
  }
  .recJob_name {
    padding: 16px 0;
  }
  .recJob_top span {
    width: auto;
    margin-right: 24px;
    font-size: 13px;
    line-height: 2.4;
    margin-top: 0;
    margin-bottom: 0;
  }
  .recJob_tit {
    padding: 10px 28px;
  }
  .recJob_list {
    padding-left: 0;
    padding-right: 0;
  }
  .recJob_list li a {
    padding-left: 0;
    padding-right: 50px;
  }
  .recJob_name::after {
    right: 0;
  }
  .recJob_btm {
    padding: 8px 0;
  }
  .recJob_btm .recJob_l {
    padding-right: 0;
  }
  .recJob_btm .recJob_r {
    padding-left: 0;
  }
  .recJob_btm h4 {
    font-size: 17px;
    margin-bottom: 8px;
  }
  .recJob_info .tips {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .recJob_list li.cur .recJob_name::after,
  .recJob_name::after {
    background-size: 15px;
  }
  .recJob_list {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  .recJob_sel {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .recJob_sech .recJob_btn {
    margin: 0 auto;
  }
}
.h166 {
  height: 136px;
}
@media screen and (max-width: 1024px) {
  .h166 {
    height: 90px;
  }
}
.nl_con .breadcrumbx {
  padding: 0;
  margin-bottom: 60px;
}
.nl_con .cons {
  position: relative;
}
.nl_con .cons .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 80px;
  position: relative;
  z-index: 10;
  background-color: #fff;
}
.nl_con .cons .top .leftxx {
  width: 72%;
}
.nl_con .cons .top .leftxx .item {
  display: flex;
}
.nl_con .cons .top .leftxx .item:nth-child(1) {
  margin-bottom: 37px;
}
.nl_con .cons .top .leftxx .item:nth-child(2) {
  margin-bottom: 16px;
}
.nl_con .cons .top .leftxx .item:nth-child(2).hid {
  display: none;
}
.nl_con .cons .top .leftxx .item .name {
  color: #606060;
  margin-right: 36px;
  white-space: nowrap;
  margin-top: 4px;
}
.nl_con .cons .top .leftxx .item > ul {
  display: flex;
}
.nl_con .cons .top .leftxx .item > ul a {
  display: block;
  color: #606060;
  opacity: 0.7;
  transition: all 0.5s;
  line-height: 1.3125;
  margin-right: 58px;
}
.nl_con .cons .top .leftxx .item > ul a.on,
.nl_con .cons .top .leftxx .item > ul a:hover {
  color: #333;
  opacity: 1;
}
.nl_con .cons .top .leftxx .item .list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.01rem;
  width: calc(100% - 0.3rem - 36px);
}
.nl_con .cons .top .leftxx .item .list .btn {
  padding: 7px 12px;
  border: 1px solid rgba(96, 96, 96, 0.6);
  border-radius: 6px;
  color: #7a7a7a;
  line-height: 1.3125;
  display: flex;
  align-items: center;
  margin-right: 13px;
  margin-bottom: 10px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  transition: all 0.4s;
}
.nl_con .cons .top .leftxx .item .list .btn img {
  width: 8px;
  position: absolute;
  right: 12px;
  visibility: hidden;
}
.nl_con .cons .top .leftxx .item .list .btn.on {
  background-color: #f8f8f8;
  color: #606060;
  border-color: transparent;
  padding-right: 39px;
}
.nl_con .cons .top .leftxx .item .list .btn.on img {
  visibility: visible;
  transition: all 0.2s 0.2s;
}
.nl_con .cons .top .leftxx .item .select {
  position: relative;
  z-index: 2;
  color: #333;
  color: rgba(96, 96, 96, 0.7);
}
.nl_con .cons .top .leftxx .item .select .h {
  width: 125px;
  line-height: 32px;
  border: 1px solid rgba(96, 96, 96, 0.6);
  border-radius: 6px;
  padding: 0 50px 0 13px;
  position: relative;
  background-color: #fff;
}
.nl_con .cons .top .leftxx .item .select .h:after {
  content: "";
  position: absolute;
  right: 13px;
  width: 10px;
  height: 6px;
  background: url(../images/nl_sel.png);
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
}
.nl_con .cons .top .leftxx .item .select ul {
  position: absolute;
  top: calc(100% - 6px);
  left: 0;
  width: 100%;
  padding: 16px 50px 10px 13px;
  background-color: #ffff;
  z-index: -1;
  border: 1px solid rgba(96, 96, 96, 0.6);
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  display: none;
  height: 186px;
  overflow: auto;
}
.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar {
  width: 0.02rem;
  height: 0.01rem;
}
.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar-thumb {
  background: rgba(96, 96, 96, 0.3);
}
.nl_con .cons .top .leftxx .item .select ul::-webkit-scrollbar-track {
  background: transparent;
}
.nl_con .cons .top .leftxx .item .select ul a {
  display: block;
  line-height: 32px;
  color: rgba(96, 96, 96, 0.7);
}
.nl_con .cons .top .rightxx {
  width: 296px;
  line-height: 40px;
  border: 1px solid rgba(96, 96, 96, 0.6);
  border-radius: 6px;
  padding: 0 24px 0 12px;
  display: flex;
  align-items: center;
}
.nl_con .cons .top .rightxx input {
  width: calc(100% - 20px);
  line-height: 1.3125;
  padding: 7px 12px;
  border: none;
}
.nl_con .cons .top .rightxx input::placeholder {
  color: rgba(96, 96, 96, 0.7);
  opacity: 0.5;
}
.nl_con .cons .top .rightxx a {
  display: block;
  width: 20px;
}
.nl_con .cons .top .rightxx a img {
  width: 100%;
}
.nl_con .cons .center {
  width: 100%;
  position: relative;
  background-color: #F8F8F8;
  border-radius: 24px;
  overflow: hidden;
}
.nl_con .cons .center .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 64px;
  flex-flow: row-reverse;
  opacity: 0;
  transition: all 0.5s;
}
.nl_con .cons .center .swiper-slide-active {
  opacity: 1;
}
.nl_con .cons .center .swiper-slide .pic {
  width: 50%;
  height: 494px;
  border-radius: 24px;
  overflow: hidden;
}
.nl_con .cons .center .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.nl_con .cons .center .swiper-slide .txt {
  width: 50%;
  padding-top: 33px;
  padding-right: 3%;
}
.nl_con .cons .center .swiper-slide .add-box {
  transition: all 0.4s;
}
.nl_con .cons .center .swiper-slide .txt .tip {
  color: #606060;
  font-weight: 400;
  line-height: 1.3125;
  margin-bottom: 16px;
}
.nl_con .cons .center .swiper-slide .txt .h {
  color: #333;
  line-height: 40px;
  margin-bottom: 28px;
}
.nl_con .cons .center .swiper-slide .txt .p {
  color: #606060;
  line-height: 24px;
  height: 24px;
  margin-bottom: 50px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.nl_con .cons .center .swiper-slide .txt .p1 {
  display: flex;
  margin-bottom: 50px;
  align-items: center;
}
.nl_con .cons .center .swiper-slide .txt .p1 .tip {
  width: fit-content;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  color: #333;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.05);
  margin-right: 13px;
  margin-bottom: 0 !important;
  display: none;
}
.nl_con .cons .center .swiper-slide .txt .p1 .p2 {
  display: flex;
  align-items: center;
  margin-right: 22px;
  color: #606060;
  line-height: 28px;
}
.nl_con .cons .center .swiper-slide .txt .p1 .p2 img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 6px;
}
.nl_con .cons .center .swiper-slide .txt .more {
  display: flex;
  justify-content: center;
  color: #FF7900;
  margin: 0;
  width: 148px;
  border: none;
  height: 40px;
}
.nl_con .cons .center .swiper-slide .txt .more:hover {
  color: #fff;
}
.nl_con .cons .center .swiper-slide:hover .pic img {
  transform: scale(1.05);
}
.nl_con .cons .center .swiper-slide:hover .add-box {
  transform: translateY(-0.1rem);
}
/*.nl_con .cons .center .swiper-pagination {*/
/*	bottom: 22px;*/
/*	left: 64px;*/
/*	width: auto*/
/*}*/
/*.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet {*/
/*	width: 40px;*/
/*	height: .01rem;*/
/*	opacity: 1;*/
/*	border-radius: 0;*/
/*	background-color: #C2C2C2;*/
/*	margin: 0;*/
/*	position: relative*/
/*}*/
/*.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet:after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: -0.01rem;*/
/*	left: 0;*/
/*	height: .03rem;*/
/*	width: 0%;*/
/*	background-color: #606060*/
/*}*/
/*.nl_con .cons .center .swiper-pagination .swiper-pagination-bullet-active:after {*/
/*	width: 100%;*/
/*	transition: all 0.5s*/
/*}*/
.nl_con .cons .center .swiper-pagination {
  bottom: 56px;
  right: 64px;
  width: 45%;
  left: auto;
}
.nl_con .cons .center .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #f8f8f890;
  opacity: 1;
  margin: 0 0 0 16px;
  transition: all 0.5s;
  overflow: hidden;
  position: relative;
}
.nl_con .cons .center .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  transition: all 8s;
}
.nl_con .cons .center .swiper-pagination-bullet-active {
  width: 48px;
}
.nl_con .cons .center .swiper-pagination-bullet-active:after {
  width: 100%;
}
.nl_con .cons .center .btnsx {
  position: absolute;
  left: 64px;
  bottom: 73px;
  width: 108px;
  display: flex;
  justify-content: space-between;
  z-index: 5;
}
.nl_con .cons .center .btnsx > div {
  width: 47px;
  cursor: pointer;
}
.nl_con .cons .center .btnsx > div img {
  width: 100%;
}
.nl_con .cons .center .btnsx > div img.img2 {
  display: none;
}
.nl_con .cons .center .btnsx > div:hover img.img1 {
  display: none;
}
.nl_con .cons .center .btnsx > div:hover img.img2 {
  display: block;
}
.nl_con .cons .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* padding: 0 264px */
}
.nl_con .cons .bottom:after {
  content: "";
  width: 550px;
  height: 1px;
}
.nl_con .cons .bottom .box1 {
  width: 33.33%;
  padding: 20px;
  display: block;
  margin-bottom: 20px;
  transition: all 0.5s;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.nl_con .cons .bottom .box1.none {
  cursor: auto;
}
.nl_con .cons .bottom .box1:hover {
  background-color: #F8F8F8;
}
.nl_con .cons .bottom .box1 .pic {
  position: relative;
  width: 100%;
  height: 288px;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 30px;
}
.nl_con .cons .bottom .box1 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.nl_con .cons .bottom .box1:hover .pic img {
  transform: scale(1.05);
}
.nl_con .cons .bottom .box1 .pic .yg {
  position: absolute;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  top: 20px;
  left: 0;
  background: url(../images/nlx_yg.svg) no-repeat center;
  background-size: 100% 100%;
  z-index: 5;
}
.nl_con .cons .bottom .box1 .h {
  color: #333;
  line-height: 1.3;
  height: 2.6em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /*margin-bottom: 28px*/
}
.nl_con .cons .bottom .box1 .bottom1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.nl_con .cons .bottom .box1 .bottom1 .tip {
  width: fit-content;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  color: #333;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.05);
  margin-right: 13px;
  display: none;
}
.nl_con .cons .bottom .box1 .bottom1 .p {
  margin-bottom: 0;
  margin-top: 30px;
  display: flex;
  align-items: center;
  margin-right: 22px;
  color: #7a7a7a;
  font-weight: 400;
}
.nl_con .cons .bottom .box1 .bottom1 .p.hid_l {
  display: none;
}
.nl_con .cons .bottom .box1 .bottom1 .p img {
  width: 20px;
  margin-right: 5px;
}
.nl_con .cons .bottom .box1 .txt1 {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  padding: 77px 21px 30px 21px;
  opacity: 0;
  transition: all 0.5s;
}
.nl_con .cons .bottom .box1:hover .txt1 {
  opacity: 1;
  top: 0;
}
.nl_con .cons .bottom .box1 .txtn {
  transition: all 0.5s;
}
.nl_con .cons .bottom .box1:hover .txtn {
  opacity: 0;
}
.nl_con .cons .bottom .box1 .txt1 .morex2 {
  position: absolute;
  bottom: 53px;
  left: 29px;
  width: fit-content;
  padding: 10px 48px;
  color: #ffffff;
  background-color: #7A7A7A;
  border-radius: 8px;
}
.nl_con .cons .bottom .box1 .txtn .bottom1 .p:nth-child(n+3) {
  display: none;
}
.nl_con .cons .more {
  display: block;
  width: 218px;
  line-height: 40px;
  border: 1px solid rgba(96, 96, 96, 0.6);
  border-radius: 6px;
  text-align: center;
  margin: 0 auto;
  margin-top: 70px;
  transition: all 0.5s;
  color: #333;
}
.nl_con .cons .more.hid {
  display: none;
}
.nl_con .cons .more:hover {
  background-color: #E6E6E6;
  border-color: transparent;
}
.nl_con .cons .top .leftxx .item .list .btn:hover {
  background-color: #CDCDCD;
  color: #333;
  border-color: transparent;
}
@media screen and (max-width: 1024px) {
  .nl_con .cons .center .swiper-slide {
    padding: 5%;
  }
  .nl_con .cons .bottom .box1 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .nl_con .cons .center .swiper-slide {
    padding: 25px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .nl_con .cons .center .swiper-slide .txt {
    width: 100%;
    padding-top: 3px;
    padding-right: 0;
  }
  .nl_con .cons .center .swiper-slide .pic {
    width: 100%;
    height: 300px;
    border-radius: 10px;
  }
  .nl_con .cons .center .swiper-slide .txt .p1 {
    margin-bottom: 20px;
  }
  .nl_con .cons .center .swiper-slide .txt .p {
    display: none;
  }
  .nl_con .breadcrumbx {
    margin-bottom: 20px;
  }
  .nl_con .cons .center .swiper-pagination-bullet {
    margin-left: 8px;
  }
  .nl_con .cons .center .swiper-pagination-bullet-active {
    width: 38px;
  }
  .nl_con .cons .center .swiper-pagination {
    right: 0;
    width: 100%;
    bottom: 106px;
  }
  .nl_con .cons .center .btnsx {
    position: static;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .nl_con .cons .center .btnsx > div {
    margin: 0 5px;
  }
  .nl_con .cons .top .rightxx {
    width: 246px;
  }
}
@media screen and (max-width: 520px) {
  .nl_con .cons .top .leftxx {
    width: 100%;
  }
  .nl_con .cons .top .rightxx {
    width: 100%;
    display: none;
  }
  .nl_con .cons .top {
    flex-wrap: wrap;
    padding: 30px 0;
  }
  .nl_con .cons .bottom .box1 {
    width: 100%;
    padding: 0;
    border-radius: 0;
  }
}
.nd_con .nd1 {
  padding: 166px 0 123px 0;
  background-color: #f8f8f8;
}
.nd_con .nd1 .breadcrumbx {
  padding: 0;
  margin-bottom: 50px;
}
.nd_con .nd1 .conx {
  padding: 120px 226px 80px 226px;
  background-color: #ffffff;
  position: relative;
  border-radius: 18px;
}
.nd_con .nd1 .conx .morex {
  width: fit-content;
  padding: 10px 48px;
  border-radius: 8px;
  color: #606060;
  font-weight: 400;
  transition: all 0.5s;
  border: 1px solid #606060;
  margin: 0 auto;
  margin-top: 150px;
  display: block;
}
.nd_con .nd1 .conx .morex:hover {
  color: #Ffffff;
  background-color: #333333;
}
.nd_con .top {
  margin: 0 0 52px 0;
}
.nd_con .top .h {
  text-align: center;
  color: #606060;
  line-height: 1.33;
  margin-bottom: 23px;
}
.nd_con .top .p {
  display: flex;
  justify-content: center;
}
.nd_con .top .p > div {
  display: flex;
  align-items: center;
  margin: 0 10px;
  color: #7a7a7a;
  font-weight: 400;
}
.nd_con .top .p > div img {
  width: 27px;
  height: 24px;
  object-fit: contain;
}
.nd_con .link_list {
  position: relative;
  z-index: 20;
}
.nd_con .link_list:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.01rem;
  background-color: rgba(103, 120, 134, 0.12);
  top: 50%;
}
.nd_con .link_list .btns {
  padding: 0 60px;
  background-color: #fff;
  width: 360px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.nd_con .link_list .btns > span {
  width: 0.01rem;
  height: 24px;
  background: #90909020;
  display: block;
}
.nd_con .link_list .btns > a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}
.nd_con .link_list .btns > a .p {
  position: absolute;
  width: fit-content;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 14px);
  color: #606060;
  background-color: #F3F3F3;
  border-radius: 6px;
  padding: 9px 13px;
  opacity: 0;
  transition: all 0.5s;
}
.nd_con .link_list .btns > a:hover .p {
  opacity: 1;
}
.nd_con .link_list .btns > a .social-share-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-color: transparent !important;
}
.nd_con .link_list .btns > a .social-share-icon:hover {
  background-color: transparent !important;
}
.nd_con .link_list .btns > a .social-share-icon:before {
  display: none;
}
.nd_con .link_list .btns > a > img {
  width: 100%;
  opacity: 1;
  transition: all 0.5s;
}
.nd_con .link_list .btns > a:hover > img {
  opacity: 0.7;
}
.nd_con .bottom .tit {
  text-align: center;
  line-height: 1.33;
  color: #333;
  margin-bottom: 50px;
}
.nd_con .bottom .list {
  display: flex;
  justify-content: space-between;
}
.nd_con .bottom .box1 {
  width: 33.33%;
  padding: 20px;
  display: block;
  margin-bottom: 0;
  border-radius: 18px;
  transition: all 0.5s;
}
.nd_con .bottom .box1:hover {
  background-color: #F8F8F8;
}
.nd_con .bottom .box1 .pic {
  width: 100%;
  height: 288px;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 30px;
}
.nd_con .bottom .box1 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.nd_con .bottom .box1:hover .pic img {
  transform: scale(1.05);
}
.nd_con .bottom .box1 .h {
  color: #333;
  line-height: 1.33;
  height: 2.66em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 28px;
}
.nd_con .bottom .box1 .bottom1 {
  display: flex;
  align-items: center;
}
.nd_con .bottom .box1 .bottom1 .tip {
  width: fit-content;
  line-height: 28px;
  text-align: center;
  padding: 0 10px;
  color: #333;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.05);
  margin-right: 13px;
}
.nd_con .bottom .box1 .bottom1 .p {
  display: flex;
  align-items: center;
  margin-right: 38px;
  color: #606060;
  font-weight: 400;
}
.nd_con .bottom .box1 .bottom1 .p img {
  width: 27px;
  margin-right: 5px;
}
.nd_con .bottom .morex {
  width: fit-content;
  padding: 10px 48px;
  border-radius: 8px;
  color: #606060;
  font-weight: 400;
  transition: all 0.5s;
  border: 0.01rem solid #606060;
  margin: 0 auto;
  margin-top: 50px;
  display: block;
}
.nd_con .bottom .morex:hover {
  color: #Ffffff;
  background-color: #333333;
}
.nd_con .more {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 70px;
  border: none;
  line-height: 46px;
  height: 46px;
  border: 0.01rem solid #333;
}
.nd_con .more:hover {
  border-color: transparent;
}
.nd_con .more .svg_kuang {
  display: none;
}
.nd_con .more:hover {
  background-color: #E6E6E6;
  border-color: transparent;
}
.nd_con .video-js {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  background: transparent;
  width: 100% !important;
}
@media screen and (max-width: 1480px) {
  .nd_con .nd1 .conx {
    padding: 5% 5%;
  }
}
@media screen and (max-width: 1024px) {
  .nd_con .nd1 {
    padding: 80px 0 45px 0;
    background-color: #f8f8f8;
  }
  .nd_con .nd1 .conx .morex {
    margin-top: 100px;
  }
  .nd_con .bottom .list {
    flex-wrap: wrap;
  }
  .nd_con .bottom .box1 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .nd_con .top {
    margin: 0 0 32px 0;
  }
  .nd_con .nd1 .conx .morex {
    margin-top: 40px;
  }
  .nd_con .bottom .box1 {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .nd_con .bottom .box1 .bottom1 .p img {
    width: 20px;
  }
  .nd_con .bottom .tit {
    margin-bottom: 30px;
  }
}
.section-tabs {
  z-index: 9;
  width: 100%;
  position: relative;
  background-color: #fff;
}
.section-tabs.fix {
  position: fixed;
  width: 100%;
  top: 60px;
  left: 0;
}
.section-tabs ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.section-tabs li {
  position: relative;
  font-size: 16px;
  padding: 24px 2% 24px 0;
  text-align: center;
  color: #464646;
  transition: all 0.3s;
}
.section-tabs li a {
  position: relative;
}
.section-tabs li a::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -2px;
}
.section-tabs li a.on {
  color: #004898;
}
.section-tabs li a.on::after {
  background: #004898;
}
.section-tabs a img {
  width: 28px;
}
.section-tabs a img.tabs-1,
.section-tabs a.active img.tabs-2 {
  display: none;
}
.section-tabs a img.tabs-2,
.section-tabs a.active img.tabs-1 {
  display: inline-block;
}
.section-tabs a span {
  position: relative;
  z-index: 1;
}
.section-tabs a:hover {
  color: #215097;
}
.section-tabs a.active {
  /*border-bottom: 3px solid #215097;*/
  color: #215097;
}
.developmentBox .container {
  justify-content: space-between;
}
.developmentBox .nrBox {
  align-items: stretch;
}
.developmentBox h2 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.developmentBox .left {
  width: 50%;
  color: #6b6b6b;
  padding-right: 0 !important;
}
.developmentBox .left h4 {
  margin: 26px 0;
}
.developmentBox .left .text {
  align-items: stretch;
  margin-bottom: 38px !important;
}
.developmentBox .left .text .l {
  width: 90px;
  background: #dddddd;
  text-align: center;
  justify-content: center;
}
.developmentBox .left .text .l span {
  display: block;
}
.developmentBox .left .text .r {
  width: calc(100% - 90px);
  padding-left: 10px;
}
.developmentBox .left .text p {
  margin: 20px 0;
  text-indent: 2em;
  line-height: 1.8;
  text-align: justify;
  color: #6b6b6b;
}
.developmentBox .left .text1 {
  margin-bottom: 0 !important;
}
.developmentBox .left .text1 p {
  width: 50%;
}
.developmentBox .right {
  width: 50%;
}
.developmentBox .right .img_pic {
  height: 100%;
  padding-top: 0;
}
.developmentBox .right img {
  width: auto;
  margin: 0 auto;
}
.developmentBox .right p {
  text-align: center;
  color: #6d6d6d;
  margin-top: 16px;
}
.academy {
  background: #fafafa;
}
.academy .itemBox {
  display: flex;
  align-items: center;
  padding: 4% 0;
}
.academy .itemBox .item {
  flex: 1;
  color: #333;
  text-align: center;
  position: relative;
}
.academy .itemBox .item .t1 {
  margin: 15px 0;
}
.academy .itemBox .item:after {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  background-color: #cecece;
}
.academy .itemBox .item:last-child:after {
  display: none;
}
@media screen and (max-width: 768px) {
  .academy .itemBox {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
  }
  .academy .itemBox .item {
    width: 33.33%;
    flex: none;
    border: 1px solid #eeeeee;
    padding-top: 12px;
  }
  .academy .itemBox .item .t1 {
    margin-top: 10px;
  }
  .academy .itemBox .item::after {
    content: none;
  }
}
/* 网格容器 */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 0 auto;
}
/* 卡片样式 */
.card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.card:hover .card-link::after {
  margin-left: 5px;
}
.card a {
  color: #fff;
}
/* 卡片背景图 */
.card-bg {
  width: 100%;
  padding-top: 114%;
  background-size: cover;
  background-position: center;
}
/* 文字遮罩层 */
.card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 25px 40px;
  background: rgba(183, 183, 183, 0.25);
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
}
/* 文字内容 */
.card-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.card-desc {
  font-size: 12px;
  opacity: 0.85;
  margin-bottom: 28px;
  line-height: 1.4;
}
.card-link {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.card-link:hover {
  color: #fff;
}
.card-link::after {
  position: relative;
  content: "";
  font-size: 14px;
  width: 21px;
  height: 16px;
  top: 1px;
  background: url(../images/arr_more.png) no-repeat center;
  background-size: contain;
  transition: all 0.3s ease;
}
/* 响应式适配 */
@media (max-width: 768px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .card-grid {
    grid-template-columns: 1fr;
  }
}
.applicationBig {
  margin-bottom: 3%;
}
.applicationBig .container > .flex {
  border-top: 2px solid #f5f5f5;
}
.applicationBig .left {
  width: 60%;
  padding-right: 5%;
}
.applicationBig .left p {
  margin: 4% 0 10%;
  line-height: 1.8;
}
.applicationBig .left .moreBtn {
  padding: 10px 24px;
  display: inline-block;
}
.applicationBig .right {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .applicationBig .left {
    width: 100%;
    padding-right: 0;
    margin: 20px 0;
  }
  .applicationBig .right {
    width: 100%;
  }
  .card-link::after {
    width: 16px;
    top: 0px;
  }
  .card-overlay {
    padding: 25px 20px;
  }
  .card-desc {
    margin-bottom: 15px;
  }
  .newsInfoMbx {
    padding-bottom: 12px;
  }
  .newsInfoMbx img {
    margin-right: 8px;
    width: 20px !important;
  }
}
.applicationInfoTop {
  position: relative;
  gap: 40px;
  align-items: center;
  color: #fff;
}
.applicationInfoTop .applicationTt {
  position: relative;
}
.applicationInfoTop .text {
  position: relative;
  max-width: 500px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: saturate(180%) blur(4px);
  backdrop-filter: saturate(180%) blur(4px);
  padding: 13% 40px;
}
.applicationInfoTop .text p {
  margin: 7% 0 18%;
}
.applicationInfoTop .text .moreBtn {
  padding: 10px 24px;
}
.applicationInfoTop .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.applicationInfoTop .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-banner {
  position: relative;
  gap: 40px;
  align-items: center;
}
.top-banner > .flex {
  position: relative;
  align-items: stretch;
}
.top-banner::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 60%;
  top: 0;
  left: 0;
  background-color: #f0f0f0;
}
.top-banner .text {
  width: 60%;
  padding-right: 8%;
}
.top-banner .text h3 {
  margin: 20px 0 30px;
  font-weight: 400;
}
.top-banner .text .moreBtn {
  padding: 10px 24px;
}
.top-banner .img {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .top-banner .text {
    width: 100%;
    margin-bottom: 20px;
  }
  .top-banner .text .moreBtn {
    margin-top: 20px;
  }
  .top-banner .img {
    width: 100%;
  }
}
.banner-tag {
  font-size: 12px;
  color: #fff;
  margin-bottom: 8px;
}
.banner-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
.banner-desc {
  font-size: 13px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.8;
}
.btn-get-plan {
  background: linear-gradient(90deg, #1e5799 0%, #2989d8 100%);
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 13px;
}
/* 标签导航 */
.tab-nav {
  display: flex;
  gap: 40px;
  padding: 20px 0;
  font-size: 12px;
}
/* 内容区 */
.content-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 3% 0;
}
.content-container-1 {
  grid-template-columns: auto;
}
.content-container-1 .left {
  width: 100%;
}
.content-container-1 .left .section-title {
  position: relative;
  margin-bottom: 22px;
}
.content-container-1 .left .section-title::after {
  position: absolute;
  content: '';
  width: 60px;
  height: 1px;
  left: 0;
  bottom: -6px;
  background: #00479d;
}
.content-container-1 .left span {
  display: block;
  color: #00479d;
  margin-bottom: 5px;
}
.section-title {
  font-size: 14px;
  margin-bottom: 12px;
}
.section-text {
  font-size: 12px;
  color: #555;
  margin-bottom: 18px;
}
/* 公共标题样式 */
.section-head {
  font-size: 18px;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 14px;
}
.section-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: #215097;
}
/* 间距 */
.sectionSwiper {
  position: relative;
  margin-bottom: 60px;
}
.sectionSwiper .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -58px;
  transform: translateY(-50%);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.sectionSwiper .swiper-button-prev::after {
  content: none;
}
.sectionSwiper .swiper-button-prev:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
.sectionSwiper .swiper-button-next {
  position: absolute;
  top: 50%;
  right: -58px;
  transform: translateY(-50%) rotate(180deg);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.sectionSwiper .swiper-button-next::after {
  content: none;
}
.sectionSwiper .swiper-button-next:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
/* 相关应用卡片 */
.app-card {
  height: 280px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.app-card .bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.app-card .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 20px 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
.app-card .title {
  color: #fff;
  font-size: 15px;
  margin-bottom: 8px;
}
.app-card .desc {
  color: #ddd;
  font-size: 12px;
  margin-bottom: 10px;
}
.app-card .link {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
/* 产品卡片 */
.productCard {
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.productCard .img {
  width: 40%;
  padding-top: 34%;
  background-size: cover;
  background-position: center;
}
.productCard .info {
  width: 100%;
  padding: 14% 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.productCard .info:hover {
  border-color: rgba(0, 0, 0, 0.1);
}
.productCard .info .img_pic {
  margin: 7% 0;
  width: 100%;
  padding-top: 60%;
}
.productCard .info .img_pic img {
  object-fit: contain;
}
.productCard .title {
  font-weight: 500;
}
.productCard .desc {
  color: #666;
  margin-top: 4px;
}
.productCard .link {
  color: #333;
  text-decoration: none;
}
.productCard .link:hover {
  color: #215097;
}
/* 产品卡片 */
.travel-list2-box {
  justify-content: space-between;
}
.product-card {
  width: 49%;
  border: 1px solid #eee;
  border-radius: 12px;
  margin-bottom: 2%;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.product-card .img_pic {
  width: 40%;
  padding-top: 34%;
  background-size: cover;
  background-position: center;
}
.product-card .info {
  width: 60%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-card .title {
  font-weight: 500;
}
.product-card .desc {
  color: #666;
  margin-top: 4px;
}
.product-card .link {
  color: #215097;
  text-decoration: none;
}
.appInfoBox {
  margin-top: 30px;
}
.appInfoBox .product-card {
  width: calc(33.33% - 20px);
  margin: 10px;
}
.appInfoBox .swiper-pagination {
  position: static;
}
/* 响应式 */
@media (max-width: 992px) {
  .content-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .top-banner {
    flex-direction: column;
    padding: 30px 20px;
  }
  .tab-nav,
  .content-container {
    padding-left: 0;
    padding-right: 0;
  }
  .appInfoBox .product-card {
    width: calc(50% - 20px);
  }
}
@media (max-width: 768px) {
  .sectionSwiper .swiper-button-next {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -40px;
    left: 50%;
    margin-left: 5px;
    transform: translateY(0) rotate(180deg);
  }
  .sectionSwiper .swiper-button-prev {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -40px;
    left: 50%;
    margin-left: -40px;
    transform: translateY(0);
  }
}
@media (max-width: 500px) {
  .appInfoBox .product-card {
    width: 100%;
  }
}
.bg {
  background-size: cover;
  background-position: center;
}
.hei100 {
  height: 100vh;
  min-height: 600px;
}
.aboutbanner {
  margin-bottom: 0;
}
.aboutbanner .base_img {
  padding-top: 770px;
}
.indVal_box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.indVal_a {
  overflow: hidden;
  position: relative;
  width: 33.33%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.indVal_div {
  position: relative;
  overflow: hidden;
}
.indVal_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s;
}
.indVal_name {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  padding: 5% 8%;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indVal_name svg {
  width: 48px;
  height: 48px;
  display: block;
  margin-right: 20px;
}
.indVal_name span {
  display: block;
  color: #fff;
  line-height: 1;
}
.indVal_name p {
  color: #Fff;
  opacity: 0.8;
  margin-top: 10px;
  line-height: 1;
  font-size: 15px;
  letter-spacing: 2px;
}
.indVal_txt {
  position: absolute;
  bottom: -150%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 8%;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  transition: all 0.8s;
  display: flex;
  align-items: center;
}
.indVal_span {
  position: relative;
  margin-bottom: 5px;
}
.indVal_span svg {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.indVal_span span {
  color: #fff;
  vertical-align: middle;
  margin-left: 5px;
}
.indVal_p {
  position: relative;
  overflow: hidden;
}
.indVal_p p {
  color: #ffffff;
  position: relative;
  margin-top: 4%;
  text-align: justify;
  line-height: 1.8;
  text-indent: 2em;
}
@media screen and (min-width: 1024px) {
  .indVal_a:hover .indVal_name {
    transform: translateY(40px);
    opacity: 0;
  }
  .indVal_a:hover .indVal_txt {
    bottom: 0;
  }
  .indVal_a:hover .indVal_img::after {
    opacity: 0.3;
  }
}
@media screen and (max-width: 1024px) {
  .aboutbanner .base_img {
    padding-top: 500px;
  }
  .indVal_img::after {
    opacity: 0.3;
  }
  .indVal_txt {
    padding: 60px 8%;
  }
  .indVal_name {
    display: none;
  }
  .indVal_img {
    height: auto;
    min-height: inherit;
  }
  .indVal_txt {
    position: static;
  }
}
@media screen and (max-width: 860px) {
  .indVal_a {
    width: 100%;
  }
  .indVal_a {
    border-left: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .indVal_txt {
    padding: 27px 5%;
  }
}
@media screen and (max-width: 768px) {
  .section-tabs ul {
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    white-space: nowrap;
  }
  .section-tabs ul li {
    display: inline-block;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .aboutbanner .base_img {
    padding-top: 300px;
  }
}
.aboutTwoBox .left {
  width: 60%;
  padding-left: 6%;
  padding-right: 5%;
}
.aboutTwoBox .left h3 {
  margin-bottom: 20px;
}
.aboutTwoBox .left h4 {
  margin: 14px 0;
}
.aboutTwoBox .left .text {
  margin-bottom: 18px;
}
.aboutTwoBox .left .text p {
  text-indent: 0;
  margin: 3px 0;
}
.aboutTwoBox .right {
  width: 40%;
}
.aboutTwoBox .right img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .developmentBox .nrBox {
    flex-direction: column-reverse;
  }
  .developmentBox .right {
    width: 100%;
  }
  .developmentBox .left {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .developmentBox .right img {
    position: static;
  }
  .developmentBox .left {
    width: 100%;
  }
  .developmentBox .left .text .l {
    width: 60px;
  }
  .developmentBox .left .text1 p {
    width: 100%;
  }
}
.wel-industrial {
  background: #e8e8e8;
}
.wel-indu-list {
  font-size: 0;
}
.wel-indu-list .images {
  height: 700px;
}
.wel-indu-list .items {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  position: relative;
  border-right: 2px solid #e8e8e8;
}
.wel-indu-list .items.active {
  width: 50.5%;
}
.wel-indu-list .items.cur {
  width: 16.5%;
}
.wel-indu-list .items.active .words2 {
  /*display: block;*/
  transition: 0.5s ease-in-out;
  opacity: 1;
  padding: 7% 7%;
}
.wel-indu-list .items.active .words1 {
  /*display: none;*/
  transition: 0.5s ease-in-out;
  opacity: 0;
}
.wel-indu-list .items .words {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 40px 30px;
  color: #fff;
}
.wel-indu-list .items .words1 {
  transition: 0.5s ease-in-out;
}
.wel-indu-list .items .words1 .tits img {
  width: 40px;
  margin-right: 5px;
}
.wel-indu-list .items .words1 .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 10px;
}
.wel-indu-list .items .words2 {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.wel-indu-list .items .words2 .txts {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .wel-indu-list .items {
    width: 50% !important;
    margin-bottom: 2px;
  }
  .wel-indu-list .items .words {
    opacity: 0;
  }
  .wel-indu-list .items .words2 {
    opacity: 1;
    padding: 20px;
  }
  .wel-indu-list .images {
    height: 490px;
  }
}
@media screen and (max-width: 768px) {
  .wel-indu-list .images {
    height: 390px;
  }
}
@media screen and (max-width: 600px) {
  .wel-indu-list .items {
    width: 100% !important;
  }
  .wel-indu-list .images {
    height: 320px;
  }
}
.c-about4 {
  position: relative;
  padding-bottom: 60px;
  overflow: hidden;
}
.c-about4 .c-num {
  font-size: 13vw;
}
.c-about4 .c-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 1.2rem;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  transition: transform 0.4s;
  color: #fff;
  transform: scale(0);
  cursor: pointer;
}
@media (max-width: 767px) {
  .c-about4 .c-arrow {
    display: none;
  }
}
.c-about4 .c-arrow img,
.c-about4 .c-arrow svg {
  width: 40%;
  height: 40%;
}
.c-about4 .c-arrow img path,
.c-about4 .c-arrow svg path {
  fill: #fff;
  transition: all 0.4s;
}
.c-about4 .c-arrow.on {
  transform: scale(1);
}
.c-about4 .c-arrow.on2 img,
.c-about4 .c-arrow.on2 svg {
  transform: rotate(180deg);
}
.c-about4 .c-bg1,
.c-about4 .c-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-about4 .c-bg2 {
  z-index: 5;
  transform: scale(1.1);
}
.c-about4 .c-title-box {
  position: relative;
  z-index: 10;
}
.c-about4 .c-title-box .hm_tit .f_tit {
  color: #fff;
}
.c-about4 .c-about4-banner1 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  font-size: 600px;
  font-weight: bold;
  opacity: 0.1;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .c-about4 .c-about4-banner1 {
    font-size: 300px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .c-about4 .c-about4-banner1 {
    font-size: 190px;
    height: auto;
  }
}
.c-about4 .c-about4-banner1 .container {
  position: relative;
}
.c-about4 .c-about4-banner2 {
  position: relative;
  z-index: 8;
  color: #fff;
  min-height: 600px;
}
@media (max-width: 767px) {
  .c-about4 .c-about4-banner2 {
    min-height: 400px;
  }
}
.c-about4 .c-about4-banner2 .swiper-container {
  padding: 15% 0;
}
@media (max-width: 767px) {
  .c-about4 .c-about4-banner2 .swiper-container {
    padding: 100px 0;
  }
}
.c-about4 .c-about4-banner2 .swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
}
.c-about4 .c-about4-banner2 .swiper-container .swiper-slide .c-text {
  max-width: 600px;
}
@media (max-width: 767px) {
  .c-about4 .c-about4-banner2 .swiper-container .swiper-slide .c-text {
    max-width: 100%;
  }
}
.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p {
  margin-bottom: 18px;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 1580px) {
  .c-about4 .c-about4-banner2 .swiper-container .swiper-slide p {
    padding-left: 16px;
  }
}
.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:last-child {
  margin-bottom: 0;
}
.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
@media (max-width: 1580px) {
  .c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:before {
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 768px) {
  .c-about4 .c-about4-banner2 .swiper-container .swiper-slide p {
    font-size: 16px !important;
  }
}
.c-about4 .c-about4-banner3 {
  position: relative;
  z-index: 8;
  color: #fff;
  text-align: center;
}
.c-about4 .c-about4-banner3:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.c-about4 .c-about4-banner3 .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 50px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .c-about4 .c-about4-banner3 .swiper-slide {
    height: 1rem;
  }
}
.c-about4 .c-about4-banner3 .c-dot {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  border-radius: 50%;
  position: relative;
  transition: all 0.4s;
}
.c-about4 .c-about4-banner3 .c-dot::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.c-about4 .c-about4-banner3 .c-num {
  width: 100%;
  transition: all 0.4s;
  line-height: 1;
  opacity: 0.3;
  font-size: 16px;
}
.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-dot {
  border-color: #fff;
}
.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {
  opacity: 1;
  font-size: 24px;
}
@media (max-width: 768px) {
  .c-about4 .c-about4-banner3 .swiper-slide .c-num {
    font-size: 14px;
  }
  .c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {
    font-size: 18px;
  }
}
.indParList {
  flex-wrap: wrap;
  margin-top: 2%;
  align-items: stretch;
  padding-bottom: 50px;
  overflow: hidden;
}
.indParList .swiper-pagination {
  position: absolute;
  width: 80%;
  left: 10%;
  bottom: 0;
  border-radius: 0;
  text-align: center;
  z-index: 9;
}
.indParList .swiper-pagination-bullet {
  position: relative;
  display: inline-block !important;
  width: 30px;
  height: 30px;
  background: #fff;
  margin: 0 5px !important;
  border-radius: 6px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.8;
}
.indParList .swiper-pagination-bullet-active {
  background-color: #0095d7;
  color: #fff;
  opacity: 1;
}
.indParList p {
  background-color: #fff;
  padding: 30px 15px;
  margin: 0 0 20px;
  color: #5A5A5A;
}
.indParList p i {
  display: block;
  text-align: center;
  margin: 5px 0;
}
.indParList p:hover img {
  transform: scale(1.1);
}
.indParList img {
  width: 100%;
  height: 320px;
  transition: all 0.5s;
  object-fit: contain;
  margin-bottom: 40px;
}
.indParList span {
  display: block;
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 1024px) {
  .indParList p {
    margin: 0 1% 2%;
  }
  .indParList span {
    font-size: 14px;
  }
  .indParList img {
    height: 110px;
  }
}
@media screen and (max-width: 768px) {
  .indParList p {
    margin-bottom: 12px;
  }
  .indParList span {
    font-size: 14px !important;
  }
  .indParList img {
    height: 160px;
    margin-bottom: 20px;
  }
  .indParList {
    padding-bottom: 20px;
  }
  .abHonor {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 500px) {
  .indParList img {
    height: 90px;
  }
  .indParList p {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.abFive {
  background-color: #F6F6F6;
}
.honroTab {
  justify-content: center;
  margin-bottom: 60px;
}
.honroTab span {
  position: relative;
  color: #6b6b6b;
  margin: 0 25px;
  cursor: pointer;
}
.honroTab span::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: -5px;
  left: 0;
}
.honroTab span.on {
  color: #444444;
}
.honroTab span.on::after {
  background: #00479d;
}
.abHonor {
  position: relative;
}
.abHonor .swiper-scrollbar {
  max-width: 800px;
  margin: 0 auto;
  height: 2px;
  opacity: 1 !important;
  background: #e7e7e7;
}
.abHonor .swiper-scrollbar .swiper-scrollbar-drag {
  background: #0052d9;
}
.abHonor .swiper-button-prev {
  position: absolute;
  top: 50%;
  left: -58px;
  transform: translateY(-50%);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.abHonor .swiper-button-prev::after {
  content: none;
}
.abHonor .swiper-button-prev:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
.abHonor .swiper-button-next {
  position: absolute;
  top: 50%;
  right: -58px;
  transform: translateY(-50%) rotate(180deg);
  width: 41px;
  height: 41px;
  z-index: 2;
  cursor: pointer;
  background: url(../images/left.png) no-repeat center;
  background-size: contain;
}
.abHonor .swiper-button-next::after {
  content: none;
}
.abHonor .swiper-button-next:hover {
  background: url(../images/left-1.png) no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .honroTab {
    margin-bottom: 30px;
  }
  .abHonor .swiper-button-next {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -60px;
    left: 50%;
    margin-left: 5px;
    transform: translateY(0) rotate(180deg);
  }
  .abHonor .swiper-button-prev {
    top: auto;
    width: 35px;
    height: 35px;
    bottom: -60px;
    left: 50%;
    margin-left: -40px;
    transform: translateY(0);
  }
  .downloadBottom li {
    width: 100%;
  }
  .downloadBtn {
    padding: 8px 16px;
  }
  .downloadBottom li img {
    height: 160px;
  }
  .downloadBtn:before {
    width: 17px;
    top: 2px;
    margin-right: 6px;
  }
}
.servicebanner .cont {
  display: inline-block;
  max-width: 850px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  padding: 3% 7%;
  bottom: 0;
}
.servicebanner .cont h1 {
  margin-bottom: 12px;
}
.index-sec5 {
  color: #fff;
  position: relative;
}
.index-sec5 .sec-cont {
  position: relative;
  z-index: 9;
}
.index-sec5 .main-l {
  padding-bottom: 3%;
}
.index-sec5::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 91, 0.6) 0%, rgba(7, 7, 82, 0) 100%);
  z-index: -1;
}
.index-sec5 .item-wrap {
  flex-wrap: wrap;
}
.index-sec5 .item-wrap:nth-child(2n) {
  justify-content: flex-start;
}
.index-sec5 .item-wrap:nth-child(2n+1) {
  justify-content: flex-end;
}
.index-sec5 .item-wrap .item-cont {
  width: 50%;
}
.index-sec5 .item-wrap:not(.active):nth-child(2n) .item-cont {
  justify-content: flex-start;
}
.index-sec5 .item-wrap:not(.active):nth-child(2n) .item-cont {
  justify-content: flex-end;
}
.index-sec5 .item {
  width: auto;
  position: relative;
  padding: 20px 40px;
}
.index-sec5 .item .sec-top .title {
  padding-left: 50px;
  margin-bottom: 0;
  transition: padding 0.3s;
}
.index-sec5 .item .sec-top .intro {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
  margin-bottom: 28px;
}
.index-sec5 .item .sec-top .intro,
.index-sec5 .item .sec-top .learn-more {
  display: none;
}
.index-sec5 .item .icon {
  width: 48px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.index-sec5 .item-wrap.active .item {
  position: relative;
  padding: 50px;
}
.index-sec5 .item-wrap.active .sec-top {
  width: 80%;
}
.index-sec5 .item-wrap.active .sec-top .title {
  padding-left: 0;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 12px;
}
.index-sec5 .item-wrap.active .sec-top .intro {
  display: -webkit-box;
}
.index-sec5 .item-wrap.active .sec-top .learn-more {
  display: flex;
  background: #fff;
  padding: 9px 24px;
  border-radius: 50px;
}
.index-sec5 .item-wrap.active .icon {
  width: 100px;
  position: absolute;
  bottom: 50px;
  top: unset;
  transform: unset;
  left: unset;
  right: 30px;
}
.index-sec5 .item-wrap:nth-child(1) .item {
  background-color: rgba(22, 93, 255, 0.6);
}
.index-sec5 .item-wrap:nth-child(2) .item {
  background-color: rgba(6, 158, 237, 0.73);
}
.index-sec5 .item-wrap:nth-child(3) .item {
  background-color: rgba(22, 241, 255, 0.4);
}
.index-sec5 .item-wrap:first-child .item::after {
  content: '';
  aspect-ratio: 1;
  position: absolute;
  opacity: 0;
  background-color: rgba(0, 236, 236, 0.6);
  transition: 0.3s;
}
.index-sec5 .item-wrap.active:first-child .item::after {
  top: 0;
  left: 0;
  transform: translate3d(-50px, -50px, 0);
  opacity: 1;
}
.index-sec5 .item-wrap.active:last-child .item::before {
  bottom: 0;
  right: 0;
  transform: translate3d(calc(100% - var(--custom-size-10-20)), calc(100% - var(--custom-size-10-20)), 0);
  opacity: 1;
}
.index-sec5 .item-wrap:first-child .item::after {
  content: '';
  width: 80px;
  aspect-ratio: 1;
  position: absolute;
  opacity: 0;
  background-color: rgba(0, 236, 236, 0.6);
  transition: 0.3s;
}
.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.video-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .index-sec5 .item-wrap .item-cont {
    width: 100%;
  }
  .index-sec5 .item-wrap .item {
    position: relative;
    padding: 50px;
  }
  .index-sec5 .item-wrap .sec-top {
    width: 80%;
  }
  .index-sec5 .item-wrap .sec-top .title {
    padding-left: 0;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .index-sec5 .item-wrap .sec-top .intro {
    display: -webkit-box;
  }
  .index-sec5 .item-wrap .sec-top .learn-more {
    display: flex;
    background: #fff;
    padding: 9px 24px;
    border-radius: 50px;
  }
  .index-sec5 .item-wrap .icon {
    width: 100px;
    position: absolute;
    bottom: 50px;
    top: unset;
    transform: unset;
    left: unset;
    right: 30px;
  }
  .index-sec5 .item-wrap .item {
    position: relative;
    padding: 50px;
  }
  .index-sec5 .item-wrap .sec-top {
    width: 80%;
  }
  .index-sec5 .item-wrap .sec-top .title {
    padding-left: 0;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .index-sec5 .item-wrap .sec-top .intro {
    display: -webkit-box;
  }
  .index-sec5 .item-wrap .sec-top .learn-more {
    display: flex;
    background: #fff;
    padding: 9px 24px;
    border-radius: 50px;
  }
  .index-sec5 .item-wrap .icon {
    width: 100px;
    position: absolute;
    bottom: 50px;
    top: unset;
    transform: unset;
    left: unset;
    right: 30px;
  }
  .index-sec5 .item-wrap:first-child .item::after {
    content: none;
  }
  .index-sec5 .item-wrap .icon {
    width: 60px !important;
  }
  .index-sec5 .item-wrap .item {
    padding: 25px;
  }
}
.searchH3 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 4%;
}
.news .newsTab {
  margin: 0 0 4%;
  text-align: center;
}
.news .newsInfoTab {
  margin: 28px 0 0;
}
.news .newsTab a {
  display: inline-block;
  margin: 0 20px;
  color: #5E6163;
  font-size: 18px;
  border-bottom: 1px solid #F4F4F4;
  padding-bottom: 5px;
}
.news .newsTab.newsInfoTab a {
  margin: 0 80px 0 0;
}
.news .newsTab a.active,
.news .newsTab a:hover {
  color: #222222;
  font-size: 22px;
  border-bottom: 3px solid #222;
}
.searchBox .newsTab a {
  color: #222;
  font-size: 16px !important;
}
.searchBox .newsTab a.active,
.searchBox .newsTab a:hover {
  color: #215097;
  border-bottom: 1px solid #215097;
}
.searchBox .serviceBox {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto 3%;
}
.searchList > div {
  display: none;
}
.searchList > .on {
  display: block;
}
@media screen and (max-width: 768px) {
  .searchH3 {
    font-size: 18px;
    margin-bottom: 6%;
  }
  .searchBox .newsTab a {
    font-size: 14px !important;
  }
}
.proBox {
  margin-top: 30px;
}
/* 主体左右布局 */
.main-box {
  display: flex;
  gap: 34px;
  flex-wrap: wrap;
}
/* 左侧侧边栏 */
.sidebar {
  width: 280px;
  background: #fff;
}
.proRight {
  flex: 1;
}
.proOneNav {
  position: relative;
}
.proTwoNav {
  display: none;
  padding-left: 20px;
}
.product-menu {
  padding-bottom: 8px;
}
.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: 12px;
}
.product-menu .el-submenu__icon-arrow {
  color: inherit;
  font-size: 0;
  width: 16px;
  height: 16px;
  background: url(../images/jia1.png);
  background-size: 100% 100%;
}
.product-menu .product-menu-item-1-2 {
  border-top: 1px solid #969696;
}
.product-menu .product-menu-item-1-2 > .el-submenu__title:hover .el-submenu__icon-arrow {
  background-image: url(../images/jia1.png);
}
.el-menu-item.is-opened .proOneNav .el-submenu__icon-arrow,
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  background-image: url(../images/jian1.png);
}
.el-submenu.is-opened > .el-submenu__title:hover .el-submenu__icon-arrow {
  background-image: url(../images/jian1.png);
}
.product-menu .el-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-menu .el-menu-item:focus,
.product-menu .el-menu-item:hover {
  color: #215097;
  background-color: transparent;
}
.product-menu .el-submenu.is-opened > .el-submenu__title,
.product-menu .el-submenu.is-opened > .el-submenu__title > .link1 {
  color: #215097;
}
.product-menu .el-submenu__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-menu .el-submenu__title:focus,
.product-menu .el-submenu__title:hover {
  color: #215097;
  background-color: transparent;
}
.product-menu .product-menu-item-1-1 {
  position: relative;
}
.product-menu .product-menu-item-1-1.el-menu-item {
  font-size: 16px;
  padding: 0 48px 0 36px !important;
  line-height: 70px;
  height: 70px;
  color: #333;
}
.product-menu .product-menu-item-1-1.el-menu-item:hover {
  background-color: transparent;
}
.product-menu .product-menu-item-1-1 > .link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  padding: 0 48px 0 36px;
  color: #333;
}
.product-menu .product-menu-item-1-1 > .link.active {
  color: #fff;
  background-color: #215097;
}
.product-menu .link.active {
  color: #215097;
}
.product-menu .product-menu-item-1-2 > .el-submenu__title {
  position: relative;
  font-size: 16px;
  padding: 0 48px 0 0 !important;
  line-height: 70px;
  height: 70px;
  color: #333;
  letter-spacing: 0;
  transition: all 0.3s;
}
.product-menu .product-menu-item-1-2 > .el-submenu__title > .product-menu-tit {
  color: #333;
}
.product-menu .product-menu-item-1-2 > .el-submenu__title:hover {
  background-color: transparent;
}
.product-menu .product-menu-item-1-2 > .el-menu {
  padding: 0 0px 10px 10px;
  display: none;
}
.product-menu .product-menu-item-1-2 > .el-menu li {
  position: relative;
  margin: 16px 0;
}
.product-menu .product-menu-item-1-2 > .el-menu li .proOneNav::before {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: url(../images/dui-1.png) no-repeat center;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.product-menu .product-menu-item-1-2 > .el-menu li a {
  padding-left: 22px;
  color: #333;
}
.product-menu .product-menu-item-1-2 > .el-menu li .proOneNav:hover::before,
.product-menu .product-menu-item-1-2 > .el-menu li.on .proOneNav::before {
  content: '';
  border-color: transparent;
  background: url(../images/dui.png) no-repeat center;
  background-size: contain;
}
@media only screen and (min-width: 961px) {
  .product-menu .product-menu-item-1-1 > .link:hover {
    color: #fff;
  }
  .product-menu .product-menu-item-1-1.el-menu-item:hover {
    color: #fff;
    background-color: #215097;
  }
  .product-menu .el-submenu > .el-submenu__title:hover,
  .product-menu .el-submenu > .el-submenu__title:hover > .link1 {
    color: #215097;
  }
  .product-menu .el-submenu > .el-submenu__title .link1:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 1440px) {
  .product-menu-wrap {
    width: 270px;
  }
  .product-menu-btn {
    font-size: 16px;
    line-height: 22px;
    width: 40px;
    padding: 12px 8px;
  }
  .product-menu-wrap {
    top: 80px;
  }
  .product-menu-wrap .main {
    height: calc(100vh - 160px);
  }
  .product-menu-wrap .tit {
    font-size: 24px;
    line-height: 30px;
    padding: 30px 24px 20px;
  }
  .product-menu .product-menu-item-1-1.el-menu-item {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0 32px 0 24px !important;
  }
  .product-menu .product-menu-item-1-1 > .link {
    padding: 0 32px 0 24px !important;
  }
  .product-menu .product-menu-item-1-2 > .el-submenu__title {
    font-size: 16px;
    padding: 0 32px 0 24px !important;
    line-height: 60px;
    height: 60px;
  }
}
.mobile-filter-text {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  display: none;
}
.mobile-filter-text::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzg3NzlfODc4MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF84Nzc5Xzg3ODApIj4KPHBhdGggZD0iTTExIDIxVjE1SDEzVjE3SDIxVjE5SDEzVjIxSDExWk0zIDE5VjE3SDlWMTlIM1pNNyAxNVYxM0gzVjExSDdWOUg5VjE1SDdaTTExIDEzVjExSDIxVjEzSDExWk0xNSA5VjNIMTdWNUgyMVY3SDE3VjlIMTVaTTMgN1Y1SDEzVjdIM1oiIGZpbGw9IiMxQzFCMUYiLz4KPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 24px;
  content: "";
}
.sidebarClose {
  position: absolute;
  right: 20px;
  top: 10px;
}
@media only screen and (max-width: 1024px) {
  .mobile-filter-text {
    display: block;
  }
  .content-top {
    display: none;
  }
  .sidebar {
    position: fixed;
    width: 100%;
    top: 0;
    left: -100%;
    z-index: 9999;
    min-height: 100vh;
    padding: 25px;
    transition: all 0.3s;
  }
  .sidebar.on {
    left: 0;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 960px) {
  .product-menu-wrap {
    top: 60px;
  }
  .product-menu-wrap .main {
    height: calc(100vh - 140px);
  }
  .product-menu-wrap .off {
    display: block;
  }
  .product-menu-wrap {
    position: fixed;
    left: 0;
    top: 80px;
    z-index: 5;
    width: 310px;
    background-color: #fff;
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
  }
  .pl_conxz .wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .servicebanner .cont {
    position: static;
    color: #000000;
  }
  .product-card {
    width: 100%;
  }
  .proBox {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .product-menu {
    padding-bottom: 160px;
  }
  .product-menu-wrap .off {
    display: block;
  }
}
.side-module {
  margin-bottom: 34px;
  border-top: 1px solid #969696;
  padding-top: 15px;
}
.side-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  margin-bottom: 20px;
  cursor: pointer;
}
.icon-fold {
  font-size: 12px;
  color: #999;
}
.search-wrap {
  position: relative;
}
.search-wrap input {
  width: 100%;
  height: 38px;
  border: 1px solid #e8e8e8;
  border-radius: 80px;
  padding-left: 30px;
  font-size: 13px;
}
.search-wrap::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  background: url(../images/search-3.png) no-repeat center;
  background-size: 14px;
}
.filter-item {
  font-size: 13px;
  line-height: 2.2;
  cursor: pointer;
}
.filter-item input {
  margin-right: 6px;
}
/* 二级分类缩进样式 */
.second-class {
  padding-left: 16px;
}
/* 右侧内容区 */
.content {
  flex: 1;
}
/* 顶部筛选标签栏 */
.content-top {
  margin-bottom: 20px;
  font-size: 14px;
}
.content-top p {
  margin-bottom: 3%;
}
.tag-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tag-item {
  background: #394a6b;
  color: #fff;
  padding: 7px 14px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.tag-close {
  cursor: pointer;
  font-size: 12px;
}
.clear-all {
  color: #666;
  cursor: pointer;
}
.sort-text {
  cursor: pointer;
  color: #666;
}
/* 产品卡片列表 */
.product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.product-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 15px;
  overflow: hidden;
}
.prod-img {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
}
.prod-img img {
  max-width: 80%;
  max-height: 80%;
}
.prod-info {
  padding: 15px;
}
.prod-name {
  font-size: 14px;
  margin-bottom: 8px;
}
.prod-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 12px;
}
.prod-link {
  font-size: 12px;
  color: #2b5cad;
  text-decoration: none;
}
.proInfoNr .procon {
  width: 100%;
  position: relative;
  overflow-x: auto;
}
.proInfoNr .procon table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  /* table-layout:fixed; */
  border-spacing: 0px;
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
}
.proInfoNr .procon tbody tr:first-child td {
  background: #2b5cad !important;
  color: #fff;
  font-size: 18px;
}
.proInfoNr .procon tbody tr {
  background: #fff;
  text-align: center;
  height: auto !important;
}
.proInfoNr .procon tbody tr:nth-child(2n) {
  background: #e8e8e8;
}
.proInfoNr .procon tbody td sup {
  font-size: 8px;
}
.proInfoNr .procon tbody td * {
  font-size: 14px;
  word-break: break-all;
}
.proInfoNr .procon tbody td {
  /* color: #333; */
  font-size: 14px;
  padding: 10px 20px;
  border: 1px solid #f3f3f3;
  height: 60px !important;
}
.proInfoNr .procon tbody td a {
  justify-content: center;
  color: #2b5cad;
}
.proInfoNr .procon tbody td a img {
  width: 24px;
  margin-left: 5px;
}
.marketView ul {
  width: 90%;
  margin: 50px auto;
}
.marketView ul li {
  position: relative;
  margin-bottom: 20px;
}
.marketView ul li::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.3s;
  z-index: 3;
}
.marketView ul li .img_pic {
  padding-top: 45%;
}
.marketView ul li .text {
  position: absolute;
  width: 90%;
  max-width: 490px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 5% 0;
  color: #fff;
  z-index: 9;
}
.marketView ul li .text p {
  margin-top: 12px;
  opacity: 0;
  transition: all 0.3s;
}
.marketView ul li:hover::before {
  opacity: 1;
}
.marketView ul li:hover .text p {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .marketView ul {
    width: 100%;
  }
  .marketView ul li .text p {
    opacity: 1;
  }
  .marketView ul li .img_pic {
    padding-top: 55%;
  }
}
@media screen and (max-width: 768px) {
  .marketView ul {
    margin-top: 30px;
  }
  .marketView ul li .text {
    position: static;
    width: 100%;
    transform: translateX(0);
    color: #282828;
  }
}
.kecxView .text h3 {
  color: #333333;
  margin-bottom: 20px;
}
.kecxView .text p {
  margin: 10px 0;
  color: #6b6b6b;
}
.abvision {
  background-attachment: fixed;
}
.abvision .tt {
  color: #fff;
  text-align: center;
}
.abvision .tt h3 {
  margin-bottom: 15px;
}
.abvision ul {
  justify-content: space-between;
  align-items: stretch;
}
.abvision li {
  width: 32.33%;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 6% 4%;
  text-align: center;
}
.abvision li img {
  width: 60px;
  margin: 0 auto;
}
.abvision li .visionText {
  flex: 1;
  padding-left: 2%;
  color: #fff;
}
.abvision li .visionText h3 {
  margin: 6% 0 10%;
}
.abvision li .visionText p {
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .abvision li img {
    width: 40px;
  }
  .abvision {
    background-attachment: inherit;
  }
}
@media screen and (max-width: 768px) {
  .abvision li img {
    width: 58px;
  }
  .abvision li {
    padding: 35px 20px;
  }
  .abvision li .visionText p {
    margin-top: 8px;
  }
  .abvision li {
    width: 100%;
    margin-bottom: 14px;
  }
  .abvision li img {
    width: 36px;
  }
  .abvision li .visionText h3 {
    margin: 20px 0;
  }
}
.f_lang {
  position: relative;
  height: 100%;
}
.f_lang .hover1 {
  position: absolute;
  top: 70px;
  left: 70%;
  width: 120px;
  background-color: #ffffff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  line-height: 1.5;
  padding-bottom: 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
}
.f_lang .hover1 a {
  display: block;
  font-size: 12px;
  color: #555555;
  padding: 6px 10px;
  text-align: center;
}
.f_lang .hover1 a:hover {
  color: #00479d;
  text-decoration: underline;
}
.f_lang:hover .hover1 {
  display: block;
}