body {
  --bj: 7.2vw;
  --top: 0.86rem;
  --color: #4794fe;
  --gap: 1rem;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f64: 0.64rem;
  --f68: 0.68rem;
  --f76: 0.76rem;
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 18px;
    --f24: 20px;
    --f26: 22px;
    --f28: 22px;
    --bj: 5vw;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --bj: 5vw;
    --gap: 0.8rem;
    --top: 60px;
    --f20: 16px;
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 20px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f54: 0.5rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --f64: 0.58rem;
    --f68: 0.62rem;
    --f76: 0.7rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
    --f64: 0.52rem;
    --f68: 0.56rem;
    --f76: 0.64rem;
  }
}
/** 纵向滚动条样式 */
@-webkit-keyframes call {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
  }
}
@keyframes call {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
  }
}
@keyframes huxi {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pu_iframe {
    display: none;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--vh);
    background: rgba(0,0,0,.3);
}
.pu_iframe .box {
  width: min(500px,100vw);
  height: min(600px,80vh);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  border-radius: .12rem;
}
.pu_iframe .box .close {
  position: absolute;
  left: 20px;
  top: 13px;
  cursor: pointer;
}

.pu_iframe .box .close i {
    color: rgba(71, 148, 254, 1);
    font-size: var(--f26);
    line-height: normal;
}
.pu_iframe .box .close i:hover {
     
}
.public_author {
  position: relative;
  top: calc(var(--top) * -1 + 2px);
}
.pt {
  padding-top: var(--gap);
}
.pb {
  padding-bottom: var(--gap);
}
.wMain {
  padding-left: var(--bj);
  padding-right: var(--bj);
  width: 100%;
}
.Privacy_Policy .box_ .content1 {
  font-size: var(--f54);
  font-weight: bold;
}
.Privacy_Policy .box_ .hr {
  border-top: 1px solid #ccc;
  margin: 0.5rem 0;
}
.Privacy_Policy .box_ .content3 {
  font-size: var(--f18);
  line-height: 1.8;
  color: #666;
}
.Search_List .box1 {
  padding: 1.4rem 0 0.5rem;
  font-size: var(--f20);
  background: #f6f6f6;
}
.Search_List .box2 {
  min-height: 40vh;
}
.Search_List .box2 .item {
  padding: 0.2rem 0.8rem;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1200px) {
  .Search_List .box2 .item {
    padding: 0.2rem 0rem;
  }
}
.Search_List .box2 .item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.Search_List .box2 .item a .left {
  max-width: 80%;
}
.Search_List .box2 .item a .left .t {
  font-size: var(--f14);
  color: #999;
}
.Search_List .box2 .item a .left .b {
  font-size: var(--f24);
  color: #333;
  transition: 0.4s;
  margin-top: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Search_List .box2 .item a .right {
  font-size: var(--f16);
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: 0.4s;
}
.Search_List .box2 .item a .right i {
  font-size: var(--f16);
  display: inline-block;
  transition: 0.4s;
}
.Search_List .box2 .item a:hover .b {
  color: #4794fe;
}
.Search_List .box2 .item a:hover .right i {
  transform: translateX(5px);
}
.Search_List .box3 {
  font-size: var(--f18);
  text-align: center;
}
.pu_search {
  transition: 0.4s;
  top: calc(var(--top) + 0.5rem);
}
.pu_search.active {
  top: var(--top);
}
.pu_search.on {
  top: var(--top);
}
.pc_header {
  transition: 0.4s;
  z-index: 5;
  position: sticky;
  top: 0;
  width: 100%;
  background: #fff;
}
.pc_header .he_top {
  /*display: none;*/
}
.pc_header .he_top > div {
  background: url('../images/500.jpg') no-repeat;
  background-size: cover;
  height: 0.5rem;
  color: #fff;
  padding: 0 var(--bj);
  font-size: var(--f16);
}
.pc_header .he_top .text a {
  margin-left: 0.44rem;
  color: #fff;
  font-weight: bold;
}
.pc_header .he_top .text a i {
  transition: 0.4s;
  margin-left: 0.06rem;
}
.pc_header .he_top .text a:hover i {
  margin-left: 0.12rem;
}
.pc_header .he_top .close i {
  cursor: pointer;
  transition: 0.4s;
  opacity: 0.5;
  font-weight: bold;
}
.pc_header .he_top .close i:hover {
  opacity: 1;
}
.pc_header .he_bot {
  padding: 0 var(--bj);
}
.pc_header .he_bot .logo a img {
  height: 0.36rem;
}
.pc_header .he_bot .column {
  flex: 1;
}
.pc_header .he_bot .column .nav {
  margin: auto;
  font-size: var(--f18);
}
.pc_header .he_bot .column .nav .slide {
  position: relative;
}
.pc_header .he_bot .column .nav .slide.initial {
  position: initial;
}
.pc_header .he_bot .column .nav .slide .item a {
  transition: 0.4s;
  line-height: var(--top);
  font-weight: bold;
  color: #666;
}
.pc_header .he_bot .column .nav .slide .down {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  padding: 0.2rem var(--bj) 0;
}
/*.pc_header .he_bot .column .nav .slide:nth-child(1) .down {*/
/*    display: block;*/
/*}*/
.pc_header .he_bot .column .nav .slide .down > div {
  position: relative;
  background: #fff;
 border-radius: 0.1rem;
 overflow: hidden;
}
.pc_header .he_bot .column .nav .slide .down > div .do_canvas {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pc_header .he_bot .column .nav .slide .down .ul {
  z-index: 1;    
  position: relative;
  min-height: 4rem;
  /*background: #fff url('../images/8.jpg') no-repeat bottom center / cover;*/
  padding: 0.52rem 12%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.slide:first-child .down{
  width: 27% !important;
  left: 40% !important;
}
.slide:nth-child(4) .down{
  left: 60% !important;
  width: 27% !important;
}
.slide .down .ul{
  display: list-item !important;
  padding: 0.3rem !important;
  min-height: auto !important;
}

/* .pc_header .he_bot .column .nav .slide .down .ul .li {
  max-width: 25%;
} */
.pc_header .he_bot .column .nav .slide .down .ul .li .one {
  margin-bottom: 14px;
}
.pc_header .he_bot .column .nav .slide .down .ul .li .one a {
  font-weight: normal !important;
  text-align: center;
  transition: 0.4s;
  font-size: 1em !important;
  color: #666 !important;
}
.slide:first-child .down .ul .li .one{
  margin-bottom: 14px !important;
}
.slide:first-child .down .ul .li a{
  font-weight: 300 !important;
  font-size: 1em !important;
  color: #666 !important;
}
.pc_header .he_bot .column .nav .slide .down .ul .li .one a:hover {
  color: #4794fe;
}
.pc_header .he_bot .column .nav .slide .down .ul .li .two a {
  transition: 0.4s;
  font-size: 1em;
  color: #666;
}
.pc_header .he_bot .column .nav .slide .down .ul .li .two a + a {
  margin-top: 0.14rem;
}
.pc_header .he_bot .column .nav .slide .down .ul .li .two a:hover {
  color: #4794fe;
}
/* .pc_header .he_bot .column .nav .slide .down .ul .li + .li {
  padding-left: 2%;
} */
.pc_header .he_bot .column .nav .slide .default {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  padding-top: 0.2rem;
  white-space: nowrap;
  min-width: 280%;
}
.pc_header .he_bot .column .nav .slide .default .ul {
  background: #fff;
  border-radius: 0.08rem;
  padding: .35rem 15px;
}
.pc_header .he_bot .column .nav .slide .default .ul a {
  text-align: center;
  transition: 0.4s;
  font-size: 1em;
  color: #666;
}
.pc_header .he_bot .column .nav .slide .default .ul a + a {
  margin-top: 14px;
}
.pc_header .he_bot .column .nav .slide .default .ul a:hover {
  color: #4794fe;
}
.pc_header .he_bot .column .nav .slide:hover .item a,
.pc_header .he_bot .column .nav .slide.active .item a {
  color: #000;
}
.pc_header .he_bot .column .nav .slide + .slide {
  margin-left: 0.5rem;
}
.pc_header .he_bot .menu .search svg {
  cursor: pointer;
  width: 0.18rem;
}
.pc_header .he_bot .menu .lang {
  margin-left: 0.4rem;
  font-size: var(--f18);
  display: none;
}
.button .Language{
  display: none;
}
.pc_header .he_bot .menu .lang a {
  font-family: GilroyRegular;
}
.pc_header .he_bot .menu .lang i {
  margin-left: 0.02rem;
  font-size: 0.8em;
  font-weight: bold;
  color: #4794fe;
}
.pc_header .he_bot .menu .tel {
  margin-left: 0.4rem;
  /* display: flex; */
  flex-wrap: wrap;
  align-items: center;
  display: none;
}
.pc_header .he_bot .menu .tel svg {
  width: 0.18rem;
  animation: call 0.5s ease infinite;
}
.pc_header .he_bot .menu .tel a {
  transition: 0.4s;
  margin-left: 0.08rem;
  font-family: GilroyMedium;
  font-size: var(--f18);
}
.pc_header .he_bot .menu .tel a:hover {
  color: #4794fe;
}
.pc_header .he_bot .menu .login {
  margin-left: 0.4rem;
  position: relative;
  display: none;
}
.pc_header .he_bot .menu .login .default {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
    padding-top: 0.2rem;
    min-width: 1.66rem;
    white-space: nowrap;
}
.pc_header .he_bot .menu .login .default .ul {
    background: #fff;
    border-radius: 0.08rem;
    padding: .35rem 15px;  
}
.pc_header .he_bot .menu .login .default .ul a {
     text-align: center;
    transition: 0.4s;
    font-size: 1em;
    color: #666; 
    cursor: pointer;
    font-size: var(--f18);
}
.pc_header .he_bot .menu .login .default .ul a + a {
    margin-top: 14px;
}
.pc_header .he_bot .menu .login .default .ul a:hover {
    color: #4794fe;
}
.pc_header .he_bot .menu .login .login_btn {
  cursor: pointer;
  width: 1.4rem;
  line-height: 0.4rem;
  transition: 0.6s;
  font-size: var(--f16);
  border: 0.02rem solid #4794fe;
  color: #fff;
  background: #4794fe;
  font-weight: bold;
  border-radius: 0.08rem;
  text-align: center;
}
.pc_header .he_bot .menu .login .login_btn:hover {
  background: transparent;
  color: #4794fe;
}
.pc_header .he_bot .menu .login .user_name {
  display: none;    
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.pc_header .he_bot .menu .login .user_name img {
    width: .32rem;
}

.pc_header .he_bot .menu .login .user_name span {
    font-size: var(--f18);
    font-weight: bold;
    color: #000;
    flex: 1;
    padding-left: 10px;
}
.pc_header.is_login .he_bot .menu .login .login_btn {
  opacity: 0;
  pointer-events: none;
}
.pc_header.is_login .he_bot .menu .login .user_name {
  display: flex;
}

.pc_header.fixed {
  position: fixed;
}
.pc_header.fixed .he_top {
  display: block;
}
/*.pc_header.fixed.active {*/
/*  transform: translateY(-0.5rem);*/
/*}*/
.pc_header.active {
  transform: translateY(-0.5rem);
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
}
.pc_header.ty {
  transform: translateY(0);
}
.pc_footer {
  background: #101420;
}
.pc_footer .ter_top {
  padding: 0.9rem 0;
}
.pc_footer .ter_top .le_box {
  width: 35%;
}
.pc_footer .ter_top .le_box .logo a img {
  height: 0.44rem;
}
.pc_footer .ter_top .le_box .lxwm {
  margin-top: 0.36rem;
}
.pc_footer .ter_top .le_box .lxwm a {
  font-size: var(--f28);
  font-family: GilroyBold;
  color: #fff;
}
.pc_footer .ter_top .le_box .code {
  margin-top: 0.56rem;
  width: 1rem;
}
.pc_footer .ter_top .le_box .code img {
  width: 1rem;
}
.pc_footer .ter_top .ri_box {
  width: 65%;
  display: flex;
  justify-content: space-between;
}
.pc_footer .ter_top .ri_box .li {
  max-width: 16.66%;
}
.pc_footer .ter_top .ri_box .li .one {
  margin-bottom: 0.36rem;
}
.pc_footer .ter_top .ri_box .li .one a {
  font-weight: bold;
  color: #fff;
  font-size: var(--f20);
  line-height: 0.44rem;
}
.pc_footer .ter_top .ri_box .li .two a {
  transition: 0.4s;
  color: #666;
}
.pc_footer .ter_top .ri_box .li .two a:hover {
  color: #fff;
}
.pc_footer .ter_top .ri_box .li .two a + a {
  margin-top: 0.04rem;
}
.pc_footer .ter_top .ri_box .li + .li {
  padding-left: 2%;
}
.pc_footer .ter_bot {
  padding: 0.38rem 0;
}
.pc_footer .ter_bot .copy p {
  color: #666;
  font-size: var(--f18);
}
.pc_footer .ter_bot .copy p a {
  transition: 0.4s;
  color: #666;
}
.pc_footer .ter_bot .copy p a:hover {
  color: #fff;
}
.pc_footer .ter_bot .copy p + p {
  margin-left: 0.1rem;
}
.pu_privacy {
  z-index: 5;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #4794fe;
}
.pu_privacy > div {
  font-size: var(--f16);
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.pu_privacy > div .txt {
  color: #fff;
  opacity: 0.5;
  font-family: GilroyRegular;
}
.pu_privacy > div .btn a {
  transition: 0.4s;
  cursor: pointer;
  position: relative;
  color: #fff;
  opacity: 0.5;
  padding-bottom: 0.04rem;
  font-family: GilroyRegular;
}
.pu_privacy > div .btn a::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: #fff;
}
.pu_privacy > div .btn a.active,
.pu_privacy > div .btn a:hover {
  opacity: 1;
}
.pu_privacy > div .btn a.active::before,
.pu_privacy > div .btn a:hover::before {
  width: 100%;
}
.pu_privacy > div .btn a + a {
  margin-left: 0.4rem;
}
.pu_suspension {
  --w: 0.6rem;
  transition: 0.6s;
  opacity: 0;
  z-index: 5;
  position: fixed;
  right: calc(var(--w) * -1);
  top: 50%;
  transform: translateY(-50%);
}
.pu_suspension .on_box .item {
  position: relative;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
}
.pu_suspension .on_box .item a {
  cursor: pointer;
  width: var(--w);
  height: var(--w);
  background: #fff;
  border-radius: 0.1rem;
  display: flex;
  transition: 0.8s;
}
.pu_suspension .on_box .item a svg {
  max-width: 50%;
  margin: auto;
}
.pu_suspension .on_box .item a svg path {
  transition: 0.4s;
}
.pu_suspension .on_box .item .post {
  transition: 0.6s;
  position: absolute;
  right: 130%;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transform-origin: center right;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
}
.pu_suspension .on_box .item .post::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 0.08rem solid transparent;
  border-left-color: #fff;
}
.pu_suspension .on_box .item .post img {
  width: 1rem;
}
.pu_suspension .on_box .item:hover a {
  background: #4794fe;
}
.pu_suspension .on_box .item:hover a svg path {
  fill: #fff;
}
.pu_suspension .on_box .item:hover .post {
  transform: translateY(-50%) scale(1);
}
.pu_suspension .on_box .item + .item {
  margin-top: 0.06rem;
}
.pu_suspension.active {
  opacity: 1;
  right: 1vw;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  width: 100%;
  overflow: hidden;
}
.pu_banner .ban_bk img {
  width: 100%;
  animation: huxi 16s linear infinite;
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--bj);
  display: flex;
}
.pu_banner .ban_post > div {
  text-align: center;
  width: 100%;
  margin: auto;
  font-size: var(--f76);
  color: #fff;
  font-weight: bold;
}
.pu_banner2 {
  position: relative;
}
.pu_banner2 .ban_bk {
  width: 100%;
  overflow: hidden;
}
.pu_banner2 .ban_bk img {
  width: 100%;
  animation: huxi 16s linear infinite;
}
.pu_banner2 .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--bj);
  display: flex;
}
.pu_banner2 .ban_post > div {
  text-align: center;
  width: 100%;
  margin: auto;
  color: #fff;
}
.pu_banner2 .ban_post > div .t1 {
  font-size: var(--f76);
  font-weight: bold;
}
.pu_banner2 .ban_post > div .t2 {
  font-size: var(--f30);
}
.pu_link {
  display: inline-block;
}
.pu_link a {
  cursor: pointer;
  min-width: 1.7rem;
  padding: 0 0.3rem;
  font-size: var(--f16);
  transition: 0.6s;
  border: 0.02rem solid #4794fe;
  color: #4794fe;
  border-radius: 0.08rem;
  line-height: 0.5rem;
  text-align: center;
  font-weight: bold;
}
.pu_link a:hover {
  background: #4794fe;
  color: #fff;
}
.pu_link.color a {
  background: #4794fe;
  color: #fff;
}
.pu_link.color a:hover {
  background: transparent;
  color: #4794fe;
}
.pu_link.white a {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.pu_link.white a:hover {
  background: #fff;
  color: #4794fe;
}
.pu_link + .pu_link {
  margin-left: 0.12rem;
}
.pu_text .t1 {
  color: #4794fe;
  font-size: var(--f24);
}
.pu_text .t2 {
  margin-top: 0.1rem;
  color: #000;
  font-weight: bold;
  font-size: var(--f54);
  line-height: 1.2;
}
.pu_toggle .prev i,
.pu_toggle .next i {
  transition: 0.4s;
  cursor: pointer;
  font-size: var(--f30);
  color: rgba(102, 102, 102, 0.4);
}
.pu_toggle .prev i:hover,
.pu_toggle .next i:hover {
  color: #4794fe;
}
.pu_toggle .next {
  margin-left: 0.1rem;
}
.index_banner {
  position: relative;
}
.index_banner .swiper .swiper-slide {
    position: relative;
}
.index_banner .swiper .swiper-slide .slide_img video,
.index_banner .swiper .swiper-slide .slide_img img {
  width: 100%;
  height: var(--vh);
}
.index_banner .swiper .swiper-slide .slide_post {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
}
.index_banner .swiper .swiper-slide .slide_post >div {
    width: 100%;
    margin: auto;
    font-size: var(--f68);
    color: #fff;
    padding: 0 var(--bj);
    line-height: 1.3;
}
.index_banner .div_toggle {
    display: none;
}
.index_banner .div_toggle .prev,
.index_banner .div_toggle .next {
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.index_banner .div_toggle .prev i,
.index_banner .div_toggle .next i {
  transition: 0.4s;
  font-size: var(--f30);
  color: rgba(255, 255, 255, 0.4);
}
.index_banner .div_toggle .prev:hover i,
.index_banner .div_toggle .next:hover i {
  color: #fff;
}
.index_banner .div_toggle .prev {
  left: calc(var(--bj) / 2 - (var(--f30) / 2));
}
.index_banner .div_toggle .next {
  right: calc(var(--bj) / 2 - (var(--f30) / 2));
}
.index_banner .div_drop {
  z-index: 2;
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  padding: 0 var(--bj);
  text-align: center;
}
.index_banner .div_drop .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.1rem;
}
.index_banner .div_drop .swiper-pagination-bullet-active {
  background: #4794fe;
}
.index_product {
  position: relative;
  height: var(--vh);
}
.index_product .pr_bk {
  width: 100%;
  height: 100%;
}
.index_product .pr_bk p {
  transition: 1.07s ease;
  opacity: 0;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.index_product .pr_bk p img {
  width: 100%;
  height: 100%;
}
.index_product .pr_bk p.active {
  opacity: 1;
}
.index_product .pr_post1 {
  position: absolute;
  top: 30%;
  width: 100%;
  padding: 0 var(--bj);
}
.index_product .pr_post1 > div {
  width: 34%;
}
.index_product .pr_post1 > div .item {
  display: none;
}
.index_product .pr_post1 > div .item .content1 .pu_text .t2 {
  font-size: var(--f64);
}
.index_product .pr_post1 > div .item .content2 {
  margin-top: 0.3rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.6;
  height: 3.2em;
}
.index_product .pr_post1 > div .item .content3 {
  margin-top: 0.68rem;
}
.index_product .pr_post1 > div .item.active {
  display: block;
}
.index_product .pr_post2 {
  position: absolute;
  bottom: 0.7rem;
  width: 100%;
  padding: 0 var(--bj);
}
.index_product .pr_post2 > div {
  display: flex;
}
.index_product .pr_post2 > div a {
  position: relative;
  flex: 1;
  transition: 0.6s;
  padding-top: 0.22rem;
  font-size: var(--f24);
  color: #000;
  border-top: 2px solid #e0e0e0;
  cursor: pointer;
}
.index_product .pr_post2 > div a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #4794fe;
}
.index_product .pr_post2 > div a + a {
  margin-left: 0.56rem;
}
.index_product .pr_post2 > div a.active,
.index_product .pr_post2 > div a:hover {
  color: #4794fe;
}
.index_product .pr_post2 > div a.active::before,
.index_product .pr_post2 > div a:hover::before {
  width: 100%;
}
.index_about {
  overflow: hidden;
  background: url('../images/3.jpg') no-repeat;
  background-size: cover;
}
.index_about .wMain .le_box {
  width: 50%;
}
.index_about .wMain .le_box > div .content2 {
  margin-top: 0.3rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.6;
}
.index_about .wMain .le_box > div .content3 {
  margin-top: 0.68rem;
}
.index_about .wMain .ri_box {
  width: 50%;
  text-align: center;
}
.index_about .wMain .ri_box img {
  max-width: 68%;
}
.index_news {
  overflow: hidden;
  position: relative;
}
.index_news .ws_bot {
  margin-top: 0.7rem;
}
.index_news .ws_bot .swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}
.index_news .ws_bot .swiper .swiper-slide .le_box {
  width: 50%;
}
.index_news .ws_bot .swiper .swiper-slide .le_box p {
  display: none;
  width: 100%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.index_news .ws_bot .swiper .swiper-slide .le_box p img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.2rem;
}
.index_news .ws_bot .swiper .swiper-slide .le_box p.active {
  display: block;
}
.index_news .ws_bot .swiper .swiper-slide .le_box p:hover img {
  transform: scale(1.05);
}
.index_news .ws_bot .swiper .swiper-slide .ri_box {
  width: 50%;
  padding-left: 0.6rem;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li {
  position: relative;
  width: 47%;
  height: 50%;
  border-bottom: 1px solid #ccc;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 0%;
  height: 1px;
  background: #4794fe;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li a {
  height: 100%;
  padding: 0.28rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li a .txt p {
  transition: 0.3s;
  font-size: var(--f28);
  line-height: 1.4;
  height: 2.8em;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li a .time {
  font-size: var(--f20);
  font-family: GilroyRegular;
  color: #4794fe;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li:nth-child(-n+2) {
  border-top: 1px solid #ccc;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li.active::before {
  width: 100%;
}
.index_news .ws_bot .swiper .swiper-slide .ri_box > div .li.active a .txt p{
  font-weight: bold;
}
.index_news .ws_canvas {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.index_experience {
  padding: 0.76rem 0;
  min-height: 3.6rem;
}
.index_experience .wMain > div {
  width: 100%;
  margin: auto;
}
.index_experience .wMain > div .content1 {
  color: #fff;
}
.index_experience .wMain > div .content1 .txt {
  font-size: var(--f54);
  font-weight: bold;
  margin-bottom: 0.12rem;
}
.index_experience .wMain > div .content1 .desc {
  font-size: var(--f18);
}
.index_experience .wMain > div .content2 {
  margin-top: 0.42rem;
}
.index_experience.center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_experience.center .wMain {
  text-align: center;
}
.pu_btn {
  --w: 0.5rem;
  width: var(--w);
  height: var(--w);
  border-radius: 0.08rem;
  border: 1px solid #4794fe;
  display: flex;
  transition: 0.4s;
}
.pu_btn i {
  color: #4794fe;
  transition: 0.4s;
  font-weight: bold;
  font-style: var(--f20);
  margin: auto;
  line-height: 1;
}
.product_list .item {
  padding: var(--gap) 0;
  border-top: 1px solid #ccc;
}
.product_list .item .content1 {
  text-align: center;
  font-size: var(--f64);
  font-weight: bold;
}
.product_list .item .content2 {
  margin-top: 0.66rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.product_list .item:first-child {
  border-top: none;
}
.pu_li_5 {
  transition: 0.4s;
  background: url('../images/7.jpg') no-repeat;
  background-size: cover;
  border-radius: 0.1rem;
  overflow: hidden;
}
.pu_li_5 a {
  padding: 0.3rem 0.3rem 0.54rem;
}
.pu_li_5 a .img {
  display: flex;
  height: 2.58rem;
  background: #fff;
  border-radius: 0.1rem;
}
.pu_li_5 a .img img {
  max-width: 66%;
  margin: auto;
}
.pu_li_5 a .text {
  margin-top: 0.4rem;
}
.pu_li_5 a .text .t1 {
  transition: 0.4s;
  font-size: var(--f28);
}
.pu_li_5 a .text .t2 {
  margin: 0.24rem 0 0.6rem;
  font-size: var(--f18);
  line-height: 1.6;
  height: 4.8em;
  color: #666;
}
.pu_li_5:hover {
  transform: translateY(-0.1rem);
}
.pu_li_5:hover a .text .t1 {
  font-weight: bold;
}
.pu_li_5:hover a .text .t3 .pu_btn {
  background: #4794fe;
}
.pu_li_5:hover a .text .t3 .pu_btn i {
  color: #fff;
}
.faq_box ._top {
  font-size: var(--f54);
  font-weight: bold;
}
.faq_box ._bot {
  margin-top: .38rem;
}
.faq_box ._bot .content1 .li {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  padding: 0.38rem 0;
  display: none;
}
.faq_box ._bot .content1 .li:nth-child(-n+4) {
  display: block;
}
.faq_box ._bot .content1 .li .one {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: var(--f22);
  font-weight: bold;
}
.faq_box ._bot .content1 .li .one p {
  flex: 0.9;
}
.faq_box ._bot .content1 .li .one i {
  transition: 0.4s;
  font-size: 0.8em;
  color: rgba(102, 102, 102, 0.4);
}
.faq_box ._bot .content1 .li .two {
  display: none;
  margin-top: 0.12rem;
}
.faq_box ._bot .content1 .li .two p {
  font-size: var(--f18);
  color: #666;
}
.faq_box ._bot .content1 .li.active .one i {
  transform: rotateX(180deg);
  color: #4794fe;
}
.faq_box ._bot .content2 {
  margin-top: 0.7rem;
}
.customer_box .er_top .content1 {
  font-size: var(--f54);
  font-weight: bold;
}
.customer_box .er_top .content2 {
  margin-top: 0.84rem;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .img {
  width: 36%;
  height: 2.8rem;
  background: #f5fbff;
  display: flex;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .img img {
  max-width: 55%;
  margin: auto;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text {
  width: 64%;
  padding-left: 6%;
  display: flex;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text > div {
  width: 100%;
  margin: auto;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text .t2 {
  margin-top: 0.3rem;
  font-size: var(--f18);
  line-height: 1.8;
  height: 3.6em;
  color: #666;
  overflow: auto;
  padding-right: .1rem;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text .t2::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text .t2::-webkit-scrollbar-thumb {
    background: rgba(71, 148, 254, 1);
}
.customer_box .er_top .content2 .swiper .swiper-slide > div .text .t2::-webkit-scrollbar-track {
    background: rgba(71, 148, 254, .5);
}
.customer_box .er_top .content2 .div_drop {
  margin-top: 0.5rem;
  text-align: center;
}
.customer_box .er_top .content2 .div_drop .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(102, 102, 102, 0.2);
  margin: 0 0.1rem;
}
.customer_box .er_top .content2 .div_drop .swiper-pagination-bullet-active {
  background: #4794fe;
}
.customer_box .er_bot {
  margin-top: var(--gap);
  overflow: hidden;
}
.customer_box .er_bot .content {
  width: fit-content;
  display: flex;
  animation: marquee 80s linear infinite;
}
.customer_box .er_bot .content p {
  margin: 0 0.1rem;
  background: #f5fbff;
  width: 3rem;
  height: 1.04rem;
  display: flex;
  flex: none;
}
.customer_box .er_bot .content p img {
  margin: auto;
  max-width: 56%;
  max-height: 80%;
}
.customer_box .er_bot .content + .content {
  margin-top: 0.2rem;
}
.customer_box .er_bot .content:nth-child(even) {
  animation-direction: reverse;
}
@keyframes marquee {
  0% {
    transform: translateZ(0);
  }
  100% {
    transform: translate3d(calc(-50%), 0, 0);
  }
}
.function_box {
  position: relative;
  background: #dfe6ee;
}
.function_box .on_text {
  z-index: 2;
  position: absolute;
  width: 100%;
  top: var(--gap);
  padding: 0 var(--bj);
}
.function_box .on_text p {
  font-size: var(--f54);
  font-weight: bold;
}
.function_box .on_main {
  position: relative;
}
.function_box .on_main .swiper .swiper-slide {
  position: relative;
}
.function_box .on_main .swiper .swiper-slide .my_video {
  width: 100%;
}
.function_box .on_main .swiper .swiper-slide .my_video img,
.function_box .on_main .swiper .swiper-slide .my_video video {
  width: 100%;
  height: var(--vh);
}
.function_box .on_main .swiper .swiper-slide .my_post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--bj);
  background-image: url('../images/mc2.png');
  background-repeat:  no-repeat;
  background-size: cover;

}
.function_box .on_main .swiper .swiper-slide .my_post > div {
  width: 38%;
  position: relative;
  top: 30%;
}
.function_box .on_main .swiper .swiper-slide .my_post .content1 {
  font-size: var(--f42);
  font-weight: bold;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 {
  margin: 0.2rem 0 0.5rem;
  height: 3.74rem;
  overflow: auto;
  padding-right: .1rem;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2::-webkit-scrollbar-thumb {
   background: #4794fe; 
}
.function_box .on_main .swiper .swiper-slide .my_post .content2::-webkit-scrollbar-track {
   background: rgba(71,148,254,.5);   
}


.function_box .on_main .swiper .swiper-slide .my_post .content2 .item {
  border-bottom: 1px solid #ccc;
  padding: 0.2rem 0;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item .one {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: var(--f24);
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item .one p {
  flex: 0.9;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item .one i {
  transition: 0.4s;
  font-size: 0.9em;
  color: rgba(102, 102, 102, 0.4);
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item .two {
  display: none;
  margin-top: 0.1rem;
  color: #666;
  font-size: var(--f18);
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item.active .one p {
  font-weight: bold;
}
.function_box .on_main .swiper .swiper-slide .my_post .content2 .item.active .one i {
  color: #4794fe;
  transform: rotateX(180deg);
}
.function_box .on_main .div_ {
  z-index: 2;
  position: absolute;
  width: 100%;
  bottom: 4%;
  padding: 0 var(--bj);
}
.product_mix .ct_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.product_mix .ct_bot {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.24rem;
}
.product_mix .ct_bot .item a {
  height: 100%;
  border: 1px solid #dfdfdf;
}
.product_mix .ct_bot .item a .img {
  overflow: hidden;
  width: 100%;
}
.product_mix .ct_bot .item a .img img {
  transition: 0.4s;
  width: 100%;
}
.product_mix .ct_bot .item a .text {
  padding: 0.5rem 0.34rem;
}
.product_mix .ct_bot .item a .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.product_mix .ct_bot .item a .text .t2 {
  margin-top: 0.16rem;
  font-size: var(--f18);
  color: #666;
}
.product_mix .ct_bot .item a:hover .img img {
  transform: scale(1.05);
}
.industry_box {
  position: relative;
  height: var(--vh);
}
.industry_box::before {
  z-index: 1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.industry_box::after {
  z-index: 1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.5) 100%);
}
.industry_box .ry_text {
  z-index: 2;
  position: absolute;
  width: 100%;
  top: var(--gap);
  padding: 0 var(--bj);
}
.industry_box .ry_text p {
  color: #fff;
  font-size: var(--f54);
  font-weight: bold;
}
.industry_box .ry_bk p {
  opacity: 0;
  transition: 1.07s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.industry_box .ry_bk p img {
  width: 100%;
  height: 100%;
}
.industry_box .ry_bk p.active {
  opacity: 1;
}
.industry_box .ry_post1 {
  z-index: 2;
  position: absolute;
  width: 100%;
  padding: 0 var(--bj);
  top: 50%;
  transform: translateY(-50%);
}
.industry_box .ry_post1 .item {
  display: none;
  color: #fff;
}
.industry_box .ry_post1 .item .m1 {
  font-size: var(--f42);
  font-weight: bold;
}
.industry_box .ry_post1 .item .m2 {
  margin-top: 0.1rem;
  font-size: var(--f22);
}
.industry_box .ry_post1 .item.active {
  display: block;
}
.industry_box .ry_post2 {
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 6%;
  padding: 0 var(--bj);
}
.industry_box .ry_post2 >div {
    position: relative;
    padding: 0 .6rem;
}
.industry_box .ry_post2 .div_ .prev,
.industry_box .ry_post2 .div_ .next {
   opacity: .5;
   cursor: pointer;
   transition: .4s;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}
.industry_box .ry_post2 .div_ .prev {
    left: 0;
}
.industry_box .ry_post2 .div_ .next {
   right: 0; 
}
.industry_box .ry_post2 .div_ .prev:hover,
.industry_box .ry_post2 .div_ .next:hover {
   opacity: 1; 
}

.industry_box .ry_post2 .div_ .prev i,
.industry_box .ry_post2 .div_ .next i {
  font-size: var(--f30);
  color: #fff;
}

.industry_box .ry_post2 .swiper .swiper-slide a {
  transition: 0.4s;
  position: relative;
  font-size: var(--f24);
  color: rgba(255, 255, 255, 0.3);
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  padding-top: 0.22rem;
}
.industry_box .ry_post2 .swiper .swiper-slide a::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #4794fe;
}
.industry_box .ry_post2 .swiper .swiper-slide.active a {
  color: #fff;
}
.industry_box .ry_post2 .swiper .swiper-slide.active a::before {
  width: 100%;
}
.advantage_box .ge_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.advantage_box .ge_bot {
  margin-top: 0.66rem;
}
.advantage_box .ge_bot .swiper .swiper-slide {
  position: relative;
}
.advantage_box .ge_bot .swiper .swiper-slide .bk img {
  transition: 1.07s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.advantage_box .ge_bot .swiper .swiper-slide .bk .img2 {
  opacity: 0;
}
.advantage_box .ge_bot .swiper .swiper-slide .text {
  z-index: 1;
  position: relative;
  padding: 0.5rem 0.34rem;
  height: 5rem;
}
.advantage_box .ge_bot .swiper .swiper-slide .text .t1 {
  transition: 0.4s;
  font-size: var(--f24);
  font-weight: bold;
  padding-bottom: 0.22rem;
}
.advantage_box .ge_bot .swiper .swiper-slide .text .t2 {
  transition: 0.4s;
  border-top: 1px solid #e1e1e1;
  padding-top: 0.26rem;
  font-size: var(--f18);
  color: #666;
  display: grid;
  gap: 0.14rem;
}
.advantage_box .ge_bot .swiper .swiper-slide:hover .bk .img1 {
  opacity: 0;
}
.advantage_box .ge_bot .swiper .swiper-slide:hover .bk .img2 {
  opacity: 1;
}
.advantage_box .ge_bot .swiper .swiper-slide:hover .text {
  border-top-color: rgba(255, 255, 255, 0.3);
}
.advantage_box .ge_bot .swiper .swiper-slide:hover .text .t1 {
  color: #fff;
}
.advantage_box .ge_bot .swiper .swiper-slide:hover .text .t2 {
  color: #fff;
}
.advantage_box .ge_bot .div_ {
  margin-top: 0.8rem;
}
.pu_cut {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pu_cut .prev,
.pu_cut .next {
  cursor: pointer;
}
.pu_cut .prev i,
.pu_cut .next i {
  color: rgba(102, 102, 102, 0.4);
  font-size: var(--f30);
}
.pu_cut .prev:hover i,
.pu_cut .next:hover i {
  color: #4794fe;
}
.pu_cut .drop {
  margin: 0 0.6rem;
  display: flex;
  width: auto;
}
.pu_cut .drop .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 0.1rem;
  background: rgba(102, 102, 102, 0.2);
}
.pu_cut .drop .swiper-pagination-bullet-active {
  background: #4794fe;
}
.pu_mbx > div {
  font-size: var(--f16);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: bold;
}
.pu_mbx > div a {
  transition: 0.4s;
  color: #666;
}
.pu_mbx > div a:hover {
  color: #4794fe;
}
.pu_mbx > div i {
  color: #666;
  margin: 0 4px;
}
.pu_mbx > div span {
  color: #000;
}
.product_details {
  background: url('../images/13.jpg') no-repeat;
  background-size: cover;
  padding: 0.48rem 0 1.6rem;
}
.product_details .ls_bot {
  margin-top: 0.8rem;
}
.product_details .ls_bot .le_box {
  width: 50%;
  padding-right: 6%;
}
.product_details .ls_bot .le_box .txt {
  font-size: var(--f64);
  font-weight: bold;
}
.product_details .ls_bot .le_box .desc {
  margin: 0.3rem 0 0.6rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
}
.product_details .ls_bot .ri_box {
  position: relative;
  width: 50%;
}
.product_details .ls_bot .ri_box > div {
  position: sticky;
  top: calc(var(--top) + 0.2rem);
  width: 100%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.product_details .ls_bot .ri_box > div img {
  width: 100%;
  border-radius: 0.2rem;
}
.product_details .ls_bot .ri_box > div .play {
  --w: 1rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  display: flex;
}
.product_details .ls_bot .ri_box > div .play::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 calc(var(--w)/2) #4794fe;
  border-radius: 50%;
}
.product_details .ls_bot .ri_box > div .play::after {
  pointer-events: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: scale(0.9);
  border-radius: 50%;
}
.product_details .ls_bot .ri_box > div .play svg {
  z-index: 1;
  position: relative;
  margin: auto;
  max-width: 20%;
}
.product_details .ls_bot .ri_box > div .play:hover::before {
  transform: scale(1.1);
  box-shadow: inset 0 0 0 2px #fff;
}
.product_details .ls_bot .ri_box > div .play:hover::after {
  animation: sonarEffect 1.3s ease-out 75ms;
}
@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
.pu_leval {
  display: flex;
  justify-content: center;
}
.pu_leval a {
  transition: 0.4s;
  position: relative;
  color: #666;
  font-size: var(--f24);
  padding-bottom: 0.16rem;
}
.pu_leval a::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: #4794fe;
}
.pu_leval a:hover,
.pu_leval a.active {
  color: #000;
  font-weight: bold;
}
.pu_leval a:hover::before,
.pu_leval a.active::before {
  width: 100%;
}
.pu_leval a + a {
  margin-left: 0.7rem;
}
.industry_case .content2 {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.industry_case .content3 {
  margin-top: var(--gap);
}
.pu_li a {
  height: 100%;
  background: #e8f6ff url('../images/17.jpg') no-repeat center bottom / 100% auto;
}
.pu_li a .img {
  width: 100%;
  overflow: hidden;
}
.pu_li a .img img {
  transition: 0.4s;
  width: 100%;
}
.pu_li a .box {
  padding: 0.4rem 0.34rem;
}
.pu_li a .box .svg {
  height: 0.34rem;
}
.pu_li a .box .svg img {
  max-width: 100%;
  max-height: 100%;
}
.pu_li a .box .text {
  margin: 0.26rem 0 0.48rem;
}
.pu_li a .box .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.pu_li a .box .text .t2 {
  margin-top: 0.1rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.5;
  height: 3em;
}
.pu_li a:hover .img img {
  transform: scale(1.05);
}
.pu_li a:hover .box .btn .pu_btn {
  background: #4794fe;
}
.pu_li a:hover .box .btn .pu_btn i {
  color: #fff;
}
.pu_page {
  --w: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pu_page .prev a,
.pu_page .next a {
  width: var(--w);
  height: var(--w);
  border-radius: 0.08rem;
  border: 1px solid #4794fe;
  display: flex;
  transition: 0.4s;
}
.pu_page .prev a i,
.pu_page .next a i {
  color: #4794fe;
  transition: 0.4s;
  font-weight: bold;
  font-style: var(--f20);
  margin: auto;
  line-height: 1;
}
.pu_page .prev a:hover,
.pu_page .next a:hover {
  background: #4794fe;
}
.pu_page .prev a:hover i,
.pu_page .next a:hover i {
  color: #fff;
}
.pu_page .prev {
  margin-right: 0.6rem;
}
.pu_page .next {
  margin-left: 0.6rem;
}
.pu_page .number {
  display: flex;
}
.pu_page .number a {
  transition: 0.4s;
  font-family: GilroyMedium;
  font-size: var(--f24);
  color: #999;
  line-height: var(--w);
  border-bottom: 2px solid transparent;
  margin: 0 0.2rem;
}
.pu_page .number a.active,
.pu_page .number a:hover {
  color: #000;
  border-bottom-color: #4794fe;
}
.other_cases .es_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.other_cases .es_bot {
  margin-top: 0.7rem;
}
.other_cases .es_bot .div_ {
  margin-top: 0.3rem;
}
.case_details {
  background: #f5fbff;
  padding: 0.48rem 0 1.4rem;
}
.case_details .content2 {
  padding: 0.3rem 0 0.64rem;
}
.case_details .content2 .txt {
  font-size: var(--f64);
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.case_details .content2 .svg {
  height: 0.34rem;
}
.case_details .content2 .svg img {
  max-width: 100%;
  max-height: 100%;
}
.case_details .content3 {
  padding-top: 0.8rem;
  border-top: 1px solid #ccc;
  display: grid;
  gap: 0.54rem;
}
.case_details .content3 .item .txt {
  font-size: var(--f28);
  font-weight: bold;
  margin-bottom: 0.26rem;
}
.case_details .content3 .item .compiler {
  line-height: 1.8;
  color: #666;
  font-size: var(--f18);
}
.case_details .content3 .item .compiler img {
  max-width: 100%;
}
.case_details .content3 .item .compiler ul {
  padding-left: 0.23rem;
}
.case_details .content3 .item .compiler ul li {
  list-style-type: disc;
}
.case_details .content3 .item:nth-child(2),
.case_details .content3 .item:nth-child(3) {
  display: none;
}
.teaching_video .content2 {
  margin: 0.8rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.pu_li_2 a {
  cursor: pointer;
  height: 100%;
  background: #e8f6ff url('../images/21.jpg') no-repeat center bottom / 100% auto;
}
.pu_li_2 a .img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.pu_li_2 a .img img {
  transition: 0.4s;
  width: 100%;
  opacity: .8;
}
.pu_li_2 a .img .play {
  --w: 0.86rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--w);
  height: var(--w);
  border-radius: 50%;
  display: flex;
}
.pu_li_2 a .img .play::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 calc(var(--w) / 2) #4794fe;
  border-radius: 50%;
}
.pu_li_2 a .img .play::after {
  pointer-events: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: scale(0.9);
  border-radius: 50%;
}
.pu_li_2 a .img .play svg {
  z-index: 1;
  position: relative;
  margin: auto;
  max-width: 20%;
}
.pu_li_2 a .box {
  padding: 0.34rem;
}
.pu_li_2 a .box .txt {
  font-size: var(--f28);
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.pu_li_2 a .box .duration {
  font-size: var(--f16);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_li_2 a .box .duration p {
  line-height: 1.8;
  padding: 0 0.18rem;
  border-radius: 0.14rem;
  color: #4794fe;
  background: rgba(71, 148, 254, 0.2);
}
.pu_li_2 a .box .duration span {
  margin-left: 0.16rem;
  color: #999;
}
.pu_li_2:hover a .img img {
  transform: scale(1.05);
}
.pu_li_2:hover a .img .play::before {
  transform: scale(1.1);
  box-shadow: inset 0 0 0 2px #fff;
}
.pu_li_2:hover a .img .play::after {
  animation: sonarEffect 1.3s ease-out 75ms;
}
.pu_pop {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.pu_pop .content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 var(--bj);
}
.pu_pop .content .div_ {
  position: relative;
  padding: 0.7rem;
  background: #fff;
  border-radius: 0.2rem;
}
.pu_pop .content .div_ .close {
  position: absolute;
  right: 0;
  top: 0.3rem;
  right: 0.3rem;
  cursor: pointer;
}
.pu_pop .content .div_ .close svg {
  width: 0.24rem;
}
.pu_pop .content .div_ .close svg path {
  transition: 0.4s;
}
.pu_pop .content .div_ .close:hover svg path {
  fill: #4794fe;
}
.pu_pop .content .list .item {
  display: none;
}
.pu_pop .content .list .item > div .le_box {
  height: 5.7rem;
  width: 56%;
  background: #000;
  display: flex;
}
.pu_pop .content .list .item > div .le_box video {
  margin: auto;
  width: 100%;
}
.pu_pop .content .list .item > div .ri_box {
  width: 44%;
  padding-left: 6%;
  display: flex;
}
.pu_pop .content .list .item > div .ri_box > div {
  width: 100%;
  margin: auto;
}
.pu_pop .content .list .item > div .ri_box > div .text .t1 {
  font-size: var(--f42);
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.pu_pop .content .list .item > div .ri_box > div .text .t2 {
  font-size: var(--f16);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_pop .content .list .item > div .ri_box > div .text .t2 p {
  line-height: 1.6;
  padding: 0 0.18rem;
  border-radius: 0.14rem;
  color: #4794fe;
  background: rgba(71, 148, 254, 0.2);
}
.pu_pop .content .list .item > div .ri_box > div .text .t2 span {
  margin-left: 0.16rem;
  color: #999;
}
.pu_pop .content .list .item > div .ri_box > div .desc {
  margin-top: 0.4rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
  height: 18em;
  overflow: auto;
  padding-right: 0.1rem;
}
.pu_pop .content .list .item > div .ri_box > div .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.pu_pop .content .list .item > div .ri_box > div .desc::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #4794fe;
}
.pu_pop .content .list .item > div .ri_box > div .desc::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(71, 148, 254, 0.5);
}
.pu_pop .content .list .item.active {
  display: block;
}
.learning_center .er_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.learning_center .er_bot {
  margin-top: 0.7rem;
}
.learning_center .er_bot .div_ {
  margin-top: 0.76rem;
}
.apply_try .ly_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.apply_try .ly_bot {
  margin-top: 0.7rem;
  background: url('../images/22.jpg') no-repeat;
  background-size: cover;
  padding: 0.44rem 5% 0.7rem;
}
.apply_try .ly_bot form {
  --h: 0.76rem;
  font-size: var(--f18);
}
.apply_try .ly_bot form .item1 {
  display: grid;
  gap: 0.26rem;
}
.apply_try .ly_bot form .grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.26rem;
}
.apply_try .ly_bot form .gird2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.26rem;
}
.apply_try .ly_bot form .label {
  transition: 0.4s;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.apply_try .ly_bot form .label input {
  width: 100%;
  border: none;
  height: var(--h);
  background: none;
}
.apply_try .ly_bot form .label input:not(:placeholder-shown) + .tips {
  display: none;
}
.apply_try .ly_bot form .label .tips {
  transition: 0.4s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  color: #666;
}
.apply_try .ly_bot form .label .tips span {
  color: #4794fe;
}
.apply_try .ly_bot form .label .layui-form-select input {
  padding-left: 0;
}
.apply_try .ly_bot form .label .layui-form-select input::placeholder {
  color: #666;
}
.apply_try .ly_bot form .label .layui-form-select dl {
  top: calc(var(--h) + 0.1rem);
}
.apply_try .ly_bot form .label .layui-form-select dl dd {
  font-size: 0.88em;
  line-height: 0.5rem;
}
.apply_try .ly_bot form .label:focus-within {
  border-bottom-color: #4794fe;
}
.apply_try .ly_bot form .label:focus-within .tips {
  color: #000;
}
.apply_try .ly_bot form .label_1 {
  display: flex;
  flex-wrap: wrap;
}
.apply_try .ly_bot form .label_1 .ss {
  flex: 1;
  padding-right: 0.14rem;
}
.apply_try .ly_bot form .label_1 .code {
  position: relative;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.apply_try .ly_bot form .label_1 .code::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 32%;
  background: #cccccc;
}
.apply_try .ly_bot form .label_1 .code input {
  flex: 1;
  padding: 0 0.14rem;
}
.apply_try .ly_bot form .label_1 .code .tp {
  width: 50%;
  display: flex;
}
.apply_try .ly_bot form .label_1 .code .tp img {
  margin: auto;
  max-width: 100%;
}
.apply_try .ly_bot form .item2 {
  margin-top: 0.26rem;
  --w: 0.26rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.apply_try .ly_bot form .item2 .layui-form-checkbox {
  width: var(--w);
  height: var(--w);
  line-height: var(--w);
  padding-right: 0;
  background: #eaeaea;
  font-size: 1em;
}
.apply_try .ly_bot form .item2 .layui-form-checkbox i {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
  opacity: 0;
}
.apply_try .ly_bot form .item2 .layui-form-checked {
  background: #4794fe;
}
.apply_try .ly_bot form .item2 .layui-form-checked i {
  color: #fff;
  opacity: 1;
}
.apply_try .ly_bot form .item2 .txt a {
  display: inline-block;
  color: #4794fe;
}
.apply_try .ly_bot form .item3 {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.apply_try .ly_bot form .item3 label button {
  display: none;
}
.apply_try .ly_bot form .item3 label + label {
  margin-left: 0.2rem;
}
.help_document .nt_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.help_document .nt_bot {
  margin-top: 0.7rem;
}
.help_document .nt_bot .swiper {
  padding-top: 0.1rem;
}
.help_document .nt_bot .swiper .swiper-slide {
  transition: 0.4s;
}
.help_document .nt_bot .swiper .swiper-slide a {
  background: url('../images/24.jpg') no-repeat;
  background-size: cover;
  padding: 0.62rem 0.3rem;
}
.help_document .nt_bot .swiper .swiper-slide a .svg {
  text-align: center;
}
.help_document .nt_bot .swiper .swiper-slide a .svg img {
  width: 1.1rem;
  border-radius: 0.1rem;
}
.help_document .nt_bot .swiper .swiper-slide a .text {
  margin-top: 0.54rem;
  text-align: center;
}
.help_document .nt_bot .swiper .swiper-slide a .text .t1 .p1 {
  font-size: var(--f22);
}
.help_document .nt_bot .swiper .swiper-slide a .text .t1 .p2 {
  margin-top: 0.04rem;
  font-size: var(--f18);
}
.help_document .nt_bot .swiper .swiper-slide a .text .t2 {
  margin-top: 0.36rem;
  font-size: var(--f20);
  color: #4794fe;
}
.help_document .nt_bot .swiper .swiper-slide:hover {
  transform: translateY(-0.1rem);
}
.help_document .nt_bot .div_ {
  margin-top: 0.7rem;
}
.install_activate .te_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.install_activate .te_bot {
  margin-top: 0.7rem;
}
.install_activate .te_bot .swiper {
  padding-top: 0.1rem;
}
.install_activate .te_bot .swiper .swiper-slide {
  transition: 0.4s;
}
.install_activate .te_bot .swiper .swiper-slide a {
  background: url('../images/24.jpg') no-repeat;
  background-size: cover;
  padding: 0.45rem 0.3rem 0.62rem;
}
.install_activate .te_bot .swiper .swiper-slide a .svg {
  width: 100%;
}
.install_activate .te_bot .swiper .swiper-slide a .svg img {
  width: 100%;
}
.install_activate .te_bot .swiper .swiper-slide a .text {
  margin-top: 0.45rem;
  text-align: center;
}
.install_activate .te_bot .swiper .swiper-slide a .text .t1 {
  font-size: var(--f22);
  line-height: 1.5;
  height: 3em;
}
.install_activate .te_bot .swiper .swiper-slide a .text .t2 {
  margin-top: 0.12rem;
  font-size: var(--f20);
  color: #4794fe;
}
.install_activate .te_bot .swiper .swiper-slide:hover {
  transform: translateY(-0.1rem);
}
.install_activate .te_bot .div_ {
  margin-top: 0.7rem;
}
.version_introduction .on_top .p1 {
  font-size: var(--f54);
  font-weight: bold;
}
.version_introduction .on_top .p2 {
  margin-top: 0.1rem;
  font-size: var(--f18);
  color: #666;
}
.version_introduction .on_bot {
  margin-top: 0.65rem;
  width: 100%;
}
.version_introduction .on_bot img {
  width: 100%;
}
.product_introduction .on_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.product_introduction .on_bot {
  margin-top: 0.7rem;
}
.product_introduction .on_bot .le_box {
  margin-top: 0.5rem;
  width: 50%;
  padding-right: 6%;
}
.product_introduction .on_bot .le_box > div .txt {
  font-size: var(--f32);
  font-weight: bold;
}
.product_introduction .on_bot .le_box > div .desc {
  margin: 0.36rem 0 0.66rem;
  color: #666;
  line-height: 1.8;
  font-size: var(--f18);
}
.product_introduction .on_bot .ri_box {
  width: 50%;
}
.product_introduction .on_bot .ri_box div {
  position: sticky;
  top: calc(var(--top) + 0.2rem);
  overflow: hidden;
  width: 100%;
  border-radius: 0.2rem;
}
.product_introduction .on_bot .ri_box div img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.2rem;
}
.product_introduction .on_bot .ri_box div:hover img {
  transform: scale(1.05);
}
.model_display .content2 {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.model_display .content3 {
  margin-top: 0.8rem;
}
.pu_li_3 a {
  border: 1px solid #dfdfdf;
}
.pu_li_3 a .img {
  width: 100%;
  overflow: hidden;
}
.pu_li_3 a .img img {
  transition: 0.4s;
  width: 100%;
}
.pu_li_3 a .box {
  padding: 0.5rem 0.34rem;
}
.pu_li_3 a .box .txt .t1 {
  font-size: var(--f32);
}
.pu_li_3 a .box .txt .t2 {
  margin-top: 0.12rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.4;
  height: 2.8em;
}
.pu_li_3 a .box .btn {
  margin-top: 0.46rem;
}
.pu_li_3 a:hover .img img {
  transform: scale(1.05);
}
.pu_li_3 a:hover .box .btn .pu_btn {
  background: #4794fe;
}
.pu_li_3 a:hover .box .btn .pu_btn i {
  color: #fff;
}
.other_models .mo_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.other_models .mo_bot {
  margin-top: 0.8rem;
}
.other_models .mo_bot .div_ {
  margin-top: 0.3rem;
}
.models_details {
  background: #f5fbff;
  padding: 0.48rem 0 1.2rem;
}
.models_details .content2 .text {
  margin: 0.4rem 0;
  font-size: var(--f64);
  font-weight: bold;
}
.models_details .content2 .compiler {
  line-height: 1.8;
  font-size: var(--f18);
  color: #666;
  padding-top: 0.64rem;
  border-top: 1px solid #ccc;
}
.models_details .content2 .compiler img {
  max-width: 100%;
}
.models_details .content2 .compiler ul {
  padding-left: 0.23rem;
}
.models_details .content2 .compiler ul li {
  list-style-type: disc;
}
.about_hk {
  overflow: hidden;
  background: url(../images/30.jpg) no-repeat;
  background-size: cover;
}
.about_hk .le_box {
  width: 50%;
  text-align: center;
}
.about_hk .le_box img {
  max-width: 58%;
}
.about_hk .ri_box {
  width: 50%;
  padding-left: 5%;
}
.about_hk .ri_box > div .text .t1 {
  font-size: var(--f54);
  font-weight: bold;
}
.about_hk .ri_box > div .text .t2 {
  margin-top: 0.1rem;
  font-size: var(--f32);
  font-weight: bold;
}
.about_hk .ri_box > div .desc {
  margin-top: 0.28rem;
  color: #666;
  line-height: 1.8;
  font-size: var(--f18);
}
.core_team .am_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.core_team .am_bot {
  margin-top: 0.7rem;
  display: grid;
  gap: 0.2rem;
}
.core_team .am_bot .grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.core_team .am_bot .grid2 .item .content > div {
  min-height: 4.1rem;
}
.core_team .am_bot .grid2 .item .content > div .down_ {
  padding-left: 1.56rem;
}
.core_team .am_bot .grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.core_team .am_bot .item {
  position: relative;
}
.core_team .am_bot .item .bk img {
  transition: 1.07s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.core_team .am_bot .item .bk .img2 {
  opacity: 0;
}
.core_team .am_bot .item .content {
  z-index: 1;
  position: relative;
}
.core_team .am_bot .item .content > div {
  min-height: 5rem;
  padding: 0.4rem;
}
.core_team .am_bot .item .content > div .up_ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.core_team .am_bot .item .content > div .up_ .avatar {
  width: 1.2rem;
  border-radius: 50%;
  overflow: hidden;
}
.core_team .am_bot .item .content > div .up_ .avatar img {
  width: 100%;
  border-radius: 50%;
}
.core_team .am_bot .item .content > div .up_ .txt {
  flex: 1;
  padding-left: 0.36rem;
}
.core_team .am_bot .item .content > div .up_ .txt .t1 {
  transition: 0.4s;
  font-size: var(--f32);
  font-weight: bold;
}
.core_team .am_bot .item .content > div .up_ .txt .t2 {
  transition: 0.4s;
  margin-top: 0.1rem;
  font-size: var(--f18);
  color: #4794fe;
  font-weight: bold;
}
.core_team .am_bot .item .content > div .down_ {
  transition: 0.4s;
  margin-top: 0.62rem;
  color: #666;
  line-height: 1.8;
  font-size: var(--f18);
}
.core_team .am_bot .item:hover .bk .img1 {
  opacity: 0;
}
.core_team .am_bot .item:hover .bk .img2 {
  opacity: 1;
}
.core_team .am_bot .item:hover .content > div .up_ .txt .t1,
.core_team .am_bot .item:hover .content > div .up_ .txt .t2 {
  color: #fff;
}
.core_team .am_bot .item:hover .content > div .down_ {
  color: #fff;
}
.vision_box {
  position: relative;
}
.vision_box .bk {
  width: 100%;
}
.vision_box .bk img {
  width: 100%;
}
.vision_box .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.vision_box .post > div {
  width: 100%;
  margin: auto;
  color: #fff;
  text-align: center;
}
.vision_box .post > div .t1 {
  font-size: var(--f42);
  font-weight: bold;
}
.vision_box .post > div .t2 {
  margin-top: 0.1rem;
  font-size: var(--f22);
}
.mission_box .mi_top {
  text-align: center;
}
.mission_box .mi_top .t1 {
  font-size: var(--f42);
  font-weight: bold;
}
.mission_box .mi_top .t2 {
  margin-top: 0.1rem;
  font-size: var(--f22);
  color: #666;
}
.mission_box .mi_bot {
  margin-top: 0.56rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.mission_box .mi_bot .item {
  position: relative;
}
.mission_box .mi_bot .item .bk img {
  transition: 1.07s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mission_box .mi_bot .item .bk .img2 {
  opacity: 0;
}
.mission_box .mi_bot .item .content {
  z-index: 1;
  position: relative;
  min-height: 3.06rem;
  padding: 0.35rem 0.45rem;
}
.mission_box .mi_bot .item .content .svg {
  height: 0.62rem;
}
.mission_box .mi_bot .item .content .svg img {
  max-height: 100%;
}
.mission_box .mi_bot .item .content .svg .img2 {
  display: none;
}
.mission_box .mi_bot .item .content .text {
  margin-top: 0.3rem;
}
.mission_box .mi_bot .item .content .text .t1 {
  transition: 0.4s;
  font-size: var(--f22);
  font-weight: bold;
}
.mission_box .mi_bot .item .content .text .t2 {
  transition: 0.4s;
  margin-top: 0.2rem;
  font-size: var(--f18);
  line-height: 1.5;
  color: #666;
}
.mission_box .mi_bot .item:hover .bk .img1 {
  opacity: 0;
}
.mission_box .mi_bot .item:hover .bk .img2 {
  opacity: 1;
}
.mission_box .mi_bot .item:hover .content .svg img {
  display: none;
}
.mission_box .mi_bot .item:hover .content .svg .img2 {
  display: block;
}
.mission_box .mi_bot .item:hover .content .text .t1,
.mission_box .mi_bot .item:hover .content .text .t2 {
  color: #fff;
}
.technology_strategy .gy_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.technology_strategy .gy_bot {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.technology_strategy .gy_bot .item {
  border: 1px solid #ccc;
}
.technology_strategy .gy_bot .item > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem;
}
.technology_strategy .gy_bot .item > div .svg {
  width: 1.1rem;
}
.technology_strategy .gy_bot .item > div .svg img {
  max-width: 100%;
}
.technology_strategy .gy_bot .item > div .text {
  flex: 0.9;
  text-align: right;
}
.technology_strategy .gy_bot .item > div .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.technology_strategy .gy_bot .item > div .text .t2 {
  margin-top: 0.18rem;
  line-height: 1.5;
  color: #666;
  font-size: var(--f18);
}
.market_news {
  background: #f5fbff;
}
.market_news .ws_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.market_news .ws_bot {
  margin-top: 0.7rem;
}
.market_news .ws_bot .div_ {
  margin-top: 0.3rem;
}
.pu_li_4 a .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.1rem;
}
.pu_li_4 a .img img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.1rem;
}
.pu_li_4 a .text {
  padding: 0.38rem 0;
}
.pu_li_4 a .text .t1 {
  transition: 0.4s;
  line-height: 1.4;
  height: 2.8em;
  font-size: var(--f28);
}
.pu_li_4 a .text .t2 {
  margin-top: 0.46rem;
  color: #4794fe;
  font-size: var(--f20);
  font-family: GilroyRegular;
}
.pu_li_4 a:hover .img img {
  transform: scale(1.05);
}
.pu_li_4 a:hover .text .t1 {
  font-weight: bold;
}
.contact_us .us_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.contact_us .us_bot {
  margin-top: 0.7rem;
}
.contact_us .us_bot .le_box {
  width: 35%;
  background: #f5fbff url('../images/39.jpg') no-repeat bottom center / 100% auto;
  padding: 0.52rem;
}
.contact_us .us_bot .le_box .content1 p {
  width: fit-content;
  transition: 0.4s;
  cursor: pointer;
  color: #666;
  font-size: var(--f32);
}
.contact_us .us_bot .le_box .content1 p.active {
  color: #000;
  font-weight: bold;
}
.contact_us .us_bot .le_box .content1 p + p {
  margin-top: 0.1rem;
}
.contact_us .us_bot .le_box .content2 {
  margin-top: 1.2rem;
}
.contact_us .us_bot .le_box .content2 .item {
  display: none;
}
.contact_us .us_bot .le_box .content2 .item.active {
  display: block;
}
.contact_us .us_bot .le_box .content2 .item .li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.contact_us .us_bot .le_box .content2 .item .li:first-child{
  display: none;
}
.contact_us .us_bot .le_box .content2 .item .li .svg {
  width: 0.26rem;
  line-height: calc(var(--f28) * 1.4);
}
.contact_us .us_bot .le_box .content2 .item .li .svg img {
  max-width: 100%;
}
.contact_us .us_bot .le_box .content2 .item .li .text {
  flex: 1;
  padding-left: 0.18rem;
}
.contact_us .us_bot .le_box .content2 .item .li .text a {
  transition: 0.4s;
  font-family: GilroyBold;
  font-size: var(--f28);
}
.contact_us .us_bot .le_box .content2 .item .li .text a:hover {
  color: #4794fe;
}
.contact_us .us_bot .le_box .content2 .item .li .text .t1 {
  font-size: var(--f28);
  font-weight: bold;
}
.contact_us .us_bot .le_box .content2 .item .li .text .t2 {
  margin-top: 0.04rem;
  font-size: var(--f18);
  color: rgba(0, 0, 0, 0.5);
}
.contact_us .us_bot .le_box .content2 .item .li + .li {
  margin-top: 0.34rem;
}
.contact_us .us_bot .ri_box {
  width: 65%;
}
.contact_us .us_bot .ri_box a {
  display: none;
  width: 100%;
  overflow: hidden;
}
.contact_us .us_bot .ri_box a img {
  transition: 0.4s;
  width: 100%;
}
.contact_us .us_bot .ri_box a.active {
  display: block;
}
.contact_us .us_bot .ri_box a:hover {
  overflow: hidden;
}
.contact_us .us_bot .ri_box a:hover img {
  transform: scale(1.05);
}
.latest_news .ws_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.latest_news .ws_bot {
  margin-top: 0.7rem;
}
.latest_news .ws_bot .div_ {
  margin-top: 0.3rem;
}
.news_details {
  padding: 0.48rem 0 0.9rem;
  background: #f5fbff;
}
.news_details .content2 {
  margin: 0.4rem 0;
}
.news_details .content2 .txt {
  font-size: var(--f64);
  font-weight: bold;
}
.news_details .content2 .time {
  margin-top: 0.1rem;
  font-size: var(--f20);
  color: #4794fe;
  font-family: GilroyRegular;
}
.news_details .content3 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.66rem 0;
}
.news_details .content3 .compiler {
  line-height: 1.8;
  color: #666;
  font-size: var(--f18);
}
.news_details .content3 .compiler img {
  max-width: 100%;
}
.news_details .content3 .compiler ul {
  padding-left: 0.23rem;
}
.news_details .content3 .compiler ul li {
  list-style-type: disc;
}
.news_details .content4 {
  padding-top: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_details .content4 .prev,
.news_details .content4 .next {
  width: 40%;
}
.news_details .content4 .prev p,
.news_details .content4 .next p {
  font-size: var(--f20);
  color: #666;
}
.news_details .content4 .prev a,
.news_details .content4 .next a {
  margin-top: 0.1rem;
  transition: 0.4s;
  font-size: var(--f26);
}
.news_details .content4 .prev a:hover,
.news_details .content4 .next a:hover {
  font-weight: bold;
}
.news_details .content4 .next {
  text-align: right;
}
.recruitment_box .content2 {
  margin-top: 0.78rem;
  text-align: center;
}
.recruitment_box .content2 .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.recruitment_box .content2 .t2 {
  margin-top: 0.12rem;
  font-size: var(--f18);
  color: #666;
}
.recruitment_box .content3 {
  margin-top: 0.54rem;
  background: url('../images/41.jpg') no-repeat;
  background-size: cover;
  min-height: 4.8rem;
  padding: 0.54rem 9% 0.8rem;
}
.recruitment_box .content3 form {
  --h: 0.76rem;
  font-size: var(--f18);
}
.recruitment_box .content3 form .item1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 0.26rem;
}
.recruitment_box .content3 form .item1 .label {
  transition: 0.4s;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.recruitment_box .content3 form .item1 .label input {
  width: 100%;
  border: none;
  height: var(--h);
  background: none;
}
.recruitment_box .content3 form .item1 .label input:not(:placeholder-shown) + .tips {
  display: none;
}
.recruitment_box .content3 form .item1 .label .tips {
  transition: 0.4s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  color: #666;
}
.recruitment_box .content3 form .item1 .label .tips span {
  color: #4794fe;
}
.recruitment_box .content3 form .item1 .label:focus-within {
  border-bottom-color: #4794fe;
}
.recruitment_box .content3 form .item1 .label:focus-within .tips {
  color: #000;
}
.recruitment_box .content3 form .item1 .label:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3;
}
.recruitment_box .content3 form .item1 .label:nth-child(2) {
  grid-area: 1 / 3 / 2 / 5;
}
.recruitment_box .content3 form .item2 {
  margin-top: 0.26rem;
  --w: 0.26rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.recruitment_box .content3 form .item2 .layui-form-checkbox {
  width: var(--w);
  height: var(--w);
  line-height: var(--w);
  padding-right: 0;
  background: #eaeaea;
  font-size: 1em;
}
.recruitment_box .content3 form .item2 .layui-form-checkbox i {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
  opacity: 0;
}
.recruitment_box .content3 form .item2 .layui-form-checked {
  background: #4794fe;
}
.recruitment_box .content3 form .item2 .layui-form-checked i {
  color: #fff;
  opacity: 1;
}
.recruitment_box .content3 form .item2 .txt a {
  display: inline-block;
  color: #4794fe;
}
.recruitment_box .content3 form .item3 {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.recruitment_box .content3 form .item3 label button {
  display: none;
}
.recruitment_box .content3 form .item3 label + label {
  margin-left: 0.2rem;
}
.education_box .content2 {
  margin-top: 0.7rem;
}
.education_box .content2 .box .title {
  font-size: var(--f32);
  font-weight: bold;
  margin-bottom: 0.72rem;
}
.education_box .content2 .box .main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.education_box .content2 .box .main .li {
  transition: 0.4s;
  border: 1px solid #ccc;
}
.education_box .content2 .box .main .li a .img {
  width: 100%;
  overflow: hidden;
}
.education_box .content2 .box .main .li a .img img {
  transition: 0.4s;
  width: 100%;
}
.education_box .content2 .box .main .li a .text {
  padding: 0.5rem 0.36rem;
  min-height: 2.88rem;
}
.education_box .content2 .box .main .li a .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.education_box .content2 .box .main .li a .text .t2 {
  margin-top: 0.18rem;
  font-size: var(--f18);
  color: #666;
}
.education_box .content2 .box .main .li:hover {
  transform: translateY(-0.1rem);
}
.education_box .content2 .box .main .li:hover a .img img {
  transform: scale(1.05);
}
.education_box .content2 .box + .box {
  margin-top: 0.9rem;
}
.pu_three {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 0.75rem;
  background: #f5fbff;
}
.pu_three a {
  color: #666;
  font-size: var(--f22);
}
.pu_three a:hover,
.pu_three a.active {
  color: #4794fe;
}
.pu_three a + a {
  margin-left: 0.8rem;
}
.development_support .content2 {
  margin-top: 0.6rem;
}
.development_support .content3 {
  margin-top: 0.7rem;
}
.development_support .content3 .title .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.development_support .content3 .title .t2 {
  margin-top: 0.1rem;
  color: #666;
  line-height: 1.6;
  font-size: var(--f18);
}
.development_support .content3 .box {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.development_support .content3 .box .item {
  min-height: 5.2rem;
  background: url('../images/43.jpg') no-repeat;
  background-size: cover;
  padding: 0.45rem;
}
.development_support .content3 .box .item .em_1 .m1 {
  font-size: var(--f32);
  font-weight: bold;
}
.development_support .content3 .box .item .em_1 .m2 {
  margin-top: 0.12rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
  height: 7.2em;
}
.development_support .content3 .box .item .em_2 {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.development_support .content3 .box .item .em_2 .li .one {
  font-size: var(--f22);
  font-weight: bold;
  margin-bottom: 0.06rem;
}
.development_support .content3 .box .item .em_2 .li .two a {
  line-height: 1.5;
  width: fit-content;
  font-size: var(--f18);
  color: #4794fe;
  border-bottom: 2px solid #4794fe;
  font-weight: bold;
}
.development_support .content3 .box .item .em_2 .li .two a + a {
  margin-top: 4px;
}
.business_partner {
  background: #f5fbff;
}
.business_partner .bu_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.business_partner .bu_bot {
  margin-top: 0.7rem;
  overflow: hidden;
}
.business_partner .bu_bot .content {
  width: fit-content;
  display: flex;
  animation: marquee 80s linear infinite;
}
.business_partner .bu_bot .content p {
  margin: 0 0.1rem;
  background: #fff;
  width: 3rem;
  height: 1.04rem;
  display: flex;
  flex: none;
}
.business_partner .bu_bot .content p img {
  margin: auto;
  max-width: 56%;
  max-height: 80%;
}
.business_partner .bu_bot .content:nth-child(even) {
  animation-direction: reverse;
}
.business_partner .bu_bot .content + .content {
  margin-top: 0.2rem;
}
.apply_join .in_top .le_box {
  margin-top: 1.4rem;
  width: 50%;
  padding-right: 15%;
}
.apply_join .in_top .le_box > div .text {
  color: #666;
  line-height: 1.8;
  font-size: var(--f18);
}
.apply_join .in_top .le_box > div .btn {
  margin-top: 0.65rem;
}
.apply_join .in_top .ri_box {
  width: 50%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.apply_join .in_top .ri_box img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.2rem;
}
.apply_join .in_top .ri_box:hover img {
  transform: scale(1.05);
}
.apply_join .in_bot {
  margin-top: var(--gap);
  text-align: center;
}
.apply_join .in_bot .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.apply_join .in_bot .t2 {
  margin-top: 0.2rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
}
.pu_apply {
  display: none;
  z-index: 99;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.pu_apply .ly_box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: min(6.2rem, 90vw);
  border-radius: 0.2rem;
  padding: 0.6rem;
}
.pu_apply .ly_box .close {
  position: absolute;
  right: 0.24rem;
  top: 0.24rem;
  cursor: pointer;
}
.pu_apply .ly_box .close svg {
  width: 0.24rem;
}
.pu_apply .ly_box .close svg path {
  transition: 0.4s;
}
.pu_apply .ly_box .close:hover svg path {
  fill: #4794fe;
}
.pu_apply .ly_box .main .title {
  font-size: var(--f32);
  font-weight: bold;
  text-align: center;
}
.pu_apply .ly_box .main form {
  --h: 0.76rem;
  font-size: var(--f18);
}
.pu_apply .ly_box .main form .item1 .label {
  transition: 0.4s;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.pu_apply .ly_box .main form .item1 .label input {
  width: 100%;
  border: none;
  height: var(--h);
  background: none;
}
.pu_apply .ly_box .main form .item1 .label input:not(:placeholder-shown) + .tips {
  display: none;
}
.pu_apply .ly_box .main form .item1 .label .tips {
  transition: 0.4s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  color: #666;
}
.pu_apply .ly_box .main form .item1 .label .tips span {
  color: #4794fe;
}
.pu_apply .ly_box .main form .item1 .label:focus-within {
  border-bottom-color: #4794fe;
}
.pu_apply .ly_box .main form .item1 .label:focus-within .tips {
  color: #000;
}
.pu_apply .ly_box .main form .item2 {
  margin-top: 0.34rem;
  --w: 0.26rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_apply .ly_box .main form .item2 .layui-form-checkbox {
  width: var(--w);
  height: var(--w);
  line-height: var(--w);
  padding-right: 0;
  background: #eaeaea;
  font-size: 1em;
}
.pu_apply .ly_box .main form .item2 .layui-form-checkbox i {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
  opacity: 0;
}
.pu_apply .ly_box .main form .item2 .layui-form-checked {
  background: #4794fe;
}
.pu_apply .ly_box .main form .item2 .layui-form-checked i {
  color: #fff;
  opacity: 1;
}
.pu_apply .ly_box .main form .item2 .txt a {
  display: inline-block;
  color: #4794fe;
}
.pu_apply .ly_box .main form .item3 {
  margin-top: 0.42rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pu_apply .ly_box .main form .item3 label button {
  display: none;
}
.pu_apply .ly_box .main form .item3 label + label {
  margin-left: 0.2rem;
}
.join_hk .in_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.join_hk .in_bot {
  margin-top: 0.7rem;
}
.join_hk .in_bot .le_box {
  width: 50%;
}
.join_hk .in_bot .le_box div {
  position: sticky;
  top: calc(var(--top) + 0.2rem);
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join_hk .in_bot .le_box div img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.2rem;
}
.join_hk .in_bot .le_box div:hover img {
  transform: scale(1.05);
}
.join_hk .in_bot .ri_box {
  margin-top: 0.42rem;
  width: 50%;
  padding-left: 6%;
}
.join_hk .in_bot .ri_box > div .txt {
  font-size: var(--f32);
  font-weight: bold;
}
.join_hk .in_bot .ri_box > div .desc {
  margin-top: 0.28rem;
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
}
.talent_training {
  background: #f5fbff;
}
.talent_training .ng_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.talent_training .ng_bot {
  margin-top: 0.88rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.talent_training .ng_bot .item {
  position: relative;
  overflow: hidden;
}
.talent_training .ng_bot .item .bk {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.talent_training .ng_bot .item .bk img {
  border-radius: 0.2rem;
  width: 100%;
}
.talent_training .ng_bot .item .post {
  transition: 0.6s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 0.2rem;
}
.talent_training .ng_bot .item .post > div {
  padding: 0.66rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.talent_training .ng_bot .item .post > div .text .t1 {
  transition: 0.4s;
  font-size: var(--f32);
  font-weight: bold;
}
.talent_training .ng_bot .item .post > div .text .t2 {
  margin-top: 0.16rem;
  transition: 0.4s;
  font-size: var(--f18);
  line-height: 1.6;
  color: #666;
}
.talent_training .ng_bot .item .post > div .svg {
  height: 1rem;
}
.talent_training .ng_bot .item .post > div .svg img {
  max-height: 100%;
}
.talent_training .ng_bot .item .post > div .svg .img2 {
  display: none;
}
.talent_training .ng_bot .item:hover .post {
  background: transparent;
}
.talent_training .ng_bot .item:hover .post > div .text .t1,
.talent_training .ng_bot .item:hover .post > div .text .t2 {
  color: #fff;
}
.talent_training .ng_bot .item:hover .post > div .svg .img1 {
  display: none;
}
.talent_training .ng_bot .item:hover .post > div .svg .img2 {
  display: block;
}
.promotion_channel .ch_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.promotion_channel .ch_not {
  margin-top: 0.68rem;
  text-align: center;
}
.promotion_channel .ch_not img {
  max-width: 100%;
}
.remuneration_bonus {
  background: #f5fbff;
}
.remuneration_bonus .bo_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.remuneration_bonus .bo_bot {
  margin-top: 0.88rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}
.remuneration_bonus .bo_bot .item .svg {
  height: 0.7rem;
}
.remuneration_bonus .bo_bot .item .svg img {
  max-height: 100%;
}
.remuneration_bonus .bo_bot .item .text {
  margin-top: 0.36rem;
}
.remuneration_bonus .bo_bot .item .text .t1 {
  font-size: var(--f32);
  font-weight: bold;
}
.remuneration_bonus .bo_bot .item .text .t2 {
  margin-top: 0.12rem;
  font-size: var(--f18);
  color: #666;
}
.cultural_activity .ty_top p {
  font-size: var(--f54);
  font-weight: bold;
}
.cultural_activity .ty_top .toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cultural_activity .ty_top .toggle .prev,
.cultural_activity .ty_top .toggle .next {
  cursor: pointer;
}
.cultural_activity .ty_top .toggle .prev i,
.cultural_activity .ty_top .toggle .next i {
  transition: 0.4s;
  font-size: var(--f30);
  color: rgba(102, 102, 102, 0.4);
}
.cultural_activity .ty_top .toggle .prev:hover i,
.cultural_activity .ty_top .toggle .next:hover i {
  color: #4794fe;
}
.cultural_activity .ty_top .toggle .next {
  margin-left: 0.2rem;
}
.cultural_activity .ty_bot {
  margin-top: 0.7rem;
}
.cultural_activity .ty_bot .swiper {
  padding-left: 3.8rem;
  height: 4.52rem;
}
.cultural_activity .ty_bot .swiper .swiper-slide {
  transition: .8s;
  transition-delay: .3s;
  position: relative;
  width: 6rem;
}
.cultural_activity .ty_bot .swiper .swiper-slide .bk {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cultural_activity .ty_bot .swiper .swiper-slide .bk::before {
  z-index: 1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.cultural_activity .ty_bot .swiper .swiper-slide .bk img {
  transition: 0.4s;
  width: 100%;
}
.cultural_activity .ty_bot .swiper .swiper-slide .post {
  opacity: 0;
  transition: 0.4s;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0.3rem;
}
.cultural_activity .ty_bot .swiper .swiper-slide .post p {
  text-align: center;
  width: 100%;
  margin-top: auto;
  font-size: var(--f26);
  color: #fff;
}
.cultural_activity .ty_bot .swiper .swiper-slide:hover .bk img {
  transform: scale(1.05);
}
.cultural_activity .ty_bot .swiper .swiper-slide-active {
  width: 7rem;
}
.cultural_activity .ty_bot .swiper .swiper-slide-active .post {
  opacity: 1;
  transition-delay: 0.2s;
}
.join_box .content2 {
  margin-top: 0.4rem;
}
.join_box .content2 .item {
  border-bottom: 1px solid #ccc;
}
.join_box .content2 .item .thead {
  cursor: pointer;
  padding: 0.32rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.join_box .content2 .item .thead .text {
  flex: 0.95;
  font-size: var(--f32);
  font-weight: bold;
}
.join_box .content2 .item .thead .main {
  width: 45%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_box .content2 .item .thead .main .div_ {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.join_box .content2 .item .thead .main .div_ > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_box .content2 .item .thead .main .div_ > div img {
  width: 0.22rem;
}
.join_box .content2 .item .thead .main .div_ > div span {
  padding-left: 0.16rem;
  flex: 1;
  font-size: var(--f20);
  color: #666;
}
.join_box .content2 .item .thead .main .btn p {
  position: relative;
  width: 0.2rem;
  height: 2px;
  background: #bcbcbc;
}
.join_box .content2 .item .thead .main .btn p::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #bcbcbc;
  transform: rotate(90deg);
}
.join_box .content2 .item .tbody {
  display: none;
  margin-bottom: 0.77rem;
}
.join_box .content2 .item .tbody .text {
  display: grid;
  gap: 0.4rem;
}
.join_box .content2 .item .tbody .text .li .tips {
  font-size: var(--f22);
  margin-bottom: 0.2rem;
}
.join_box .content2 .item .tbody .text .li .desc {
  color: #666;
  font-size: var(--f18);
  line-height: 2;
}
.join_box .content2 .item .tbody .btn {
  margin-top: 0.6rem;
}
.join_box .content2 .item.active .thead .main .btn p::before {
  transform: rotate(0deg);
}
.join_box .content3 {
  margin-top: 0.8rem;
}
.uploadResume {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.uploadResume .resume_box {
  background: #fff;
  border-radius: 0.12rem;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(6.12rem, 90vw);
  padding: 0.5rem 0;
}
.uploadResume .resume_box .close {
  position: absolute;
  right: 0.26rem;
  top: 0.26rem;
  cursor: pointer;
}
.uploadResume .resume_box .close svg {
  width: 0.24rem;
}
.uploadResume .resume_box .close svg path {
  transition: 0.4s;
}
.uploadResume .resume_box .close:hover svg path {
  fill: #4794fe;
}
.uploadResume .resume_box .form {
  text-align: center;
}
.uploadResume .resume_box .form label {
  display: block;
}
.uploadResume .resume_box .form .label_1 {
  cursor: pointer;
  position: relative;
}
.uploadResume .resume_box .form .label_1 .file_img img {
  width: 2.96rem;
}
.uploadResume .resume_box .form .label_1 .text {
  font-size: var(--f32);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.uploadResume .resume_box .form .label_1 .file {
  display: none;
}
.uploadResume .resume_box .form .label_2 {
  margin: 0.3rem 0 0.4rem;
}
.uploadResume .resume_box .form .label_2 .text {
  font-size: var(--f18);
  color: #666;
  margin-bottom: 0.14rem;
}
.uploadResume .resume_box .form .label_2 .support img {
  width: 1rem;
}
.uploadResume .resume_box .form .label_3 button {
  display: none;
}
.search_box .content1 {
  background: #f5fbff;
  min-height: 3.9rem;
  text-align: center;
  display: flex;
}
.search_box .content1 > div {
  width: 100%;
  margin: auto;
}
.search_box .content1 .t1 {
  font-size: var(--f42);
  font-weight: bold;
}
.search_box .content1 .t2 {
  margin-top: 0.1rem;
  color: #666;
  font-size: var(--f18);
}
.search_box .content1 .t2 span {
  color: #4794fe;
}
.search_box .content2 .div_ {
  padding: 0.9rem 0;
}
.search_box .content2 .div_ .title {
  font-size: var(--f64);
  font-weight: bold;
}
.search_box .content2 .div_ .box {
  margin-top: 0.7rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.search_box .content2 .div_ + .div_ {
  border-top: 1px solid #ccc;
}
@-moz-document url-prefix() {
  .pu_pop .content .list .item > div .ri_box > div .desc {
    scrollbar-color: #4794fe rgba(71, 148, 254, 0.5);
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
}
.layui-icon-ok:before {
  /*vertical-align: middle;*/
}
@media (max-width: 1500px) {
  .pu_link a {
    line-height: 0.6rem;
  }
  .pu_btn,
  .pu_page {
    --w: 0.56rem;
  }
  .pu_three {
    line-height: 0.88rem;
  }
  .pc_header .he_bot .menu .login a {
    line-height: 0.5rem;
  }
  .apply_try .ly_bot form,
  .recruitment_box .content3 form,
  .pu_apply .ly_box .main form {
    --h: 0.8rem;
  }
}
@media (max-width: 1400px) {
  .pc_header .he_bot .menu .search svg,
  .pc_header .he_bot .menu .tel svg {
    width: 0.22rem;
  }
  .function_box .on_main .swiper .swiper-slide .my_post .content2 {
      height: 3.35rem;
  }
}
@media (max-width: 1200px) {
  .MobileMain .HeaderMobile .box .button .login {
    margin-left: 0.3rem;
    position: relative;
    display: none;
  }
  .MobileMain .HeaderMobile .box .button .login > a {
    cursor: pointer;
    width: 1.2rem;
    line-height: 0.5rem;
    transition: 0.6s;
    font-size: var(--f16);
    border: 0.02rem solid #4794fe;
    color: #fff;
    background: #4794fe;
    font-weight: bold;
    border-radius: 0.08rem;
    text-align: center;
  }
  .MobileMain .HeaderMobile .box .button .login .default {
      display: none;
      position: absolute;
      white-space: nowrap;
      min-width: 100%;
      top: 48px;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 10px;
      filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  }
  .MobileMain .HeaderMobile .box .button .login .default .ul {
      padding: .2rem;
      background: #fff;
  }
  
   .MobileMain .HeaderMobile .box .button .login .default .ul a {
     color: #000;
     text-align: center;
   }
   
    .MobileMain .HeaderMobile .box .button .login .default .ul a + a{
      margin-top: 10px;
    }
  
  .MobileMain .HeaderMobile .box .button .login .default .ul a:hover {
      color: #4794fe;
  }
  
  .MobileMain .HeaderMobile .box .button .login .user_name {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*display: flex;*/
    flex-wrap: wrap;
    align-items: center;  
  }
   .MobileMain .HeaderMobile .box .button .login .user_name img {
       width: .42rem;
   }
   
  .MobileMain .HeaderMobile .box .button .login .user_name span {
     flex: 1;
     padding-left: 6px;
     font-size: 16px;
   }
  
  .MobileMain.is_login .HeaderMobile .box .button .login > a {
      opacity: 0;
      pointer-events: none;
  }
  .MobileMain.is_login .HeaderMobile .box .button .login .user_name {
      display: flex;
  }
   .MobileMain.is_login .HeaderMobile .box .button .login:hover .default {
      display: block;   
   }
  
  
  .MobileMain .HeaderMobile .box .button .Language a i {
    color: #4794fe;
  }
  .pu_privacy > div .btn {
    margin-top: 0.26rem;
  }
  .pc_header {
    display: none;
  }
  .pu_search {
    top: var(--top);
  }
  .index_banner .swiper .swiper-slide .slide_img video,
  .index_banner .swiper .swiper-slide .slide_img img {
    height: 8rem;
  }
  .pc_footer .ter_top {
    padding: 0.8rem 0;
  }
  .pc_footer .ter_bot .copy {
    line-height: 2;
  }
  .pc_footer .ter_bot .copy p {
    width: 100%;
    margin-left: 0 !important;
  }
  .pu_link a {
    line-height: 0.64rem;
  }
  .index_news .ws_bot .swiper .swiper-slide .ri_box {
    padding-left: 0;
    margin-top: 0.26rem;
  }
  .index_news .ws_bot .swiper .swiper-slide .ri_box > div {
    height: 5rem;
  }
  .index_product {
    height: auto;
    padding: var(--gap) 0;
  }
  .index_product .pr_post1 > div {
    width: 100%;
  }
  .product_details .ls_bot .le_box {
    padding-right: 0;
  }
  .industry_box {
    height: 60vh;
  }
  .function_box .on_main .swiper .swiper-slide .my_post {
    position: initial;
    padding: 0.6rem var(--bj);
  }
  .function_box .on_main .swiper .swiper-slide .my_post > div {
    width: 100%;
  }
  .function_box {
    padding: var(--gap) 0;
  }
  .function_box .on_text,
  .function_box .on_main .div_ {
    position: initial;
  }
  .function_box .on_main .div_ {
    margin-top: 0.3rem;
  }
  .function_box .on_main .swiper .swiper-slide .my_video img,
  .function_box .on_main .swiper .swiper-slide .my_video video {
    height: 6.6rem;
  }
  .customer_box .er_top .content2 .swiper .swiper-slide > div .text {
    padding-left: 0;
    margin-top: 0.3rem;
  }
  .pu_leval a + a {
    margin-left: 0.4rem;
  }
  .pu_page .number a {
    display: none;
  }
  .pu_page .number a.active {
    display: block;
  }
  .pu_pop .content .list .item > div .ri_box {
    padding-left: 0;
    margin-top: 0.3rem;
  }
  .uploadResume .resume_box .close,
  .pu_pop .content .div_ .close {
    right: 0.2rem;
    top: 0.2rem;
  }
  .apply_try .ly_bot {
    padding: 0.4rem;
  }
  .pu_apply .ly_box .main form .item2,
  .recruitment_box .content3 form .item2,
  .apply_try .ly_bot form .item2 {
    --w: 0.34rem;
  }
  .product_introduction .on_bot .le_box {
    padding-right: 0;
    margin-top: 0;
  }
  .about_hk .ri_box {
    order: -1;
    padding-left: 0;
  }
  .core_team .am_bot .item .content > div .up_ .avatar {
    width: 1.4rem;
  }
  .vision_box .bk img {
    height: 4rem;
  }
  .technology_strategy .gy_bot .item > div {
    padding: 0.4rem;
  }
  .news_details .content4 .next {
    text-align: left;
    margin-top: 0.4rem;
  }
  .recruitment_box .content3 {
    padding: 0.4rem;
  }
  .recruitment_box .content3 form .item1 .label {
    grid-area: auto !important;
  }
  .pu_three a + a {
    margin-left: 0.3rem;
  }
  .development_support .content3 .box .item .em_1 .m2 {
    height: auto;
  }
  .join_hk .in_bot .ri_box {
    padding-left: 0;
    margin-top: 0;
    order: -1;
  }
  .apply_join .in_top .le_box {
    padding-right: 0;
    margin-top: 0;
  }
  .talent_training .ng_bot .item .post > div .svg {
    height: 1.2rem;
  }
  .cultural_activity .ty_bot .swiper {
    padding-left: 5vw;
  }
  .join_box .content2 .item .thead .main {
    width: auto;
  }
  .pu_mbx > div {
    line-height: 1.6;
  }
  .mission_box .mi_bot .item .content .svg {
    height: 0.86rem;
  }
  .core_team .am_bot .grid2 .item .content > div .down_ {
    padding-left: 0;
  }
  .apply_try .ly_bot form .label .layui-form-select dl dd {
    line-height: 0.6rem;
  }
  .business_partner .bu_bot .content p,
  .customer_box .er_bot .content p {
    width: 4rem;
    height: 1.5rem;
  }
  .index_banner .div_toggle {
    display: none !important;
  }
  /*.index_banner .div_toggle .prev {*/
  /*    left: 3vw;*/
  /*}*/
  /*.index_banner .div_toggle .next {*/
  /*    right: 3vw; */
  /*}*/
  
  .index_product .pr_bk p,
  .index_product .pr_post2,
  .index_product .pr_post1 {
      position: initial;
  }
  .index_product .pr_bk p {
      opacity: 1;
      display: none;
  }
  .index_product .pr_bk p.active {
      display: block;
  }
  
  .talent_training .ng_bot,
  .development_support .content3 .box,
  .recruitment_box .content3 form .item1,
  .technology_strategy .gy_bot,
  .core_team .am_bot .grid2,
  .apply_try .ly_bot form .gird2,
  .apply_try .ly_bot form .grid3 {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .search_box .content2 .div_ .box,
  .education_box .content2 .box .main,
  .mission_box .mi_bot,
  .core_team .am_bot .grid3,
  .model_display .content2,
  .teaching_video .content2,
  .industry_case .content2,
  .product_mix .ct_bot,
  .product_list .item .content2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .remuneration_bonus .bo_bot {
    grid-template-columns: repeat(2, 1fr);
  }
  .join_hk .in_bot .le_box,
  .apply_join .in_top .ri_box,
  .about_hk .le_box,
  .product_introduction .on_bot .ri_box,
  .product_details .ls_bot .ri_box,
  .index_about .wMain .ri_box{
    margin-top: 0.6rem;
  }
  .technology_strategy .gy_bot .item > div .text .t2 br,
  .join_box .content2 .item .thead .main .div_,
  .index_about .wMain .le_box > div .content2 br,
  .pu_suspension,
  .pc_footer .ter_top .ri_box {
    display: none;
  }
  .join_hk .in_bot .ri_box,
  .join_hk .in_bot .le_box,
  .apply_join .in_top .ri_box,
  .apply_join .in_top .le_box,
  .news_details .content4 .prev,
  .news_details .content4 .next,
  .contact_us .us_bot .ri_box,
  .contact_us .us_bot .le_box,
  .about_hk .ri_box,
  .about_hk .le_box,
  .product_introduction .on_bot .ri_box,
  .product_introduction .on_bot .le_box,
  .pu_pop .content .list .item > div .ri_box,
  .pu_pop .content .list .item > div .le_box,
  .customer_box .er_top .content2 .swiper .swiper-slide > div .text,
  .customer_box .er_top .content2 .swiper .swiper-slide > div .img,
  .product_details .ls_bot .ri_box,
  .product_details .ls_bot .le_box,
  .index_about .wMain .ri_box,
  .index_about .wMain .le_box,
  .index_news .ws_bot .swiper .swiper-slide .ri_box,
  .index_news .ws_bot .swiper .swiper-slide .le_box,
  .pc_footer .ter_top .le_box {
    width: 100%;
    flex: auto;
  }
}
@media (max-width: 750px) {
  .search_box .content2 .div_ .box,
  .remuneration_bonus .bo_bot,
  .education_box .content2 .box .main,
  .mission_box .mi_bot,
  .core_team .am_bot .grid3,
  .model_display .content2,
  .teaching_video .content2,
  .industry_case .content2,
  .product_mix .ct_bot,
  .product_list .item .content2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .pu_btn,
  .pu_page {
    --w: 0.66rem;
  }
  .pu_link a {
    line-height: 0.74rem;
    min-width: 2rem;
  }
  .join_box .content2 .item .thead .main .btn p {
    width: 0.3rem;
  }
  .talent_training .ng_bot .item .bk img {
    height: 6.8rem;
  }
  .talent_training .ng_bot .item .post > div {
    padding: 0.4rem;
  }
  .pu_apply .ly_box {
    width: 90vw;
  }
  .apply_try .ly_bot form,
  .recruitment_box .content3 form,
  .pu_apply .ly_box .main form {
    --h: 1rem;
  }
  .pu_apply .ly_box .main form .item2,
  .recruitment_box .content3 form .item2,
  .apply_try .ly_bot form .item2 {
    --w: 0.4rem;
  }
  .development_support .content3 .box .item .em_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pu_pop .content .list .item > div .ri_box > div .desc {
    height: 9em;
  }
  .pu_pop .content .list .item > div .le_box {
    height: 4rem;
  }
  .pu_pop .content .div_ {
    padding: 0.6rem;
  }
  .product_details .ls_bot .ri_box > div .play,
  .pu_li_2 a .img .play {
    --w: 1.1rem;
  }
  .pc_footer .ter_top .le_box .code img {
    width: 1.6rem;
  }
  .pc_footer .ter_bot .copy p {
    font-size: var(--f16);
  }
  .MobileMain .HeaderMobile .box .button .login .user_name svg {
      width: .52rem;
      height: .52rem;
  }
  .MobileMain .HeaderMobile .box .button .login > a {
    line-height: 0.56rem;
  }
  .MobileMain .HeaderMobile .box .logo a img {
    height: 24px;
  }
  .MobileMain .HeaderMobile .box {
    padding: 10px 3vw;
  }
  .index_product .pr_post2 > div a + a {
      margin-left: .3rem;
  }
  .pu_leval a + a {
      margin-left: .3rem;
  }
  .apply_try .ly_bot form .label_1 .code,
  .apply_try .ly_bot form .label_1 .ss {
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding-right: 0;
      flex: auto;
  }
  .apply_try .ly_bot form .label_1 .ss {
      position: relative;
  }
  .apply_try .ly_bot form .label_1 .code {
      margin-top: .2rem;
  }
  .apply_try .ly_bot form .label_1 .code::before {
      display: none;
  }
  .apply_try .ly_bot form .label_1 .code input {
      padding: 0 .14rem 0 0;
  }
  .apply_try .ly_bot form .label_1 {
      border-bottom: none;
  }
  .index_banner .swiper .swiper-slide .slide_img video, .index_banner .swiper .swiper-slide .slide_img img {
      height: 6rem;
  }
  .MobileMain .HeaderMobile .box .button .login .user_name img {
      width: .52rem;
  }
  .MobileMain .HeaderMobile .box .button .login .default {
      top: 45px;
  }
}