:root {
  --bj: 10vw;
  --top1: 0.55rem;
  --top2: 0.8rem;
}
.w1520 {
  padding: 0 10vw;
}
.p100 {
  padding-top: 1rem;
}
.p100_ {
  padding-bottom: 1rem;
}
.f48 {
  font-size: 0.48rem;
  line-height: 1.2;
}
.f40 {
  font-size: 0.4rem;
  line-height: 1.2;
}
.f36 {
  font-size: 0.36rem;
  line-height: 1.2;
}
.f34 {
  font-size: 0.34rem;
  line-height: 1.2;
}
.f30 {
  font-size: 0.3rem;
  line-height: 1.2;
}
.f28 {
  font-size: 0.28rem;
  line-height: 1.2;
}
.f26 {
  font-size: 0.26rem;
  line-height: 1.2;
}
.f24 {
  font-size: 0.24rem;
  line-height: 1.2;
}
.f22 {
  font-size: 0.22rem;
  line-height: 1.2;
}
.f20 {
  font-size: 0.20rem;
  line-height: 1.2;
}
.public_anchor {
    position: relative;
    top: calc((var(--top1) + var(--top2) - 1px) * -1); 
}
.pc_header {
  z-index: 5;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
}
.pc_header .he_top {
  background: #035199;
}
.pc_header .he_top .share a {
  transition: 0.4s;
  opacity: 0.6;
  height: 0.2rem;
  margin-right: 0.2rem;
}
.pc_header .he_top .share a:last-child {
  margin-right: 0;
}
.pc_header .he_top .share a img {
  max-height: 100%;
}
.pc_header .he_top .share a:hover {
  opacity: 1;
}
.pc_header .he_top .lxwm .div_ div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pc_header .he_top .lxwm .div_ div img {
  width: 0.18rem;
}
.pc_header .he_top .lxwm .div_ a {
  flex: 1;
  line-height: var(--top1);
  margin-left: 0.06rem;
  color: #fff;
}
.pc_header .he_top .lxwm .line {
  margin: 0 0.2rem;
  width: 1px;
  height: 0.24rem;
  background: #fff;
}
.pc_header .he_bot .logo a img {
  height: 0.5rem;
}
.pc_header .he_bot .column .nav .slide {
  margin: 0 0.23rem;
}
.pc_header .he_bot .column .nav .slide .item a {
  position: relative;
  transition: 0.4s;
  line-height: var(--top2);
  color: #333;
  font-family: GilroyBold;
}
.pc_header .he_bot .column .nav .slide .item a::before {
  opacity: 0;
  transition: 0.4s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.02rem;
  background: #035199;
}
.pc_header .he_bot .column .nav .slide.active .item a,
.pc_header .he_bot .column .nav .slide:hover .item a {
  color: #035199;
}
.pc_header .he_bot .column .nav .slide.active .item a::before,
.pc_header .he_bot .column .nav .slide:hover .item a::before {
  opacity: 1;
}
.pc_header .he_bot .menu .lang a img {
  width: 0.22rem;
}
.pc_header .he_bot .menu .lang a p {
  margin-left: 0.08rem;
  color: #035199;
  font-family: GilroyBold;
}
.pc_footer {
  background: #035199;
  padding: 0.78rem 0 0.48rem;
}
.pc_footer .fo_box .ter_top .content1 {
  width: 22%;
}
.pc_footer .fo_box .ter_top .content1 .logo a img {
  height: 0.5rem;
}
.pc_footer .fo_box .ter_top .content1 .share {
  margin-top: 0.46rem; margin-left:30px;
}
.pc_footer .fo_box .ter_top .content1 .share a {
  transition: 0.4s;
  opacity: 0.6;
  height: 0.2rem;
  margin-right: 0.2rem;
}
.pc_footer .fo_box .ter_top .content1 .share a:last-child {
  margin-right: 0;
}
.pc_footer .fo_box .ter_top .content1 .share a img {
  max-height: 100%;
}
.pc_footer .fo_box .ter_top .content1 .share a:hover {
  opacity: 1;
}
.pc_footer .fo_box .ter_top .content2 {
  width: 14%;
}
.pc_footer .fo_box .ter_top .content2 .nav a {
  transition: 0.4s;
  color: #fff;
  margin-bottom: 0.14rem;
}
.pc_footer .fo_box .ter_top .content2 .nav a:last-child {
  margin-bottom: 0;
}
.pc_footer .fo_box .ter_top .content2 .nav a.active {
  font-family: GilroyBold;
}
.pc_footer .fo_box .ter_top .content3 {
  width: 26%;
  padding-right: 2%;
}
.pc_footer .fo_box .ter_top .content3 .item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.3rem;
}
.pc_footer .fo_box .ter_top .content3 .item:last-child {
  margin-bottom: 0;
}
.pc_footer .fo_box .ter_top .content3 .item div {
  width: 0.18rem;
}
.pc_footer .fo_box .ter_top .content3 .item div img {
  max-width: 100%;
  vertical-align: middle;
}
.pc_footer .fo_box .ter_top .content3 .item a,
.pc_footer .fo_box .ter_top .content3 .item p {
  padding-left: 0.1rem;
  flex: 1;
  color: #fff;
  font-family: GilroyBold;
  line-height: 1.4;
}
.pc_footer .fo_box .ter_top .content4 {
  width: 38%;
}
.pc_footer .fo_box .ter_top .content4 .txt {
  color: #fff;
  font-family: GilroyBold;
}
.pc_footer .fo_box .ter_top .content4 .form_box {
  margin-top: 0.24rem;
}
.pc_footer .fo_box .ter_top .content4 .form_box .item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
}
.pc_footer .fo_box .ter_top .content4 .form_box .item input {
  width: 100%;
  padding: 0 0.16rem;
  line-height: 0.48rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.04rem;
  background: none;
  color: #fff;
}
.pc_footer .fo_box .ter_top .content4 .form_box .item input::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.pc_footer .fo_box .ter_top .content4 .form_box .textarea {
  margin-top: 0.1rem;
}
.pc_footer .fo_box .ter_top .content4 .form_box .textarea textarea {
  padding: 0.16rem;
  width: 100%;
  height: 1.26rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.04rem;
  background: none;
  color: #fff;
}
.pc_footer .fo_box .ter_top .content4 .form_box .textarea textarea::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.pc_footer .fo_box .ter_top .content4 .form_box .submit {
  margin-top: 0.36rem;
  transition: 0.4s;
}
.pc_footer .fo_box .ter_top .content4 .form_box .submit input {
  cursor: pointer;
  width: 1.5rem;
  line-height: 0.48rem;
  font-family: GilroyBold;
  color: #fff;
  background: #0a97cb;
  border: none;
  border-radius: 0.2rem;
}
.pc_footer .fo_box .ter_top .content4 .form_box .submit:hover {
  transform: translateY(-0.1rem);
}
.pc_footer .fo_box .ter_bot {
  margin-top: 0.4rem;
  color: rgba(255, 255, 255, 0.6);
}
.pc_footer .fo_box .ter_bot a {
  margin-left: 0.1rem;
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.6);
}
.pc_footer .fo_box .ter_bot a:hover {
  color: #fff;
}
.pu_link {
  display: inline-block;
}
.pu_link a {
  transition: 0.6s;
  cursor: pointer;
  min-width: 2.4rem;
  padding: 0 0.32rem;
  color: #fff;
  line-height: 0.6rem;
  background: #0a97cb;
  border-radius: 0.3rem;
}
.pu_link a p {
  font-family: GilroyBold;
  text-transform: uppercase;
}
.pu_link a img {
  width: 0.2rem;
  margin-left: 0.16rem;
}
.pu_link a:hover {
  background: #035199;
}
.pu_point {
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: rgba(255, 255, 255, 0.3);
}
.pu_point p {
  font-family: GilroyBold;
}
.pu_point p:first-child {
  color: #fff;
}
.pu_point i {
  width: 0.16rem;
  height: 0.04rem;
  background: rgba(255, 255, 255, 0.3);
  font-family: GilroyBold;
  margin: 0 0.06rem;
}
.pu_switch {
  display: flex;
  flex-wrap: wrap;
}
.pu_switch div {
  transition: 0.4s;
  cursor: pointer;
  width: 46px;
  height: 22px;
  border: 0.02rem solid rgba(255, 255, 255, 0.3);
  display: flex;
  border-radius: 0.1rem;
}
.pu_switch div svg {
  margin: auto;
}
.pu_switch div:hover {
  background: #035199;
  border-color: #035199;
}
.pu_switch .next {
  margin-left: 0.12rem;
}
.pu_title .tips {
  color: #035199;
  font-family: GilroyBold;
}
.pu_title .txt {
  margin-top: 0.06rem;
  color: #000;
  font-family: GilroyBold;
}
.pu_title .desc {
  line-height: 2;
  color: #666;
}
.pu_title.white .tips,
.pu_title.white .txt,
.pu_title.white .desc {
  color: #fff;
}
.pu_broadside {
  opacity: 0;
  z-index: 5;
  position: fixed;
  top: 70%;
  right: 2vw;
  transform: translateY(-50%);
  transition: 0.6s;
}
.pu_broadside .de_box {
  position: relative;
  width: 0.54rem;
  background: #035199;
  border-radius: 0.26rem;
  padding: 0.1rem 0;
}
.pu_broadside .de_box::before {
  content: '';
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 52%;
  background: #0a97cb;
  border-radius: 0.26rem;
}
.pu_broadside .de_box .item {
  z-index: 1;
  position: relative;
  height: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pu_broadside .de_box .item a {
  cursor: pointer;
  color: #fff;
}
.pu_broadside .de_box .item a div {
  width: 0.28rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu_broadside .de_box .item a div img {
  max-width: 100%;
}
.pu_broadside .de_box .item a p {
  font-family: GilroyMedium;
  margin-top: 0.08rem;
}
.pu_broadside.active {
  opacity: 1;
  top: 50%;
}
.pu_btn {
  transition: 0.4s;
  cursor: pointer;
  width: 46px;
  height: 22px;
  background: #ccc;
  display: flex;
  border-radius: 0.1rem;
}
.pu_btn svg {
  margin: auto;
}
.index_banner {
  position: relative;
}
.index_banner .swiper .swiper-slide {
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img {
  width: 100%;
}
.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
  width: 100%;
  height: calc(var(--vh) - var(--top1) - var(--top2));
}
.index_banner .swiper .swiper-slide .slide_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.index_banner .swiper .swiper-slide .slide_post > div {
  width: 100%;
  margin: auto 0;
  color: #fff;
}
.index_banner .swiper .swiper-slide .slide_post > div .content1 {
  font-family: GilroyMedium;
}
.index_banner .swiper .swiper-slide .slide_post > div .content2 {
  margin: 0.1rem 0 0.2rem;
  font-family: GilroyBold;
}
.index_banner .swiper .swiper-slide .slide_post > div .content3 {
    line-height: 1.4;
}
.index_banner .swiper .swiper-slide .slide_post > div .content4 {
  margin-top: 0.46rem;
}
.index_banner .toggle {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: 6%;
}
.index_who {
  background: url('../images/2.jpg') no-repeat;
  background-size: cover;
}
.index_who .le_box {
  width: 64%;
  padding-right: 10%;
}
.index_who .le_box .content1 .desc {
  margin-top: 0.32rem;
}
.index_who .le_box .content2 {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.index_who .le_box .content2 .item {
  display: flex;
  flex-wrap: wrap;
}
.index_who .le_box .content2 .item .svg {
  width: 0.74rem;
}
.index_who .le_box .content2 .item .svg img {
  max-width: 100%;
}
.index_who .le_box .content2 .item .box {
  flex: 1;
  padding-left: 0.2rem;
}
.index_who .le_box .content2 .item .box .data {
  font-size: 0.6rem;
  line-height: 0.9;
  color: #035199;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_who .le_box .content2 .item .box .data p {
  font-family: GilroyBold;
}
.index_who .le_box .content2 .item .box .data span {
  font-family: GilroyBold; font-size:16px;
}
.index_who .le_box .content2 .item .box .desc {
  font-family: GilroyBold;
}
.index_who .ri_box {
  width: 36%;
}
.index_who .ri_box img {
  width: 100%;
}
.index_products {
  background: #e1e9f0;
}
.index_products .ts_top .content1 {
  width: 100%;
}
.index_products .ts_top .content2 {
  margin-bottom: 0.16rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  border-radius: 5px; margin-top:20px;
  /*overflow: hidden;*/
}
.index_products .ts_top .content2 .item {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0.2rem 0;
  cursor: pointer;
  background: #fff; /*border-right: 1px solid #d8d8d8;*/
}


.index_products .ts_top .content2 .item::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #035199;
  border-radius: 5px;
}
.index_products .ts_top .content2 .item::after {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 0.08rem solid transparent;
  border-top-color: #035199;
}
.index_products .ts_top .content2 .item > div {
  z-index: 1;
  position: relative;
}
.index_products .ts_top .content2 .item > div .svg img {
  max-width: 0.38rem;
  transition: 0.4s;
}
.index_products .ts_top .content2 .item > div .txt {
  transition: 0.4s;
  margin-left: ;
  color: #000;
  font-family: GilroyBold;
  text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 30px; width:99.99999999999999%;
line-height: 30px;
  
}
.index_products .ts_top .content2 .item.active::before,
.index_products .ts_top .content2 .item.active::after {
  opacity: 1;
}
.index_products .ts_top .content2 .item.active > div .svg img {
  filter: brightness(100);
}
.index_products .ts_top .content2 .item.active > div .txt {
  color: #fff;
}
.index_products .ts_bot {
  margin-top: 0.4rem;
}
.index_products .ts_bot .box {
  display: none;
}
.index_products .ts_bot .box.active {
  display: block;
}
.index_products .ts_bot .grid {
  display: flex;
}
.index_products .ts_bot .grid .item {
  transition: 0.6s;
  flex: 1;
  margin-right: 0.16rem;
  background: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.index_products .ts_bot .grid .item:last-child {
  margin-right: 0;
}
.index_products .ts_bot .grid .item .img {
  width: 100%;
}
.index_products .ts_bot .grid .item .img img {
  width: 100%;
  height: 2.85rem;
}
.index_products .ts_bot .grid .item .content {
  padding: 0.28rem;
}
.index_products .ts_bot .grid .item .content .txt p {
  font-family: GilroyBold;
}
.index_products .ts_bot .grid .item .content .desc {
  margin: 0.1rem 0 0.2rem;
  height: 0.52rem;
}
.index_products .ts_bot .grid .item .content .desc p {
  line-height: 0.26rem;
  color: #666;
}
.index_products .ts_bot .grid .item:hover {
  flex: 1.7;
}
.index_products .ts_bot .grid .item:hover .content .pu_btn {
  background: #035199;
}
.index_quality {
  position: relative;
  overflow: hidden;
}
.index_quality .ty_top .content2 .item .data {
  font-size: 0.6rem;
  line-height: 0.9;
  color: #035199;
  display: flex;
  flex-wrap: wrap;
}
.index_quality .ty_top .content2 .item .data p,
.index_quality .ty_top .content2 .item .data span {
  font-family: GilroyBold;
}
.index_quality .ty_top .content2 .item .desc {
  color: #000;
  font-family: GilroyBold;
}
.index_quality .ty_top .content2 .line {
  margin: 0 0.8rem;
  border-left: 1px solid #ccc;
}
.index_quality .ty_bot {
  margin-top: 0.7rem;
}
.index_quality .ty_bot .swiper {
  padding-bottom: 0.34rem;
}
.index_quality .ty_bot .swiper .swiper-slide {
  position: relative;
  background: #e1e9f0;
  padding: 0.44rem 0.34rem;
  border-radius: 0.1rem;
}
.index_quality .ty_bot .swiper .swiper-slide::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('../images/5.jpg') no-repeat;
  background-size: cover;
  border-radius: 0.1rem;
}
.index_quality .ty_bot .swiper .swiper-slide > div {
  z-index: 1;
  position: relative;
}
.index_quality .ty_bot .swiper .swiper-slide .content1 .txt {
  transition: 0.4s;
  font-family: GilroyBold;
  color: #000;
}
.index_quality .ty_bot .swiper .swiper-slide .content1 .desc {
  margin-top: 0.06rem;
  height: 0.52rem;
}
.index_quality .ty_bot .swiper .swiper-slide .content1 .desc p {
  transition: 0.4s;
  line-height: 0.26rem;
  color: #666;
}
.index_quality .ty_bot .swiper .swiper-slide .content2 .svg {
  position: relative;
}
.index_quality .ty_bot .swiper .swiper-slide .content2 .svg img {
  transition: 0.4s;
  width: 0.6rem;
}
.index_quality .ty_bot .swiper .swiper-slide .content2 .svg .white {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.index_quality .ty_bot .swiper .swiper-slide .content2 .img {
  width: 65%;
}
.index_quality .ty_bot .swiper .swiper-slide .content2 .img img {
  transform: translateY(0.78rem);
  width: 100%;
}
.index_quality .ty_bot .swiper .swiper-slide:hover::before {
  opacity: 1;
}
.index_quality .ty_bot .swiper .swiper-slide:hover .content1 .txt {
  color: #fff;
}
.index_quality .ty_bot .swiper .swiper-slide:hover .content1 .desc p {
  color: #fff;
}
.index_quality .ty_bot .swiper .swiper-slide:hover .content2 .svg img {
  opacity: 0;
}
.index_quality .ty_bot .swiper .swiper-slide:hover .content2 .svg .white {
  opacity: 1;
}
.index_quality #canvas {
  z-index: -1;
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 100%;
}
.index_world {
  position: relative;
}
.index_world .ld_bk {
  width: 100%;
}
.index_world .ld_bk img {
  width: 100%;
}
.index_world .ld_post {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.index_world .ld_post .wz_box {
  width: 38%;
}
.index_world .ld_post .content1 .desc {
  margin-top: 0.1rem;
}
.index_world .ld_post .content2 {
  margin: 0.72rem 0 0.58rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.index_world .ld_post .content2 .item .data {
  font-size: 0.6rem;
  line-height: 0.9;
  color: #035199;
  display: flex;
  flex-wrap: wrap;
}
.index_world .ld_post .content2 .item .data p,
.index_world .ld_post .content2 .item .data span {
  font-family: GilroyBold;
}
.index_world .ld_post .content2 .item .desc {
  font-family: GilroyBold;
}
.index_world .ld_post .content3 {
  border-top: 1px solid #ccc;
  padding-top: 0.56rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.index_world .ld_post .content3 .item {
  display: flex;
  flex-wrap: wrap;
}
.index_world .ld_post .content3 .item .svg {
  width: 0.24rem;
}
.index_world .ld_post .content3 .item .svg img {
  max-width: 100%;
}
.index_world .ld_post .content3 .item .box {
  flex: 1;
  padding-left: 0.1rem;
}
.index_world .ld_post .content3 .item .box .txt {
  font-family: GilroyBold;
}
.index_world .ld_post .content3 .item .box .add {
  margin-top: 0.04rem;
  color: #666;
  line-height: 1.6;
}

/*===========================*/
.index_world .point_box {
    /*display: none;*/
}
.index_world .point_box .drap {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.index_world .point_box .drap .svg {
  position: relative;
  width: 0.28rem;
}
.index_world .point_box .drap .svg img {
  transition: 0.6s;
  width: 100%;
}
.index_world .point_box .drap .svg::before {
  transition: 0.6s;
  opacity: 0;
  content: '';
  z-index: 1;
  position: absolute;
  width: 0.4rem;
  height: 0.49rem;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url('../images/add_1.svg') no-repeat center bottom;
  background-size: 100% 100%;
}
.index_world .point_box .drap .txt {
  transition: 0.6s;
  opacity: 0;
  color: #000;
  font-family: GilroyBold;
  z-index: 1;
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.index_world .point_box .drap:hover .svg img {
  opacity: 0;
}
.index_world .point_box .drap:hover .svg::before {
  opacity: 1;
}
.index_world .point_box .drap:hover .txt {
  opacity: 1;
  left: 140%;
}
.index_world .point_box .p1 {
  top: 48%;
  left: 45.3%;
}
.index_world .point_box .p2 {
  top: 53%;
  left: 44.3%;
}
.index_world .point_box .p3 {
  top: 61%;
  left: 49.4%;
}
.index_world .point_box .p4 {
  top: 76%;
  left: 50.9%;
}
.index_world .point_box .p5 {
  top: 66.2%;
  left: 54.5%;
}
.index_world .point_box .p6 {
  top: 49%;
  left: 61.2%;
}
.index_world .point_box .p7 {
  top: 51.9%;
  left: 62.25%;
}
.index_world .point_box .p8 {
  top: 50%;
  left: 63.75%;
}
.index_world .point_box .p9 {
  top: 47.8%;
  left: 64.8%;
}
.index_world .point_box .p10 {
  top: 59%;
  left: 63.8%;
}
.index_world .point_box .p11 {
  top: 72%;
  left: 66.8%;
}
.index_world .point_box .p12 {
  top: 56%;
  left: 69.9%;
}
.index_world .point_box .p13 {
  top: 55%;
  left: 71%;
}
.index_world .point_box .p14 {
  top: 56%;
  left: 75.6%;
}
.index_world .point_box .p15 {
  top: 34.7%;
  left: 79.2%;
    display:  none;
}
.index_world .point_box .p16 {
  top: 58%;
  left: 80.65%;
}
.index_world .point_box .p17 {
  top: 48.9%;
  left: 84.3%;
}
.index_world .point_box .p18 {
  top: 49.8%;
  left: 86.35%;
}
.index_world .point_box .p19 {
  top: 71%;
  left: 85.3%;
}
@media (max-width: 1200px) {
  .index_world .ld_post .point_box {
    display: none;
  }
}


/*===========================*/

.index_news {
  background: url('../images/7.jpg') no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.index_news .ws_bot {
  margin-top: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_news .ws_bot .box {
  width: 48%;
}
.index_news .ws_bot .box .content1 {
  margin-bottom: 0.5rem;
}
.index_news .ws_bot .box .content1 > div {
  width: 100%;
}
.index_news .ws_bot .box .content1 .txt {
  flex: 1;
  font-family: GilroyBold;
}
.index_news .ws_bot .box .content1 .link a p {
  color: #035199;
  font-family: GilroyBold;
}
.index_news .ws_bot .box .content1 .link a img {
  transition: 0.4s;
  width: 0.22rem;
  margin-left: 0.14rem;
}
.index_news .ws_bot .box .content1 .link a:hover img {
  margin-left: 0.24rem;
}
.index_news .ws_bot .box1 .content2 .top {
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.index_news .ws_bot .box1 .content2 .top .img {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden; height:380px;
}
.index_news .ws_bot .box1 .content2 .top .img img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.1rem; height:100%; object-fit:cover;
}
.index_news .ws_bot .box1 .content2 .top .post {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #035199;
}
.index_news .ws_bot .box1 .content2 .top .post > div {
  padding: 0.24rem 0.38rem;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_1 {
  color: #fff;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_1 .txt {
  flex: 1;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_1 .txt p {
  width: 96%;
  font-family: GilroyBold;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_1 .time {
  font-family: GilroyBold;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_2 {
  margin-top: 0.1rem;
  height: 0.52rem;
}
.index_news .ws_bot .box1 .content2 .top .post > div .st_2 p {
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.26rem;
}
.index_news .ws_bot .box1 .content2 .top:hover .img img {
  transform: scale(1.05);
}
.index_news .ws_bot .box1 .content2 .bot {
  margin-top: 0.22rem;
}
.index_news .ws_bot .box1 .content2 .bot .item {
  border-bottom: 1px solid #e4e4e4;
}
.index_news .ws_bot .box1 .content2 .bot .item a {
  padding: 0.14rem 0;
  position: relative;
  transition: 0.4s;
  color: #666;
  padding-left: 0.22rem;
}
.index_news .ws_bot .box1 .content2 .bot .item a::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border: 0.02rem solid #ccc;
  border-radius: 50%;
}
.index_news .ws_bot .box1 .content2 .bot .item a .txt {
  flex: 1;
}
.index_news .ws_bot .box1 .content2 .bot .item a .txt p {
  width: 96%;
 /* font-family: GilroyBold;*/
}
.index_news .ws_bot .box1 .content2 .bot .item a .time {
  font-family: GilroyBold;
}
.index_news .ws_bot .box1 .content2 .bot .item a:hover {
  color: #035199;
}
.index_news .ws_bot .box1 .content2 .bot .item a:hover::before {
  border-color: #035199;
}
.index_news .ws_bot .box2 .content2 {
  position: relative;
  width: 100%;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.1rem; height:385px;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(5, 78, 133, 0) 50%, rgba(5, 78, 133, 0.5));
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .img img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.1rem;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning {
  margin-top: 0.36rem;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_1 .txt {
  flex: 1;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_1 .txt p {
  transition: 0.4s;
  width: 96%;
  font-family: GilroyBold;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_1 .time {
  color: #666;
  font-family: GilroyBold;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_2 {
  margin: 0.1rem 0 0.2rem;
  height: 0.52rem;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_2 p {
  color: rgba(0, 0, 0, 0.5);
  line-height: 0.26rem;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_3 p {
  font-family: GilroyBold;
  color: #035199;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide .warning .wa_3 img {
  transition: 0.4s;
  margin-left: 0.1rem;
  width: 0.22rem;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide:hover .warning .wa_1 .txt p {
  color: #035199;
}
.index_news .ws_bot .box2 .content2 .swiper .swiper-slide:hover .warning .wa_3 img {
  margin-left: 0.2rem;
}
.index_news .ws_bot .box2 .content2 .div_ {
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 68%;
  display: flex;
  justify-content: center;
}
.pu_drop {
  width: auto !important;
}
.pu_drop .swiper-pagination-bullet {
  background: #fff;
}
.pu_cookie {
  z-index: 6;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #022742;
  padding: 0.22rem 0;
}
.pu_cookie .close {
  position: absolute;
  right: var(--bj);
  top: 0.04rem;
}
.pu_cookie .close i {
  cursor: pointer;
  font-size: 0.22rem;
  color: #fff;
}
.pu_cookie .kie_box .le_box {
  flex: 0.9;
  color: #fff;
}
.pu_cookie .kie_box .le_box .txt {
  font-family: GilroyBold;
}
.pu_cookie .kie_box .le_box .desc {
  margin-top: 0.1rem;
}
.pu_cookie .kie_box .ri_box {
  display: flex;
}
.pu_cookie .kie_box .ri_box div {
  margin-right: 0.3rem;
  position: relative;
  padding-bottom: 0.1rem;
  cursor: pointer;
}
.pu_cookie .kie_box .ri_box div::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.02rem;
  background: #035199;
}
.pu_cookie .kie_box .ri_box div:last-child {
  margin-right: 0;
}
.pu_cookie .kie_box .ri_box div a {
  color: #fff;
  font-family: GilroyBold;
  text-transform: uppercase;
}
.pu_cookie .kie_box .ri_box div.active::before,
.pu_cookie .kie_box .ri_box div:hover::before {
  opacity: 1;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  width: 100%;
}
.pu_banner .ban_bk img {
  width: 100%;
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.pu_banner .ban_post > div {
  width: 100%;
  margin: auto;
  color: #fff;
}
.pu_banner .ban_post > div .txt {
  font-family: GilroyBold;
}
.pu_banner .ban_post > div .desc {
  margin-top: 0.16rem;
  line-height: 1.6; display:none;
}
.pu_banner .ban_bot {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 4%;
}
.pu_banner .ban_bot .pu_rumbs i,
.pu_banner .ban_bot .pu_rumbs a,
.pu_banner .ban_bot .pu_rumbs p {
  color: #fff;
}
.our_box {
  position: relative;
}
.our_box .ur_bk {
  width: 100%;
}
.our_box .ur_bk img {
  width: 100%;
}
.our_box .ur_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.our_box .ur_post > div {
  margin: auto 0;
  width: 50%;
  color: #fff;
}
.our_box .ur_post > div .grid {
  display: grid;
  gap: 0.62rem;
}
.our_box .ur_post > div .li {
  transition: 0.4s;
  opacity: 0.6;
}
.our_box .ur_post > div .li .txt {
  font-family: GilroyBold;
}
.our_box .ur_post > div .li .desc {
  line-height: 1.6;
}
.our_box .ur_post > div .li.active {
  opacity: 1;
}
.our_box .ur_post > div .line {
  margin-top: 1.2rem;
  position: relative;
  width: 100%;
  height: 0.02rem;
  background: rgba(255, 255, 255, 0.3);
}
.our_box .ur_post > div .line::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: var(--wd);
  height: 100%;
  background: #fff;
}
.our_advantage {
  background: url('../images/12.jpg') no-repeat;
  background-size: cover;
}
.our_advantage .ge_bot {
  margin-top: 0.6rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.22rem;
}
.our_advantage .ge_bot .slide {
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.our_advantage .ge_bot .slide .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.1rem;
}
.our_advantage .ge_bot .slide .img img {
  transition: 0.4s;
  border-radius: 0.12rem;
  width: 100%;
}
.our_advantage .ge_bot .slide .post {
  transition: 0.8s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.our_advantage .ge_bot .slide .post > div {
  padding: 0.66rem 0.26rem 0.26rem;
  text-align: center;
  height: 100%;
}
.our_advantage .ge_bot .slide .post > div .content1 {
  height: 0.84rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.our_advantage .ge_bot .slide .post > div .content1 img {
  transition: 0.4s;
  max-height: 100%;
}
.our_advantage .ge_bot .slide .post > div .content2 {
  margin-top: 0.4rem;
}
.our_advantage .ge_bot .slide .post > div .content2 .txt {
  height: 0.6rem;
}
.our_advantage .ge_bot .slide .post > div .content2 .txt p {
  transition: 0.4s;
  font-family: GilroyBold;
  line-height: 0.3rem;
}
.our_advantage .ge_bot .slide .post > div .content2 .desc {
  margin-top: 0.2rem;
  height: 1.3rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.our_advantage .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.our_advantage .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar-thumb {
  background: #0a97cb;
}
.our_advantage .ge_bot .slide .post > div .content2 .desc::-webkit-scrollbar-track {
  background: rgba(10, 151, 203, 0.3);
}
.our_advantage .ge_bot .slide .post > div .content2 .desc p {
  transition: 0.4s;
  line-height: 0.26rem;
  color: #666;
}
@media (min-width: 1200px) {

      .our_advantage .ge_bot .slide:hover .post {
      background: transparent;
    }
    .our_advantage .ge_bot .slide:hover .post .content1 img {
      filter: brightness(100);
    }
    .our_advantage .ge_bot .slide:hover .post .content2 .txt p {
      color: #fff;
    }
    .our_advantage .ge_bot .slide:hover .post .content2 .desc p {
      color: #fff;
    }  
}


.enterprise_development {
  padding: 2rem 0 1rem;
  background: url('../images/14.jpg') no-repeat;
  background-size: cover;
}
.enterprise_development .nt_top .pu_switch div:hover {
  background: #fff;
  border-color: #fff;
}
.enterprise_development .nt_top .pu_switch div:hover svg path {
  fill: #035199;
}
.enterprise_development .nt_bot {
  margin-top: 1.16rem;
  position: relative;
}
.enterprise_development .nt_bot::before {
  content: '';
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.enterprise_development .nt_bot .swiper .swiper-slide .point {
  cursor: pointer;
  transition: 0.4s;
  position: relative;
  width: 0.3rem;
  height: 0.3rem;
  border: 0.05rem solid transparent;
  border-radius: 50%;
}
.enterprise_development .nt_bot .swiper .swiper-slide .point::after {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.12rem;
  height: 0.12rem;
  border: 0.05rem solid #fff;
  border-radius: 50%;
}
.enterprise_development .nt_bot .swiper .swiper-slide .point::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.12rem;
  height: 0.12rem;
  background: #fff;
  border-radius: 50%;
}
.enterprise_development .nt_bot .swiper .swiper-slide .content {
  transition: 0.6s;
  margin-top: 0.4rem;
  padding: 0.3rem 0.24rem;
  color: #fff;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 0.1rem;
}
.enterprise_development .nt_bot .swiper .swiper-slide .content .year {
  font-family: GilroyBold;
}
.enterprise_development .nt_bot .swiper .swiper-slide .content .desc {
  margin-top: 0.16rem;
}
.enterprise_development .nt_bot .swiper .swiper-slide .content .desc p {
  opacity: 0.8;
  font-family: GilroyMedium;
  line-height: 0.26rem;
}
.enterprise_development .nt_bot .swiper .swiper-slide:hover .point {
  border: 0.05rem solid rgba(255, 255, 255, 0.3);
}
.enterprise_development .nt_bot .swiper .swiper-slide:hover .point::after {
  opacity: 1;
}
.enterprise_development .nt_bot .swiper .swiper-slide:hover .point::before {
  background: #035199;
}
.enterprise_development .nt_bot .swiper .swiper-slide:hover .content {
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.2);
}
.pu_list {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--top1) + var(--top2));
}
.pu_list .content1 form .item {
  border: 1px solid #CDDCE6;
  background: #f4f4f4;
  padding: 0 0.2rem;
  border-radius: 0.1rem;
}
.pu_list .content1 form .item input[type="text"] {
  padding-right: 0.2rem;
  flex: 1;
  line-height: 0.52rem;
  background: none;
  border: none;
  color: #000;
  font-family: GilroyBold;
}
.pu_list .content1 form .item input[type="text"]::placeholder {
  color: #999;
}
.pu_list .content1 form .item .div_ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_list .content1 form .item .div_ img {
  cursor: pointer;
  width: 0.2rem;
}
.pu_list .content2 {
  margin-top: 0.42rem;
  display: grid;
  gap: 0.5rem;
}
.pu_list .content2 .item .one a {
  cursor: pointer;
}
.pu_list .content2 .item .one a p {
  flex: 1;
  font-family: GilroyBold;
}
.pu_list .content2 .item .one a span {
  position: relative;
  width: 0.16rem;
  height: 2px;
  background: #035199;
}
.pu_list .content2 .item .one a span::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #035199;
  transform: rotate(90deg);
}
.pu_list .content2 .item .two {
  display: none;
  margin-top: 0.3rem;
  padding-left: 0.2rem;
}
.pu_list .content2 .item .two .grid {
  display: grid;
  gap: 0.3rem;
}
.pu_list .content2 .item .two .grid a {
  transition: 0.4s;
  color: #333;
}
.pu_list .content2 .item .two .grid a:hover,
.pu_list .content2 .item .two .grid a.active {
  color: #035199;
}
.pu_list .content2 .item.active .one a span::before {
  transform: rotate(0deg);
}
.pu_rumbs {
  margin-top: 0.4rem;
}
.pu_rumbs .home {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_rumbs .home img {
  width: 0.2rem;
}
.pu_rumbs i {
  margin: 0 0.14rem;
  font-style: initial;
}
.pu_rumbs a:hover {
  color: #035199;
}
.pu_rumbs a,
.pu_rumbs p,
.pu_rumbs i {
  transition: 0.4s;
  color: #8c8c8c;
  font-family: GilroyMedium;
}
.product_box .le_box {
  width: 22%;
  padding: 0.2rem 0;
}
.product_box .ri_box {
  width: 78%;
  padding-left: 5%;
}
.product_box .ri_box .box .content1 .img {
  width: 29%;
}
.product_box .ri_box .box .content1 .img img {
  width: 100%;
}
.product_box .ri_box .box .content1 .wenzi {
  width: 71%;
  padding-left: 0.3rem;
}
.product_box .ri_box .box .content1 .wenzi .txt {
  font-family: GilroyBold;
  color: #035199;
}
.product_box .ri_box .box .content1 .wenzi .desc {
  margin-top: 0.1rem;
  height: 1.2rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.product_box .ri_box .box .content1 .wenzi .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.product_box .ri_box .box .content1 .wenzi .desc::-webkit-scrollbar-thumb {
  background: #0a97cb;
}
.product_box .ri_box .box .content1 .wenzi .desc::-webkit-scrollbar-track {
  background: rgba(10, 151, 203, 0.3);
}
.product_box .ri_box .box .content1 .wenzi .desc p {
  line-height: 0.3rem;
  color: #666;
}
.product_box .ri_box .box .content2 {
  margin: 0.6rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
.product_box .ri_box .box .content2 .item a {
  transition: 0.4s;
  position: relative;
  padding: 0.32rem;
  text-align: center;
  border: 1px solid #cddce5;
  border-radius: 0.16rem;
  overflow: hidden;
}
.product_box .ri_box .box .content2 .item a::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/17.jpg') no-repeat;
  background-size: cover;
}
.product_box .ri_box .box .content2 .item a .title {
  z-index: 1;
  position: relative;
}
.product_box .ri_box .box .content2 .item a .title .txt p {
  transition: 0.4s;
  font-family: GilroyBold;
  color: #333;
}
.product_box .ri_box .box .content2 .item a .title .desc {
  margin-top: 0.08rem;
}
.product_box .ri_box .box .content2 .item a .title .desc p {
  transition: 0.4s;
  color: #999;
}
.product_box .ri_box .box .content2 .item a .img {
  z-index: 1;
  position: relative;
  margin-top: 0.34rem;
  height: 2.06rem;
}
.product_box .ri_box .box .content2 .item a .img img {
  max-width: 100%;
  max-height: 100%;
}
.product_box .ri_box .box .content2 .item a:hover {
  border-color: transparent;
}
.product_box .ri_box .box .content2 .item a:hover::before {
  opacity: 1;
}
.product_box .ri_box .box .content2 .item a:hover .title .txt p {
  color: #035199;
}
.product_box .ri_box .box .content2 .item a:hover .title .desc p {
  color: #035199;
}
.product_box .ri_box .box .content3 {
  text-align: center;
}
.product_box .ri_box .box .content3 p {
  color: #666;
}
.product_details .ls_bot {
  margin-top: 0.5rem;
}
.product_details .ls_bot .le_box {
  width: 22%;
}
.product_details .ls_bot .ri_box {
  width: 78%;
  padding-left: 5%;
}
.product_details .ls_bot .ri_box .box {
  padding: 0 calc(46px + 0.2rem);
  position: relative;
}
.product_details .ls_bot .ri_box .box .content1 .img_ {
  width: 40%;
  position: relative;
  border-radius: 0.16rem;
  overflow: hidden;
}
.product_details .ls_bot .ri_box .box .content1 .img_ .bk {
  width: 100%;
}
.product_details .ls_bot .ri_box .box .content1 .img_ .bk img {
  width: 100%;
}
.product_details .ls_bot .ri_box .box .content1 .img_ .post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0.32rem;
}
.product_details .ls_bot .ri_box .box .content1 .img_ .post img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.product_details .ls_bot .ri_box .box .content1 .neiro {
  width: 60%;
  padding-left: 5%;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .txt {
  font-family: GilroyBold;
  color: #035199;
  line-height: 1.4;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu {
  margin: 0.2rem 0 0.46rem;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div {
  border-bottom: 1px solid #e4e4e4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 0.2rem;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div .item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0.26rem 0;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div .item .tips {
  color: #333;
  font-family: GilroyMedium;
}
.product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div .item .desc {
  padding-left: 0.16rem;
  flex: 1;
  color: #666;
}
.product_details .ls_bot .ri_box .box .div_ .prev,
.product_details .ls_bot .ri_box .box .div_ .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.product_details .ls_bot .ri_box .box .div_ .prev a,
.product_details .ls_bot .ri_box .box .div_ .next a {
  transition: 0.4s;
  cursor: pointer;
  width: 46px;
  height: 22px;
  display: flex;
  border-radius: 0.1rem;
  background: #ccc;
}
.product_details .ls_bot .ri_box .box .div_ .prev a svg,
.product_details .ls_bot .ri_box .box .div_ .next a svg {
  margin: auto;
}
.product_details .ls_bot .ri_box .box .div_ .prev a:hover,
.product_details .ls_bot .ri_box .box .div_ .next a:hover {
  background: #035199;
}
.product_details .ls_bot .ri_box .box .div_ .prev {
  left: 0;
}
.product_details .ls_bot .ri_box .box .div_ .next {
  right: 0;
}
.product_details .ls_bot .ri_box .box .content2 {
  margin-top: 0.64rem;
}
.product_details .ls_bot .ri_box .box .content2 > div {
  border-bottom: 1px solid #e4e4e4;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 0.2rem;
}
.product_details .ls_bot .ri_box .box .content2 .item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0.26rem 0;
}
.product_details .ls_bot .ri_box .box .content2 .item .tips {
  color: #333;
  font-family: GilroyMedium;
}
.product_details .ls_bot .ri_box .box .content2 .item .desc {
  padding-left: 0.16rem;
  flex: 1;
  color: #666;
}
.product_details .ls_bot .ri_box .box .content3 {
  margin-top: 0.52rem;
  display: grid;
  gap: 0.52rem;
}
.product_details .ls_bot .ri_box .box .content3 .item .txt {
  font-family: GilroyBold;
  color: #035199;
}
.product_details .ls_bot .ri_box .box .content3 .item .desc {
  margin-top: 0.26rem;
}
.product_details .ls_bot .ri_box .box .content3 .item .desc p {
  color: #666;
  line-height: 1.8;
}
.service_box .ce_box .item {
  display: flex;
  flex-wrap: wrap;
}
.service_box .ce_box .item .le_box {
  width: 50%;
  overflow: hidden;
}
.service_box .ce_box .item .le_box img {
  transition: 0.4s;
  width: 100%;
}
.service_box .ce_box .item .ri_box {
  width: 50%;
  background: rgba(205, 220, 230, 0.1);
  display: flex;
  padding: 0.8rem;
}
.service_box .ce_box .item .ri_box > div {
  width: 100%;
  margin: auto;
}
.service_box .ce_box .item .ri_box > div .content1 {
  font-family: GilroyBold;
  color: #035199;
}
.service_box .ce_box .item .ri_box > div .content2 {
  margin-top: 0.2rem;
  height: 1.52rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.service_box .ce_box .item .ri_box > div .content2::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.service_box .ce_box .item .ri_box > div .content2::-webkit-scrollbar-thumb {
  background: #0a97cb;
}
.service_box .ce_box .item .ri_box > div .content2::-webkit-scrollbar-track {
  background: rgba(10, 151, 203, 0.3);
}
.service_box .ce_box .item .ri_box > div .content2 p {
  line-height: 0.38rem;
  color: #666;
}
.service_box .ce_box .item .ri_box > div .content3 {
  margin-top: 0.6rem;
}
.service_box .ce_box .item .ri_box > div .content3 .pu_link a {
  border: 1px solid #035199;
  color: #035199;
  background: transparent;
}
.service_box .ce_box .item:hover .le_box img {
  transform: scale(1.05);
}
.service_box .ce_box .item:hover .ri_box {
  background: #035199;
}
.service_box .ce_box .item:hover .ri_box .content1 {
  color: #fff;
}
.service_box .ce_box .item:hover .ri_box .content2 p {
  color: #fff;
}
.service_box .ce_box .item:hover .ri_box .content3 .pu_link a {
  background: #fff;
  border-color: #fff;
}
.service_box .ce_box .item:nth-child(even) {
  flex-direction: row-reverse;
}
.service_details .ls_box {
  /*display: grid;*/
  /*gap: 1.6rem;*/
}
.service_details .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.6rem;
}
.service_details .item .le_box {
  width: 50%;
  padding: 0 4% 0 0;
}
.service_details .item .le_box .content1 {
  font-family: GilroyBold;
  color: #035199;
}
.service_details .item .le_box .content2 {
  margin-top: 0.4rem;
}
.service_details .item .le_box .content2 .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.2rem;
}
.service_details .item .le_box .content2 .li:last-child {
  margin-bottom: 0;
}
.service_details .item .le_box .content2 .li .svg {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0.15rem 0.44rem 0 rgba(13, 15, 28, 0.12);
}
.service_details .item .le_box .content2 .li .svg img {
  margin: auto;
}
.service_details .item .le_box .content2 .li .txt {
  padding-left: 0.4rem;
  flex: 1;
  color: #444;
  line-height: 1.8;
}
.service_details .item .ri_box {
  width: 50%;
      position: relative;
}
.service_details .item .ri_box .swiper .swiper-slide {
   overflow: hidden;  
   border-radius: 0.1rem;
}

.service_details .item .ri_box img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.1rem;
}
.service_details .item .ri_box:hover img {
  transform: scale(1.05);
}
.service_details .item .ri_box .pu_switch .prev,
.service_details .item .ri_box .pu_switch .next {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.service_details .item .ri_box .pu_switch .prev {
    left: 5%;
}
.service_details .item .ri_box .pu_switch .next {
    right: 5%;
}

.service_details .item .ri_box .div_ {
     z-index: 2;
    position: absolute;
    width: 100%;
    bottom: .12rem;
}

.service_details .item .ri_box .div_ .pu_drop .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}

.service_details .item .ri_box .div_ .pu_drop .swiper-pagination-bullet-active {
   background: #035199;
}




.service_details .item:nth-child(even) {
  flex-direction: row-reverse;
}
.service_details .item:nth-child(even) .le_box {
  padding: 0 0 0 4%;
}
.pu_page {
  display: flex;
  flex-wrap: wrap;
}
.pu_page .prev a,
.pu_page .next a {
  transition: 0.6s;
  background: #ccc;
  padding: 0 0.24rem;
  border-radius: 0.2rem;
  line-height: 0.4rem;
}
.pu_page .prev a img,
.pu_page .next a img {
  width: 0.32rem;
  vertical-align: middle;
}
.pu_page .prev a:hover,
.pu_page .next a:hover {
  background: #035199;
}
.pu_page .prev {
  margin-right: 0.5rem;
}
.pu_page .next {
  margin-left: 0.5rem;
}
.pu_page .next a img {
  transform: rotate(180deg);
}
.pu_page .number {
  display: flex;
}
.pu_page .number a {
  margin: 0 0.04rem;
  transition: 0.6s;
  width: 0.66rem;
  line-height: 0.4rem;
  border-radius: 0.3rem;
  text-align: center;
  color: #666;
}
.pu_page .number a.active,
.pu_page .number a:hover {
  color: #fff;
  background: #cddce6;
}
.news_box {
  background: #f7f7f7;
}
.news_box .ws_top div {
  margin-right: 0.8rem;
}
.news_box .ws_top div:last-child {
  margin-right: 0;
}
.news_box .ws_top div a {
  position: relative;
  transition: 0.4s;
  color: #666;
  padding-bottom: 0.14rem;
  font-family: GilroyBold;
}
.news_box .ws_top div a::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: #035199;
}
.news_box .ws_top div.active a,
.news_box .ws_top div:hover a {
  color: #035199;
}
.news_box .ws_top div.active a::before,
.news_box .ws_top div:hover a::before {
  opacity: 1;
}
.news_box .ws_bot {
  margin-top: 0.6rem;
}
.news_box .ws_bot .content1 {
  padding: 0.3rem;
  background: #fff;
  border-radius: 0.2rem;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .le_box {
  width: 50%;
  overflow: hidden;
  border-radius: 0.1rem;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .le_box img {
  border-radius: 0.1rem;
  transition: 0.4s;
  width: 100%;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box {
  width: 50%;
  padding-left: 3%;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x1 {
  color: #999;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x2 {
  margin: 0.1rem 0;
  height: 1rem;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x2 p {
  transition: 0.4s;
  color: #333;
  line-height: 0.5rem;
  font-family: GilroyBold;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x3 {
 
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x3 p {
  color: #666;
  line-height: 0.3rem;
   height: 0.6rem;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box .x4 {
  margin-top: 0.5rem;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a:hover .le_box img {
  transform: scale(1.05);
}
.news_box .ws_bot .content1 .swiper .swiper-slide a:hover .ri_box .x2 p {
  color: #035199;
}
.news_box .ws_bot .content1 .swiper .swiper-slide a:hover .ri_box .x4 .pu_btn {
  background: #035199;
}
.news_box .ws_bot .content1 .div_ {
  margin-top: 0.24rem;
  display: flex;
  justify-content: center;
}
.news_box .ws_bot .content1 .div_ .pu_point {
  color: #cddce6;
}
.news_box .ws_bot .content1 .div_ .pu_point p:first-child {
  color: #035199;
}
.news_box .ws_bot .content1 .div_ .pu_point i {
  position: relative;
  width: 0.46rem;
  background: #cddce6;
}
.news_box .ws_bot .content1 .div_ .pu_point i::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #035199;
}
.news_box .ws_bot .content2 {
  margin: 0.68rem 0 0.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.news_box .ws_bot .content2 .item a {
  border-radius: 0.1rem;
  overflow: hidden;
  background: #fff;
}
.news_box .ws_bot .content2 .item a .img {
  width: 100%;
  overflow: hidden; /*height:340px;*/
  
display: flex;
align-items: center;
justify-content: center;  
}
.news_box .ws_bot .content2 .item a .img img {
  transition: 0.4s;
  width: 100%;
}
.news_box .ws_bot .content2 .item a .box {
  padding: 0.32rem 0.2rem;
}
.news_box .ws_bot .content2 .item a .box .time {
  color: #035199;
}
.news_box .ws_bot .content2 .item a .box .txt {
  margin-top: 0.1rem;
  height: 0.5rem;
}
.news_box .ws_bot .content2 .item a .box .txt p {
  transition: 0.4s;
  line-height: 18px;
  color: #333;
  font-family: GilroyBold; font-size:14px; -webkit-line-clamp: 3; padding:0px 0px;
}
.news_box .ws_bot .content2 .item a:hover .img img {
  transform: scale(1.05);
}
.news_box .ws_bot .content2 .item a:hover .box .txt p {
  color: #035199;
}
.news_details .ls_bot {
  margin-top: 0.5rem;
}
.news_details .ls_bot .le_box {
  width: 100%;
}
.news_details .ls_bot .le_box .content1 .txt {
  font-family: GilroyBold;
}
.news_details .ls_bot .le_box .content1 .list {
  margin-top: 0.36rem;
}
.news_details .ls_bot .le_box .content1 .list .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.5rem;
}
.news_details .ls_bot .le_box .content1 .list .li:last-child {
  margin-right: 0;
}
.news_details .ls_bot .le_box .content1 .list .li img {
  height: 0.24rem;
}
.news_details .ls_bot .le_box .content1 .list .li p {
  padding-left: 0.1rem;
  color: #666;
}
.news_details .ls_bot .le_box .content2 {
  padding: 0.35rem 0 0.6rem;
}
.news_details .ls_bot .le_box .content2 .compiler p {
  font-family: GilroyMedium;
  color: #333;
  line-height: 1.8;
}
.news_details .ls_bot .le_box .content2 .compiler img {
  max-width: 100%;
}
.news_details .ls_bot .le_box .content3 {
  padding-top: 0.5rem;
  border-top: 0.02rem solid #f5f5f5;
}
.news_details .ls_bot .le_box .content3 .prev a,
.news_details .ls_bot .le_box .content3 .next a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #CDDCE6;
}
.news_details .ls_bot .le_box .content3 .prev a svg path,
.news_details .ls_bot .le_box .content3 .next a svg path {
  transition: 0.4s;
}
.news_details .ls_bot .le_box .content3 .prev a p,
.news_details .ls_bot .le_box .content3 .next a p {
  padding: 0 0.08rem 0 0;
  transition: 0.4s;
  font-family: GilroyBold;
}
.news_details .ls_bot .le_box .content3 .prev a:hover,
.news_details .ls_bot .le_box .content3 .next a:hover {
  color: #035199;
}
.news_details .ls_bot .le_box .content3 .prev a:hover svg path,
.news_details .ls_bot .le_box .content3 .next a:hover svg path {
  fill: #035199;
}
.news_details .ls_bot .le_box .content3 .prev a p {
  padding: 0 0 0 0.08rem;
}
.news_details .ls_bot .le_box .content3 .share {
  flex: 1;
  display: flex;
  justify-content: center;
}
.news_details .ls_bot .le_box .content3 .share a {
  width: 0.42rem;
  height: 0.42rem;
  background: #035199;
  display: flex;
  border-radius: 50%;
  margin: 0 0.1rem;
}
.news_details .ls_bot .le_box .content3 .share a img {
  margin: auto;
  max-width: 60%;
  max-height: 60%;
}
.news_details .ls_bot .ri_box {
  width: 33%;
  padding-left: 6%;
}
.news_details .ls_bot .ri_box .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--top1) + var(--top2));
}
.news_details .ls_bot .ri_box .sticky .box {
  border-bottom: 1px solid #ddd;
}
.news_details .ls_bot .ri_box .sticky .box .one {
  padding: 0.3rem 0;
}
.news_details .ls_bot .ri_box .sticky .box .one a {
  cursor: pointer;
}
.news_details .ls_bot .ri_box .sticky .box .one a p {
  flex: 1;
  font-family: GilroyBold;
  color: #333;
}
.news_details .ls_bot .ri_box .sticky .box .one a span {
  position: relative;
  width: 0.16rem;
  height: 0.02rem;
  background: #035199;
}
.news_details .ls_bot .ri_box .sticky .box .one a span::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #035199;
  transform: rotate(90deg);
}
.news_details .ls_bot .ri_box .sticky .box .two {
  display: none;
}
.news_details .ls_bot .ri_box .sticky .box .two > div {
  display: grid;
  gap: 0.25rem;
}
.news_details .ls_bot .ri_box .sticky .box .two .item {
  border-bottom: 1px solid #ddd;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .img {
  width: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .img img {
  transition: 0.4s;
  border-radius: 0.1rem;
  width: 100%;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .content {
  padding: 0.25rem 0;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .content .time {
  color: #035199;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .content .txt {
  margin-top: 0.1rem;
  height: 0.52rem;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a .content .txt p {
  transition: 0.4s;
  color: #333;
  line-height: 0.26rem;
  font-family: GilroyBold;
}
.news_details .ls_bot .ri_box .sticky .box .two .item a:hover .img img {
  transform: scale(1.05);
}
.news_details .ls_bot .ri_box .sticky .box .two .item a:hover .content .txt p {
  color: #035199;
}
.news_details .ls_bot .ri_box .sticky .box .two .item:last-child {
  border-bottom: none;
}
.news_details .ls_bot .ri_box .sticky .box.active .one a span::before {
  transform: rotate(0deg);
}
.joun_us .us_top {
  text-align: center;
}
.joun_us .us_top p {
  color: #333;
  font-family: GilroyBold;
}
.joun_us .us_bot {
  margin-top: 0.6rem;
  display: grid;
  gap: 0.4rem;
}
.joun_us .us_bot .item .thead {
  transition: 0.8s;
  cursor: pointer;
  padding: 0.25rem 0.64rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f9f9f9;
  border-radius: 0.1rem;
}
.joun_us .us_bot .item .thead .d1,
.joun_us .us_bot .item .thead .d2,
.joun_us .us_bot .item .thead .d3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.joun_us .us_bot .item .thead .d1 img,
.joun_us .us_bot .item .thead .d2 img,
.joun_us .us_bot .item .thead .d3 img {
  transition: 0.4s;
  width: 0.24rem;
}
.joun_us .us_bot .item .thead .d1 p,
.joun_us .us_bot .item .thead .d2 p,
.joun_us .us_bot .item .thead .d3 p {
  flex: 1;
  transition: 0.4s;
  color: #333;
  margin-left: 0.1rem;
  font-family: GilroyMedium;
}
.joun_us .us_bot .item .thead .d1 {
  flex: 1;
}
.joun_us .us_bot .item .thead .d2,
.joun_us .us_bot .item .thead .d3 {
  width: 30%;
}
.joun_us .us_bot .item .thead .d4 {
  transition: 0.4s;
  position: relative;
  width: 0.16rem;
  height: 0.02rem;
  background: #035199;
}
.joun_us .us_bot .item .thead .d4::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #035199;
  transform: rotate(90deg);
}
.joun_us .us_bot .item .tbody {
  display: none;
  padding: 0.4rem 0.64rem;
}
.joun_us .us_bot .item .tbody .content1 {
  display: grid;
  gap: 0.4rem;
}
.joun_us .us_bot .item .tbody .content1 .li .txt {
  color: #666;
  font-family: GilroyBold;
}
.joun_us .us_bot .item .tbody .content1 .li .desc {
  margin-top: 0.1rem;
}
.joun_us .us_bot .item .tbody .content1 .li .desc p {
  color: #666;
  line-height: 1.6;
}
.joun_us .us_bot .item .tbody .content2 {
  margin-top: 0.6rem;
}
.joun_us .us_bot .item.active .thead {
  background: #035199;
}
.joun_us .us_bot .item.active .thead .d1 img,
.joun_us .us_bot .item.active .thead .d2 img,
.joun_us .us_bot .item.active .thead .d3 img {
  filter: brightness(100);
}
.joun_us .us_bot .item.active .thead .d1 p,
.joun_us .us_bot .item.active .thead .d2 p,
.joun_us .us_bot .item.active .thead .d3 p {
  color: #fff;
}
.joun_us .us_bot .item.active .thead .d4 {
  background: #fff;
}
.joun_us .us_bot .item.active .thead .d4::before {
  transform: rotate(0deg);
  background: #fff;
}
.contact_us .le_box {
  width: 46%;
  display: flex;
}
.contact_us .le_box > div {
  width: 100%;
  margin: auto;
  padding: 0 0.6rem 0 var(--bj);
}
.contact_us .le_box .content1 .txt {
  color: #333;
  font-family: GilroyBold;
}
.contact_us .le_box .content1 .desc {
  margin-top: 0.1rem;
  color: #035199;
}
.contact_us .le_box .content2 {
  margin-top: 0.6rem;
  display: grid;
  gap: 0.3rem;
}
.contact_us .le_box .content2 .item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1.6;
}
.contact_us .le_box .content2 .item .tips {
  width: 28%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact_us .le_box .content2 .item .tips img {
  width: 0.24rem;
}
.contact_us .le_box .content2 .item .tips p {
  padding-left: 0.2rem;
  flex: 1;
  font-family: GilroyMedium;
  color: #035199;
}
.contact_us .le_box .content2 .item .txt {
  width: 72%;
}
.contact_us .le_box .content2 .item .txt p,
.contact_us .le_box .content2 .item .txt a {
  transition: 0.4s;
  color: #666;
}
.contact_us .le_box .content2 .item .txt a:hover {
  color: #035199;
}
.contact_us .ri_box {
  width: 54%;
}
.contact_us .ri_box a {
  width: 100%;
  overflow: hidden;
}
.contact_us .ri_box a img {
  transition: 0.4s;
  width: 100%;
}
.contact_us .ri_box a:hover img {
  transform: scale(1.05);
}
.online_message {
  background: #f1f1f1;
}
.online_message .on_box {
  background: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.online_message .le_box {
  width: 26%;
}
.online_message .le_box img {
  width: 100%;
}
.online_message .ri_box {
  width: 74%;
  padding: 0 0.68rem;
  display: flex;
}
.online_message .ri_box form {
  width: 100%;
  margin: auto;
}
.online_message .ri_box form .item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.online_message .ri_box form .item input {
  color: #333;
  font-family: GilroyBold;
  border-radius: 0.1rem;
  border: 1px solid #DCDCDC;
  background: #FFF;
  line-height: 0.64rem;
  padding: 0 0.2rem;
}
.online_message .ri_box form .item input::placeholder {
  font-family: GilroyRegular;
  color: #545454;
}
.online_message .ri_box form .item2 {
  margin: 0.3rem 0;
  grid-template-columns: repeat(2, 1fr);
}
.online_message .ri_box form .item3 {
  width: 100%;
}
.online_message .ri_box form .item3 textarea {
  width: 100%;
  height: 1.44rem;
  border-radius: 0.1rem;
  border: 1px solid #DCDCDC;
  color: #333;
  font-family: GilroyBold;
  padding: 0.2rem;
}
.online_message .ri_box form .item3 textarea::placeholder {
  font-family: GilroyRegular;
  color: #545454;
}
.online_message .ri_box form .submit {
  margin-top: 0.6rem;
}
.online_message .ri_box form .submit label {
  display: inline-block;
  cursor: pointer;
}
.online_message .ri_box form .submit label .btn {
  transition: 0.6s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.14rem 0.32rem;
  border-radius: 0.48rem;
  background: #0a97cb;
}
.online_message .ri_box form .submit label .btn p {
  color: #fff;
  font-family: GilroyBold;
}
.online_message .ri_box form .submit label .btn img {
  margin-left: 0.26rem;
  width: 0.2rem;
}
.online_message .ri_box form .submit label .btn:hover {
  background: #035199;
}
.cookie_box .ie_top {
  text-align: center;
}
.cookie_box .ie_top p {
  font-family: GilroyBold;
}
.cookie_box .ie_bot {
  margin-top: 0.62rem;
}
.cookie_box .ie_bot .compiler p {
  font-family: GilroyMedium;
  color: #333;
  line-height: 1.8;
}


.syitem a {
  transition: 0.4s;
  position: relative;
  padding: 0.32rem;
  text-align: center;
  border: 1px solid #cddce5;
  border-radius: 0.16rem;
  overflow: hidden; background:#fff; margin:0px 2%; height:325px;
}
.syitem a::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/17.jpg') no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
} 
.syitem a .title {
  z-index: 1;
  position: relative;
}
.syitem a .title .txt p {
  transition: 0.4s;
  font-family: GilroyBold;
  color: #333; 
  
  -webkit-line-clamp: 3; height:60px; line-height:20px;
}



.syitem a .title .desc {
  margin-top: 0.08rem;
}
.syitem a .title .desc p {
  transition: 0.4s;
  color: #999;
}
.syitem a .img {
  z-index: 1;
  position: relative;
  margin-top: 0.34rem;
  height: 2.06rem;
}
.syitem a .img img {
  max-width: 100%;
  max-height: 100%;
}
.syitem a:hover .img img {
mix-blend-mode: darken;
background-blend-mode: multiply;
}
.syitem a:hover {
  border-color: transparent;
}
.syitem a:hover::before {
  opacity: 1;
}
.syitem a:hover .title .txt p {
  color: #035199;
}
.syitem a:hover .title .desc p {
  color: #035199;
}




.index_who .ws_top { margin-bottom:60px;}
.index_who .ws_top div {
  margin-right: 0.8rem;
}
.index_who .ws_top div:last-child {
  margin-right: 0;
}
.index_who .ws_top div a {
  position: relative;
  transition: 0.4s;
  color: #666;
  padding-bottom: 0.14rem;
  font-family: GilroyBold;
}
.index_who .ws_top div a::before {
  transition: 0.4s;
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: #054e85;
}
.index_who .ws_top div.active a,
.index_who .ws_top div:hover a {
  color: #054e85;
}
.index_who .ws_top div.active a::before,
.index_who .ws_top div:hover a::before {
  opacity: 1;
}


.product_box .ws_top {  margin:0px auto;  margin-bottom:0px;}
.product_box .ws_top div {
  margin-right: 0.4rem;
}
.product_box .ws_top div:last-child {
  margin-right: 0;
}
.product_box .ws_top div a {
  position: relative;
  transition: 0.4s;
  color: #666;
  padding-bottom: 0.14rem;
  font-family: GilroyBold;
}
.product_box .ws_top div a::before {
  transition: 0.4s;
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: #054e85;
}
.product_box .ws_top div.active a,
.product_box .ws_top div:hover a {
  color: #054e85;
}
.product_box .ws_top div.active a::before,
.product_box .ws_top div:hover a::before {
  opacity: 1;
}



.product_details .ws_top {  margin:0px auto;  margin-bottom:60px;}
.product_details .ws_top div {
  margin-right: 0.4rem;
}
.product_details .ws_top div:last-child {
  margin-right: 0;
}
.product_details .ws_top div a {
  position: relative;
  transition: 0.4s;
  color: #666;
  padding-bottom: 0.14rem;
  font-family: GilroyBold;
}
.product_details .ws_top div a::before {
  transition: 0.4s;
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: #054e85;
}
.product_details .ws_top div.active a,
.product_details .ws_top div:hover a {
  color: #054e85;
}
.product_details .ws_top div.active a::before,
.product_details .ws_top div:hover a::before {
  opacity: 1;
}


/*fanye*/

.newspage{ width: 92%;
    padding: 20px 4% 0px;
    height: auto;/* overflow: hidden;*/ display:block;
	}
	
.newspage {
width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  PADDING-TOP: 20px; TEXT-ALIGN: center; margin:60px auto 0px; clear:both; height:30px
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT:8px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 13px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; font-family:'Barlow-Regular',PingFang SC,'Microsoft YaHei',Arial;border-radius: 0px; display:inline;
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #007abf; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #007abf; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
 PADDING-RIGHT: 8px;  PADDING-LEFT: 8px; BACKGROUND: #007abf; PADDING-BOTTOM: 3px;  COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 3px;  font-size:13px;border-radius: 0px; border:1px #007abf solid; 

}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}

.sousou { width:30%; margin-top:30px;}


.llbb { width:100%;}
		
		.llbb { width:100%;  line-height:50px; text-align:center; border:1px solid #cddce5; box-shadow:0px 0px 3px 3px rgba(0,0,0,.03); background:#fff; transition:all .4s; border-radius:0.16rem;}
		.llbb a { color:#333;}
        .llbb:hover { background:#035199; transform:scale(1.02,1.02)}
         .llbb:hover a { color:#fff;}
		 
.hh6 { width:100%; line-height:50px; font-size:35px; text-align:center; margin:20px auto 10px; color:#035199;}
		 
@media (max-width: 1600px) {
  :root {
    --bj: 7vw;
  }
  .w1520 {
    padding: 0 7vw;
  }
  .pu_broadside {
    right: 1vw;
  }
}
@media (max-width: 1500px) {
  :root {
    --bj: 5vw;
  }
  .w1520 {
    padding: 0 5vw;
  }
  .f48 {
    font-size: 0.46rem;
  }
  .f40 {
    font-size: 0.38rem;
  }
  .f36 {
    font-size: 0.34rem;
  }
  .f34 {
    font-size: 0.32rem;
  }
  .f18 {
    font-size: 0.19rem;
  }
  .f16 {
    font-size: 0.17rem;
  }
  .index_world .ld_post .content2 .item .data,
  .index_quality .ty_top .content2 .item .data,
  .index_who .le_box .content2 .item .box .data {
    font-size: 0.56rem;
  }
}
@media (max-width: 1200px) {
  :root {
    --bj: 5vw;
    --top1: 60px;
    --top2: 0;
  }
  .w1520 {
    padding: 0 5vw;
  }
  .p100 {
    padding-top: 0.8rem;
  }
  .p100_ {
    padding-bottom: 0.8rem;
  }
  .pc_header,
  .pu_broadside {
    display: none;
  }
  .MobileNavigation .box_scroll .box .item a p {
    font-family: GilroyBold;
  }
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::after,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::before,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span {
    background: #035199;
  }
  .MobileMain .HeaderMobile .box .button .Language a {
    color: #035199;
    display: flex;
    align-items: center;
  }
  .MobileMain .HeaderMobile .box .button .Language a span {
    margin-left: 0.1rem;
    font-family: GilroyBold;
  }
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    height: 8rem;
  }
  .pu_banner .ban_bk img {
    min-height: 3.2rem;
  }
  .pu_banner .ban_post > div .desc br {
    display: none;
  }
  .pu_switch {
    display: none !important;
  }
  .pu_cookie {
    padding: 0.33rem 0;
  }
  .pu_cookie .close {
    top: 0.1rem;
  }
  .pu_cookie .kie_box .ri_box {
    margin-top: 0.36rem;
  }
  .index_who .le_box {
    padding-right: 0;
  }
  .index_who .ri_box {
    text-align: center;
  }
  .index_who .ri_box img {
    width: 80%;
  }
  .index_products .ts_bot .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.16rem;
  }
  .index_products .ts_bot .grid .item {
    margin-right: 0;
  }
  .index_world {
    padding-bottom: 0.8rem;
    background: #e0e9f0;
  }
  .index_world .ld_post {
    position: initial;
    transform: translateY(0);
  }
  .index_world .ld_post .wz_box {
    width: 100%;
  }
  .index_news .ws_bot .box {
    margin-bottom: 0.8rem;
  }
  .index_news .ws_bot .box:last-child {
    margin-bottom: 0;
  }
  .pc_footer .fo_box .ter_top .content2 {
    display: none;
  }
  .index_news .ws_bot .box .content1 {
    margin-bottom: 0.26rem;
  }
  .our_box .ur_bk img {
    height: 68vh;
  }
  .our_advantage .ge_bot {
    grid-template-columns: repeat(3, 1fr);
  }
  .our_advantage .ge_bot .slide .post > div {
    padding: 0.26rem;
  }
  .our_advantage .ge_bot .slide .img {
    display: none;
  }
  .our_advantage .ge_bot .slide .post {
    position: inherit;
  }
  .our_advantage .ge_bot .slide .post > div .content1 {
    height: 0.7rem;
  }
  .enterprise_development {
    padding: 0.8rem 0;
  }
  .product_box .le_box {
    padding: 0;
  }
  .pu_list .content1 form .item input {
    line-height: 0.62rem;
  }
  .pu_rumbs {
    line-height: 2;
  }
  .product_details .ls_bot .ri_box .box .content1 .neiro,
  .product_details .ls_bot .ri_box,
  .product_box .ri_box {
    padding-left: 0;
  }
  .product_box .ri_box .box .content2 {
    gap: 0.2rem;
  }
  .product_details .ls_bot .ri_box .box {
    padding: 0;
  }
  .product_details .ls_bot .ri_box .box .div_ {
    display: none;
  }
  .product_details .ls_bot .ri_box .box .content2 > div {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: none;
  }
  .product_details .ls_bot .ri_box .box .content2 > div .item {
    border-bottom: 1px solid #ccc;
  }
  .product_details .ls_bot .ri_box .box .content1 {
    justify-content: center;
  }
  .product_details .ls_bot .ri_box .box .content1 .img_ {
    width: 80%;
  }
  .service_box .ce_box .item .ri_box {
    padding: 0.6rem;
  }
  .pu_banner .ban_bot {
    display: none;
  }
  .service_details .item .le_box {
    padding: 0 !important;
  }
  .service_details .ls_box .item {
     margin-bottom: .8rem;
  }
  .news_box .ws_top div {
    margin-right: 0.4rem;
  }
  .news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box {
    padding-left: 0;
    padding: 0.6rem 0 0;
  }
  .news_box .ws_bot .content2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pu_page .number a {
    display: none;
  }
  .pu_page .number a.active {
    display: block;
  }
  .news_details .ls_bot .ri_box {
    display: none;
  }
  .joun_us .us_bot .item .thead {
    padding: 0.26rem;
  }
  .joun_us .us_bot .item .tbody {
    padding: 0.4rem 0.26rem;
  }
  .joun_us .us_bot .item .thead .d2,
  .joun_us .us_bot .item .thead .d3 {
    width: 22%;
  }
  .contact_us .le_box > div {
    padding: 0.8rem 5vw;
  }
     .index_world .point_box {
        display: none;
    }
  .online_message .le_box {
    display: none;
  }
  .online_message .ri_box {
    padding: 0.6rem;
  }
  .online_message .ri_box form .item {
    grid-template-columns: repeat(2, 1fr);
  }
  .service_details .item .ri_box,
  .product_details .ls_bot .ri_box .box .content1 .neiro,
  .product_details .ls_bot .ri_box,
  .product_box .ri_box,
  .pc_footer .fo_box .ter_top .content3,
  .pc_footer .fo_box .ter_top .content4,
  .index_quality .ty_top .content2,
  .index_products .ts_top .content2,
  .index_who .ri_box {
    margin-top: 0.6rem;
  }
  .online_message .ri_box,
  .contact_us .ri_box,
  .contact_us .le_box,
  .news_details .ls_bot .le_box,
  .news_box .ws_bot .content1 .swiper .swiper-slide a .ri_box,
  .news_box .ws_bot .content1 .swiper .swiper-slide a .le_box,
  .service_details .item .ri_box,
  .service_details .item .le_box,
  .service_box .ce_box .item .ri_box,
  .service_box .ce_box .item .le_box,
  .product_details .ls_bot .ri_box .box .content1 .neiro,
  .product_details .ls_bot .ri_box,
  .product_details .ls_bot .le_box,
  .product_box .ri_box,
  .product_box .le_box,
  .our_box .ur_post > div,
  .pc_footer .fo_box .ter_top .content1,
  .pc_footer .fo_box .ter_top .content3,
  .pc_footer .fo_box .ter_top .content4,
  .index_news .ws_bot .box,
  .index_quality .ty_top .content1,
  .index_quality .ty_top .content2,
  .index_products .ts_top .content1,
  .index_products .ts_top .content2,
  .index_who .ri_box,
  .index_who .le_box,
  .pu_cookie .kie_box .ri_box,
  .pu_cookie .kie_box .le_box {
    width: 100%;
    flex: auto;
  }
}
@media (max-width: 750px) {
  .f48 {
    font-size: 0.4rem;
  }
  .f40 {
    font-size: 0.32rem;
  }
  .f36 {
    font-size: 0.3rem;
  }
  .f34 {
    font-size: 0.28rem;
  }
  .f30 {
    font-size: 0.26rem;
  }
  .f28 {
    font-size: 0.26rem;
  }
  .f18 {
    font-size: 0.2rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    height: calc(var(--vh) - var(--top1));
  }
  .index_banner .swiper .swiper-slide .slide_post > div .content2 br {
    display: none;
  }
  .pc_footer .fo_box .ter_top .content4 .form_box .item,
  .index_world .ld_post .content3,
  .index_products .ts_bot .grid,
  .index_products .ts_top .content2,
  .index_who .le_box .content2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .index_who .le_box .content2 .item .box .data p { font-size:28px;}
  .index_who .le_box .content2 .item .box .desc {
   
    font-size: 14px;
    line-height: 20px;
}

  .index_products .ts_top .content2 {
    gap: 0.2rem;
  }
  .index_quality .ty_top .content2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .index_quality .ty_top .content2 .line {
    display: none;
  }
  .index_news .ws_bot .box1 .content2 .top .post > div {
    padding: 0.2rem;
  }
  .pc_footer .fo_box .ter_bot {
    line-height: 1.6;
  }
  .pc_footer .fo_box .ter_bot a {
    width: 100%;
    margin-left: 0;
  }
  .our_box .ur_bk img {
    height: 100vh;
  }
  .news_box .ws_bot .content2,
  .product_box .ri_box .box .content2,
  .our_advantage .ge_bot {
    grid-template-columns: repeat(1, 1fr);
  }
  .enterprise_development .nt_bot {
    margin-top: 0.8rem;
  }
  .product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: none;
  }
  .product_details .ls_bot .ri_box .box .content1 .neiro .miaoshu > div .item {
    border-bottom: 1px solid #ccc;
  }
  .news_box .ws_top {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem 0.1rem;
  }
  .news_box .ws_top div {
    text-align: center;
    margin-right: 0;
  }
  .service_box .ce_box .item .ri_box {
    padding: 0.4rem 0.2rem;
  }
  .service_details .item .le_box .content2 .li .txt {
    padding-left: 0.2rem;
  }
  .news_details .ls_bot .le_box .content1 .list {
    display: grid;
    gap: 0.2rem;
  }
  .news_details .ls_bot .le_box .content1 .list .li {
    margin-right: 0;
  }
  .news_details .ls_bot .le_box .content3 {
    justify-content: space-between;
  }
  .news_details .ls_bot .le_box .content3 .share {
    display: none;
  }
  .joun_us .us_bot .item .thead .d2,
  .joun_us .us_bot .item .thead .d3 {
    display: none;
  }
  .contact_us .le_box .content2 .item .txt {
    margin-top: 0.1rem;
  }
  .product_box .ri_box .box .content1 .wenzi {
    margin-top: 0.6rem;
    padding-left: 0;
  }
  .online_message .ri_box form .item {
    grid-template-columns: repeat(1, 1fr);
  }
  .online_message .ri_box {
    padding: 0.4rem 0.2rem;
  }
  .index_products .ts_top .content2 .item::after {
      top: 98%;
      border-width:  .1rem;
  }
  
  .contact_us .le_box .content2 .item .txt,
  .contact_us .le_box .content2 .item .tips,
  .news_details .ls_bot .le_box .content1 .list .li,
  .product_details .ls_bot .ri_box .box .content1 .img_,
  .product_box .ri_box .box .content1 .wenzi,
  .product_box .ri_box .box .content1 .img {
    width: 100%;
    flex: auto;
  }
  .syitem a { height:265px;}
  
 body .news_box .ws_bot .content2 {grid-template-columns: repeat(2, 1fr)!important;}
 .sousou {
    width: 100%;
   
}
.product_box .ws_top div a {}
.product_box .ws_top div { width:50%; margin-right:0px; margin-bottom:15px;}
.jc {    justify-content: left;}

body .product_box .ri_box .box .content2 {
    grid-template-columns: repeat(2, 1fr); margin-top:0px;
}

.product_box .ri_box .box .content2 .item a .img {
 
    height: 1.56rem;
}

body .news_box.sj_news .ws_bot .content2 {grid-template-columns: repeat(1, 1fr)!important;}

body .news_box.sj_news .ws_top { grid-template-columns: repeat(2, 1fr)!important;}
.llbb {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px;}
  
  
}


.news_box .ws_bot .content2 .item a .box.qq { display:none;}
.index_who .le_box .content1 .desc a { display:inline-block;}