.w1200 {
  width: min(1200px, 90vw);
  margin: 0 auto;
}
.w1480 {
  padding: 0 11vw;
}
.w1720 {
  padding: 0 4.7vw;
}
:root {
  --bj: 4.7vw;
  --left: 2.1rem;
  --right: 2.1rem;
}
.f70 {
  font-size: 0.7rem;
  line-height: 1.2;
  letter-spacing: 0.04rem;
}
.f48 {
  font-size: 0.48rem;
  line-height: 1.2;
}
.f46 {
  font-size: 0.46rem;
  line-height: 1.2;
  letter-spacing: 0.04rem;
}
.f44 {
  font-size: 0.44rem;
  line-height: 1.2;
}
.f36 {
  font-size: 0.36rem;
  line-height: 1.2;
}
.f32 {
  font-size: 0.32rem;
  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;
}
.p100 {
  padding-top: 1rem;
}
.p100_ {
  padding-bottom: 1rem;
}
.p80 {
  padding-top: 0.8rem;
}
.p80_ {
  padding-bottom: 0.8rem;
}
.p60 {
  padding-top: 0.6rem;
}
.p60_ {
  padding-bottom: 0.6rem;
}
.m64 {
  margin-top: 0.64rem;
}
body {
  background: #fff;
}
.pc_header {
  z-index: 5;
  position: fixed;
  top: 0;
  width: 100%;
}
.pc_header .he_box {
  width: 100%;
}
.pc_header .he_box .logo a img {
  height: 0.3rem;
}
.pc_header .he_box .column .nav .slide {
  position: relative;
  padding: 0 0.26rem;
}
.pc_header .he_box .column .nav .slide.product {
  position: initial;
}
.pc_header .he_box .column .nav .slide .item a {
  position: relative;
  transition: 0.4s;
  color: #000;
  line-height: 0.9rem;
  /*font-family: SourcNormal;*/
}
.pc_header .he_box .column .nav .slide .item a::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  bottom: 30%;
  width: 0%;
  height: 0.02rem;
  background: #0091db;
}
.pc_header .he_box .column .nav .slide.active .item a,
.pc_header .he_box .column .nav .slide:hover .item a {
  color: #0091db;
}
.pc_header .he_box .column .nav .slide.active .item a::before,
.pc_header .he_box .column .nav .slide:hover .item a::before {
  width: 100%;
}
.pc_header .he_box .column .nav .slide:hover .down_list,
.pc_header .he_box .column .nav .slide:hover .down_default{
    display: block;
}
.pc_header .he_box .column .nav .slide .down_list {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  background: #fff;
  box-shadow: 0 6px 6px rgba(154, 154, 154, 0.3);
  pointer-events: auto;
  border-top: 1px solid #ddd;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper {
  padding: 0.3rem 0;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide {
  text-align: center;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide p {
  transition: 0.4s;
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #000;
  padding-bottom: 0.06rem;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide p::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background: #000;
  transform-origin: center center;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide .none {
  display: none;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide.active p,
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide:hover p {
  color: #0091db;
}
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide.active p::before,
.pc_header .he_box .column .nav .slide .down_list .banner1 .swiper .swiper-slide:hover p::before {
  width: 50%;
  background: #0091db;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 {
  position: relative;
  margin: 0 0 0.52rem 0;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_img {
  width: 100%;
  height: 2.7rem;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_img img {
  transition: 0.6s;
  /*width: 100%;*/
  margin: auto;
  max-width: 70%;
  max-height: 70%;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_text {
  margin-top: 0.24rem;
  text-align: center;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_text .text {
  color: #000;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_text .xp {
  margin-top: 0.2rem;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide .de_text .xp img {
  width: 0.74rem;
}
.pc_header .he_box .column .nav .slide .down_list .banner2 .swiper .swiper-slide:hover .de_img img {
  transform: scale(1.1);
}
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .prev,
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .next {
  cursor: pointer;
  position: absolute;
  top: 30%;
  color: #999;
  transition: 0.4s;
}
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .prev:hover,
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .next:hover {
  color: #0091db;
}
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .prev {
  left: var(--bj);
}
.pc_header .he_box .column .nav .slide .down_list .zy_toggle .next {
  right: var(--bj);
}
.pc_header .he_box .column .nav .slide .down_default {
  display: none;
  position: absolute;
  width: 140%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-top: 1px solid #ccc;
  box-shadow: 0 10px 10px rgba(154, 154, 154, 0.6);
  pointer-events: auto;
}
.pc_header .he_box .column .nav .slide .down_default .box .li {
  text-align: center;
}
.pc_header .he_box .column .nav .slide .down_default .box .li a {
  transition: 0.4s;
  color: #000;
  line-height: 0.52rem;
}
.pc_header .he_box .column .nav .slide .down_default .box .li a:hover {
  background: #0091db;
  color: #fff;
}

.pc_header .he_box .column .nav .zx {
  padding: 0 0.3rem;
}
.pc_header .he_box .column .nav .zx a {
  background: #0091db;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
  /*font-family: SourcNormal;*/
}
.pc_header .he_box .ment {
  margin-left: 1rem;
}
.pc_header .he_box .ment .code .item {
  position: relative;
  margin-right: 0.08rem;
}
.pc_header .he_box .ment .code .item a {
  cursor: pointer;
}
.pc_header .he_box .ment .code .item a img {
  height: 0.3rem;
}
.pc_header .he_box .ment .code .item .wx {
  position: absolute;
  top: 120%;
  left: 0;
  width: 1.6rem;
  pointer-events: none;
}
.pc_header .he_box .ment .code .item .wx img {
  transition: 0.4s;
  width: 100%;
  transform: scale(0);
  transform-origin: top left;
  background: #fff;
  padding: 0.1rem;
}
.pc_header .he_box .ment .code .item:last-child {
  margin-right: 0;
}
.pc_header .he_box .ment .code .item:hover .wx img {
  transform: scale(1);
}
.pc_header .he_box .ment .tel {
  margin: 0 0.3rem 0 0;
}
.pc_header .he_box .ment .tel p img {
  width: 0.21rem;
}
.pc_header .he_box .ment .tel a {
  margin-left: 2px;
  transition: 0.4s;
  color: #000;
  /*font-family: SourcNormal;*/
}
.pc_header .he_box .ment .tel a:hover {
  color: #0091db;
}
.pc_header .he_box .ment .search {
  cursor: pointer;
  margin: 0 0.3rem;
}
.pc_header .he_box .ment .lang a {
  transition: 0.4s;
  color: #000;
  /*font-family: SourcNormal;*/
  margin-right: 0.2rem;
}
.pc_header .he_box .ment .lang a:hover {
  color: #0091db;
}
.pc_header .he_box .ment .lang a:last-child {
  margin-right: 0;
}
.pc_header.active,
.pc_header.white {
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}
.pc_header.sticky {
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
}
.pu_search {
  display: none;
  z-index: 2;
  position: fixed;
  width: 100%;
  top: 0.9rem;
  background: #fff;
  border-top: 1px solid #ccc;
  padding: 0.6rem 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}
.pu_search .ch_box form .item {
  display: flex;
}
.pu_search .ch_box form .item input {
  border: none;
  background: none;
}
.pu_search .ch_box form .item .text {
  flex: 1;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  border: 1px solid #ccc;
  background: rgba(221, 221, 221, 0.5);
}
.pu_search .ch_box form .item .submit {
  cursor: pointer;
  width: 1.2rem;
  background: #0091db;
  color: #fff;
}
.pc_footer {
  /*background: #f5f5f7;*/
  background: #fff !important;
  padding: 1.5rem 0;
}
.pc_footer .fo_box .le_box {
  width: 65%;
}
.pc_footer .fo_box .le_box .box {
  margin-right: auto;
}
/*.pc_footer .fo_box .le_box .box:last-child {*/
/*  margin-right: 0;*/
/*}*/
.pc_footer .fo_box .le_box .box .content1 {
  margin-bottom: 0.24rem;
}
.pc_footer .fo_box .le_box .box .content1 img {
  width: 0.3rem;
}
.pc_footer .fo_box .le_box .box .content1 p {
  color: #000;
  margin-left: 0.12rem;
}
.pc_footer .fo_box .le_box .box .content2 .li {
  text-align: center;
  margin-right: 0.5rem;
}
.pc_footer .fo_box .le_box .box .content2 .li:last-child {
  margin-right: 0;
}
.pc_footer .fo_box .le_box .box .content2 .li .img img {
  width: 1.46rem;
}
.pc_footer .fo_box .le_box .box .content2 .li .wx {
  margin-top: 0.36rem;
  /*font-family: SourcLight;*/
}
.pc_footer .fo_box .le_box .box .content2 .item .m1 {
  color: #000;
}
.pc_footer .fo_box .le_box .box .content2 .item .m2 {
  margin: 0.06rem 0 0.1rem;
}
.pc_footer .fo_box .le_box .box .content2 .item .m2 a {
  transition: 0.4s;
  color: #000;
}
.pc_footer .fo_box .le_box .box .content2 .item .m2 a:hover {
  color: #0091db;
}
.pc_footer .fo_box .le_box .box .content2 .item .m3 a {
  transition: 0.4s;
  padding: 0.1rem 0.16rem;
  color: #fff;
  background: #0091db;
  overflow: hidden;
}
.pc_footer .fo_box .le_box .box .content2 .item .m3 a:hover {
  border-radius: 10px;
}
.pc_footer .fo_box .ri_box {
  width: 35%;
  overflow: hidden;
}
.pc_footer .fo_box .ri_box img {
  transition: 0.4s;
  width: 100%;
}
.pc_footer .fo_box .ri_box:hover img {
  transform: scale(1.05);
}

.pc_footer .fo_box .copy {
    color: #666;
    margin-top: .26rem;
}
.pc_footer .fo_box .copy p {
    margin-right: .1rem;
}
.pc_footer .fo_box .copy p:last-child {
    margin-right: 0;
}
.pc_footer .fo_box .copy a {
    transition: .4s;
    color: #666;
   display: inline; 
}
.pc_footer .fo_box .copy a:hover {
    color: #0091db;
}


.pu_banner {
  position: relative;
  /* height: 80vh; */
}
.pu_banner .ban_bk {
  width: 100%;
}
.pu_banner .ban_bk img {
  width: 100%;
  height: var(--vh);
  /* height: 80vh; */
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 0.9rem;
}
.pu_banner .ban_post > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_banner .ban_post .box1 {
  width: 50%;
  padding-left: 1.5rem;
}
.pu_banner .ban_post .box1 .desc {
  line-height: 1.4;
  margin-top: 0.2rem;
}
.pu_banner .ban_post .box1 .content2 {
  margin-top: 0.3rem;
}
.pu_banner .ban_post .box1 .content2 div {
  display: inline-block;
  cursor: pointer;
}
.pu_banner .ban_post .box1 .content2 span {
  margin-right: 0.15rem;
}
.pu_banner .ban_post .box1 .content2 img {
  width: 0.3rem;
  vertical-align: middle;
}
.pu_banner .ban_post .box2 {
  width: 50%;
  display: flex;
}
.pu_banner .ban_post .box2 img {
  margin: auto;
  max-width: 80%;
}
.pu_banner.white .ban_ab {
  color: #fff;
}
.pu_banner2 {
  position: relative;
}
.pu_banner2 .ban_bk {
  width: 100%;
}
.pu_banner2 .ban_bk img {
  width: 100%;
}
.pu_banner2 .ban_ab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.9rem;
}
.pu_banner2 .ban_ab .wow {
  width: 100%;
}
.pu_banner2 .ban_ab .desc {
  margin-top: 0.2rem;
  line-height: 1.4;
}
.pu_banner2.white .ban_ab {
  color: #fff;
}
.pu_banner2.center .ban_ab {
  text-align: center;
}
.pu_video {
  display: none;
  position: relative;
  z-index: 10;
}
.pu_video .sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--vw);
  height: var(--vh);
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu_video .video_box {
  width: 60%;
  position: relative;
}
.pu_video .video_box .myVideo video {
  width: 100%;
}
.pu_video .video_box .close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.pu_video .video_box .close svg path {
  transition: 0.4s;
}
.pu_video .video_box .close:hover svg path {
  fill: #0091db;
}
.pu_switch .prev,
.pu_switch .next {
  transition: 0.4s;
  cursor: pointer;
  width: 0.52rem;
  height: 0.52rem;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu_switch .prev i,
.pu_switch .next i {
  color: #ccc;
  transition: 0.4s;
}
.pu_switch .prev:hover,
.pu_switch .next:hover {
  background: #0091db;
}
.pu_switch .prev:hover i,
.pu_switch .next:hover i {
  color: #fff;
}
.public_author {
  position: relative;
  top: calc((0.9rem + var(--top)) * -1);
}
.pu_bread {
  z-index: 4;
  position: -webkit-sticky;
  position: sticky;
  top: 0.9rem;
  padding: 0.3rem 0;
  background: #f7f7f7;
}
.pu_bread .ad_box .le_box .x2 {
  margin-top: 0.1rem;
}
.pu_bread .ad_box .le_box .x2 a {
  transition: 0.4s;
  color: rgba(0, 0, 0, 0.8);
  margin-right: 0.3rem;
}
.pu_bread .ad_box .le_box .x2 a:last-child {
  margin-right: 0;
}
.pu_bread .ad_box .le_box .x2 a.active,
.pu_bread .ad_box .le_box .x2 a:hover {
  color: #000;
}
.pu_bread .ad_box .ri_box .home {
  display: flex;
  align-items: center;
}
.pu_bread .ad_box .ri_box a {
  transition: 0.4s;
  color: #000;
  /*font-family: SourcLight;*/
}
.pu_bread .ad_box .ri_box a:hover {
  color: #0091db;
}
.pu_bread .ad_box .ri_box i {
  color: #000;
  margin: 0 0.1rem;
}
.pu_bread .ad_box .ri_box p {
  color: #000;
  /*font-family: SourcLight;*/
}
.pu_home {
  background: #fff;
  padding: 0.3rem 0;
}
.pu_home .home {
  display: flex;
  align-items: center;
}
.pu_home .home img {
  max-height: 0.22rem;
}
.pu_home a {
  transition: 0.4s;
  color: #000;
  /*font-family: SourcLight;*/
}
.pu_home a:hover {
  color: #0091db;
}
.pu_home i {
  color: #000;
  margin: 0 0.1rem;
}
.pu_home p {
  color: #000;
  /*font-family: SourcLight;*/
}
.link a {
  transition: 0.4s;
  width: 1.96rem;
  height: 0.66rem;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
}
.link a i {
  transition: 0.4s;
}
.link a span {
  margin-right: 0.1rem;
}
.link a:hover {
  background: #fff;
  color: #0091db;
}
.link a:hover i {
  color: #0091db;
}
.index_banner {
  position: relative;
  /* height: 80vh; */
}
.index_banner .banner1 .swiper .swiper-slide {
  position: relative;
}
.index_banner .banner1 .swiper .swiper-slide .slide_img {
  width: 100%;
  position: relative;
}
.index_banner .banner1 .swiper .swiper-slide .slide_img img {
  width: 100%;
  height: var(--vh);
  /* height: 80vh; */
}
.index_banner .banner1 .swiper .swiper-slide .slide_img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.18); */
}
.index_banner .banner1 .swiper .swiper-slide .slide_ab {
  position: absolute;
  bottom: 1.7rem;
}
.index_banner .banner1 .swiper .swiper-pagination {
  bottom: 0.3rem;
}
.index_banner .banner1 .swiper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid #fff;
  background: transparent;
  margin: 0 0.06rem;
}
.index_banner .banner1 .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.index_banner .banner2 {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.index_banner .banner2 .swiper {
  border-top: 1px solid #fff;
}
.index_banner .banner2 .swiper .swiper-slide a {
  text-align: center;
  padding: 0.32rem 0;
  position: relative;
}
.index_banner .banner2 .swiper .swiper-slide a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background: #fff;
  transform-origin: center center;
}
.index_banner .banner2 .swiper .swiper-slide a .svg {
  position: relative;
  top: 0.13rem;
  height: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #fff;
}
.index_banner .banner2 .swiper .swiper-slide a .svg img {
  position: relative;
  top: -0.17rem;
  max-height: 100%;
}
.index_banner .banner2 .swiper .swiper-slide a .text {
  transition: 0.4s;
  margin-top: 0.1rem;
  color: rgba(255, 255, 255, 0.6);
}
.index_banner .banner2 .swiper .swiper-slide:last-child a .svg {
  border-right: none;
}
.index_banner .banner2 .swiper .swiper-slide:hover a::before {
  width: 76%;
}
.index_banner .banner2 .swiper .swiper-slide:hover a .text {
  color: #fff;
}
.index_security .ty_1 .text {
  color: #000;
  text-align: center;
  /*font-family: SourcBold;*/
}
.index_security .ty_2 {
  margin-top: 0.68rem;
  border-bottom: 1px solid #ccc;
}
.index_security .ty_2 .swiper .swiper-slide {
  text-align: center;
}
.index_security .ty_2 .swiper .swiper-slide p {
  cursor: pointer;
  transition: 0.4s;
  position: relative;
  display: inline-block;
  color: #000;
  /*font-family: SourcLight;*/
  padding-bottom: 0.16rem;
}
.index_security .ty_2 .swiper .swiper-slide p::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 2px;
  background: #0091db;
}
.index_security .ty_2 .swiper .swiper-slide.active p {
  color: #0091db;
}
.index_security .ty_2 .swiper .swiper-slide.active p::before {
  opacity: 1;
}
.index_security .ty_3 {
  margin-top: 0.56rem;
  --marginRight: 0.26rem;
}
.index_security .ty_3 .toggle {
  display: none;
}
.index_security .ty_3 .toggle.active {
  display: block;
}
.index_security .ty_3 .box1 .swiper .swiper-slide {
  flex: 1;
  transition: 0.8s;
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  margin-right: var(--marginRight);
}
.index_security .ty_3 .box1 .swiper .swiper-slide:last-child {
  margin-right: 0;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_img {
  width: 100%;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_img img {
  height: 4.85rem;
  transition: 0.4s;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab1 {
  transition: 0.4s;
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  padding: 0 0.2rem;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab1 p {
  /*font-family: SourcLight;*/
  color: #fff;
  text-align: center;
  line-height: 1.4;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  padding: 0 0.4rem;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .text {
  color: #fff;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .text div {
  line-height: 1.4;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .text .t1 {
  /*font-family: SourcLight;*/
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .text .t2 {
  /*font-family: SourcMedium;*/
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .gengduo {
  margin-top: 0.2rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 .gengduo i {
  margin-left: 0.1rem;
  color: #fff;
}
.index_security .ty_3 .box1 .swiper .swiper-slide.active {
  flex: 3.2;
}
.index_security .ty_3 .box1 .swiper .swiper-slide.active .de_img img {
  width: 100%;
}
.index_security .ty_3 .box1 .swiper .swiper-slide.active .de_ab1 {
  opacity: 0;
}
.index_security .ty_3 .box1 .swiper .swiper-slide.active .de_ab2 {
  opacity: 1;
}
.index_security .ty_2,
.index_security .ty_3 .box1,
.index_security .ty_3 .box2 {
  position: relative;  
  padding: 0 .6rem;
}
.index_security .ty_3 .box2 .swiper .swiper-slide {
  position: relative;
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.2rem;
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_img img {
  transition: 0.4s;
  width: 100%;
  height: 4.85rem;
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_text {
  position: absolute;
  width: 100%;
  bottom: 5%;
  padding: 0 0.36rem;
  color: #fff;
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_text div {
  line-height: 1.6;
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_text .p1 {
  /*font-family: SourcLight;*/
}
.index_security .ty_3 .box2 .swiper .swiper-slide .de_text .p2 {
  /*font-family: SourcMedium;*/
}
.index_security .ty_3 .box2 .swiper .swiper-slide:hover .de_img img {
  transform: scale(1.05);
}
.index_security .ty_2 .switch .prev,
.index_security .ty_2 .switch .next, 
.index_security .ty_3 .box1 .switch .prev,
.index_security .ty_3 .box1 .switch .next, 
.index_security .ty_3 .box2 .switch .prev,
.index_security .ty_3 .box2 .switch .next {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2; 
}
.index_security .ty_2 .switch .prev i,
.index_security .ty_2 .switch .next i,
.index_security .ty_3 .box1 .switch .prev i,
.index_security .ty_3 .box1 .switch .next i,
.index_security .ty_3 .box2 .switch .prev i,
.index_security .ty_3 .box2 .switch .next i {
    color: #999;
    transition: 0.4s;
    cursor: pointer;
}

.index_security .ty_2 .switch .prev i:hover,
.index_security .ty_2 .switch .next i:hover,
.index_security .ty_3 .box1 .switch .prev i:hover,
.index_security .ty_3 .box1 .switch .next i:hover,
.index_security .ty_3 .box2 .switch .prev i:hover,
.index_security .ty_3 .box2 .switch .next i:hover {
    color: #0091db;
} 
.index_security .ty_2 .switch .prev,
.index_security .ty_3 .box1 .switch .prev,
.index_security .ty_3 .box2 .switch .prev {
    left: 0;
}
.index_security .ty_2 .switch .next,
.index_security .ty_3 .box1 .switch .next,
.index_security .ty_3 .box2 .switch .next {
    right: 0;
}



.pu_year {
  background: url('../images/7.jpg') no-repeat;
  background-size: cover;
  padding-bottom: 0.3rem;
}
.pu_year .ar_1 {
  text-align: center;
}
.pu_year .ar_1 .text {
  color: #000;
  /*font-family: SourcBold;*/
}
.pu_year .ar_1 .text span {
  /*font-family: SourcLight;*/
}
.pu_year .ar_1 .desc {
  margin-top: 0.2rem;
  /*font-family: SourcLight;*/
  color: #000;
}
.pu_year .ar_2 .swiper .swiper-slide {
  position: relative;
}
.pu_year .ar_2 .swiper .swiper-slide .num {
  text-align: center;
  opacity: 0.08;
  /*font-family: SourcBold;*/
  font-size: 5.4rem;
  line-height: 1;
  color: #7b7b7b;
}
.pu_year .ar_2 .swiper .swiper-slide .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55%;
  height: 3rem;
  background: url('../images/4.png') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pu_year .ar_2 .swiper .swiper-slide .content > div {
  width: 76%;
}
.pu_year .ar_2 .swiper .swiper-slide .content .data {
  /*font-family: SourcBold;*/
  color: #0091db;
}
.pu_year .ar_2 .swiper .swiper-slide .content .text {
  padding-left: 0.4rem;
  flex: 1;
  /*font-family: SourcRegular;*/
  color: #000;
  line-height: 1.6;
}
.pu_year .ar_3 .swiper .swiper-slide div {
  margin-bottom: 0.1rem;
  width: 100%;
  position: relative;
}
.pu_year .ar_3 .swiper .swiper-slide div::before {
  transition: 0.4s;
  opacity: 0;
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: url('../images/line_2.png') no-repeat;
  background-size: 100% 100%;
}
.pu_year .ar_3 .swiper .swiper-slide div img {
  width: 100%;
}
.pu_year .ar_3 .swiper .swiper-slide p {
  transition: 0.4s;
  text-align: center;
  cursor: pointer;
  color: #ccc2c2;
  /*font-family: SourcBold;*/
}
.pu_year .ar_3 .swiper .swiper-slide.active div::before {
  opacity: 1;
}
.pu_year .ar_3 .swiper .swiper-slide.active p {
  color: #0091db;
}
.index_criteria {
  position: relative;
}
.index_criteria::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3.4rem;
  bottom: 0;
  left: 0;
  background: #0091db;
}
.index_criteria .ia_top {
  text-align: center;
}
.index_criteria .ia_top .text {
  /*font-family: SourcBold;*/
}
.index_criteria .ia_top .desc {
  margin-top: 0.2rem;
}
.index_criteria .ia_bot {
  margin-top: 1.3rem;
  --width: 2.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_criteria .ia_bot .swiper {
  padding-top: 0.1rem;
}
.index_criteria .ia_bot .swiper .swiper-slide {
  width: var(--width);
  margin-left: -0.6rem;
  z-index: 4;
  transition: 0.4s;
}
.index_criteria .ia_bot .swiper .swiper-slide .de_img {
  width: 100%;
}
.index_criteria .ia_bot .swiper .swiper-slide .de_img img {
  width: 100%;
}
.index_criteria .ia_bot .swiper .swiper-slide .de_text {
  margin-top: 0.54rem;
  text-align: center;
  padding: 0 0.2rem;
}
.index_criteria .ia_bot .swiper .swiper-slide .de_text p {
  color: #fff;
  line-height: 1.4;
}
.index_criteria .ia_bot .swiper .swiper-slide .de_text p a {
    color: #fff;
}
.index_criteria .ia_bot .swiper .swiper-slide:hover {
  transform: translateY(-0.1rem);
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(1) {
  margin-left: 0;
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(5) {
  z-index: 3;
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(6) {
  z-index: 2;
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(7) {
  z-index: 1;
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(1) .de_text,
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(2) .de_text,
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(3) .de_text {
  padding: 0 0.6rem 0 0.2rem;
}
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(5) .de_text,
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(6) .de_text,
.index_criteria .ia_bot .swiper .swiper-slide:nth-child(7) .de_text {
  padding: 0 0.2rem 0 0.6rem;
}
.index_solution .on_top {
  position: relative;
}
.index_solution .on_top .text {
  text-align: center;
  color: #000;
  /*font-family: SourcBold;*/
}
.index_solution .on_top .text_2 {
  /*font-family: SourcMedium;*/
}
.index_solution .on_top .pu_switch {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.index_solution .on_top .pu_switch .next {
  margin-left: 0.1rem;
}
.index_solution .on_bot {
  margin-top: 1rem;
}
.index_solution .on_bot .swiper {
  --width: 3.34rem;
  --height: 4.3rem;
  --gap: 0.3rem;
}
.index_solution .on_bot .swiper .swiper-slide {
  width: calc((100% - var(--gap) * 3) / 4);
  position: relative;
  background: #eee;
  margin-right: var(--gap);
  border-radius: 10px;
  transition: 0.8s;
  overflow: hidden;
}
.index_solution .on_bot .swiper .swiper-slide:last-child {
    margin-right: 0;
}
.index_solution .on_bot .swiper .swiper-slide .de_img {
  width: 100%;
}
.index_solution .on_bot .swiper .swiper-slide .de_img img {
  width: 100%;
  height: var(--height);
}
.index_solution .on_bot .swiper .swiper-slide .de_post {
  position: absolute;
  top: 0.46rem;
  left: 0.22rem;
  width: 2.5rem;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content1 {
  color: #000;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content2 {
  transition: 0.6s;
  opacity: 0;
  margin: 0.06rem 0 0.14rem;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content2 p {
  line-height: 0.32rem;
  height: 0.64rem;
  color: #666;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content3 {
  transition: 0.6s;
  opacity: 0;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content3 a {
  transition: 0.4s;
  display: inline-block;
  color: #fff;
  background: #0091db;
  padding: 0.1rem;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content3 a span {
  margin-left: 0.12rem;
}
.index_solution .on_bot .swiper .swiper-slide .de_post .content3 a:hover {
  border-radius: 10px;
}
.index_solution .on_bot .swiper .swiper-slide.active {
  width: 6.2rem;
}
.index_solution .on_bot .swiper .swiper-slide.active .de_post .content2,
.index_solution .on_bot .swiper .swiper-slide.active .de_post .content3 {
  opacity: 1;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide {
  background: none;
  border: 1px solid #d2d2d2;
  border-radius: 0;
  position: relative;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide::before {
  transition: 0.6s;
  z-index: 1;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.06rem;
  background: linear-gradient(to right, #fff, #0091db);
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post {
  width: 100%;
  left: 0;
  /* display: flex; */
  flex-wrap: wrap;
  padding: 0 0.22rem;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post .content1 {
  flex: 1;
  margin-bottom: 0.2rem;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post .content4 {
  transition: 0.6s;
  opacity: 0;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post .content4 a {
  transition: 0.4s;
  display: inline-block;
  color: #0091db;
  border: 1px solid #0091db;
  padding: 0.1rem;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post .content4 a span {
  margin-left: 0.12rem;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide .de_post .content4 a:hover {
  background: #0091db;
  color: #fff;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide.active::before {
  width: 100%;
}
.index_solution.index_solution_2 .on_bot .swiper .swiper-slide.active .de_post .content4 {
  opacity: 1;
}
.index_news {
  background: #f7f7f7;
}
.index_news .ws_top {
  color: #000;
  /*font-family: SourcBold;*/
}
.index_news .ws_bot {
  margin-top: 0.2rem;
}
.index_news .ws_bot .le_box {
  width: 18%;
  border-top: 1px solid #a0a0a0;
}
.index_news .ws_bot .le_box div {
  border-bottom: 1px solid #a0a0a0;
}
.index_news .ws_bot .le_box div a {
  transition: 0.4s;
  display: inline-block;
  color: #000;
  padding: 0.3rem 0;
  cursor: pointer;
}
.index_news .ws_bot .le_box div.active a {
  color: #0091db;
}
.index_news .ws_bot .ri_box {
  width: 82%;
  padding-left: 10%;
}
.index_news .ws_bot .ri_box .toggle {
  display: none;
}
.index_news .ws_bot .ri_box .toggle.active {
  display: block;
}
.index_news .ws_bot .ri_box .slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.index_news .ws_bot .ri_box .slide .item1 {
  padding-right: 12%;
}
.index_news .ws_bot .ri_box .slide .item1 a {
  position: relative;
  border-bottom: 0.02rem solid #a0a0a0;
}
.index_news .ws_bot .ri_box .slide .item1 a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.06rem;
  background: linear-gradient(to right, #fff, #0091db);
}
.index_news .ws_bot .ri_box .slide .item1 a .img {
  width: 100%;
  overflow: hidden;
}
.index_news .ws_bot .ri_box .slide .item1 a .img img {
  transition: 0.4s;
  width: 100%;
}
.index_news .ws_bot .ri_box .slide .item1 a .content {
  padding: 0.2rem 0;
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t1 {
  color: rgba(0, 0, 0, 0.6);
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t2 {
  margin: 0.16rem 0;
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t2 p {
  transition: 0.4s;
  color: rgba(0, 0, 0, 0.8);
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t3 p {
  line-height: 0.3rem;
  height: 0.6rem;
  color: rgba(0, 0, 0, 0.6);
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t4 {
  margin-top: 0.46rem;
  display: flex;
}
.index_news .ws_bot .ri_box .slide .item1 a .content .t4 span {
  margin-left: 0.1rem;
}
.index_news .ws_bot .ri_box .slide .item1 a:hover::before {
  width: 100%;
}
.index_news .ws_bot .ri_box .slide .item1 a:hover .img img {
  transform: scale(1.05);
}
.index_news .ws_bot .ri_box .slide .item1 a:hover .content .t2 p {
  color: #0091db;
}
.index_news .ws_bot .ri_box .slide .item2 {
  position: relative;
  padding-left: 10%;
   height: 5.55rem;
  overflow: auto;
  direction: rtl;
}
.index_news .ws_bot .ri_box .slide .item2::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.index_news .ws_bot .ri_box .slide .item2::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #0091db;
}
.index_news .ws_bot .ri_box .slide .item2::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #a0a0a0;
}
.index_news .ws_bot .ri_box .slide .item2 .li {
  position: relative;
  direction: ltr;
  height: 20%;
  display: flex;
  align-items: center;
  border-bottom: 0.02rem solid #a0a0a0;
}
.index_news .ws_bot .ri_box .slide .item2 .li::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.06rem;
  background: linear-gradient(to right, #fff, #0091db);
}
.index_news .ws_bot .ri_box .slide .item2 .li a .text p {
  transition: 0.4s;
  color: #000;
}
.index_news .ws_bot .ri_box .slide .item2 .li a .time {
  margin-top: 0.1rem;
  color: rgba(0, 0, 0, 0.6);
}
.index_news .ws_bot .ri_box .slide .item2 .li a:hover::before {
  width: 100%;
}
.index_news .ws_bot .ri_box .slide .item2 .li a:hover .text p {
  color: #0091db;
}
.index_news .ws_bot .ri_box .slide .item2 .li:first-child {
  border-top: 0.02rem solid #a0a0a0;
}
.index_cases .es_1 {
  position: relative;
}
.index_cases .es_1 .text {
  text-align: center;
  color: #000;
  /*font-family: SourcBold;*/
}
.index_cases .es_1 .pu_switch {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.index_cases .es_1 .pu_switch .next {
  margin-left: 0.1rem;
}
.index_cases .es_2 {
  margin-bottom: 0.96rem;
  position: relative;
}
.index_cases .es_2 .swiper .swiper-slide a {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.index_cases .es_2 .swiper .swiper-slide a .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.index_cases .es_2 .swiper .swiper-slide a .img img {
  border-radius: 0.2rem;
  transition: 0.4s;
  width: 100%;
}
.index_cases .es_2 .swiper .swiper-slide a .post {
  transition: 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  border-radius: 0.2rem;
}
.index_cases .es_2 .swiper .swiper-slide a .post img {
  margin: auto;
  max-width: 50%;
}
.index_cases .es_2 .swiper .swiper-slide a:hover .img img {
  transform: scale(1.05);
}
.index_cases .es_2 .swiper .swiper-slide a:hover .post {
  opacity: 0;
}
.index_cases .es_3 {
  display: flex;
  justify-content: center;
}
.index_cases .es_3 a {
  transition: 0.4s;
  color: #aaa;
}
.index_cases .es_3 a:hover {
  color: #0091db;
}
.index_customer {
  background: url('../images/12.jpg') no-repeat;
  background-size: cover;
}
.index_customer .er_1 .text {
  color: #fff;
  /*font-family: SourcBold;*/
}
.index_customer .er_1 .desc {
  margin-top: 0.2rem;
  color: #fff;
  opacity: 0.8;
}
.index_customer .er_1 .pu_switch {
  display: flex;
}
.index_customer .er_1 .pu_switch .prev,
.index_customer .er_1 .pu_switch .next {
  border-color: #fff;
}
.index_customer .er_1 .pu_switch .prev i,
.index_customer .er_1 .pu_switch .next i {
  color: #fff;
}
.index_customer .er_1 .pu_switch .prev:hover,
.index_customer .er_1 .pu_switch .next:hover {
  background: #fff;
}
.index_customer .er_1 .pu_switch .prev:hover i,
.index_customer .er_1 .pu_switch .next:hover i {
  color: #0091db;
}
.index_customer .er_1 .pu_switch .next {
  margin-left: 0.1rem;
}
.index_customer .er_2 {
  position: relative;
}
.index_customer .er_2 .swiper .swiper-slide {
  text-align: center;
}
.index_customer .er_2 .swiper .swiper-slide img {
  border-radius: 0.1rem;
  width: 100%;
}
.index_customer .er_2 .swiper .swiper-slide .txt {
  margin-top: 0.26rem;
  color: #fff;
  /*font-family: SourcLight;*/
}
.index_purchase .se_top .text {
  color: #000;
  /*font-family: SourcBold;*/
}
.index_purchase .se_top .pu_switch {
  display: flex;
}
.index_purchase .se_top .pu_switch .next {
  margin-left: 0.1rem;
}
.index_purchase .se_bot {
  margin-top: 0.9rem;
}
.index_purchase .se_bot .swiper {
  --gap: 0.26rem;
  --width: 6.6rem;
}
.index_purchase .se_bot .swiper .swiper-slide {
  transition: 0.6s;
  position: relative;
  width: calc((100% - (var(--gap) * 3)) / 4);
  margin-right: var(--gap);
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}
.index_purchase .se_bot .swiper .swiper-slide:last-child {
   margin-right: 0;  
}
.index_purchase .se_bot .swiper .swiper-slide .de_img {
  position: relative;
}
.index_purchase .se_bot .swiper .swiper-slide .de_img p {
  transition: 0.6s;
  position: relative;
  width: var(--width);
  height: 4.6rem;
}
.index_purchase .se_bot .swiper .swiper-slide .de_img p img {
  transition: 0.6s;
  position: absolute;
  width: 3.4rem;
  top: 50%;
  /* right: 1.4rem; */
  right: 2.9rem;
  transform: translateY(-50%);
}
.index_purchase .se_bot .swiper .swiper-slide .de_post {
  position: absolute;
  top: 0;
  left: 0.36rem;
  width: 2.6rem;
  height: 100%;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post > div {
  padding: 0.3rem 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t1 {
  color: #000;
  /*font-family: SourcMedium;*/
  line-height: 0.4rem;
  height: 0.8rem;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t2 {
  transition: 0.6s;
  opacity: 0;
  height: 2.16rem;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t2 p {
  line-height: 0.36rem;
  padding-left: 0.18rem;
  position: relative;
  color: #666;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t2 p::before {
  content: '';
  position: absolute;
  top: 0.15rem;
  left: 0;
  width: 0.05rem;
  height: 0.05rem;
  background: #666;
  border-radius: 50%;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t3 a {
  transition: 0.4s;
  display: inline-block;
  color: #0091db;
  border: 1px solid #0091db;
  padding: 0.1rem;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t3 a span {
  margin-left: 0.12rem;
}
.index_purchase .se_bot .swiper .swiper-slide .de_post .t3 a:hover {
  background: #0091db;
  color: #fff;
}
.index_purchase .se_bot .swiper .swiper-slide.active {
  width: var(--width);
}
.index_purchase .se_bot .swiper .swiper-slide.active .de_img p img {
  right: 0;
}
.index_purchase .se_bot .swiper .swiper-slide.active .de_post .t2 {
  opacity: 1;
}
.alarm_system .xt_1 {
  text-align: center;
}
.alarm_system .xt_1 .text {
  color: #000;
}
.alarm_system .xt_1 .desc {
  margin-top: 0.2rem;
  color: #333;
}
.alarm_system .xt_2 {
  margin-top: 0.92rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}
.alarm_system .xt_2 .slide {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.alarm_system .xt_2 .slide .de_img {
  width: 100%;
}
.alarm_system .xt_2 .slide .de_img img {
  transition: 0.4s;
  width: 100%;
}
.alarm_system .xt_2 .slide .de_text {
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #fff;
}
.alarm_system .xt_2 .slide .de_text .t1 {
  padding: 0 0.22rem;
}
.alarm_system .xt_2 .slide .de_text .t2 {
  margin-top: 0.12rem;
  padding: 0 0.22rem;
  line-height: 0.5rem;
  background: rgba(0, 0, 0, 0.6);
}
.alarm_system .xt_2 .slide:hover .de_img img {
  transform: scale(1.05);
}
.sensing_cable {
  position: relative;
}
.sensing_cable .le_bk {
  width: 100%;
}
.sensing_cable .le_bk img {
  width: 100%;
}
.sensing_cable .le_text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
}
.sensing_cable .le_text .t1 {
  margin-bottom: 0.2rem;
}
.similar_product .ct_1 {
  text-align: center;
}
.similar_product .ct_1 p {
  color: #000;
}
.similar_product .ct_2 {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.similar_product .ct_2 .slide {
  margin: auto;
  width: 3rem;
  text-align: center;
}
.similar_product .ct_2 .slide img {
  transition: 0.4s;
  width: 1.2rem;
}
.similar_product .ct_2 .slide p {
  margin-top: 0.32rem;
  color: #333;
}
.similar_product .ct_2 .slide:hover img {
  transform: translateY(-6px);
}
.detection_area .ea_box {
  position: relative;
  width: 50%;
}
.detection_area .ea_box .x1 {
  width: 100%;
}
.detection_area .ea_box .x1 img {
  width: 100%;
}
.detection_area .ea_box p {
  position: absolute;
  top: 0.7rem;
  width: 100%;
  color: #fff;
  text-align: center;
}
.protection .on_1 {
  text-align: center;
}
.protection .on_1 .t1 {
  color: #000;
}
.protection .on_1 .t2 {
  margin-top: 0.2rem;
  color: #000;
}
.protection .on_2 {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.protection .on_2 .slide {
  transition: 0.4s;
  position: relative;
}
.protection .on_2 .slide img {
  transition: 0.4s;
  width: 100%;
  filter: grayscale(1);
}
.protection .on_2 .slide p {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
}
.protection .on_2 .slide:hover {
  transform: translateY(-6px);
}
.protection .on_2 .slide:hover img {
  filter: grayscale(0);
}
.cable_laying .le_box {
  background: #E8F1F6;
  width: 50%;
  display: flex;
  align-items: center;
}
.cable_laying .le_box .w1720 {
  width: 100%;
}
.cable_laying .le_box .item {
  margin-bottom: 0.68rem;
}
.cable_laying .le_box .item:last-child {
  margin-bottom: 0;
}
.cable_laying .le_box .item p {
  position: relative;
  color: #000;
  line-height: 1.6;
  padding-left: 0.2rem;
}
.cable_laying .le_box .item p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.1rem;
  height: 0.1rem;
  background: #000;
  border-radius: 50%;
}
.cable_laying .ri_box {
  width: 50%;
}
.cable_laying .ri_box img {
  width: 100%;
}
.ele_wave .box {
  position: relative;
  width: 50%;
  text-align: center;
}
.ele_wave .box .text {
  color: #000;
}
.ele_wave .box .icon {
  margin-top: 0.94rem;
}
.ele_wave .box .icon .item {
  margin-right: 0.6rem;
}
.ele_wave .box .icon .item:last-child {
  margin-right: 0;
}
.ele_wave .box .icon .item img {
  transition: 0.4s;
  width: 1.2rem;
}
.ele_wave .box .icon .item p {
  margin-top: 0.3rem;
  color: #333;
}
.ele_wave .box .icon .item:hover img {
  transform: translateY(-6px);
}
.ele_wave .box:first-child::before {
  content: '';
  width: 0.02rem;
  height: 1.6rem;
  position: absolute;
  bottom: 0.16rem;
  right: 0;
  background: #D0E1E1;
}
.accuracy {
  background: url('../images/29.jpg') no-repeat;
  background-size: cover;
  padding: 1.37rem 0 2.08rem;
}
.accuracy .cy_1 {
  text-align: center;
}
.accuracy .cy_1 p {
  line-height: 1.5;
  color: #000;
}
.accuracy .cy_2 {
  margin-top: 0.94rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.52rem;
}
.accuracy .cy_2 .slide {
  text-align: center;
}
.accuracy .cy_2 .slide .square {
  width: 100%;
  background: url('../images/11.svg') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accuracy .cy_2 .slide .square .data {
  font-size: 1.5rem;
  line-height: 1;
  color: #0091db;
  display: flex;
  align-items: center;
}
.accuracy .cy_2 .slide .wz {
  margin-top: 0.4rem;
  color: #000;
}
.intelligent .le_box {
  background: #E8F1F6;
  width: 50%;
  display: flex;
  align-items: center;
}
.intelligent .le_box .w1720 {
  width: 100%;
}
.intelligent .le_box .box1 p {
  color: #000;
  line-height: 1.5;
}
.intelligent .le_box .box2 {
  margin-top: 0.64rem;
}
.intelligent .le_box .box2 .item p {
  position: relative;
  color: #000;
  padding-left: 0.2rem;
  line-height: 2;
}
.intelligent .le_box .box2 .item p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  background: #000;
  border-radius: 50%;
}
.intelligent .ri_box {
  width: 50%;
}
.intelligent .ri_box img {
  width: 100%;
}
.environment .le_box {
  background: #E8F1F6;
  width: 50%;
  display: flex;
  align-items: center;
}
.environment .le_box .w1720 {
  width: 100%;
}
.environment .le_box .box1 .x2 {
  margin-top: 0.2rem;
}
.environment .le_box .box2 {
  cursor: pointer;
  margin: 0.7rem 0 0.64rem;
  display: inline-flex;
  align-items: center;
}
.environment .le_box .box2 span {
  margin-right: 0.12rem;
}
.environment .le_box .box2 img {
  width: 0.3rem;
}
.environment .le_box .box3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem 0;
}
.environment .le_box .box3 .item {
  display: flex;
}
.environment .le_box .box3 .item .icon {
  height: 0.46rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.environment .le_box .box3 .item .icon img {
  max-height: 0.46rem;
}
.environment .le_box .box3 .item p {
  margin-top: 0.14rem;
  text-align: center;
  color: #000;
}
.environment .ri_box {
  width: 50%;
}
.environment .ri_box img {
  width: 100%;
}
.app_cenario .io_box {
  margin-bottom: 0.68rem;
}
.app_cenario .io_box:last-child {
  margin-bottom: 0;
}
.app_cenario .io_box .x1 {
  text-align: center;
}
.app_cenario .io_box .x1 .desc {
  margin-top: 0.2rem;
}
.app_cenario .io_box .x2 {
  margin-top: 0.52rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.26rem;
}
.app_cenario .io_box .x2 p {
  transition: 0.4s;
}
.app_cenario .io_box .x2 p img {
  width: 100%;
}
.app_cenario .io_box .x2 p:hover {
  transform: translateY(-6px);
}
.calibration {
  position: relative;
}
.calibration .on_bk {
  width: 100%;
}
.calibration .on_bk img {
  width: 100%;
}
.calibration .on_ab {
  position: absolute;
  bottom: 12%;
  width: 100%;
  color: #fff;
  text-align: center;
}
.calibration .on_ab .b2 {
  margin-top: 0.2rem;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.calibration .on_ab .b2 span {
  margin-right: 0.12rem;
}
.calibration .on_ab .b2 img {
  width: 0.3rem;
}
.direction .on_1 {
  text-align: center;
}
.direction .on_2 {
  margin-top: 0.76rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.direction .on_2 .box {
  text-align: center;
}
.direction .on_2 .box div {
  overflow: hidden;
}
.direction .on_2 .box div img {
  transition: 0.4s;
  width: 100%;
}
.direction .on_2 .box div:hover img {
  transform: scale(1.05);
}
.direction .on_2 .box p {
  margin-top: 0.46rem;
}
.series_type .pe_box {
  width: 50%;
  position: relative;
}
.series_type .pe_box .box_img {
  width: 100%;
}
.series_type .pe_box .box_img img {
  width: 100%;
}
.series_type .pe_box .box_content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52%;
  transform: translate(-50%, -50%);
}
.series_type .pe_box .box_content .wow {
  background: rgba(232, 241, 246, 0.8);
  padding: 0.5rem;
  border-radius: 0.2rem;
}
.series_type .pe_box .box_content .t1 {
  text-align: center;
}
.series_type .pe_box .box_content .t2 {
  margin-top: 0.3rem;
  line-height: 0.44rem;
  min-height: 1.32rem;
}
.parameter .er_1 {
  font-weight: 500;
}
.parameter .er_2 {
  margin-top: 0.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.16rem;
}
.principle {
  background: url('../images/206.jpg') no-repeat;
  background-size: cover;
}
.principle .le_1 {
  text-align: center;
}
.principle .le_1 p {
  color: #000;
}
.principle .le_2 {
  margin-top: 0.96rem;
}
.principle .le_2 .le_box {
  width: 50%;
  display: flex;
  justify-content: center;
}
.principle .le_2 .le_box img {
  max-width: 80%;
}
.principle .le_2 .ri_box {
  width: 50%;
  display: grid;
  gap: 0.16rem;
}
.principle .le_2 .ri_box p {
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.6;
}
.category .ry_1 {
  text-align: center;
}
.category .ry_1 p {
  color: #000;
}
.category .ry_2 {
  margin-top: 0.56rem;
}
.category .ry_2 .banner1 {
  padding: 0 0.74rem;
  position: relative;
}
.category .ry_2 .swiper .swiper-slide {
  width: 100%;
  transform: scale(0.9);
  transform-origin: center bottom;
  transition: 0.6s;
}
.category .ry_2 .swiper .swiper-slide img {
  width: 100%;
}
.category .ry_2 .swiper .swiper-slide-active {
  transform: scale(1);
}
.category .ry_2 .swiper_text {
  margin-top: 0.36rem;
}
.category .ry_2 .swiper_text .text {
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  display: none;
}
.category .ry_2 .swiper_text .text .t2 {
  color: #646464;
  margin-top: 0.2rem;
}
.category .ry_2 .swiper_text .text.active {
  display: block;
}
.category .ry_2 .pu_switch .prev,
.category .ry_2 .pu_switch .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.category .ry_2 .pu_switch .prev {
  left: 0;
}
.category .ry_2 .pu_switch .next {
  right: 0;
}
.embedded {
  background: url('../images/207.jpg') no-repeat;
  background-size: cover;
}
.embedded .ed_1 {
  text-align: center;
}
.embedded .ed_1 .t1 span {
  color: #0091db;
}
.embedded .ed_1 .t2 {
  margin-top: 0.2rem;
}
.embedded .ed_2 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.embedded .ed_2 .slide {
  text-align: center;
}
.embedded .ed_2 .slide div {
  position: relative;
  transition: 0.4s;
  width: 1.65rem;
  margin: 0 auto;
}
.embedded .ed_2 .slide div::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: url('../images/13_1.png') no-repeat;
  background-size: cover;
  animation: Rotate 1.6s linear infinite;
}
.embedded .ed_2 .slide div img {
  width: 100%;
}
.embedded .ed_2 .slide p {
  margin-top: 0.54rem;
  color: rgba(0, 0, 0, 0.8);
}
.efficient .ne_box .le_box {
  width: 44%;
  overflow: hidden;
}
.efficient .ne_box .le_box img {
  transition: 0.4s;
  width: 100%;
}
.efficient .ne_box .le_box:hover img {
  transform: scale(1.05);
}
.efficient .ne_box .ri_box {
  width: 56%;
  padding: 0 var(--bj);
}
.efficient .ne_box .ri_box .x1 {
  text-align: center;
}
.efficient .ne_box .ri_box .x2 {
  margin-top: 0.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.9rem;
}
.efficient .ne_box .ri_box .x2 .item {
  position: relative;
}
.efficient .ne_box .ri_box .x2 .item::before {
  content: '';
  position: absolute;
  top: 0;
  right: -0.45rem;
  width: 1px;
  height: 100%;
  background: #eaeaea;
}
.efficient .ne_box .ri_box .x2 .item div {
  padding: 0.14rem 0 0.3rem;
  border-bottom: 2px solid #bfbfbf;
  position: relative;
}
.efficient .ne_box .ri_box .x2 .item div::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 36%;
  height: 2px;
  background: #0091db;
}
.efficient .ne_box .ri_box .x2 .item div img {
  margin-top: 0.06rem;
  width: 0.3rem;
}
.efficient .ne_box .ri_box .x2 .item p {
  margin-top: 0.2rem;
  line-height: 1.8;
  color: #4c4c4c;
}
.velocity {
  --width: 3.8rem;
}
.velocity .box {
  width: 50%;
  position: relative;
}
.velocity .box .img {
  width: 100%;
}
.velocity .box .img img {
  width: 100%;
}
.velocity .box .post {
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  padding: 0 var(--bj);
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.velocity .box .post .st_ {
  width: var(--width);
  margin: 0 auto;
  color: #fff;
}
.velocity .box .post .st_ .t1 {
  border-bottom: 0.02rem dashed rgba(255, 255, 255, 0.6);
  padding-bottom: 0.36rem;
}
.velocity .box .post .st_ .t1 .desc {
  width: var(--width);
  text-align: justify;
  text-align-last: justify;
}
.velocity .box .post .st_ .t1 .text {
  text-align: justify;
  text-align-last: justify;
  width: var(--width);
  position: relative;
  margin-top: 0.16rem;
}
.velocity .box .post .st_ .t2 {
  width: var(--width);
  margin-top: 0.18rem;
  line-height: 1.8;
}
.analysis .is_1 {
  text-align: center;
}
.analysis .is_2 {
  margin-top: 0.88rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.analysis .is_2 .box {
  border: 1px solid #eee;
}
.analysis .is_2 .box .x1 {
  color: #000;
  background: #eeee;
  padding: 0.16rem;
  font-weight: bold;
  text-align: center;
}
.analysis .is_2 .box .x2 {
  padding: 0.28rem;
}
.analysis .is_2 .box .x2 .desc {
  color: #000;
  line-height: 1.5;
}
.analysis .is_2 .box .x2 .img {
  text-align: center;
  margin-top: 0.2rem;
}
.analysis .is_2 .box .x2 .img img {
  max-width: 100%;
}
.pu_offer {
  background: #eee;
}
.pu_offer .form .er_1 .item1 {
  display: grid;
  gap: 0.3rem;
}
.pu_offer .form .er_1 .item1 input {
  width: 100%;
  height: 0.6rem;
  padding: 0 0.26rem;
  color: #000;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.pu_offer .form .er_1 .item1 input::placeholder {
  color: #595757;
}
.pu_offer .form .er_1 .item2 {
  margin-top: 0.3rem;
  display: flex;
  flex-wrap: wrap;
}
.pu_offer .form .er_1 .item2 .layui-input-inline {
  margin-right: 0.3rem;
}
.pu_offer .form .er_1 .item2 .layui-input-inline:last-child {
  margin-right: 0;
}
.pu_offer .form .er_1 .item2 .layui-form-select .layui-input {
  padding-left: 0;
  height: 0.62rem;
  width: 2.54rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 0 0.26rem;
  color: #000;
}
.pu_offer .form .er_1 .item2 .layui-form-select .layui-input::placeholder {
  color: #595757;
}
.pu_offer .form .er_1 .item2 .layui-form-select .layui-edge {
  display: none;
}
.pu_offer .form .er_1 .item2 .layui-form-select dl {
  top: 0.6rem;
  padding: 0;
  font-size: 0.18rem;
}
.pu_offer .form .er_1 .item2 .layui-form-select dl dd {
  line-height: 0.4rem;
}
.pu_offer .form .er_2 {
  margin-top: 0.5rem;
}
.pu_offer .form .er_2 .but {
  transition: 0.4s;
  cursor: pointer;
  width: 3.34rem;
  line-height: 0.54rem;
  background: #0091db;
  color: #fff;
  text-align: center;
  border-radius: 0.36rem;
  border: none;
}
.pu_offer .form .er_2 .but:hover {
  transform: translateY(-0.04rem);
}
.selection .se_1 {
  text-align: center;
}
.selection .se_2 {
  margin-top: 0.94rem;
}
.selection .se_2 .le_box {
  width: 50%;
  text-align: center;
}
.selection .se_2 .le_box img {
  max-width: 80%;
}
.selection .se_2 .ri_box {
  width: 50%;
}
.selection .se_2 .ri_box .x1 {
  /*font-family: SourcMedium;*/
}
.selection .se_2 .ri_box .x2 {
  margin-top: 0.38rem;
  display: grid;
  gap: 0.26rem;
}
.selection .se_2 .ri_box .x2 .item img {
  width: 0.26rem;
}
.selection .se_2 .ri_box .x2 .item p {
  padding-left: 0.14rem;
  flex: 1;
  /*font-family: SourcLight;*/
}
.arguments {
  background: #eee;
}
.arguments .ts_1 {
  text-align: center;
}
.arguments .ts_2 {
  margin-top: 0.46rem;
}
.arguments .ts_2 .table {
  color: #333;
  width: 100%;
  border-color: #eee;
  border-collapse: separate;
}
.arguments .ts_2 .table tbody tr {
  display: flex;
  flex-wrap: wrap;
}
.arguments .ts_2 .table tbody tr td {
  flex: 1;
  padding: 0.1rem 0.3rem;
}
.arguments .ts_2 .table tbody tr td:first-child {
  flex: none;
  width: 2.2rem;
}
.arguments.arguments_2 {
  background: linear-gradient(to bottom, #f6f6f6, #fdfdfd);
}
.arguments.arguments_3 {
  background: #fff;
}
.product_video .eo_1 {
  text-align: center;
}
.product_video .eo_2 .box {
  position: relative;
}
.product_video .eo_2 .myVideo {
  width: 100%;
}
.product_video .eo_2 .myVideo video {
  width: 100%;
}
.product_video .eo_2 .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product_video .eo_2 .play img {
  transition: 0.6s;
  cursor: pointer;
  width: 1.1rem;
}
.product_video .eo_2 .play:hover img {
  transform: scale(1.05);
}
.classic_cases {
  background: #f9f9f9;
}
.classic_cases .es_1 {
  text-align: center;
}
.classic_cases .es_2 {
  margin-top: 0.94rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.16rem;
}
.classic_cases .es_2 .slide a {
  width: 100%;
}
.classic_cases .es_2 .slide a div {
  overflow: hidden;
  width: 100%;
}
.classic_cases .es_2 .slide a div img {
  transition: 0.4s;
  width: 100%;
}
.classic_cases .es_2 .slide a p {
  color: #000;
  margin-top: 0.3rem;
  line-height: 1.4;
}
.classic_cases .es_2 .slide a:hover div img {
  transform: scale(1.05);
}
.classic_cases2 {
  background: #fff;
}
.working_principle {
  background: #fff;
}
.working_principle .le_1 {
  text-align: center;
}
.working_principle .le_2 {
  display: grid;
  gap: 2rem;
}
.working_principle .le_2 .item .le_box {
  width: 50%;
  text-align: center;
}
.working_principle .le_2 .item .le_box img {
  max-width: 80%;
}
.working_principle .le_2 .item .ri_box {
  width: 50%;
}
.working_principle .le_2 .item .ri_box .x2 {
  color: #000;
  line-height: 2;
}
.working_principle_2 {
  background: url('../images/208.jpg') no-repeat;
  background-size: cover;
}
.working_principle_2 .le_2 .item .ri_box .x1 {
  width: 1.56rem;
  height: 2px;
  background: #0091db;
  margin-bottom: 0.2rem;
}
.advantages .es_1 {
  text-align: center;
}
.advantages .es_1 .desc {
  margin-top: 0.2rem;
}
.advantages .es_2 {
  margin-top: 0.96rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.38rem;
}
.advantages .es_2 .item {
  position: relative;
}
.advantages .es_2 .item div {
  overflow: hidden;
  width: 100%;
}
.advantages .es_2 .item div img {
  transition: 0.4s;
  width: 100%;
}
.advantages .es_2 .item .post {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.36);
}
.advantages .es_2 .item .post p {
  padding: 0 0.4rem;
  color: #fff;
  line-height: 1.8;
}
.advantages .es_2 .item:hover div img {
  transform: scale(1.05);
}
.guangtuo {
  background: url('../images/209.jpg') no-repeat;
  background-size: cover;
}
.guangtuo .uo_1 {
  text-align: center;
}
.guangtuo .uo_1 .desc {
  margin-top: 0.2rem;
}
.guangtuo .uo_2 {
  margin-top: 0.96rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}
.guangtuo .uo_2 .item .it_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.guangtuo .uo_2 .item .it_img::before {
  transition: 0.6s;
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 0.06rem;
  background: linear-gradient(to right, #fff, #0091db);
}
.guangtuo .uo_2 .item .it_img img {
  transition: 0.4s;
  width: 100%;
}
.guangtuo .uo_2 .item .it_text {
  margin-top: 0.36rem;
  text-align: center;
}
.guangtuo .uo_2 .item .it_text .t1 {
  transition: 0.4s;
  color: #000;
}
.guangtuo .uo_2 .item .it_text .t2 {
  margin-top: 0.14rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}
.guangtuo .uo_2 .item:hover .it_img::before {
  width: 100%;
}
.guangtuo .uo_2 .item:hover .it_img img {
  transform: scale(1.05);
}
.guangtuo .uo_2 .item:hover .it_text .t1 {
  color: #0091db;
}
.interface .ce_top .desc {
  opacity: 0.8;
  margin-top: 0.2rem;
  line-height: 1.5;
}
.interface .ce_bot {
  margin-top: 1.1rem;
  text-align: center;
}
.interface .ce_bot img {
  max-width: 100%;
}
.interface.white .ce_top {
  color: #fff;
}
.interface.center .ce_top {
  text-align: center;
}
.local {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
}
.local .al_1 {
  text-align: center;
}
.local .al_2 {
  margin-top: 0.96rem;
}
.local .al_2 .le_box {
  width: 50%;
  text-align: center;
}
.local .al_2 .le_box img {
  max-width: 80%;
}
.local .al_2 .ri_box {
  width: 50%;
}
.local .al_2 .ri_box p {
  line-height: 2;
  color: rgba(0, 0, 0, 0.8);
}
.product_series .es_1 {
  text-align: center;
}
.product_series .es_2 {
  margin-top: 0.66rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.product_series .es_2 .item {
  text-align: center;
}
.product_series .es_2 .item img {
  max-width: 80%;
}
.product_series .es_2 .item p {
  margin-top: 0.42rem;
  color: rgba(0, 0, 0, 0.9);
}
.drafting {
  background: url('../images/61.jpg') no-repeat;
  background-size: cover;
}
.drafting .ng_1 {
  text-align: center;
}
.drafting .ng_2 {
  margin-top: 0.6rem;
  text-align: center;
}
.drafting .ng_2 div {
  width: 100%;
}
.drafting .ng_2 div img {
  max-width: 100%;
}
.drafting .ng_2 p {
  margin-top: 0.26rem;
  color: rgba(0, 0, 0, 0.8);
  line-height: 2;
}
.attendant {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.attendant .le_box {
  width: 100%;
  overflow: hidden;
}
.attendant .le_box img {
  transition: 0.4s;
  width: 100%;
}
.attendant .le_box:hover img {
  transform: scale(1.05);
}
.attendant .ri_box {
  width: 100%;
  position: relative;
}
.attendant .ri_box .bk {
  width: 100%;
  height: 100%;
}
.attendant .ri_box .bk img {
  width: 100%;
  height: 100%;
}
.attendant .ri_box .post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.attendant .ri_box .post > div {
  color: #000;
  padding: 0.8rem var(--bj) 0.8rem 3vw;
}
.attendant .ri_box .post .desc {
  margin-top: 0.1rem;
  line-height: 2;
}
.adapt {
  margin-top: 0.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.adapt .le_box {
  width: 100%;
  overflow: hidden;
}
.adapt .le_box img {
  transition: 0.4s;
  width: 100%;
}
.adapt .le_box:hover img {
  transform: scale(1.05);
}
.adapt .ri_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.adapt .ri_box > div {
  width: 100%;
  padding: 0 var(--bj);
  color: #000;
}
.adapt .ri_box > div .desc {
  margin-top: 0.1rem;
  line-height: 2;
}
.climbing {
  margin-top: 0.2rem;
  position: relative;
}
.climbing .ng_bk {
  width: 100%;
}
.climbing .ng_bk img {
  width: 100%;
}
.climbing .ng_post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.climbing .ng_post .le_box {
  width: 48%;
  overflow: hidden;
}
.climbing .ng_post .le_box img {
  transition: 0.6s;
  width: 100%;
}
.climbing .ng_post .le_box:hover img {
  transform: scale(1.05);
}
.climbing .ng_post .ri_box {
  width: 52%;
  color: #000;
  padding-left: 5.6%;
}
.climbing .ng_post .ri_box .text {
  display: flex;
}
.climbing .ng_post .ri_box .text p {
  flex: 1;
  padding-left: 0.16rem;
}
.climbing .ng_post .ri_box .text div {
  width: 0.46rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.climbing .ng_post .ri_box .text div img {
  max-width: 100%;
}
.climbing .ng_post .ri_box .desc {
  margin-top: 0.1rem;
  line-height: 2;
}
.climbing .ng_1 .text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.climbing .ng_1 .text img {
  margin-left: 0.1rem;
  width: 0.46rem;
}
.climbing .ng_1 .desc {
  text-align: center;
  margin-top: 0.2rem;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.8);
}
.climbing .ng_2 img {
  width: 100%;
}
.local_interface {
  margin-top: 0.2rem;
  display: grid;
  grid-template-columns: 40% calc(60% - 0.2rem);
  gap: 0.2rem;
}
.local_interface .box {
  position: relative;
  width: 100%;
}
.local_interface .box .bk {
  width: 100%;
  height: 100%;
}
.local_interface .box .bk img {
  width: 100%;
  height: 100%;
}
.local_interface .box .post {
  position: absolute;
  width: 100%;
  top: 46%;
  left: 0;
}
.local_interface .box .post > div {
  color: #000;
  padding: 0 var(--bj);
}
.local_interface .box .post .desc {
  margin-top: 0.1rem;
  line-height: 2;
}
.capacity {
  margin-top: 0.2rem;
  position: relative;
}
.capacity .ty_bk {
  width: 100%;
}
.capacity .ty_bk img {
  width: 100%;
}
.capacity .ty_ab {
  position: absolute;
  width: 100%;
  bottom: 12%;
  color: #fff;
  text-align: center;
}
.capacity .ty_ab .desc {
  margin-top: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
}
.registration {
  padding: 1.76rem 0;
  background: url('../images/67.jpg') no-repeat;
  background-size: cover;
}
.registration .le_box {
  width: 50%;
}
.registration .le_box .desc {
  margin-top: 0.2rem;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.8);
}
.registration .ri_box {
  width: 50%;
  display: flex;
  justify-content: center;
}
.registration .ri_box img {
  width: 50%;
}
.host_parameters .rs_1 {
  text-align: center;
  color: #000;
}
.host_parameters .rs_2 {
  margin-top: 0.96rem;
}
.host_parameters .rs_2 .le_box {
  width: 40%;
  text-align: center;
}
.host_parameters .rs_2 .le_box img {
  max-width: 50%;
}
.host_parameters .rs_2 .ri_box {
  width: 60%;
}
.host_parameters .rs_2 .ri_box .table {
  color: #333;
  width: 100%;
  border-color: #eee;
  border-collapse: separate;
}
.host_parameters .rs_2 .ri_box .table tbody tr {
  display: flex;
  flex-wrap: wrap;
}
.host_parameters .rs_2 .ri_box .table tbody tr td {
  flex: 1;
  padding: 0.1rem 0.3rem;
}
.host_parameters .rs_2 .ri_box .table tbody tr td:first-child {
  flex: none;
  width: 2.2rem;
}
.w50 {
  width: 50%;
}
.boundless {
  position: relative;
}
.boundless .ss_bk {
  width: 100%;
}
.boundless .ss_bk img {
  width: 100%;
}
.boundless .ss_ab {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.boundless .ss_ab .text {
  line-height: 1.4;
}
.boundless .ss_ab .desc {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boundless .ss_ab .desc span {
  width: 0.7rem;
  height: 1px;
  background: #000;
}
.boundless .ss_ab .desc p {
  margin: 0 0.2rem;
}
.boundless.right .ss_ab {
  display: flex;
  justify-content: flex-end;
}
.assistance {
  position: relative;
}
.assistance .ce_bk {
  width: 100%;
}
.assistance .ce_bk img {
  width: 100%;
}
.assistance .ce_ab {
  position: absolute;
  top: 16%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.key_reset {
  position: relative;
}
.key_reset .st_bk {
  width: 100%;
}
.key_reset .st_bk img {
  width: 100%;
}
.key_reset .st_ab {
  position: absolute;
  bottom: 15%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.optional {
  position: relative;
}
.optional .al_bk {
  width: 100%;
}
.optional .al_bk img {
  width: 100%;
}
.optional .al_ab {
  position: absolute;
  width: 100%;
  top: 8%;
  text-align: center;
}
.optional .al_ab .desc {
  margin-top: 0.2rem;
  color: #656565;
}
.matching .ng_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem 0.9rem;
}
.matching .ng_box .slide {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.matching .ng_box .slide .de_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.matching .ng_box .slide .de_img img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.matching .ng_box .slide .de_ab {
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.16rem 0.34rem;
  color: #fff;
}
.matching .ng_box .slide .de_ab p {
  /*font-family: SourcBold;*/
}
.matching .ng_box .slide .de_ab span {
  /*font-family: SourcNormal;*/
  margin-left: 0.12rem;
  font-size: 0.24rem;
}
.matching .ng_box .slide:hover .de_img img {
  transform: scale(1.05);
}
.matching .ng_box .slide:nth-child(even) .de_ab {
  text-align: right;
}
.parameters_2 .pa_1 {
  text-align: center;
}
.parameters_2 .pa_2 {
  margin-top: 0.7rem;
  text-align: center;
}
.parameters_2 .pa_2 .text {
  /*font-family: SourcMedium;*/
}
.parameters_2 .pa_2 .desc {
  margin-top: 0.4rem;
  display: grid;
  gap: 0.26rem;
}
.parameters_2 .pa_2 .desc p {
  /*font-family: SourcLight;*/
}
.available {
  position: relative;
}
.available .le_bk {
  width: 100%;
}
.available .le_bk img {
  width: 100%;
}
.available .le_ab {
  position: absolute;
  top: 10%;
  width: 100%;
  color: #000;
  text-align: center;
}
.available .le_ab .text span {
  color: #ff0000;
}
.available .le_ab .desc {
  opacity: 0.8;
  margin-top: 0.2rem;
  line-height: 1.5;
}
.available.center .le_ab,
.available.left .le_ab{
  top: 50%;
  transform: translateY(-50%);
}
.available.left .le_ab > div {
    width: 50%;
}
.available.white .le_ab {
  color: #fff;
}
.w68 {
  width: 68%;
  margin: 0 auto;
}
.timed .ed_top {
  text-align: center;
}
.timed .ed_top .text {
  line-height: 1.2;
}
.timed .ed_top .desc {
  margin-top: 0.2rem;
  line-height: 1.2;
}
.timed .ed_bot {
  margin-top: 0.24rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.timed .ed_bot .item .box1 {
  text-align: center;
}
.timed .ed_bot .item .box1 img {
  transition: 0.4s;
  height: 0.62rem;
}
.timed .ed_bot .item .box1 img:hover {
  transform: translateY(-0.1rem);
}
.timed .ed_bot .item .box2 {
  margin-top: 0.2rem;
  position: relative;
}
.timed .ed_bot .item .box2 .em_bk {
  width: 100%;
  overflow: hidden;
}
.timed .ed_bot .item .box2 .em_bk img {
  transition: 0.4s;
  width: 100%;
}
.timed .ed_bot .item .box2 .em_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.timed .ed_bot .item .box2 .em_post > div {
  width: 100%;
  padding: 0 var(--bj);
  text-align: center;
}
.timed .ed_bot .item .box2 .em_post .svg {
  height: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.timed .ed_bot .item .box2 .em_post .svg img {
  transition: 0.4s;
  max-height: 100%;
}
.timed .ed_bot .item .box2 .em_post .text {
  margin-top: 0.2rem;
  color: #fff;
  line-height: 2;
}
.timed .ed_bot .item .box2:hover .em_bk img {
  transform: scale(1.05);
}
.timed .ed_bot .item .box2:hover .em_post .svg img {
  transform: translateY(-0.1rem);
}
.pu_bk {
  width: 100%;
}
.pu_bk img {
  width: 100%;
}
.compensate {
  position: relative;
}
.compensate .te_bk {
  width: 100%;
}
.compensate .te_bk img {
  width: 100%;
}
.compensate .te_ab {
  width: 100%;
  position: absolute;
  bottom: 10%;
  text-align: center;
}
.compensate .te_ab .text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.compensate .te_ab .text p {
  letter-spacing: 0.2rem;
}
.compensate .te_ab .text img {
  margin-left: 0.1rem;
  width: 0.46rem;
}
.compensate .te_ab .desc {
  color: #4c4c4c;
  margin-top: 0.2rem;
  line-height: 1.5;
}
.compensate.comp_1 .te_ab {
  bottom: 20%;
}
.compensate.comp_2 .te_ab {
  bottom: 30%;
}
.parameters_3 .pa_1 {
  text-align: center;
}
.parameters_3 .pa_2 {
  margin-top: 0.7rem;
}
.parameters_3 .pa_2 .text {
  /*font-family: SourcMedium;*/
  line-height: 1.2;
}
.parameters_3 .pa_2 .desc {
  margin-top: 0.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.26rem;
}
.parameters_3 .pa_2 .desc p {
  /*font-family: SourcLight;*/
}
.main_products {
  background: #fff;
  position: relative;
}
.main_products::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background: linear-gradient(to bottom, #f7f7f7, rgba(255, 255, 255, 0.5));
}
.main_products .ts_1 {
  text-align: center;
}
.main_products .ts_1 p {
  /*font-family: SourcMedium;*/
}
.main_products .ts_2 {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.2rem 0.4rem;
}
.main_products .ts_2 .item a .img {
  transition: 0.4s;
  height: 4.4rem;
  background: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}
.main_products .ts_2 .item a .img img {
  margin: auto;
  max-width: 80%;
  max-height: 80%;
}
.main_products .ts_2 .item a .content {
  margin-top: 0.26rem;
}
.main_products .ts_2 .item a .content p {
  color: #000;
  text-align: center;
  line-height: 1.4;
}
.main_products .ts_2 .item a:hover .img {
  transform: translateY(-0.1rem);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.widely .ly_1 {
  text-align: center;
}
.widely .ly_1 .desc {
  color: #4c4c4c;
  line-height: 1.2;
  margin-top: 0.36rem;
}
.widely .ly_2 {
  margin-top: 0.48rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.44rem;
}
.widely .ly_2 .item {
  position: relative;
}
.widely .ly_2 .item .it_img {
  width: 100%;
  overflow: hidden;
}
.widely .ly_2 .item .it_img img {
  width: 100%;
  transition: 0.4s;
}
.widely .ly_2 .item .it_ab {
  transition: 0.33s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 145, 219, 0.4);
}
.widely .ly_2 .item .it_ab p {
  color: #fff;
}
.widely .ly_2 .item:hover .it_img img {
  transform: scale(1.05);
}
.widely .ly_2 .item:hover .it_ab {
  opacity: 0;
}
.indoor .or_1 {
  text-align: center;
}
.indoor .or_2 {
  margin-top: 1rem;
}
.indoor .or_2 .le_box {
  width: 40%;
}
.indoor .or_2 .le_box img {
  width: 100%;
}
.indoor .or_2 .ri_box {
  width: 60%;
  display: grid;
  gap: 0.24rem;
}
.indoor .or_2 .ri_box p {
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 0.4rem;
  line-height: 1.4;
}
.indoor .or_2 .ri_box p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.12rem;
  width: 0.08rem;
  height: 0.08rem;
  background: #0091db;
  border-radius: 50%;
}
.indoor.indoor_2 .or_2 .le_box {
  width: 50%;
}
.indoor.indoor_2 .or_2 .ri_box {
  width: 50%;
}
.large {
  position: relative;
}
.large .ge_bk {
  width: 100%;
}
.large .ge_bk img {
  width: 100%;
}
.large .ge_ab {
  position: absolute;
  width: 100%;
  top: 14%;
  color: #fff;
}
.large .ge_ab .text {
  text-align: center;
}
.large .ge_ab .de_box {
  margin-top: 2rem;
}
.large .ge_ab .de_box .item {
  text-align: center;
  width: 50%;
}
.large .ge_ab .de_box .item .icon img {
  height: 0.74rem;
}
.large .ge_ab .de_box .item .data {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: rgba(255, 255, 255, 0.8);
}
.large .ge_ab .de_box .item .data p {
  line-height: 0.8;
}
.multiple {
  position: relative;
}
.multiple .mu_text {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 10%;
  pointer-events: none;
  text-align: center;
}
.multiple .mu_text p {
  color: #000;
}
.multiple .mu_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.multiple .mu_box .item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.multiple .mu_box .item::before {
  z-index: 1;
  transition: 0.6s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 0.06rem;
  background: linear-gradient(to right, #fff, #0091db);
}
.multiple .mu_box .item img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.multiple .mu_box .item:hover::before {
  width: 100%;
}
.multiple .mu_box .item:hover img {
  transform: scale(1.05);
}
.quick_actions {
  position: relative;
}
.quick_actions .ns_bk {
  width: 100%;
}
.quick_actions .ns_bk img {
  width: 100%;
}
.quick_actions .ns_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}
.quick_actions .ns_post .le_box {
  width: 40%;
  text-align: center;
}
.quick_actions .ns_post .le_box img {
  max-width: 80%;
}
.quick_actions .ns_post .ri_box {
  width: 60%;
}
.quick_actions .ns_post .ri_box .desc {
  margin-top: 0.1rem;
  line-height: 2;
}
.support {
  position: relative;
}
.support .rt_bk {
  width: 100%;
}
.support .rt_bk img {
  width: 100%;
}
.support .rt_ab {
  position: absolute;
  top: 12%;
  width: 100%;
}
.support .rt_ab .text {
  text-align: center;
  color: #2beeff;
}
.support .rt_ab .de_box {
  margin-top: 2rem;
}
.support .rt_ab .de_box .item {
  width: 33.33%;
  text-align: center;
  color: #fff;
}
.support .rt_ab .de_box .item .it_img img {
  width: 1.86rem;
}
.support .rt_ab .de_box .item .txt {
  margin-top: 0.3rem;
}
.time_saving {
  position: relative;
}
.time_saving .ng_bk {
  width: 100%;
}
.time_saving .ng_bk img {
  width: 100%;
}
.time_saving .ng_post {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 1rem;
}
.time_saving .ng_post > div img {
  height: 0.46rem;
  margin-right: 0.2rem;
}
.time_saving .ng_post > div .txt {
  color: #fff;
}
.time_saving .ng_box {
  width: 100%;
  position: absolute;
  top: 36%;
}
.time_saving .ng_box > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.time_saving .ng_box > div .item {
  width: 3.8rem;
  text-align: center;
  color: #fff;
  margin-right: 2%;
}
.time_saving .ng_box > div .item:last-child {
  margin-right: 0;
}
.time_saving .ng_box > div .item .svg {
  position: relative;
  width: 1.84rem;
  margin: 0 auto;
}
.time_saving .ng_box > div .item .svg img {
  width: 100%;
  border-radius: 50%;
}
.time_saving .ng_box > div .item .svg .post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: Rotate 5.6s linear infinite;
  transform-origin: center center;
}
.time_saving .ng_box > div .item .content {
  margin-top: 0.2rem;
}
.time_saving .ng_box > div .item .content .t1 {
  color: #0091db;
}
.time_saving .ng_box > div .item .content .t2 {
  margin-top: 0.16rem;
  line-height: 1.4;
}
.time_saving .ng_box > div .item:nth-child(2) .svg .post {
  transition-delay: 2s;
}
.time_saving .ng_box > div .item:nth-child(3) .svg .post {
  transition-delay: 1s;
}
.platform {
  background: #fafafa;
}
.platform .rm_1 {
  text-align: center;
}
.platform .rm_1 .txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.platform .rm_1 .txt span {
  /*font-family: SourcMedium;*/
}
.platform .rm_1 .txt img {
  height: 0.52rem;
  margin-right: 0.2rem;
}
.platform .rm_1 .desc {
  position: relative;
  margin-top: 0.2rem;
  line-height: 1.5;
  color: #0091db;
}
.platform .rm_1 .desc span {
  padding-bottom: 0.1rem;
  position: relative;
  border-bottom: 0.02rem solid #0091db;
}
.platform .rm_2 {
  margin-top: 0.58rem;
  text-align: center;
}
.platform .rm_2 img {
  max-width: 100%;
}
.hierarchical {
  position: relative;
}
.hierarchical .al_bk {
  width: 100%;
}
.hierarchical .al_bk img {
  width: 100%;
}
.hierarchical .al_ab {
  width: 100%;
  position: absolute;
  top: 12%;
  color: #fff;
}
.hierarchical .al_ab .text {
  text-align: center;
}
.hierarchical .al_ab .de_box {
  margin-top: 2rem;
}
.hierarchical .al_ab .de_box .item {
  width: 50%;
  text-align: center;
  padding: 0 0.8rem;
}
.hierarchical .al_ab .de_box .item .icon {
  height: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hierarchical .al_ab .de_box .item .icon img {
  max-height: 100%;
}
.hierarchical .al_ab .de_box .item .content {
  margin-top: 0.36rem;
  color: #fff;
}
.hierarchical .al_ab .de_box .item .content .t2 {
  margin-top: 0.2rem;
  line-height: 1.6;
  opacity: 0.8;
  /*font-family: SourcNormal;*/
}
.improved {
  background: url('../images/149.jpg') no-repeat;
  background-size: cover;
}
.improved .ed_1 {
  text-align: center;
}
.improved .ed_2 {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem 1.2rem;
}
.improved .ed_2 .item .it_img {
  width: 100%;
}
.improved .ed_2 .item .it_img img {
  transition: 0.4s;
  width: 100%;
}
.improved .ed_2 .item .it_box {
  margin-top: 0.46rem;
  text-align: center;
}
.improved .ed_2 .item .it_box .x1 {
  color: #000;
}
.improved .ed_2 .item .it_box .x2 {
  margin-top: 0.16rem;
  line-height: 2;
  color: rgba(0, 0, 0, 0.8);
}
.improved .ed_2 .item:hover .it_img img {
  transform: translateY(-0.1rem);
}
.platform_2 {
  background: #fff;
}
.worry_free {
  background: #f9f9f9;
}
.worry_free .wo_top .content1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.worry_free .wo_top .content1 img {
  height: 0.5rem;
  margin-right: 0.2rem;
}
.worry_free .wo_top .content1 span {
  /*font-family: SourcMedium;*/
}
.worry_free .wo_top .content2 {
  margin-top: 0.44rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.12rem;
}
.worry_free .wo_top .content2 .item {
  text-align: center;
}
.worry_free .wo_top .content2 .item div img {
  transition: 0.4s;
  width: 1.06rem;
}
.worry_free .wo_top .content2 .item .txt {
  margin-top: 0.2rem;
}
.worry_free .wo_top .content2 .item:hover div img {
  transform: translateY(-0.14rem);
}
.worry_free .wo_bot {
  margin-top: 0.58rem;
  width: 100%;
}
.worry_free .wo_bot img {
  width: 100%;
}
.multiple_encryption {
  background: url('../images/156.jpg') no-repeat center top;
  background-size: cover;
}
.multiple_encryption .mu_top {
  text-align: center;
}
.multiple_encryption .mu_top p {
  color: #000;
}
.multiple_encryption .mu_bot {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.36rem;
}
.multiple_encryption .mu_bot .item .content1 {
  margin-bottom: 0.38rem;
  width: 100%;
}
.multiple_encryption .mu_bot .item .content1 img {
  width: 100%;
}
.multiple_encryption .mu_bot .item .content2 {
  text-align: center;
}
.multiple_encryption .mu_bot .item .content2 .svg {
  transition: 0.4s;
  height: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.multiple_encryption .mu_bot .item .content2 .svg img {
  max-height: 100%;
}
.multiple_encryption .mu_bot .item .content2 .txt {
  margin-top: 0.14rem;
  color: #000;
}
.multiple_encryption .mu_bot .item .content3 {
  margin-top: 0.1rem;
}
.multiple_encryption .mu_bot .item .content3 p {
  position: relative;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 0.25rem;
  line-height: 1.8;
}
.multiple_encryption .mu_bot .item .content3 p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.14rem;
  width: 0.1rem;
  height: 0.1rem;
  background: #0091db;
  border-radius: 50%;
}
.multiple_encryption .mu_bot .item:hover .content2 .svg {
  transform: translateY(-0.14rem);
}
.cp_box {
  background: linear-gradient(to bottom, #fefefe, #eceeef);
  padding: 0.62rem 0;
}
.cp_box .text {
  color: #000;
  line-height: 2;
}
.pu_system {
  padding: 0.92rem 0 2.2rem;
  background: url('../images/159.jpg') no-repeat;
  background-size: cover;
}
.pu_system .sy_1 {
  text-align: center;
}
.pu_system .sy_2 {
  margin-top: 1.12rem;
}
.pu_system .sy_2 .box1 .toggle {
  display: none;
  color: #000;
}
.pu_system .sy_2 .box1 .toggle .e1 {
  /*font-family: SourcMedium;*/
  line-height: 1.2;
}
.pu_system .sy_2 .box1 .toggle .e2 {
  margin-top: 0.2rem;
  /*font-family: SourcLight;*/
  line-height: 0.4rem;
  height: 0.8rem;
}
.pu_system .sy_2 .box1 .toggle.active {
  display: block;
}
.pu_system .sy_2 .box2 {
  margin-top: 0.3rem;
  position: relative;
}
.pu_system .sy_2 .box2 .bk_img {
  width: 93%;
  margin: 0 auto;
}
.pu_system .sy_2 .box2 .bk_img img {
  width: 100%;
}
.pu_system .sy_2 .box2 .drop_box .drop {
  cursor: pointer;
  position: absolute;
}
.pu_system .sy_2 .box2 .drop_box .drop::before {
  transition: 0.4s;
  content: attr(index);
  position: absolute;
  color: #838383;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.26rem;
  /*font-family: SourcMedium;*/
}
.pu_system .sy_2 .box2 .drop_box .drop p {
  position: relative;
  width: 0.55rem;
  height: 0.55rem;
  background: #f1f1f1;
  border-radius: 50%;
}
.pu_system .sy_2 .box2 .drop_box .drop p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58%;
  height: 58%;
  background: #b5b5b5;
  border-radius: 50%;
}
.pu_system .sy_2 .box2 .drop_box .drop div {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pu_system .sy_2 .box2 .drop_box .drop div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/68_1.png') no-repeat;
  background-size: 100% 100%;
}
.pu_system .sy_2 .box2 .drop_box .drop div img {
  width: 0.85rem;
  padding: 0.08rem;
}
.pu_system .sy_2 .box2 .drop_box .drop.active::before {
  color: #0091db;
  top: 140%;
}
.pu_system .sy_2 .box2 .drop_box .drop.active div {
  opacity: 1;
}
.pu_system .sy_2 .box2 .drop_box .drop.active div::before {
  animation: Rotate 3.6s linear infinite;
}
@keyframes Rotate {
  100% {
    transform: rotate(360deg);
  }
}
.system_1 .p1 {
  top: 58%;
  left: 1%;
}
.system_1 .p2 {
  top: 87%;
  left: 24.5%;
}
.system_1 .p3 {
  top: 63%;
  left: 47.5%;
}
.system_1 .p4 {
  top: 6%;
  left: 69%;
}
.system_1 .p5 {
  top: 2%;
  left: 94%;
}
.system_2 .p1 {
  top: 58%;
  left: 1%;
}
.system_2 .p2 {
  top: 84%;
  left: 18%;
}
.system_2 .p3 {
  top: 79%;
  left: 36%;
}
.system_2 .p4 {
  top: 49%;
  left: 54%;
}
.system_2 .p5 {
  top: 0%;
  left: 72%;
}
.system_2 .p6 {
  top: 2%;
  left: 94%;
}
.system_3 .p1 {
  top: 58%;
  left: 1%;
}
.system_3 .p2 {
  top: 85%;
  left: 30%;
}
.system_3 .p3 {
  top: 35%;
  left: 59%;
}
.system_3 .p4 {
  top: 2%;
  left: 94%;
}
.system_4 .p1 {
  top: 58%;
  left: 1%;
}
.system_4 .p2 {
  top: 63%;
  left: 47.5%;
}
.system_4 .p3 {
  top: 2%;
  left: 94%;
}
.product_list .st_1 {
  text-align: center;
}
.product_list .st_2 {
  margin-top: 0.9rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7rem 1rem;
}
.product_list .st_2 .item {
  transition: 0.4s;
  background: #fff;
  border-radius: 20px;
}
.product_list .st_2 .item a {
  text-align: center;
  padding: 0.7rem 0.4rem 0.4rem;
}
.product_list .st_2 .item a .it_img {
  height: 1.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_list .st_2 .item a .it_img img {
  max-height: 100%;
  max-width: 100%;
}
.product_list .st_2 .item a .it_text {
  color: #000;
  margin-top: 0.6rem;
  /*font-family: SourcMedium;*/
}
.product_list .st_2 .item:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  transform: translateY(-10px);
}
.product_list.product_list2 .st_2 {
  grid-template-columns: repeat(3, 1fr);
}
.product_list.product_list2 .st_2 .item a .it_img {
  height: 2.18rem;
}
.deployment {
  position: relative;
}
.deployment .nt_bk {
  width: 100%;
}
.deployment .nt_bk img {
  width: 100%;
}
.deployment .nt_ab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
}
.deployment .nt_ab .wow {
  width: 100%;
}
.deployment .nt_ab .box1 {
  text-align: center;
}
.deployment .nt_ab .box1 .desc {
  margin-top: 0.2rem;
  color: rgba(255, 255, 255, 0.8);
}
.deployment .nt_ab .box2 {
  margin-top: 0.88rem;
  width: 100%;
}
.deployment .nt_ab .box2 .item {
  width: 50%;
}
.deployment .nt_ab .box2 .item .m1 {
  text-align: center;
  line-height: 1.2;
}
.deployment .nt_ab .box2 .item .m2 {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.deployment .nt_ab .box2 .item .m2 > div {
  display: grid;
  gap: 0.26rem;
}
.deployment .nt_ab .box2 .item .m2 p img {
  width: 0.25rem;
}
.deployment .nt_ab .box2 .item .m2 p span {
  /*font-family: SourcLight;*/
  padding-left: 0.14rem;
}
.effortless_use {
  background: url('../images/177.jpg') no-repeat;
  background-size: cover;
}
.effortless_use .use_box .use_1 {
  text-align: center;
}
.effortless_use .use_box .use_1 .desc {
  margin-top: 0.2rem;
}
.effortless_use .use_box .use_2 {
  margin-top: 0.66rem;
}
.effortless_use .use_box .use_2 .le_box {
  width: 36%;
}
.effortless_use .use_box .use_2 .le_box img {
  width: 100%;
}
.effortless_use .use_box .use_2 .ri_box {
  width: 64%;
}
.effortless_use .use_box .use_2 .ri_box p {
  line-height: 2;
  color: rgba(0, 0, 0, 0.8);
}
.after_sales {
  padding-bottom: 0.52rem;
}
.after_sales .es_1 {
  text-align: center;
}
.after_sales .es_2 {
  width: 100%;
  margin-top: 0.48rem;
}
.after_sales .es_2 img {
  width: 100%;
}
.after_sales .es_3 {
  margin-top: -1.48rem;
}
.after_sales .es_3 .item {
  width: 50%;
  text-align: center;
}
.after_sales .es_3 .item .img img {
  width: 2.38rem;
}
.after_sales .es_3 .item .text {
  margin-top: 0.22rem;
  color: rgba(0, 0, 0, 0.8);
}
.application_cases {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
  background: -webkit-linear-gradient(to bottom, #f6f6f6, #fff);
}
.application_cases .app_top .slide {
  display: flex;
  align-items: center;
  margin-right: 1.48rem;
}
.application_cases .app_top .slide:last-child {
  margin-right: 0;
}
.application_cases .app_top .slide .text {
  color: #000;
  margin-right: .14rem;
}
.application_cases .app_top .slide .layui-form-select {
    width: 3.2rem;
}
.application_cases .app_top .slide .layui-form-select .layui-input {
    border: 0.02rem solid #c9c9c9 !important;
    height: .62rem;
}
.application_cases .app_top .slide .layui-form-select dl {
  top: .58rem;
  padding: 0;
}
.application_cases .app_top .slide .layui-form-select dl dd {
    font-size: .2rem; 
}
.application_cases .app_bot {
  margin-top: 0.66rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem 0.38rem;
}
.application_cases .app_bot .slide a {
  transition: 0.4s;
  position: relative;
}
.application_cases .app_bot .slide a .img {
  position: relative;
  overflow: hidden;
}
.application_cases .app_bot .slide a .img .bk {
  width: 100%;
  overflow: hidden;
}
.application_cases .app_bot .slide a .img .bk img {
  transition: 0.4s;
  width: 100%;
}
.application_cases .app_bot .slide a .img .post {
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
}
.application_cases .app_bot .slide a .img .post img {
  max-width: 50%;
  margin: auto;
  display: none;
}
.application_cases .app_bot .slide a .content {
  margin-top: 0.12rem;
  color: #000;
  /*font-family: SourcLight;*/
}
.application_cases .app_bot .slide a .content span {
  /*font-family: SourcMedium;*/
  margin-right: 0.1rem;
}
.application_cases .app_bot .slide a:hover .img .bk img {
  transform: scale(1.05);
}
.application_cases .app_bot .slide a:hover .img .post {
  opacity: 0;
}
.experience_sharing {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
  background: -webkit-linear-gradient(to bottom, #f6f6f6, #fff);
}
.experience_sharing .ing_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.9rem 0.6rem;
}
.experience_sharing .ing_box .slide a {
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.4s;
}
.experience_sharing .ing_box .slide a .de_img {
  width: 100%;
  overflow: hidden;
}
.experience_sharing .ing_box .slide a .de_img img {
  transition: 0.4s;
  width: 100%;
}
.experience_sharing .ing_box .slide a .de_title {
  padding: 0.26rem 0.2rem;
}
.experience_sharing .ing_box .slide a .de_title .content1 .text {
  transition: 0.4s;
  color: #000;
  line-height: 0.36rem;
  height: 0.72rem;
}
.experience_sharing .ing_box .slide a .de_title .content1 .desc {
  margin-top: 0.16rem;
  color: #666;
  line-height: 0.28rem;
  height: 0.56rem;
}
.experience_sharing .ing_box .slide a .de_title .content2 {
  margin-top: 0.8rem;
  color: rgba(0, 0, 0, 0.7);
  /*font-family: SourcNormal;*/
}
.experience_sharing .ing_box .slide a:hover {
  transform: translateY(-0.1rem);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
.experience_sharing .ing_box .slide a:hover .de_img img {
  transform: scale(1.05);
}
.experience_sharing .ing_box .slide a:hover .de_title .content1 .text {
  color: #0091db;
}
.customer_story {
  padding: 1.6rem 0;
}
.customer_story .ry_box .le_box {
  width: 44%;
  overflow: hidden;
}
.customer_story .ry_box .le_box img {
  transition: 0.4s;
  width: 100%;
}
.customer_story .ry_box .le_box:hover img {
  transform: scale(1.05);
}
.customer_story .ry_box .ri_box {
  width: 56%;
  padding-left: 4%;
}
.customer_story .ry_box .ri_box .x1 {
  color: #000;
}
.customer_story .ry_box .ri_box .x2 {
  margin-top: 0.2rem;
  line-height: 2;
  color: #000;
}
.fabric {
  background: linear-gradient(to bottom, #f7f7f7, #fff);
}
.fabric .le_box {
  width: 50%;
  display: flex;
}
.fabric .le_box img {
  margin: auto;
  max-width: 80%;
}
.fabric .ri_box {
  width: 50%;
}
.fabric .ri_box .content1 {
  color: #000;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.12rem;
}
.fabric .ri_box .content2 {
  margin-top: 0.12rem;
}
.fabric .ri_box .content2 p {
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.8;
}
.test_report {
  background: url('../images/220.jpg') no-repeat;
  background-size: cover;
  overflow: hidden;
}
.test_report .content1 img {
  height: 0.46rem;
}
.test_report .content1 p {
  margin-left: 0.2rem;
}
.test_report .content2 {
  margin-top: 0.56rem;
  display: flex;
}
.test_report .content2 div {
  position: relative;
  margin: auto;
}
.test_report .content2 div::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0%;
  width: 3.38rem;
  height: 100%;
  background: url('../images/148_3.png') no-repeat;
  background-size: 100% 100%;
}
.test_report .content2 div img {
  z-index: 1;
  position: relative;
  max-width: 100%;
}
.service_support {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
  background: -webkit-linear-gradient(to bottom, #f6f6f6, #fff);
}
.service_support .rt_box .box1 p {
  /*font-family: SourcNormal;*/
}
.service_support .rt_box .box1 p span {
  color: red;
}
.service_support .rt_box .box2 {
  margin-top: 0.68rem;
}
.service_support .rt_box .box2 .fo_box {
  --line: 0.52rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem 1.2rem;
}
.service_support .rt_box .box2 .fo_box .item .label {
  margin-bottom: 0.12rem;
}
.service_support .rt_box .box2 .fo_box .item .label span {
  color: red;
}
.service_support .rt_box .box2 .fo_box .item .input {
  width: 100%;
  display: flex;
}
.service_support .rt_box .box2 .fo_box .item .input input {
  /*font-family: SourcNormal;*/
  color: #000;
  flex: 1;
  height: var(--line);
  border: 0.02rem solid #c9c9c9;
  padding: 0 0.1rem;
}
.service_support .rt_box .box2 .fo_box .item .input input::placeholder {
  color: #c9c9c9;
  /*font-family: SourcNormal;*/
}
.service_support .rt_box .box2 .fo_box .item .demand_select .layui-input-inline {
  display: block;
}
.service_support .rt_box .box2 .fo_box .item .demand_select .layui-form-select .layui-input {
  border: 0.02rem solid #c9c9c9 !important;
  /*line-height: var(--line);*/
  height: var(--line);
}
.service_support .rt_box .box2 .fo_box .item .demand_select .layui-form-select .layui-input::placeholder {
  color: #c9c9c9;
}
.service_support .rt_box .box2 .fo_box .item .demand_select .layui-form-select dl {
  top: var(--line);
  padding: 0;
}
.service_support .rt_box .box2 .fo_box .item .demand_select .layui-form-select dl dd {
  line-height: 0.4rem;
  font-size: .9em;
}
.service_support .rt_box .box2 .fo_box .item .select_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.16rem;
}
.service_support .rt_box .box2 .fo_box .item .select_box .layui-form-select .layui-input {
  border: 0.02rem solid #c9c9c9 !important;
  height: var(--line);
}
.service_support .rt_box .box2 .fo_box .item .select_box .layui-form-select .layui-input::placeholder {
  color: #c9c9c9;
}
.service_support .rt_box .box2 .fo_box .item .select_box .layui-form-select dl {
  top: var(--line);
  padding: 0;
}
.service_support .rt_box .box2 .fo_box .item .select_box .layui-form-select dl dd {
  line-height: 0.4rem;
  font-size: .9em;
}
.service_support .rt_box .box2 .fo_submit {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
}
.service_support .rt_box .box2 .fo_submit input {
  transition: 0.4s;
  cursor: pointer;
  line-height: 0.6rem;
  width: 2.4rem;
  border: 2px solid #c9c9c9;
  background: none;
  color: #000;
  /*font-family: SourcBold;*/
}
.service_support .rt_box .box2 .fo_submit input:hover {
  border-color: #0091db;
  background: #0091db;
  color: #fff;
}
.company_profile .le_box {
  width: 60%;
  padding-right: 10%;
}
.company_profile .le_box .text {
  font-weight: bold;
}
.company_profile .le_box .desc {
  margin-top: 0.2rem;
}
.company_profile .le_box .desc p {
  line-height: 2;
  color: #333;
}
.company_profile .ri_box {
  width: 40%;
  overflow: hidden;
}
.company_profile .ri_box img {
  transition: 0.4s;
  width: 100%;
}
.company_profile .ri_box:hover img {
  transform: scale(1.05);
}
.factory .ry_box .le_box,
.factory .ry_box .ri_box {
  width: 32%;
}
.factory .ry_box .le_box .x1,
.factory .ry_box .ri_box .x1 {
  /*font-family: SourcBold;*/
}
.factory .ry_box .le_box .x2,
.factory .ry_box .ri_box .x2 {
  margin-top: 0.7rem;
  display: grid;
  gap: 0.3rem;
}
.factory .ry_box .le_box .x2 .item,
.factory .ry_box .ri_box .x2 .item {
  display: flex;
  align-items: center;
}
.factory .ry_box .le_box .x2 .item img,
.factory .ry_box .ri_box .x2 .item img {
  width: 0.34rem;
}
.factory .ry_box .le_box .x2 .item span,
.factory .ry_box .ri_box .x2 .item span {
  margin: 0 0 0 0.16rem;
  color: #595959;
  /*font-family: SourcLight;*/
}
.factory .ry_box .ce_box {
  width: 28%;
  position: relative;
}
.factory .ry_box .ce_box img {
  width: 100%;
}
.factory .ry_box .ce_box .post {
  position: absolute;
  top: 0;
  left: 0;
}
.factory .ry_box .ri_box {
  text-align: right;
}
.factory .ry_box .ri_box .x2 .item {
  flex-direction: row-reverse;
}
.factory .ry_box .ri_box .x2 .item span {
  margin: 0 0.16rem 0 0;
}
.strength {
  background: #f7f7f7;
}
.strength .th_1 {
  text-align: center;
}
.strength .th_1 p {
  /*font-family: SourcBold;*/
}
.strength .th_2 {
  margin-top: 1rem;
}
.strength .th_2 .swiper .swiper-slide {
  text-align: center;
}
.strength .th_2 .swiper .swiper-slide .img {
  width: 100%;
}
.strength .th_2 .swiper .swiper-slide .img img {
  max-width: 100%;
  height: 2.4rem;
}
.strength .th_2 .swiper .swiper-slide .text {
  margin-top: 0.6rem;
  color: #595959;
  /*font-family: SourcLight;*/
}
.guarding .ng_1 .text {
  text-align: center;
  /*font-family: SourcBold;*/
}
.guarding .ng_1 .desc {
  margin-top: 0.28rem;
  color: rgba(0, 0, 0, 0.8);
  line-height: 2;
  /*font-family: SourcLight;*/
}
.guarding .ng_2 {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem 0.8rem;
}
.guarding .ng_2 .slide a .text {
  /*font-family: SourcNormal;*/
}
.guarding .ng_2 .slide a .de_box {
  margin-top: 0.16rem;
}
.guarding .ng_2 .slide a .de_box .img {
  width: 100%;
  overflow: hidden;
}
.guarding .ng_2 .slide a .de_box .img img {
  transition: 0.6s;
  width: 100%;
}
.guarding .ng_2 .slide a .de_box .content {
  padding: 0.1rem 0.2rem;
  border: 2px solid #eee;
  border-top: none;
  height: 1.4rem;
}
.guarding .ng_2 .slide a .de_box .content p {
  display: none;
  color: #5c5d5d;
  /*font-family: SourcLight;*/
  line-height: 0.3rem;
}
.guarding .ng_2 .slide a .de_box .content p:nth-child(1),
.guarding .ng_2 .slide a .de_box .content p:nth-child(2),
.guarding .ng_2 .slide a .de_box .content p:nth-child(3),
.guarding .ng_2 .slide a .de_box .content p:nth-child(4) {
  display: block;
}
.guarding .ng_2 .slide a .de_box:hover .img img {
  transform: scale(1.05);
}
.bibcock .ck_1 {
  text-align: center;
}
.bibcock .ck_1 p {
  /*font-family: SourcBold;*/
}
.bibcock .ck_2 {
  margin-top: 0.78rem;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.4rem 0.36rem;
}
.bibcock .ck_2 p {
  width: 100%;
  height: .8rem;
  display: flex;
  border: .02rem solid #eee;
  border-radius: .1rem;
  background: #fff;
}
.bibcock .ck_2 p img {
  margin: auto;
  max-width: 80%;
  max-height: 80%;
}
.all_honor {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
  background: -webkit-linear-gradient(to bottom, #f6f6f6, #fff);
}
.all_honor .all_1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.all_honor .all_1 span {
  width: 30%;
}
.all_honor .all_1 span img {
  width: 100%;
}
.all_honor .all_1 p {
  margin: 0 0.28rem;
}
.all_honor .all_2 {
  margin-top: 0.66rem;
 /*align-items: flex-start;*/
 padding: 0 5vw;
}
.all_honor .all_2 .le_box {
  width: 50%;
  display: grid;
  gap: 0.1rem;
}
.all_honor .all_2 .le_box div span {
  line-height: 1.3;
  transition: 0.4s;
  display: inline-block;
  cursor: pointer;
  padding: 0.16rem 0.46rem 0.16rem 0.16rem;
}
.all_honor .all_2 .le_box div.active span {
  background: #0091db;
  color: #fff;
}
.all_honor .all_2 .ri_box {
  width: 50%;
  display: flex;
  align-items: center;
}
.all_honor .all_2 .ri_box .toggle {
  width: 100%;
  text-align: center;
  display: none;
}
.all_honor .all_2 .ri_box .toggle img {
  max-width: 60%;
}
.all_honor .all_2 .ri_box .toggle.active {
  display: block;
}
.choice .ce_1 {
  text-align: center;
}
.choice .ce_2 {
  margin-top: 0.55rem;
}
.choice .ce_2 .le_box {
  flex: 1;
  padding-right: 8%;
}
.choice .ce_2 .le_box .toggle {
  position: relative;
  display: none;
}
.choice .ce_2 .le_box .toggle.active {
  display: block;
}
.choice .ce_2 .le_box .toggle .le_img {
  width: 100%;
  position: relative;
}
.choice .ce_2 .le_box .toggle .le_img img {
  width: 100%;
}
.choice .ce_2 .le_box .toggle .le_img::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 145, 219, 0.8);
}
.choice .ce_2 .le_box .toggle .le_ab {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.8rem;
  color: #fff;
}
.choice .ce_2 .le_box .toggle .le_ab .text {
  display: flex;
  align-items: center;
}
.choice .ce_2 .le_box .toggle .le_ab .text img {
  max-width: 0.38rem;
}
.choice .ce_2 .le_box .toggle .le_ab .text p {
  margin-left: 0.1rem;
}
.choice .ce_2 .le_box .toggle .le_ab .desc {
  margin-top: 0.16rem;
  line-height: 2;
  /*font-family: SourcNormal;*/
}
.choice .ce_2 .ri_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
}
.choice .ce_2 .ri_box .item {
  transition: 0.6s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  width: 2.12rem;
  padding: 0.16rem 0;
}
.choice .ce_2 .ri_box .item .icon {
  width: 0.38rem;
}
.choice .ce_2 .ri_box .item .icon img {
  transition: 0.6s;
  filter: brightness(0);
  max-width: 100%;
}
.choice .ce_2 .ri_box .item p {
  transition: 0.6s;
  flex: 1;
  padding-left: 0.14rem;
  color: #000;
}
.choice .ce_2 .ri_box .item.active,
.choice .ce_2 .ri_box .item:hover {
  background: #0091db;
}
.choice .ce_2 .ri_box .item.active .icon img,
.choice .ce_2 .ri_box .item:hover .icon img {
  filter: brightness(1);
}
.choice .ce_2 .ri_box .item.active p,
.choice .ce_2 .ri_box .item:hover p {
  color: #fff;
}
.welfare_protection {
  background: url('../images/188.jpg') no-repeat;
  background-size: cover;
  padding: 1rem 0 1.48rem;
}
.welfare_protection .on_1 {
  text-align: center;
}
.welfare_protection .on_2 {
  margin-top: 0.44rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem 0;
}
.welfare_protection .on_2 .item {
  text-align: center;
}
.welfare_protection .on_2 .item .icon {
  height: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welfare_protection .on_2 .item .icon img {
  transition: 0.4s;
  max-height: 100%;
}
.welfare_protection .on_2 .item .text {
  margin-top: 0.14rem;
  color: #000;
  /*font-family: SourcLight;*/
}
.welfare_protection .on_2 .item:hover .icon img {
  transform: translateY(-6px);
}
.shared .ed_1 {
  text-align: center;
}
.shared .ed_2 {
  margin-top: 0.64rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.2rem;
}
.shared .ed_2 .grid {
  grid-area: 1 / 1 / 3 / 3;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.shared .ed_2 .grid p {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.shared .ed_2 .grid p img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.shared .ed_2 .grid p:hover img {
  transform: scale(1.05);
}
.shared .ed_2 .grid2 {
  grid-area: 1 / 3 / 3 / 5;
  overflow: hidden;
}
.shared .ed_2 .grid2 img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.shared .ed_2 .grid2:hover img {
  transform: scale(1.05);
}
.shared .ed_2 .grid3 {
  grid-area: 1 / 5 / 3 / 6;
  overflow: hidden;
}
.shared .ed_2 .grid3 img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.shared .ed_2 .grid3:hover img {
  transform: scale(1.05);
}
.shared .ed_3 {
  margin-top: 0.8rem;
  display: flex;
  justify-content: center;
}
.shared .ed_3 a {
  position: relative;
  color: #0091db;
  padding-bottom: 0.1rem;
  /*font-family: SourcMedium;*/
}
.shared .ed_3 a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: #0091db;
}
.shared .ed_3 a:hover::before {
  width: 100%;
}
.headquarters {
  background: linear-gradient(to bottom, #f6f6f6, #fff);
  background: -webkit-linear-gradient(to bottom, #f6f6f6, #fff);
}
.headquarters .rs_box .le_box {
  flex: 0.9;
}
.headquarters .rs_box .le_box .x1 {
  color: #000;
}
.headquarters .rs_box .le_box .x2 {
  margin-top: 1.1rem;
}
.headquarters .rs_box .le_box .x2 .toggle {
  display: none;
}
.headquarters .rs_box .le_box .x2 .toggle.active {
  display: block;
}
.headquarters .rs_box .le_box .x2 .toggle .item {
  margin-bottom: 0.4rem;
}
.headquarters .rs_box .le_box .x2 .toggle .item:last-child {
  margin-bottom: 0;
}
.headquarters .rs_box .le_box .x2 .toggle .item div {
  color: #000;
  /*font-family: SourcLight;*/
}
.headquarters .rs_box .le_box .x2 .toggle .item .em_2 {
  margin-top: 0.1rem;
  line-height: 1.4;
}
.headquarters .rs_box .ri_box {
  display: grid;
  gap: 0.2rem;
}
.headquarters .rs_box .ri_box p {
  cursor: pointer;
  transition: 0.4s;
  width: 2.2rem;
  line-height: 48px;
  background: transparent;
  color: #000;
  text-align: center;
  /*font-family: SourcLight;*/
}
.headquarters .rs_box .ri_box p.active,
.headquarters .rs_box .ri_box p:hover {
  color: #fff;
  background: #0091db;
}
.regional_center {
  background: linear-gradient(to bottom, #f6f6f6, #ffffff);
}
.regional_center .er_bot {
  margin-top: 0.3rem;
  margin-left: 2.36rem;
}
.regional_center .er_bot .content_box {
  position: relative;
  width: 9.36rem;
}
.regional_center .er_bot .content_box .bk {
  width: 100%;
}
.regional_center .er_bot .content_box .bk img {
  width: 100%;
}
.regional_center .er_bot .content_box .point_box .point {
  --color: #0091db;
  cursor: pointer;
  position: absolute;
  top: 0%;
  left: 0%;
}
.regional_center .er_bot .content_box .point_box .point p {
  position: relative;
  width: 0.1rem;
  height: 0.1rem;
  background: var(--color);
  border-radius: 50%;
}
.regional_center .er_bot .content_box .point_box .point p::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color);
  border-radius: 50%;
  animation: mapLi 2s ease 0s infinite;
}
.regional_center .er_bot .content_box .point_box .point p::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 0.32rem;
  transform: translateX(-50%);
  background: var(--color);
}
.regional_center .er_bot .content_box .point_box .point .txt {
  transition: 0.4s;
  position: absolute;
  left: 50%;
  top: 0.14rem;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #000;
}
.regional_center .er_bot .content_box .point_box .point .none {
  display: none;
}
.regional_center .er_bot .content_box .point_box .point.active .txt {
  color: #0091db;
}
.regional_center .er_bot .content_box .point_box .point.yellow {
  --color: #f39800;
}
.regional_center .er_bot .content_box .point_box .point.yellow.active .txt {
  color: #f39800;
}
.regional_center .er_bot .content_box .point_box .point.top .txt {
  bottom: 0.4rem;
  top: auto;
}
.regional_center .er_bot .content_box .point_box .point.right p::before {
  width: 0.32rem;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.regional_center .er_bot .content_box .point_box .point.right .txt {
  top: 50%;
  left: 0.4rem;
  transform: translateY(-50%);
}
.regional_center .er_bot .content_box .point_box .po_1 {
  top: 25%;
  left: 36%;
}
.regional_center .er_bot .content_box .point_box .po_2 {
  top: 64%;
  left: 55%;
}
.regional_center .er_bot .content_box .point_box .po_3 {
  top: 83%;
  left: 72.5%;
}
.regional_center .er_bot .content_box .point_box .po_4 {
  top: 37%;
  left: 76%;
}
.regional_center .er_bot .content_box .point_box .po_5 {
  top: 47%;
  left: 77.5%;
}
.regional_center .er_bot .content_box .point_box .po_6 {
  top: 58%;
  left: 81%;
}
.regional_center .er_bot .content_box .point_box .po_7 {
  top: 30%;
  left: 86%;
}
.regional_center .er_bot .content_box .point_box .po_8 {
  top: 60%;
  left: 85.5%;
}
.regional_center .er_bot .content_box .neiro_box {
  --color: #0091db;
  position: absolute;
  left: 98%;
  top: 49%;
  width: 3.4rem;
  padding: 0.24rem;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.regional_center .er_bot .content_box .neiro_box .swiper .swiper-slide .text {
  color: var(--color);
}
.regional_center .er_bot .content_box .neiro_box .swiper .swiper-slide .desc {
  margin-top: 0.1rem;
  color: #6b6b6b;
  line-height: 0.26rem;
  height: 0.52rem;
}
.regional_center .er_bot .content_box .neiro_box .cityTxtBut {
  z-index: 2;
  position: absolute;
  right: 0.24rem;
  top: 0.24rem;
  display: flex;
  align-items: center;
}
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_prev i,
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_next i {
  cursor: pointer;
  color: #666;
  transition: 0.4s;
}
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_prev i:hover,
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_next i:hover {
  color: var(--color);
}
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_pg {
  margin: 0 0.06rem;
}
.regional_center .er_bot .content_box .neiro_box .cityTxtBut .but_pg span:first-child {
  color: var(--color);
}
.regional_center .er_bot .content_box .neiro_box.yellow {
  --color: #f39800;
}
.regional_center .er_bot .content_box .neiro_box .toggle {
  display: none;
}
.regional_center .er_bot .content_box .neiro_box .toggle.active {
  display: block;
}
@keyframes mapLi {
  100% {
    -webkit-transform: scale(3.5);
    -moz-transform: scale(3.5);
    -ms-transform: scale(3.5);
    -o-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
  }
}
.pu_details {
  background: linear-gradient(to bottom, #f7f7f7, #fff);
}
.pu_details .content1 .txt {
  color: #000;
  text-align: center;
  /*font-family: SourcMedium;*/
}
.pu_details .content1 .desc {
  margin: 0.44rem 0 0.22rem;
}
.pu_details .content1 .desc p {
  color: #333;
  /*font-family: SourcLight;*/
}
.pu_details .content2 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.36rem 0;
}
.pu_details .content2 .compiler p {
  color: #333;
  /*font-family: SourcLight;*/
  line-height: 2;
}
.pu_details .content2 .compiler img {
  max-width: 100%;
}
.pu_details .content3 {
  margin-top: 0.36rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.pu_details .content3 div {
  display: flex;
  flex-wrap: wrap;
}
.pu_details .content3 div span {
  color: #333;
  /*font-family: SourcLight;*/
}
.pu_details .content3 div a {
  flex: 1;
  padding-left: 0.1rem;
  transition: 0.4s;
  color: #333;
  /*font-family: SourcLight;*/
}
.pu_details .content3 div a:hover {
  color: #0091db;
}
@media (max-width: 1700px) {
  .f70 {
    font-size: 0.6rem;
  }
}
@media (max-width: 1500px) {
  :root {
    --left: 1.5rem;
    --right: 1.5rem;
  }
  .series_type .pe_box .box_content {
    width: 66%;
  }
  .f20 {
    font-size: 0.22rem;
  }
  .f18 {
    font-size: 0.2rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .f14 {
    font-size: 0.17rem;
  }
  .f70 {
    font-size: 0.6rem;
  }
  .f46 {
    font-size: 0.42rem;
  }
  .f44 {
    font-size: 0.4rem;
  }
  .f36 {
    font-size: 0.32rem;
  }
  .product_video .eo_2 .play img {
    width: 1rem;
  }
}
@media (max-width: 1200px) {
    .all_honor .all_2 {
        padding: 0;
    }
    .index_security .ty_2 .switch, .index_security .ty_3 .box1 .switch, .index_security .ty_3 .box2 .switch {
       display: none; 
    }
    .index_security .ty_2, .index_security .ty_3 .box1, .index_security .ty_3 .box2 {
        padding: 0;
    }
    .application_cases .app_top .slide {
        margin-right: .6rem;
    }
    .application_cases .app_top .slide select {
        line-height: .56rem;
    }
    .shared .ed_2,
    .shared .ed_2 .grid {
        gap: .1rem;
    }
    .shared .ed_2 {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: none; 
    }
    
    .shared .ed_2 .grid {
       grid-area: 1 / 1 / 2 / 3; 
    }
    .shared .ed_2 .grid2 {
       grid-area: 2 / 1 / 4 / 3;
    } 
    .shared .ed_2 .grid3 {
       grid-area: 4 / 1 / 5 / 3;
    }
    
    .shared .ed_2 img {
        height: auto !important;
    }
    
    
    .choice .ce_2 .le_box .toggle .le_ab {
        padding: 0 .5rem;
    }
      .company_profile .le_box {
    width: 100%;
    padding-right: 0;
  }
  .company_profile .ri_box {
    width: 100%;
    overflow: hidden;
    margin-top: 0.3rem;
  }
    .pu_banner2 .ban_ab {
        padding-top: 0;
    }
    .local_interface,
    .attendant,
    .adapt{
        grid-template-columns: repeat(1, 1fr); 
    }
    .adapt .ri_box {
       padding: .6rem 0;
    }
    .climbing {
        margin-bottom: .6rem;
    }
    .climbing .ng_bk {
        display: none;
    }
    
    .climbing .ng_post {
      position: initial; 
    }
    
    .climbing .ng_post .ri_box,
    .climbing .ng_post .le_box {
        width: 100%;
    }
    .climbing .ng_post .ri_box {
        margin-top: .36rem;
        padding-left: 0;
    }
    
    .efficient .ne_box .ri_box .x2 .item {
        padding-bottom: .3rem;
    }
    .index_purchase .se_bot .swiper .swiper-slide .de_post .t3 {
    margin-top: .16rem;
}
    .pu_home {
        line-height: 1.6;
    }
  .pu_details .content3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .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: #0091db;
  }
  .pc_header {
    display: none;
  }
  .f24 {
   font-size: .22rem;   
  }
  :root {
    --left: 5vw;
    --right: 5vw;
  }
  .HeaderMobile .box .button .lang a {
    margin-right: 10px;
  }
  .HeaderMobile .box .button .lang a:last-child {
    margin-right: 0;
  }
  .w1480,
  .w1720 {
    padding: 0 5vw;
  }
  .p100 {
    padding-top: 0.8rem;
  }
  .p100_ {
    padding-bottom: 0.8rem;
  }
  .pu_search {
    top: 58px;
  }
  .pc_footer {
    padding: 0.8rem 0;
  }
  .index_security .ty_3 .box1 .swiper .swiper-slide {
    width: 100% !important;
    flex: none;
  }
  .index_security .ty_3 .box1 .swiper .swiper-slide.active {
    width: 100% !important;
  }
  .index_security .ty_3 .box1 .swiper .swiper-slide .de_img img {
    width: 100%;
  }
  .index_security .ty_3 .box1 .swiper .swiper-slide .de_ab1 {
    opacity: 0;
  }
  .index_security .ty_3 .box1 .swiper .swiper-slide .de_ab2 {
    opacity: 1;
  }
  .pu_year .ar_2 .swiper .swiper-slide .content {
    width: 100%;
    height: 4rem;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    margin: 0.5rem auto;
    background: #fff;
  }
  .pu_year .ar_2 .swiper .swiper-slide .content > div {
    width: 80%;
  }
  .pu_year .ar_2 .swiper .swiper-slide .num {
    display: none;
  }
  .index_cases .es_2 .pu_switch,
  .index_customer .er_2 .pu_switch {
    display: none;
  }
  .pu_video .video_box {
    width: 90%;
  }
  .alarm_system .xt_2,
  .protection .on_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .similar_product .ct_2 .slide {
    width: 25%;
  }
  .ele_wave .box:first-child::before {
    display: none;
  }
  .ele_wave .box {
    margin-bottom: 0.8rem;
  }
  .ele_wave .box:last-child {
    margin-bottom: 0;
  }
  .ele_wave .box .icon {
    margin-top: 0.6rem;
  }
  .accuracy .cy_2 .slide .square .data {
    font-size: 0.96rem;
  }
  .accuracy {
    padding: 1rem 0;
  }
  .series_type .pe_box .box_content {
    width: 80%;
  }
  .category .ry_2 .banner1 {
    padding: 0 8vw;
  }
  .pu_offer .form,
  .working_principle .le_2 .item .ri_box {
    padding: 0;
  }
  .selection .se_2 .ri_box {
    padding-left: 0;
  }
  .classic_cases .es_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .product_series .es_2 .item .w34 {
    width: 66%;
  }
  .guangtuo .uo_2 {
    margin-top: 0.6rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.6rem;
  }
  .guangtuo .uo_2 .item .w60 {
    width: 100%;
  }
  .advantages .es_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .working_principle .le_2 {
    gap: 0.8rem;
  }
  .split_design {
    padding-top: 0.8rem;
  }
  .elastic_adaptation .on_ab {
    top: 12%;
  }
  .registration {
    padding: 0.8rem 0;
  }
  .capacity .ty_ab {
    bottom: 12%;
  }
  .pu_banner .ban_float {
    top: 10px;
  }
  .matching .ng_box {
    gap: 0.4rem;
  }
  .w68 {
    width: 90%;
  }
  .available.left .le_ab > div,
  .w50,
  .w80 {
    width: 100%;
  }
  .parameters_3 .pa_2 .desc {
    grid-template-columns: repeat(1, 1fr);
  }
  .main_products .ts_2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .widely .ly_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .improved .ed_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .hierarchical .al_ab .de_box .item {
    padding: 0 0.4rem;
  }
  .pu_bread .ad_box .ri_box {
    display: none;
  }
  .pu_system .sy_2 .box2 .bk_img {
    display: none;
  }
  .pu_system .sy_2 .box2 .drop_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 0.2rem;
  }
  .pu_system .sy_2 .box2 .drop_box .drop {
    position: relative;
    top: auto !important;
    left: auto !important;
  }
  .pu_system .sy_2 .box2 .drop_box .drop p {
    margin: 0 auto;
  }
  .pu_system {
    padding: 0.8rem 0 1.6rem;
  }
  .product_list .st_2 {
    gap: 0.4rem;
  }
  .product_list.product_list2 .st_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .after_sales .es_3 .item .img img {
    width: 2rem;
  }
  .pu_system .sy_2 .box1 .toggle .e2 {
    height: auto;
  }
  .application_cases .app_bot,
  .experience_sharing .ing_box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .customer_story .ry_box {
    flex-direction: column-reverse;
  }
  .service_support .rt_box .box2 .fo_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .factory .ry_box .ce_box img {
    width: 50%;
    margin: 0.5rem auto;
  }
  .factory .ry_box .ri_box {
    text-align: left;
  }
  .factory .ry_box .ri_box .x2 .item {
    flex-direction: row;
  }
  .factory .ry_box .ri_box .x2 .item span {
    margin: 0 0 0 0.16rem;
  }
  .guarding .ng_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .bibcock .ck_2 {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.4rem;
  }
  .choice .ce_2 .le_box {
    padding-right: 0;
    flex: none;
  }
  .welfare_protection {
    padding: 0.8rem 0;
  }
  .classic_cases .es_2,
  .indoor .or_2,
  .alarm_system .xt_2 {
    margin-top: 0.8rem;
  }
  .parameter .er_2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .pu_offer .form .er_2 .but {
    line-height: 0.64rem;
  }
  .compensate .te_ab .text img,
  .climbing .ng_1 .text img {
    width: 0.4rem;
  }
  .direction .on_2 .box p {
    margin-top: 0.2rem;
  }
  .split_design .gn_2 img {
    width: 100%;
  }
  .classic_cases .es_2 .slide a p {
    margin-top: 0.2rem;
  }
  .product_video .eo_2 .play img {
    width: 0.8rem;
  }
  .velocity .box .post {
    padding: 0;
  }
  .velocity .box .post .st_ {
    width: 80%;
  }
  .analysis .is_2 {
    gap: 0.6rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .cable_laying .le_box,
  .intelligent .le_box,
  .environment .le_box {
    padding: 0.8rem 0;
  }
  .choice .ce_2,
  .choice .ce_2 .ri_box,
  .company_profile .le_2 .ri_box,
  .customer_story .ry_box .le_box,
  .indoor .or_2 .ri_box,
  .working_principle .le_2 .item .ri_box,
  .local .al_2 .ri_box,
  .selection .se_2 .ri_box,
  .principle .le_2 .ri_box,
  .efficient .ne_box .ri_box {
    margin-top: 0.5rem;
  }
  .choice .ce_2 .le_box,
  .choice .ce_2 .ri_box,
  .factory .ry_box .ce_box,
  .factory .ry_box .le_box,
  .factory .ry_box .ri_box,
  .company_profile .le_2 .le_box,
  .company_profile .le_2 .ri_box,
  .customer_story .ry_box .le_box,
  .customer_story .ry_box .ri_box,
  .pu_bread .ad_box .le_box,
  .indoor.indoor_2 .or_2 .ri_box,
  .indoor.indoor_2 .or_2 .le_box,
  .indoor .or_2 .ri_box,
  .indoor .or_2 .le_box,
  .local_interface .ce_ab .wow,
  .elastic_adaptation .on_ab .div_,
  .split_design .gn_1,
  .drafting .ng_2 div,
  .working_principle .le_2 .item .le_box,
  .working_principle .le_2 .item .ri_box,
  .guangtuo .uo_2 .item,
  .local .al_2 .le_box,
  .local .al_2 .ri_box,
  .product_video .eo_2 .box,
  .selection .se_2 .le_box,
  .selection .se_2 .ri_box,
  .efficient .ne_box .le_box,
  .efficient .ne_box .ri_box,
  .principle .le_2 .le_box,
  .principle .le_2 .ri_box,
  .pu_banner .ban_ab .box1,
  .series_type .pe_box,
  .environment .le_box,
  .environment .ri_box,
  .intelligent .ri_box,
  .intelligent .le_box,
  .ele_wave .box,
  .cable_laying .ri_box,
  .cable_laying .le_box,
  .detection_area .ea_box {
    width: 100%;
  }
  .app_cenario .io_box .x2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .pu_banner .ban_bk img {
    min-height: 6rem;
    height: auto;
  }
  .index_banner .banner1 .swiper .swiper-slide .slide_img img {
    height: calc(var(--vh) - 58px);
  }
  .pu_banner .ban_post {
    padding-top: 0;
  }
  .platform .rm_1 .txt img,
  .worry_free .wo_top .content1 img {
    height: 0.42rem;
  }
  .multiple_encryption .mu_bot {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem 0.36rem;
  }
  .time_saving .ng_bk {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .time_saving .ng_bk picture {
    width: 100%;
    height: 100%;
  }
  .time_saving .ng_bk picture img {
    width: 100%;
    height: 100%;
  }
  .time_saving {
    padding: 0.8rem 0;
  }
  .time_saving .ng_post {
    position: initial;
    padding-top: 0;
  }
  .time_saving .ng_box {
    position: initial;
    margin-top: 0.6rem;
  }
  .time_saving .ng_box > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem 0.36rem;
  }
  .time_saving .ng_box > div .item {
    width: 100%;
  }
  .index_solution .on_bot {
    margin-top: 0.8rem;
  }
  .deployment .nt_bk img,
  .hierarchical .al_bk img,
  .support .rt_bk img,
  .large .ge_bk img,
  .compensate .te_bk img,
  .available .le_bk img,
  .optional .al_bk img,
  .key_reset .st_bk img,
  .assistance .ce_bk img,
  .boundless .ss_bk img,
  .local_interface .ce_bk img,
  .capacity .ty_bk img,
  .climbing .ng_2 img,
  .calibration .on_bk img,
  .elastic_adaptation .on_bk img,
  .flexibly .ly_bk img {
    min-height: 8rem;
  }
  .sensing_cable .le_bk img,
  .after_sales .es_2 img {
    min-height: 3.6rem;
  }
  .detection_area .ea_box .x1 img {
    min-height: 5.6rem;
  }
  .f70 {
    font-size: 0.4rem;
  }
  .f46 {
    font-size: 0.32rem;
  }
  .f44 {
    font-size: 0.3rem;
  }
}
@media (max-width: 750px) {
    .application_cases .app_top .slide:last-child {
        margin-top: .26rem;
    }
  .hierarchical .al_ab .de_box .item {
    padding: 0 0.2rem;
  }
  .host_parameters .rs_2 .ri_box {
    margin-top: 0.5rem;
  }
  .host_parameters .rs_2 .le_box,
  .host_parameters .rs_2 .ri_box {
    width: 100%;
  }
  .arguments .ts_2 .table tbody tr td,
  .host_parameters .rs_2 .ri_box .table tbody tr td {
    padding: 0.1rem;
  }
  .arguments .ts_2 .table tbody tr td:first-child,
  .host_parameters .rs_2 .ri_box .table tbody tr td:first-child {
    width: 1.6rem;
  }
  .local .al_2 .ri_box {
    padding: 0;
  }
  .alarm_system .xt_2,
  .protection .on_2,
  .app_cenario .io_box .x2 {
    gap: 0.2rem;
  }
  .f70 {
    font-size: 0.4rem;
  }
  .f46 {
    font-size: 0.32rem;
  }
  .f44 {
    font-size: 0.3rem;
  }
  .f36 {
    font-size: 0.28rem;
  }
  .f28 {
    font-size: 0.24rem;
  }
  .f24 {
    font-size: 0.22rem;
  }
  .support .rt_ab .de_box .item .it_img img {
    width: 1.32rem;
  }
  .pu_banner.banner2 .ban_ab .box1 .desc span,
  .boundless .ss_ab .desc span {
    width: 0.46rem;
  }
  .flexibly .ly_ab {
    top: 12%;
    transform: translateY(0);
  }
  .flexibly .ly_ab .div_ {
    width: 100%;
    text-align: center;
  }
  .registration .ri_box {
    margin-top: 0.5rem;
  }
  .registration .le_box,
  .registration .ri_box {
    width: 100%;
  }
  .headquarters .rs_box .le_box {
    flex: none;
  }
  .headquarters .rs_box .le_box .x2 {
    margin-top: 0.5rem;
  }
  .headquarters .rs_box .ri_box {
    margin-top: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .headquarters .rs_box .ri_box p {
    width: 100%;
  }
  .welfare_protection .on_2 {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem 0;
  }
  .choice .ce_2 .le_box .toggle .le_img img {
    height: 5.4rem;
  }
  .application_cases .app_bot,
  .experience_sharing .ing_box,
  .guarding .ng_2,
  .product_list.product_list2 .st_2,
  .product_list .st_2,
  .improved .ed_2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .all_honor .all_1 span {
    display: none;
  }
  .all_honor .all_1 p {
    margin: 0;
  }
  .all_honor .all_2 .ri_box .toggle img {
    max-width: 90%;
  }
  .bibcock .ck_2 {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
  }
  .pu_year .ar_2 .swiper .swiper-slide .content .text {
    margin-top: 0.3rem;
    padding-left: 0;
  }
  .service_support .rt_box .box2 .fo_box .item .select_box,
  .widely .ly_2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .application_cases .app_top {
    display: grid;
    gap: 0.3rem;
  }
  .application_cases .app_top .slide {
    margin-right: 0;
  }
  .indoor .or_2 .ri_box p {
    padding-left: 0.3rem;
  }
  .pu_offer .form .er_1 .item2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .classic_cases .es_2,
  .matching .ng_box,
  .advantages .es_2,
  .alarm_system .xt_2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .after_sales .es_3 .item .img img {
    width: 1.6rem;
  }
  .after_sales .es_3 {
    margin-top: -0.8rem;
  }
  .effortless_use .use_box .use_2 {
    flex-direction: column-reverse;
  }
  .all_honor .all_2 .ri_box,
  .effortless_use .use_box .use_2 .le_box {
    margin-top: 0.5rem;
  }
  .timed .ed_2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .w68 {
    width: 100%;
  }
  .timed .ed_2 .item .box2 .x2 {
    top: 50%;
    transform: translateY(-50%);
  }
  .compensate .te_ab .text img,
  .climbing .ng_1 .text img {
    width: 0.34rem;
  }
  .product_video .eo_2 .play img {
    width: 0.6rem;
  }
  .category .ry_2 .banner1 {
    padding: 0 12vw;
  }
  .embedded .ed_2 .slide img {
    width: 1rem;
  }
  .embedded .ed_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 0.2rem;
  }
  .velocity .box {
    padding: 0;
  }
  .pu_banner .ban_ab .box1 .desc {
    margin-top: 0.3rem;
  }
  .similar_product .ct_2 .slide {
    width: 100%;
  }
  .similar_product .ct_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 0;
  }
  .ele_wave .box .icon .item {
    margin-right: 0.54rem;
  }
  .accuracy .cy_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .accuracy .cy_2 .slide .square .data {
    font-size: 0.76rem;
  }
  .direction .on_2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .series_type .pe_box .box_content .wow {
    padding: 0.3rem;
  }
  .pu_banner .ban_post .box2 {
    margin-top: 0.6rem;
  }
  .time_saving .ng_box > div .item .svg img {
    width: 1.2rem;
  }
  .worry_free .wo_top .content1 img,
  .platform .rm_1 .txt img,
  .time_saving .ng_post > div img {
    display: none;
  }
  .multiple_encryption .mu_bot,
  .worry_free .wo_top .content2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.6rem;
  }
  .pu_banner .ban_post .box2,
  .pu_banner .ban_post .box1,
  .velocity .box,
  .timed .ed_2 .item,
  .effortless_use .use_box .use_2 .le_box,
  .effortless_use .use_box .use_2 .ri_box,
  .pu_year .ar_2 .swiper .swiper-slide .content .text,
  .pu_year .ar_2 .swiper .swiper-slide .content .data,
  .all_honor .all_2 .ri_box,
  .all_honor .all_2 .le_box,
  .headquarters .rs_box .ri_box,
  .headquarters .rs_box .le_box {
    width: 100%;
  }
}
.protection .on_1 .t1,
.f46,
.f70 {
  /*font-family: SourcMedium;*/
}
@media screen and (max-width: 1500px) {
  .regional_center .er_bot {
    margin-left: 1.6rem;
  }
  .pc_header .he_box .ment {
    margin-left: 0.6rem;
  }
}
@media screen and (max-width: 1400px) {
  .pc_header .he_box .column .nav .zx {
    padding: 0 0 0 0.1rem;
  }
}
@media screen and (max-width: 1281px) {
  .pc_header .he_box .column .nav .slide {
    padding: 0 0.16rem;
  }
}
@media screen and (max-width: 1200px) {
  .index_news .ws_bot .ri_box {
    padding-left: 4%;
  }
  .index_criteria .ia_bot .swiper .swiper-slide {
    margin-left: 0;
  }
  .index_solution .on_bot .swiper .swiper-slide {
    width: calc((100% - var(--gap)) / 1.4);
  }
  .index_solution .on_top .text,
  .index_cases .es_1 .text {
    text-align: left;
  }
  .pc_footer .fo_box .ri_box {
    display: none;
  }
  .pc_footer .fo_box .le_box {
    width: 100%;
  }
  .pc_footer .fo_box .le_box .box {
    margin-right: 10%;
  }
  .pu_offer .form .er_1 .item2 .layui-input-inline {
    margin-right: 0;
  }
  .pu_offer .form .er_1 .item2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
  }
   .pu_offer .form .er_1 .item2 .layui-form-select .layui-input {
    width: 100%;
  }
  .local_interface .box .post {
    top: 30%;
  }
  .main_products::before {
    display: none;
  }
  .pu_bread {
    top: 58px;
  }
  .choice .ce_2 .le_box .toggle .le_img img {
    min-height: 4.2rem;
  }
  .regional_center .er_bot .content_box {
    width: 100%;
  }
  .regional_center .er_bot {
    margin-left: 0;
  }
  .regional_center .er_bot .content_box .point_box {
    margin: 0.6rem 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.2rem 0;
  }
  .regional_center .er_bot .content_box .point_box .point {
    position: initial;
  }
  .regional_center .er_bot .content_box .point_box .point p {
    display: none;
  }
  .regional_center .er_bot .content_box .point_box .point .txt {
    position: initial;
    transform: translateX(0) !important;
    transform: translateY(0) !important;
  }
  .regional_center .er_bot .content_box .neiro_box {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
  }
  .index_purchase .se_bot .swiper {
    --width: 100%;
  }
  .index_purchase .se_bot .swiper .swiper-slide {
    width: calc((100% - (var(--gap))) / 1.4) !important;
  }
  .index_purchase .se_bot .swiper .swiper-slide .de_img p {
    height: auto;
  }
  .index_purchase .se_bot .swiper .swiper-slide .de_img p img {
    right: 0;
    position: initial;
    transform: translateY(0);
    width: 100%;
  }
  .index_purchase .se_bot .swiper .swiper-slide .de_post {
    position: initial;
    width: 100%;
    padding: 0 0.3rem;
  }
  .index_purchase .se_bot .swiper .swiper-slide .de_post .t2 {
    opacity: 1;
  }
  .index_solution .on_top,
  .index_cases .es_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .index_solution .on_top .pu_switch,
  .index_cases .es_1 .pu_switch {
    position: inherit;
  }
  .index_solution .on_bot .swiper .swiper-slide .de_post .content2,
  .index_solution .on_bot .swiper .swiper-slide .de_post .content3,
  .index_solution .on_bot .swiper .swiper-slide .de_post .content4 {
    opacity: 1 !important;
  }
}
@media screen and (max-width: 669px) {
    .MobileMain .HeaderMobile .box .button .lang {
        width: 44px;
    }
    .MobileMain .HeaderMobile .box .button .lang a {
      vertical-align: middle;  
    }
    .attendant .ri_box .post > div {
        padding: 5vw;
    }
    .local_interface .box .bk img,
    .attendant .ri_box .bk img {
        height: 6rem;
    }
    .local_interface .box .post {
        top: 32%;
    }
    .MobileMain .HeaderMobile .box .logo a img {
        height: .36rem;
    }
  .index_customer .er_1  > div:first-child,
  .index_solution .on_top .text,
  .index_cases .es_1 .text,
  .index_purchase .se_top .text {
    margin-bottom: 0.3rem;
  }
  .index_purchase .se_bot .swiper .swiper-slide {
    width: 100% !important;
  }
  .index_solution .on_bot .swiper .swiper-slide {
    width: 100%;
  }
  .index_news .ws_bot .ri_box .slide {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
  .index_news .ws_bot .ri_box {
    width: 100%;
    padding-left: 0;
  }
  .index_news .ws_bot .le_box {
    width: 100%;
    display: flex;
  }
  .index_news .ws_bot .le_box > div {
    margin-right: 0.3rem;
  }
  .index_news .ws_bot .ri_box .slide .item1 {
    padding-right: 0;
  }
  .pc_footer .fo_box .le_box .box {
    margin-right: 0;
    width: 100%;
  }
  .pc_footer .fo_box .copy {
      line-height: 1.6;
  }
  .pc_footer .fo_box .copy p {
      width: 100%;
      margin-right: 0;
  }
  .pc_footer .fo_box .le_box .box:last-child {
    margin-top: 0.6rem;
  }
  .pc_footer .fo_box .le_box .box .content2 .item .m3 a {
    font-size: 0.24rem;
  }
  .pc_footer .fo_box .le_box .box .content2 {
    justify-content: center;
  }
  .pc_footer .fo_box .le_box .box .content2 .li {
    margin-right: 0.8rem;
  }
  .pu_offer .form .er_1 .item2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .pu_offer .form .er_1 .item2 .layui-form-select .layui-input {
    width: 100%;
  }
  .efficient .ne_box .ri_box .x2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .efficient {
    padding-bottom: 0.6rem;
  }
  .efficient .ne_box .ri_box .x2 .item::before {
    display: none;
  }
  .pu_offer .w1200 {
    padding: 0;
  }
  .attendant,
  .adapt,
  .local_interface {
    grid-template-columns: repeat(1, 1fr);
  }
  .climbing .ng_post .le_box {
    width: 100%;
  }
  .climbing .ng_post .ri_box {
    width: 100%;
    padding-left: 0;
    margin-top: 0.3rem;
  }
  .pu_bk img,
  .compensate .te_bk img {
    min-height: 2rem;
  }
  .timed .ed_bot {
    margin-top: 0.54rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .timed .ed_bot .item:not(:last-child) {
    margin-bottom: 0.6rem;
  }
  .fabric .le_box {
    width: 100%;
  }
  .fabric .ri_box {
    width: 100%;
    margin-top: 0.3rem;
  }
  .customer_story {
    padding: 0.8rem 0;
  }
  .w1480 {
    padding: 0 5vw;
  }
  .service_support .rt_box .box2 .fo_box {
    gap: 0.3rem 0;
  }
  .pu_banner2 .ban_bk img {
    min-height: 3.5rem;
  }

  .choice .ce_2 .le_box .toggle .le_ab {
    padding: 0 0.3rem;
  }
}