:root {
  --viColor: #00a0e9;
  --headerHeight: 80px;
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
}

[id] {
  scroll-margin-top: calc(var(--headerHeight));
}

body,html {
    font-family: var(--f400);
}

/* 常用字号 */
.f-300 {
  font-weight: 300;
  font-family: var(--f300);
}
.f-400 {
  font-weight: 400;
  font-family: var(--f400);
}
.f-500 {
  font-weight: 500;
  font-family: var(--f500);
}
.f-600 {
  font-weight: 600;
  font-family: var(--f500);
}
.f-bold {
  font-weight: 700;
  font-family: var(--f500);
}


.bodypadd {
   padding-top: var(--headerHeight); 
}

.pc { display:block; }
.mb { display:none; }


/* 加入我们弹窗 */
.join_pop { display:none; }
.join_dialog_box { position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:9991;display:flex;align-items:center;justify-content:center; }
.join_dialog { width:6.15rem;background:#fff;padding:.4rem; }
.join_dialog .d_top { display:flex;align-items:center; }
.join_dialog .d_top .tit { flex:1;text-align:center; }
.join_dialog .d_top .close { font-weight:250;line-height:150%;cursor:pointer; }
.join_dialog form { display:flex;flex-wrap:wrap;margin-top:.4rem;width:100%;gap:.32rem .2rem; }
.join_dialog form .form-item { width:calc(50% - .2rem);display:flex;flex-direction:column; }
.join_dialog form .form-item label { margin-bottom:.15rem;display:flex; }
.join_dialog form .form-item label.required::before { content:"*";color:#AD1734;margin-right:.08rem; }
.join_dialog form .form-item input { width:100%;border-bottom:1px solid #EEE; }
.join_dialog form .form-item.long { width:100%; }
.join_dialog form .form-item .fild-box { width:100%;height:1.35rem;border-radius:.1rem;border:1px dashed #EEE;display:flex;flex-direction:column;align-items:center; }
.join_dialog form .form-item .fild-box .add { color: #BFBFBF;leading-trim: both;text-edge: cap;margin-bottom:.08rem; }
.join_dialog form .form-item .fild-box .p1 { color:#BFBFBF; }
.join_dialog form .submit {padding: .15rem .76rem;background: #DDD;cursor: pointer;border: none;width: fit-content;border-radius: .6rem;margin: 0 auto;transition: all 0.5s;}
.join_dialog form .submit.active{background-color:var(--viColor);}
.join_dialog form .submit.active:hover { opacity:.6; }
.join_dialog .success_box { display:none; }
.header {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
   background: var(--viColor); 
  /*background: rgba(255, 255, 255, 0);*/
  padding: 0 20px;
  transition: all 0.4s ease;
}
.header.bot { border-bottom:1px solid #eee; }
.header:hover,
.header.active1, 
.header.active {
  background: #fff;
}

.header:hover .header_container .logo img.img1,
.header.active1 .header_container .logo img.img1,
.header.active .header_container .logo img.img1 {
  opacity: 0;
}

.header:hover .header_container .logo img.img2,
.header.active1 .header_container .logo img.img2,
.header.active .header_container .logo img.img2 {
  opacity: 1;
}

.header:hover .header_container .list .item .item_cont,
.header.active1 .header_container .list .item .item_cont,
.header.active .header_container .list .item .item_cont {
  color: #000;
}

.header:hover .header_container .header_right .item img.img1,
.header.active1 .header_container .header_right .item img.img1,
.header.active .header_container .header_right .item img.img1 {
  opacity: 0;
}

.header:hover .header_container .header_right .item img.img2,
.header.active1 .header_container .header_right .item img.img2,
.header.active .header_container .header_right .item img.img2 {
  opacity: 1;
}

.header .header_container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}

.header .header_container .logo {
  width: 177px;
  height: 24px;
  position: relative;
}

.header .header_container .logo img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  transition: all 0.4s ease;
  opacity: 0;
}

.header .header_container .logo img.img1 {
  opacity: 1;
}

.header .header_container .list {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.4rem;
}

.header .header_container .list .item {
  height: 100%;
  display: flex;
  align-items: center;
}

.header .header_container .list .item .item_cont {
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-family: var(--f500);
  line-height: 1.125;
  white-space: nowrap;
  transition: all 0.4s ease;
  border-bottom: 2px solid transparent;
}

.header .header_container .header_right {
  display: flex;
  align-items: center;
  column-gap: 16px;
}

/*.header .header_container .list .item .item_cont:hover{*/
/*    border-color:#00a0e9;*/
/*}*/

/*.header .header_container .list .item .item_cont.active{*/
/*    border-color:#00a0e9;*/
/*}*/

.header .header_container .header_right .item {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.header .header_container .header_right .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
  opacity: 0;
}

.header .header_container .header_right .item img.img1 {
  opacity: 1;
}
.header .header_container .list .item:hover .h_xl {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.header .h_xl{position: absolute;
    transform: translateY(15px);
    transition: all .4s ease;
    pointer-events: none;
    opacity: 0;
top: 100%;left: 0;width: 100%;background-color: #fff;display: block;border-top: 1px solid #EEEEEE;box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .2);}
.header .h_xl .con{padding: 0 3.2rem;}
.header .h_xl.xl1 .con .ti{margin-top: 0.32rem;color: #000;opacity: 0.8;font-weight: 600;}
.header .h_xl.xl1 .con .list1{display: flex;justify-content: flex-start; padding: 0.32rem 0;border-bottom: 1px solid #EEEEEE;width: 100%;}
.header .h_xl.xl1 .con .list1:last-child{border-bottom: none;}
.header .h_xl.xl1 .con .list1 .item1{display: flex;align-items: flex-start; width: 4.05rem;margin-right: 0.32rem;}
.header .h_xl.xl1 .con .list1 .item1:last-child{margin-right: 0;}
.header .h_xl.xl1 .con .list1 .item1 .pic{width: 1.6rem;height: 1.2rem;margin-right: 0.2rem;overflow: hidden;}
.header .h_xl.xl1 .con .list1 .item1 .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.header .header_container>.list>.item:not(:nth-child(2)) .h_xl.xl1 .con .list1 .item1:hover .pic img{transform: scale(1.05);}
.header .h_xl.xl1 .con .list1 .item1 .txt{width: 2.25rem;}
.header .h_xl.xl1 .con .list1 .item1 .txt .h{color: #000;font-weight: bold;line-height: 1.75; opacity: 0.8;transition: all 0.5s;}
.header .h_xl.xl1 .con .list1 .item1:hover .txt .h{color: #00A0E9;}
.header .item:nth-child(2) .h_xl.xl1 .con .list1 .item1:hover .txt .h{color: #000;}
.header .h_xl.xl1 .con .list1 .item1 .txt .p{color: #1A1A1A;line-height: 1.67;opacity: 0.8;display:block;}
.header .h_xl.xl1 .con .list1 .item1 .txt .p:hover { color:var(--viColor); }

.header .h_xl.xl2 .con{display: flex;padding: 0.32rem 3.2rem;justify-content:center}
.header .h_xl.xl2 .con .item1{display: block;width: 2.96rem;margin-right: 0.32rem;padding: 0.22rem;transition: all 0.5s;text-align: center;}
.header .h_xl.xl2 .con .item1:hover{background-color: #F9F9F9;}
.header .h_xl.xl2 .con .item1 .icon{width: 0.36rem;height: 0.36rem;margin: 0 auto;margin-bottom: 0.12rem;}
.header .h_xl.xl2 .con .item1 .txt{color: #000000;font-weight: bold;opacity: 0.8;}
.header .h_xl.xl2 .con .item1:last-child{margin-right: 0;}

.banner {
  width: 100%;
  height: 8.5rem;
  position: relative;
  padding: 0 106px;
}

.banner:hover .banner_swiper1 .btn_box .btn {
  opacity: 1;
}

.banner .banner_swiper1 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.banner .banner_swiper1 .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 0 106px;
}

.banner .banner_swiper1 .swiper-slide .bgimgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.banner .banner_swiper1 .swiper-slide .bgimgBox .bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .t1 {
  opacity: 1;
  transition: opacity 0.6s linear 0.1s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
}

.banner .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .t2 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s linear 0.2s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  text-overflow: ellipsis;
  overflow: hidden
  ;white-space: nowrap; 
}

.banner .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .h1 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s linear 0.3s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; 
}

.banner .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .h2 {
  color: #fff;
  line-height: calc(26 / 22);
  margin-bottom: 0.48rem;
  opacity: 0.9;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.4s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.banner .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.5s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.banner .banner_swiper1 .swiper-slide .slide_cont {
  max-width: 1280px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 2;
  padding-top: 2rem;
  padding-bottom: 0.77rem;
}
.banner .banner_swiper1 .swiper-slide .slide_cont .text { max-width:7.4rem; }
.banner .banner_swiper1 .swiper-slide .slide_cont .text .t1 {
  color: var(--viColor);
  font-weight: 700;
  line-height: calc(21 / 18);
  margin-bottom: 0.08rem;
  opacity: 0;
}

.banner .banner_swiper1 .swiper-slide .slide_cont .text .t2 {
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.14rem;
  /*font-weight: 700;*/
  transform: translateY(-80%);
  opacity: 0;
}

.banner .banner_swiper1 .swiper-slide .slide_cont .text .h1 {
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.16rem;
  transform: translateY(-100%);
  opacity: 0;
}

.banner .banner_swiper1 .swiper-slide .slide_cont .text .h2 {
  color: #fff;
  line-height: calc(26 / 22);
  margin-bottom: 0.48rem;
  opacity: 0.9;
  transform: translateY(-200%);
  opacity: 0;
}

.banner .banner_swiper1 .swiper-slide .slide_cont .text .btn {
  height: 0.41rem;
  border-radius: 0.41rem;
  width: fit-content;
  background-color: var(--viColor);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  opacity: 0;
  transform: translateY(-200%);
  font-weight: 300;
}

.banner .banner_swiper1 .btn_box .btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.4s ease;
  opacity: 0;
}

.banner .banner_swiper1 .btn_box .btn.prev {
  left: 40px;
}

.banner .banner_swiper1 .btn_box .btn.next {
  right: 40px;
}

.banner .banner_swiper1 .btn_box .btn svg {
  height: 26px;
  width: fit-content;
}

.banner .banner_swiper2_box {
  max-width: 1280px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding-bottom: 0.48rem;
}

.banner .banner_swiper2 {
  height: 0.72rem;
  width: 3.2rem;
  z-index: 2;
  margin: 0;
}

.banner .banner_swiper2::after {
  content: "";
  width: 0.02rem;
  height: 0.16rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}

.banner .banner_swiper2 .swiper-slide {
  color: #fff;
  opacity: 0.4;
  transition: opacity 0.4s ease;
  padding-left: 0.2rem;
  position: relative;
  display: block;
  align-items: center;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.8;
}

.banner .banner_swiper2 .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.banner1 .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .t2 {
  margin-bottom: .14rem;
}

.banner1 .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .h1 {
  font-weight: 300;
  width: 4.2rem;
  margin-bottom: .4rem;
}

.banner1 .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .btn {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
  font-weight: 300;
  padding: .17rem .4rem;
  height: auto;
}

.banner1 .banner_swiper1 .swiper-slide.swiper-slide-active .slide_cont .text .btn:hover {
  background: var(--viColor);
}

.banner1 .banner_swiper1 .swiper-slide.swiper-slide-active .proimg {
  position: absolute;
  width: 12.42rem;
  height: 7.85rem;
  object-fit: contain;
  top: .2rem;
  right: 1.28rem;
  z-index: 2;
}

.banner2 {
  height: 9.4rem;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont {
  padding-top: 1.4rem;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text {
  text-align: center;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text .h1 {
  font-weight: 400;
  line-height: 150%;
  margin-top: .24rem;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text.block .t2,
.banner2 .banner_swiper1 .swiper-slide .slide_cont .text.block .h1 {
  color: #000;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text.block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text.block .h1 {
  width: 4.8rem;
}

.footer {
  background-color: #121212;
  padding: 0 20px;
}

.footer .cont {
  padding: 0.84rem 0 0.8rem;
  max-width: 1280px;
  margin: 0 auto;
}

.footer .cont .cont_top .logo {
  width: 170px;
  height: auto;
  margin-bottom: 48px;
}

.footer .cont .cont_top .logo img {
  width: 100%;
  height: auto;
}

.footer .cont .cont_midden {
  display: flex;
  justify-content: space-between;
  column-gap: 1.84rem;
  margin-bottom: 48px;
}

.footer .cont .cont_midden .cont_midden_left {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.footer .cont .cont_midden .cont_midden_left .list {
  width: fit-content;
  max-height: calc(.32rem * 5);
  overflow-y: auto;
  overflow-x: hidden;
  transition: all .4s ease;
  padding-right: .3rem;
}
.footer .cont .cont_midden .cont_midden_left .list::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background: rgba(186, 189, 229, 0.13);
}
.footer .cont .cont_midden .cont_midden_left .list::-webkit-scrollbar-thumb {
    background: rgba(186, 189, 229, 0.34);
    /*border-radius: .04rem;*/
    width: 2px;
}
.footer .cont .cont_midden .cont_midden_left .list::-webkit-scrollbar-track {
    background: transparent;
}

.footer .cont .cont_midden .cont_midden_left .list:hover::-webkit-scrollbar-thumb {
    background: rgba(186, 189, 229, 0.84) ;
}
.footer .cont .cont_midden .cont_midden_left .list .item {
  width: fit-content;
}

.footer .cont .cont_midden .cont_midden_left .list .item:nth-child(1) {
  margin-bottom: 0.08rem;
}

.footer .cont .cont_midden .cont_midden_left .list .item .h1 {
  font-size: clamp(16px, 0.18rem, 18px);
  color: #fff;
  line-height: calc(21 / 18);
  font-weight: 700;
}

.footer .cont .cont_midden .cont_midden_left .list .item .h2 {
  line-height: calc(32 / 14);
  font-size: clamp(12px, 0.14rem, 14px);
  color: #fff;
  opacity: 0.8;
  transition: all 0.4s ease;
  text-wrap: nowrap;
}

.footer .cont .cont_midden .cont_midden_left .list .item .h2:hover {
  opacity: 1;
}

.footer .cont .cont_midden .cont_midden_right {
  width: 240px;
}

.footer .cont .cont_midden .cont_midden_right .h1 {
  color: #fff;
  font-size: clamp(16px, 0.18rem, 18px);
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.7;
}

.footer .cont .cont_midden .cont_midden_right .p1 {
  opacity: 0.8;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 10px;
  font-size: 14px;
}

.footer .cont .cont_midden .cont_midden_right form {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #666666;
  display: flex;
  align-items: center;
}

.footer .cont .cont_midden .cont_midden_right form input {
  width:calc(100% - 40px);
  height: 100%;
  border-radius: 4px 0 0 4px;
  background-color: transparent;
  padding: 0 12px;
  color: #fff;
}

.footer .cont .cont_midden .cont_midden_right form input::placeholder {
  color: #FFF;
  opacity: 0.3;
}

.footer .cont .cont_midden .cont_midden_right form button {
  width: 40px;
  height: 100%;
  flex-shrink: 0;
  background-color: #2f2f2f;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

.footer .cont .cont_midden .cont_midden_right form button:hover{background-color:var(--viColor);}

.footer .cont .cont_midden .cont_midden_right form button svg {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.footer .cont .cont_bot1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 10px;
  border-bottom: 1px solid #323232;
}

.footer .cont .cont_bot1 .left {
  display: flex;
  align-items: center;
  column-gap: 0.28rem;
}

.footer .cont .cont_bot1 .left .item {
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
  line-height: calc(32 / 14);
}

.footer .cont .cont_bot1 .left span {
  color: #d8d8d8;
  opacity: 0.24;
  font-size: 14px;
}

.footer .cont .cont_bot1 .right {
  line-height: calc(32 / 14);
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
}

.footer .cont .cont_bot2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}

.footer .cont .cont_bot2 .left p {
  color: #fff;
  opacity: 0.6;
  font-size: 14px;
}

.footer .cont .cont_bot2 .left p a {
  color: #fff;
  font-size: 14px;
}

.footer .cont .cont_bot2 .right {
  display: flex;
  column-gap: 16px;
}

.footer .cont .cont_bot2 .right .item {
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer .cont .cont_bot2 .right .item svg {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.in1 {
  width: 100%;
  height: 8.5rem;
  position: relative;
}

.in1 .bgimgbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.in1 .bgimgbox .bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.in1 .cont {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding-top: 1rem;
}

.in1 .cont .text .h1 {
  text-align: center;
  font-weight: 700;
  line-height: calc(63 / 54);
  margin-bottom: 0.16rem;
  color: #fff;
}

.in1 .cont .text .p1 {
  line-height: calc(26 / 22);
  color: #fff;
  text-align: center;
  margin-bottom: 0.48rem;
}

.in1 .cont .text .btn {
  margin: 0 auto;
  height: 0.41rem;
  border-radius: 0.41rem;
  border: 1px solid #fff;
  color: #fff;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
  transition: all 0.4s ease;
}

.in1 .cont .text .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}

.in2 {
  padding: .2rem 20px;
  margin-bottom: 1rem;
}

.in2 .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}

.in2 .list .item {
  /*background: url(../img/07.png) no-repeat center / cover;*/
  width: calc((100% - 20px) / 2);
  height: auto;
  aspect-ratio: 16 / 9;
  position: relative;
}

.in2 .list .item .text {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 0.34rem 0.64rem 0.31rem;
}

.in2 .list .item .text .t1 {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.02rem 0.08rem;
  border-radius: 0.04rem;
  background-color: var(--viColor);
  color: #fff;
  font-family: var(--f500);
  line-height: 1.5;
}

.in2 .list .item .text .h1 {
  text-align: center;
  font-weight: 700;
  line-height: calc(56 / 48);
  margin-bottom: 0.12rem;
  color: #000;
}

.in2 .list .item .text .p1 {
  text-align: center;
  color: #1a1a1a;
  line-height: calc(28 / 22);
  margin-bottom: 0.24rem;
}

.in2 .list .item .text .btn {
  width: fit-content;
  margin: 0 auto;
  /*margin-bottom: .34rem;*/
  line-height: calc(21 / 18);
}
/*.in2 .list .item .text  .pic_img {*/
/*    width: 100%;*/
/*    height: 2.36rem;*/
/*}*/
/*.in2 .list .item .text .pic_img img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*}*/

.in2 .list .item .pic {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.in2 .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.in3 {
  padding: 0 calc(0.6rem + 0.4rem + 20px);
  margin-bottom: 1rem;
}

.in3 .in3_cont {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
}

.in3 .in3_cont .tit1 {
  text-align: center;
  margin-bottom: 0.48rem;
  font-weight: 700;
  color: #1a1a1a;
  line-height: calc(56 / 48);
}

.in3 .in3_cont .swiper {
  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 400;
  margin-bottom: 0.32rem;
}

.in3 .in3_cont .swiper .swiper-slide {
  overflow: hidden;
}

.in3 .in3_cont .swiper .swiper-slide:hover img {
  transform: scale(1.1);
}

.in3 .in3_cont .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.in3 .in3_cont .swiper_bot {
  display: flex;
  justify-content: space-between;
}

.in3 .in3_cont .swiper_bot .text {
  width: 60%;
  position: relative;
}

.in3 .in3_cont .swiper_bot .text .text_item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.in3 .in3_cont .swiper_bot .text .text_item.on {
  position: relative;
}

.in3 .in3_cont .swiper_bot .text .text_item .h1 {
  line-height: calc(42 / 36);
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 0.08rem;
}

.in3 .in3_cont .swiper_bot .text .text_item .p1 {
  color: #1a1a1a;
  opacity: 0.8;
  line-height: calc(21 / 18);
  margin-bottom: 0.2rem;
}

.in3 .in3_cont .swiper_bot .text .text_item .btn {
  cursor: pointer;
  line-height: calc(21 / 18);
  color: #1a1a1a;
  transition: color .4s ease;
}
.in3 .in3_cont .swiper_bot .text .text_item .btn:hover {
    color: var(--viColor);
}

.in3 .in3_cont .swiper_bot .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.24rem;
}

.in3 .in3_cont .swiper_bot .btn_box .btn {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 1px solid #767676;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}

.in3 .in3_cont .swiper_bot .btn_box .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}

.in3 .in3_cont .swiper_bot .btn_box .btn:hover svg path {
  fill: #fff;
}

.in3 .in3_cont .swiper_bot .btn_box .btn svg {
  height: 0.2rem;
  width: fit-content;
}

.in3 .in3_cont .swiper_bot .btn_box .btn svg path {
  transition: all 0.5s ease;
}

.in4 {
  padding: .2rem 20px 0;
  margin-bottom: 1rem;
}

.in4 .tit {
  color: #1a1a1a;
  font-weight: 700;
  margin-bottom: 0.48rem;
  line-height: calc(56 / 48);
  text-align: center;
}

.in4 .cont {
  margin: 0 auto;
  max-width: calc(1280px + (0.6rem * 2 + 0.4rem * 2));
  padding: 0 calc(0.6rem + 0.4rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-bottom: 0.48rem;
}

.in4 .cont .swiper {
  height: auto;
  flex: 1;
}

.in4 .cont .swiper .swiper-slide {
  width: 100%;
  height:auto;
  aspect-ratio: 414 / 560;
  position: relative;
  display: block;
  overflow: hidden;
}

.in4 .cont .swiper .swiper-slide:hover .bgimg img {
  transform: scale(1.1);
}

.in4 .cont .swiper .swiper-slide .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.in4 .cont .swiper .swiper-slide .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.in4 .cont .swiper .swiper-slide .text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  /*background-color: rgba(0,0,0,.3);*/
  /*  background: linear-gradient(*/
  /*  to bottom, */
  /*  rgba(0, 0, 0, 0) 20%, */
  /*  rgba(0, 0, 0, 0.6) 80%*/
  /*);*/
}
.in4 .cont .swiper .swiper-slide .text .text_cont {
    padding: .8rem 0.3rem 0.32rem;
    background-image: linear-gradient(180deg, #00000000 0%, #000000cc 100%);
}
.in4 .cont .swiper .swiper-slide .text .h1 {
  color: #fff;
  line-height: calc(33 / 28);
  font-family: var(--f500);
  margin-bottom: 0.12rem;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in4 .cont .swiper .swiper-slide .text .p1 {
  line-height: calc(21 / 18);
  color: #fff;
  text-align: center;
  margin-bottom: 0.24rem;
  opacity: 0.9;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.in4 .cont .swiper .swiper-slide .text .btn {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  color: #fff;
}

.in4 .cont .button {
  position: absolute;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 1px solid #767676;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s ease;
}

.in4 .cont .button:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}

.in4 .cont .button:hover svg path {
  fill: #fff;
}

.in4 .cont .button.prev {
  left: 0;
}

.in4 .cont .button.next {
  right: 0;
}

.in4 .cont .button svg {
  height: 0.2rem;
  width: fit-content;
}
.dev3 {
    display: block;
}
.dev3 .swiper-box .swiper .swiper-wrapper .swiper-slide img {
    max-width: 100vw;
}

.in4 .cont .button svg path {
  transition: all 0.5s ease;
}

.in4 .more {
  width: fit-content;
  height: 0.41rem;
  border-radius: 0.41rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  transition: all 0.4s ease;
  margin: 0 auto;
  padding: 0 0.4rem;
}

.in4 .more:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
  color: #fff;
}

.in5 {
  padding: 1.2rem 20px;
  background-color: #f8f8f8;
  transition: all 0.4s ease;
}

.in5 .cont {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

.in5 .cont .list {
  display: flex;
  column-gap: 0.32rem;
}

.in5 .cont .list .item {
  flex: 1;
  flex-direction: column;
  display: flex;
  align-items: center;
  row-gap: 0.2rem;
  cursor: pointer;
}

.in5 .cont .list .item:hover .ico img.img1 {
  opacity: 0;
}

.in5 .cont .list .item:hover .ico img.img2 {
  opacity: 1;
}

.in5 .cont .list .item:hover .btn {
  color: #00a0e9;
  border-color: #00a0e9;
}

.in5 .cont .list .item .ico {
  width: 0.64rem;
  height: 0.64rem;
  position: relative;
}

.in5 .cont .list .item .ico img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
  opacity: 0;
}

.in5 .cont .list .item .ico img.img1 {
  opacity: 1;
}

.in5 .cont .list .item .h1 {
  line-height: calc(28 / 24);
  color: #1a1a1a;
  transition: all 0.4s ease;
  font-family: var(--f500);
}

.in5 .cont .list .item .btn {
  color: #1a1a1a;
  transition: all 0.4s ease;
  line-height: calc(21 / 18);
  border-bottom: 1px solid transparent;
}

.cons1 .tit {
  text-align: center;
  font-weight: 600;
  margin: .48rem 0 .6rem;
  color: #000;
}

.cons1 .list {
  padding: 0 2.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
}

.cons1 .list .item {
  width: calc(50% - .1rem);
  background: #F5F5F7;
}

.cons1 .list .item .pic {
  width: 100%;
  height: 5rem;
}

.cons1 .list .item .cont {
  padding: .37rem 1.13rem .24rem;
  display: flex;
  flex-direction: column;
  gap: .16rem;
  align-items: center;
  text-align: center;
}

.cons1 .list .item .cont .p1,
.cons1 .list .item .cont .p2 {
  line-height: 150%;
}

.cons2 {
  position: relative;
  padding: 0 2.6rem;
  margin-top: .7rem;
  height: 8.5rem;
}

.cons2 .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cons2 .cont {
  position: relative;
  z-index: 2;
  padding: 2.35rem .77rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cons2 .cont.reverse {
  justify-content: end;
}

.cons2 .cont.reverse .t1,
.cons2 .cont.reverse .p1,
.cons2 .cont.reverse .btn {
  color: #fff;
}

.cons2 .cont .t1 {
  margin-bottom: .14rem;
  line-height: 1.5;
}

.cons2 .cont .p1 {
  width: 4.2rem;
  line-height: 150%;
  margin-bottom: .4rem;
}

.cons2 .cont .btn {
  padding: .17rem .47rem;
  border-radius: .5rem;
  border: 1px solid #000;
}

.cons3 {
  width: 100%;
  background: #000;
  padding: 0 2.6rem;
  position: relative;
}

.cons3 .cont-box {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: 1.4rem 0;
}

.cons3 .cont-box .cont {
  display: flex;
  flex-direction: column;
  gap: .14rem;
  opacity: .7;
  cursor: pointer;
  transition: all .4s ease;
}

.cons3 .cont-box .cont.on {
  opacity: 1;
}

.cons3 .cont-box .cont .line {
  width: 1.38rem;
  height: .03rem;
  background: #fff;
}

.cons3 .cont-box .cont .t1,
.cons3 .cont-box .cont .p1 {
  line-height: 150%;
}

.cons3 .cont-box .cont .p1 {
  width: 3.6rem;
}

.cons3 .pic-box {
  position: absolute;
  width: 9.07rem;
  height: 100%;
  bottom: 0;
  right: 0;
}

.cons3 .pic-box img {
  opacity: 0;
  transition: all .4s ease;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.cons3 .pic-box img.on {
  opacity: 1;
}

.cons4 {
  padding: 1rem .5rem;
  background: #F5F5F7;
  display: flex;
  justify-content: space-between;
}

.cons4 .lf .item {
  width: 10.85rem;
  height: 7rem;
  background: #fff;
  padding: .2rem .4rem;
  position: relative;
}

.cons4 .item .cont-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cons4 .item .cont-box .cont1 .t1 {
  line-height: 2.4;
  display: block;
}

.cons4 .item .cont-box .cont1 .p1 {
  line-height: 1.9;
  display: block;
}

.cons4 .item .cont-box .cont1 .line {
  width: 2.46rem;
  height: 1px;
  background: #999;
}

.cons4 .item .cont-box .cont1 .p2 {
  display: flex;
  align-items: center;
  margin-top: .16rem;
  line-height: 1.5;
  margin-bottom: 0.04rem;
}

.cons4 .item .cont-box .cont1 .p2 p{font-weight: 600;}

.cons4 .item .cont-box .cont1 .p3 {
  display: flex;
  align-items: center;
  margin-top: .04rem;
  line-height: 1.5;
}

.cons4 .item .cont-box .cont1 .p3 p{font-weight: 600;}

.cons4 .lf .item .pic {
  position: absolute;
  width: 4.87rem;
  height: 5.56rem;
  top: .82rem;
  right: 1.47rem;
}

.cons4 .rg {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.cons4 .rg .item {
  width: 7.16rem;
  height: 3.4rem;
  background: #fff;
  padding: .2rem .4rem;
  position: relative;
}

.cons4 .rg .item .pic {
  position: absolute;
  right: .35rem;
  top: .5rem;
  width: 2.75rem;
  height: 2.56rem;
}

.cons4 .rg .item .pic img {
  object-fit: contain;
}

.cons4 .rg .item:first-child .pic {
  width: 1.69rem;
  height: 2.49rem;
  right: 1.11rem;
  top: .6rem;
}

.dev1 {
  width: 100%;
  height: 9.2rem;
  position: relative;
  padding: 1rem 2.4rem .78rem;
}

.dev1 .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dev1 .tit {
  position: relative;
  z-index: 2;
  text-align: center;
}

.dev1 .main {
  margin-top: .4rem;
  position: relative;
  z-index: 2;
  width: 100%;
}

.dev1 .main .items {
  position: absolute;
  width: 7.8rem;
}

.dev1 .main .lf {
  left: 0;
}

.dev1 .main .rg {
  right: 0;
}

.dev1 .main .items svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.dev1 .main .items .cont {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dev1 .main .lf .cont {
  padding: .5rem 2rem .32rem 1rem;
}

.dev1 .main .rg .cont {
  padding: .5rem 1rem .32rem 2rem;
}

.dev1 .main .items .cont .tit1 {
  margin-bottom: .1rem;
}

.dev1 .main .items .cont .pic {
  width: 2.41rem;
  height: 1.35rem;
  margin-bottom: .28rem;
}

.dev1 .main .items .cont .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dev1 .main .items .cont .item {
  padding: .16rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .08rem;
  border-top: 1px solid #F3F3F3;
  width: 100%;
}

.dev1 .main .vs {
  width: 1.72rem;
  height: 1.72rem;
  position: absolute;
  top: 2.37rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dev1 .main .vs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dev1 .main .vs span {
  text-align: center;
  line-height: 1.72rem;
  position: relative;
  z-index: 2;
  font-size: .8rem;
  display: block;
}
.dev2 {
    position: relative;
}
.dev2 video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.dev2 .playImg {
    position: absolute;
    width: .6rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dev3 {
  position: relative;
}

.dev3 .swiper-box .swiper .swiper-wrapper .swiper-slide img {
  height: 100%;
  width: 100%;
}

.dev3 .txt {
  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: .8rem 3.2rem;
  z-index: 2;
  display: none;
  flex-direction: column;
  align-items: center;
}
.dev3 .txt.on, .dev3 .swiper-slide .txt {
    display: flex;
}

.dev3 .txt .tit {
  margin-bottom: .6rem;
}

.dev3 .txt .nav {
  display: flex;
  gap: .6rem;
}

.dev3 .txt .nav li {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  cursor: pointer;
}

.dev3 .txt .nav li::after {
  content: "";
  display: block;
  width: 100%;
  height: .02rem;
  background-color: #fff;
  opacity: 0;
  transition: all .4s ease;
}

.dev3 .txt .nav li.active::after {
  opacity: 1;
}

.dev3 .txt .cont-box {
  margin-top: .48rem;
}

.dev3 .txt .cont-box .cont {
  display: none;
  gap: .6rem;
  text-align: center;
}

.dev3 .txt .cont-box .cont .item {
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.dev3 .txt .cont-box .cont .item .p2 {
  color: #A1A0A0;
  width: 2.9rem;
  line-height: 150%;
}
.dev3 .txt .cont-box .cont .item .p2 + p { color:#A1A0A0; }
.dev3 .txt .cont-box .cont1 {
  display: none;
  flex-direction: column;
  align-items: center;
}

.dev3 .txt .cont-box .cont1 .list {
  display: flex;
  gap: .6rem;
}

.dev3 .txt .cont-box .cont1 .list .item {
  display: flex;
  flex-direction: column;
  gap: .1rem;
  align-items: center;
}

.dev3 .txt .cont-box .cont1 .list .item p {
  display: inline-block;
}

.dev3 .txt .cont-box .cont2 {
  text-align: center;
  display: none;
}

.dev3 .txt .cont-box .on {
  display: flex;
}

.dev3 .txt.active div,
.dev3 .txt.active li,
.dev3 .txt.active p {
  color: #000;
}

.dev3 .txt.active .nav li::after {
  background: #000;
}

.dev4 .swiper-box .swiper .swiper-wrapper .swiper-slide {
  position: relative;
}

.dev4 .swiper-box .swiper .swiper-slide .bgimgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.dev4 .swiper-box .swiper .swiper-slide .bgimgBox .bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dev4 .swiper-box .swiper .swiper-slide.swiper-slide-active .slide_cont .text .t1 {
  opacity: 1;
  transition: opacity 0.6s linear 0.1s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.dev4 .swiper-box .swiper .swiper-slide.swiper-slide-active .slide_cont .text .t2 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s linear 0.2s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.dev4 .swiper-box .swiper .swiper-slide.swiper-slide-active .slide_cont .text .h1 {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 0.6s linear 0.3s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}

.dev4 .swiper-box .swiper .swiper-slide.swiper-slide-active .slide_cont .text .h2 {
  line-height: calc(26 / 22);
  margin-bottom: 0.48rem;
  opacity: 0.9;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.4s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}

.dev4 .swiper-box .swiper .swiper-slide.swiper-slide-active .slide_cont .text .btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s linear 0.5s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.dev4 .swiper-box .swiper .swiper-slide .slide_cont {
  max-width: 1280px;
  margin: 0 5.29rem;
  height: 100%;
  position: relative;
  z-index: 2;
  padding-top: 3.55rem;
  padding-bottom: 3.55rem;
  display: flex;
  justify-content: end;
}

.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text{width:3rem;}
.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text .t1 {
  color: var(--viColor);
  font-weight: 700;
  line-height: calc(21 / 18);
  margin-bottom: 0.08rem;
  opacity: 0;
}

.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text .t2 {
  line-height: calc(42 / 36);
  margin-bottom: 0.32rem;
  transform: translateY(-80%);
  opacity: 0;
}

.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text .h1 {
  font-weight: 700;
  line-height:calc(63 / 54);
  margin-bottom: 0.16rem;
  transform: translateY(-100%);
  opacity: 0;
}

.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text .h2 {
  line-height: calc(26 / 22);
  margin-bottom: 0.48rem;
  opacity: 0.9;
  transform: translateY(-200%);
  opacity: 0;
}

.dev4 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet,
.dev4 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .64rem;
  height: .02rem;
  background: #00000066;
  opacity: 1;
  position: relative;
}

.dev4 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet .progress-bar {
  position: absolute;
  background: #000;
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
}

.dev5 {
  position: relative;
}

.dev5 .txt {
  padding: 2.17rem 3.6rem;
  display: flex;
  flex-direction: column;
  gap: .36rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.dev5 .txt .tit {
  opacity: 0;
  transform: translateY(200%);
  transition: opacity 0.4s linear 0.1s, transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.dev5 .txt .tit.active {
  opacity: 1;
  transform: translateY(0);
}

.dev5 .txt .list {
  display: flex;
  flex-direction: column;
  gap: .16rem;
  width: 4.65rem;
  opacity: .8;
}

.dev5 .txt .list li {
  line-height: 150%;
}

.dev5 .txt .t1 .tit {
  margin-bottom: .24rem;
}

.dev5 .txt .t1 .list {
  display: flex;
  flex-direction: row;
  gap: .36rem;
}

.dev5 .txt .t1 .list li .cir-box {
  width: .85rem;
  height: .85rem;
  position: relative;
  margin-bottom: .16rem;
  border:1px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.12rem;
  color:#ffffff;
}
.dev5 .txt .t1 .list li .cir-box>div{font-size: 0.24rem;}

/*.dev5 .txt .t1 .list li .cir-box{}*/

.dev5 .btn_box .btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.4s ease;
  opacity: 0;
}

.dev5 .btn_box .btn.prev {
  left: 40px;
}

.dev5 .btn_box .btn.next {
  right: 40px;
}
.dev5:hover .btn_box .btn { opacity:1; }
.dev5 .btn_box .btn svg {
  height: 26px;
  width: fit-content;
}

.dev6 {
  position: relative;
}

.dev6 .bgimgBox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.dev6 .cont {
  max-width: 12rem;
  margin: 0 auto;
  width: 100%;
  padding: 3.26rem 0;
}

.dev6 .cont .txt {
  position: relative;
  z-index: 2;
}

.dev6 .cont .txt .p1 {
  width: 5.07rem;
  margin-top: .24rem;
  line-height: 150%;
}

.dev7 {
  position: relative;
  padding: 1rem 3.2rem 1.24rem 3.2rem;
}

.dev7 .tit{
    color: #000;
    font-weight: 700;
    line-height: 1.167;
    text-align: center;
    margin-bottom: 0.64rem;
}

.dev7 .bgimgBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.dev7 .bgimgBox img {
  width: 100%;
  height: 100%;
}

.dev7 .list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .36rem;
}
.dev7 .list .item {
    flex: 1;
    background: #fff;
}
.dev7 .list .item .pic {
    width: 100%;
    height: 2.96rem;
    overflow: hidden;
}
.dev7 .list .item .pic img {
    transition: all .4s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dev7 .list .item:hover .pic img {
    transform: scale(1.05);
}
.dev7 .list .item .p1 {
    padding: .3rem .3rem;
    text-align: center;
    line-height: 120%;
}

/*.dev7 .swiper-box {*/
/*  width: 100%;*/
/*}*/

/*.dev7 .swiper-box .swiper-slide{position: relative;height: 6.6rem;opacity:0;transition:all 0.5s}*/
/*.dev7 .swiper-box .swiper-slide-active,.dev7 .swiper-box .swiper-slide-next{opacity: 1;}*/

/*.dev7 .swiper-box .swiper-slide img {*/
/*  position: absolute;*/
/*  top: 0;left: 0;width: 100%;height: 100%;z-index: 2;*/
/*  transition: all 0.5s;display: block;*/
/*    object-fit: cover;*/
/*}*/

/*.dev7 .swiper-box .swiper-slide-active img {*/
/*  width: 6rem;height: 4.2rem;*/
/*}*/

/*.dev7 .swiper-box .swiper-slide .p1{position: absolute;bottom: 1.04rem;left: 0;color: #1D1D1F;line-height: 1.5;font-weight: 400;}*/

/*.dev7 .swiper-box .swiper-pagination{position: absolute;bottom: 0;left: 0;width: fit-content;}*/
/*.dev7 .swiper-box .swiper-pagination .swiper-pagination-bullet{border-radius: 0;width: 0.36rem;height: 2px;opacity: 1;background-color: rgba(0,0,0,0.2);}*/
/*.dev7 .swiper-box .swiper-pagination .swiper-pagination-bullet-active{background-color: #01A1DF;}*/

.dev8 {
  background-color: #1E1E1E;
  padding: .56rem 2.97rem .92rem;
}

.dev8 .tit {
  text-align: center;
  margin-bottom: .48rem;
}

.dev8 .tab-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.dev8 .tab-box table{width: 100% !important;border-collapse: collapse; border:1px solid #DEDEDE;}
.dev8 .tab-box table tr {  }
/*display:flex;*/
.dev8 .tab-box table tr:not(:last-child) { border-bottom:1px solid #DEDEDE; }
.dev8 .tab-box table tr td { min-width:15%; }
/*.dev8 .tab-box table tr td:nth-child(1) { width:30%; }*/
.dev8 .tab-box table tr td:not(:last-child) { border-right: 1px solid #DEDEDE; }
/*.dev8 .tab-box table tr td:nth-child(2) { width:30%;}*/
.dev8 .tab-box table td{ padding:0.12rem;}
/*display:flex; align-items:center; */
.dev8 .tab-box table td span:nth-child(1) { width:1.6rem; }
/*.dev8 .tab-box table tr td:nth-child(2) span:nth-child(2) { width:2.4rem; }*/
.dev8 .tab-box .cont {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  gap: .4rem;
}

.dev8 .tab-box .cont .cont1 {
  display: flex;
  align-items: center;
  gap: .24rem;
  border-right: 1px solid rgba(255, 255, 255, 0.20);
  padding: .12rem 0;
}

.dev8 .tab-box .cont .cont1 span:nth-child(1) {
  width: 2.3rem;
}

.dev8 .tab-box .cont .cont1 span:nth-child(2) {
  width: 3.9rem;

}

.dev8 .tab-box .cont .cont2 {
  display: flex;
  align-items: center;
  gap: .1rem;
  padding: .12rem 0;
}

.dev8 .tab-box .cont .cont2 span {
  width: 2.3rem;
}

.dev8 .tab-box .cont .cont2 span:last-child {
  width: 1.6rem;
}

.dev9 {
  padding: 0 3.2rem 1.2rem;
  margin-top: 1.2rem;
}

.dev9 .tit {
  text-align: center;
  margin-bottom: .64rem;
}

.dev9 .h1 {
  display: flex;
  flex-direction: column;
  gap: .06rem;
  margin-bottom: .32rem;
}

.dev9 .h1 .p2 {
  color: #6F6F6F;
}

.dev9 .form-box form {
  display: flex;
  flex-wrap: wrap;
  gap: .32rem .4rem;
  justify-content: center;
}

.dev9 .form-box form .form-item {
  width: calc(50% - .2rem);
  display: flex;
  flex-direction: column;
  gap: .1rem;
}

.dev9 .form-box form .form-item span{color:#F76560;}

.dev9 .form-box form .form-item input {
  border-bottom: 1px solid #CECECE;
  width: 100%;
  padding-bottom: .04rem;
}

.dev9 .form-box form .form-item .select-box select {
  border: none;
  border-bottom: 1px solid #CECECE;
  padding-bottom: .04rem;
}

.dev9 .form-box form .form-item.long {
  width: 100%;
}

.dev9 .form-box form button {
  padding: .15rem .76rem;
  border: none;
  
  background-color: #DDD;
  border-radius: .6rem;
  margin-top: .16rem;
  cursor: pointer;
  transition: all .4s ease;
}

.dev9 .form-box form button.active {
  background-color: var(--viColor);
}
.dev9 .form-box form button.active:hover {
    opacity: .6;
}

.pla1 {
  padding: .4rem 0 1.2rem;
}

.pla1 .nav {
  padding: 0 2.37rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}

.pla1 .nav .item {
  display: flex;
  flex-direction: column;
  gap: .24rem;
  align-items: center;
}

.pla1 .nav .item .pic {
  width: .8rem;
  height: .8rem;
}

.pla1 .col-box {
  padding: 0 2.64rem;
}

.pla1 .col-box .tit {
  text-align: center;
  margin-bottom: .6rem;
}

.pla1 .col-box .list {
  display: flex;
  flex-wrap: wrap;
  gap: .32rem .16rem;
}

.pla1 .col-box .list .item {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  align-items: center;
  width: calc((100% - .16rem * 7) / 8);
}

.pla1 .col-box .list .item .col {
  width: 100%;
  height: .9rem;
  border-radius: .1rem;
      box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
}

.pla1 .col-box .list .item .txt {
  display: flex;
  flex-direction: column;
  gap: .08rem;
  align-items: center;
}

.pla1 .tab1 {
  padding: 0 2.6rem;
  margin-top: 2rem;
}

.pla1 .tab1 .tit {
  text-align: center;
  margin-bottom: .6rem;
}

.pla1 .tab1 .tab-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.pla1 .tab1 .tab-box .item {
  display: flex;
}

.pla1 .tab1 .tab-box .item:nth-child(odd) {
  background: #E9E9E9;
}

.pla1 .tab1 .tab-box .item:nth-child(even) {
  background: #F7F7F7;
}

.pla1 .tab1 .tab-box .item .cont {
  display: flex;
  flex-direction: column;
  padding: .2rem 0;
  width: 50%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  align-items: center;
  justify-content: center;
  gap: .04rem;
}

.pla1 .tab2 {
  padding: 0 1.52rem;
  margin-top: 1.2rem;
}

.pla1 .tab2 .tit {
  text-align: center;
  margin-bottom: .6rem;
}

.pla1 .tab2 .tab-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.pla1 .tab2 .tab-box .item {
  display: flex;
}

.pla1 .tab2 .tab-box .item .cont {
  width: 50%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  display: flex;
  flex-direction: column;
  gap: .04rem;
  padding: .2rem 0 .2rem 1rem;
  line-height: 1.3;
}

.pla2 {
  position: relative;
  padding-top: 1rem;
  height: 9.4rem;
}

.pla2 .bgimgBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pla2 .bgimgBox img {
  width: 100%;
  height: 100%;
}

.pla2 .txt {
  position: relative;
  z-index: 2;
  max-width: 7.6rem;
  margin: 0 auto;
  text-align: center;
}

.pla2 .txt p {
  line-height: 150%;
  margin-top: .16rem;
}

.pla3 {
  padding: 1.2rem .72rem 1rem;
}

.pla3 .tit {
  text-align: center;
  margin-bottom: .6rem;
}

.pla3 .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pla3 .list .pic {
  width: 4.14rem;
  height: 4.97rem;
  overflow: hidden;
}

.pla3 .list .pic img {
  width: 100%;
  height: 100%;
  transition: all .4s ease;
}

.pla3 .list .pic img:hover {
  transform: scale(1.1);
}

.pla3 .list .txt {
  margin-top: .2rem;
}

.pla3 .list .txt p {
  margin-top: .08rem;
}

.sale1 {
  position: relative;
  min-height: 6rem;
  /* padding: 2.39rem 0; */
}

.sale1 .bgimgBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sale1 .bgimgBox img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.sale1 .cont {
  position: relative;
  z-index: 2;
  padding: 1.9rem 2.44rem .72rem 2.61rem;
  height: 100%;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
}

.sale1 .cont .txt {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding-top: 0.4rem;
}

.sale1 .cont .txt .f_60{line-height: 1.35;margin-bottom: 0.1rem;}
.sale1 .cont .txt .f_24{line-height: 1.35;}

.sale1 .pic {
  position: relative;
  right: 0;
  top: 0;
  display: flex;
  flex: 1;
  justify-content: end;
}

.sale1 .pic img:first-child {
  position: absolute;
  height: 4.75rem;
  width: 7.13rem;
  top: -.95rem;
  left: 1.3rem;
}

.sale1 .pic img:nth-child(2) {
  width: 2.98rem;
  height: 3.39rem;
}

.sale2 {
  padding: 1rem 2.6rem 1.2rem 2.6rem;
  background-color: #f5f5f7;
}

.sale2 .con{padding: 0.7rem 1.2rem 1.1rem 1.2rem;background-color: #fff;}
.sale2 .con .top{padding-bottom: 0.4rem;border-bottom: 1px solid #E0E0E0;margin-bottom: 0.2rem;}
.sale2 .con .top .h1{color: #050505;line-height: 1.5;font-weight: 500;margin-bottom: 0.22rem;}
.sale2 .con .top .h2{color: #202020;font-weight: 400;line-height: 1.5;}
.sale2 .con .item{padding-bottom: 0.5rem;margin-bottom: 0.2rem;border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.sale2 .con .item .h{color: #050505;position: relative;padding-left: 0.15rem;line-height: 0.36rem;color: #050505;font-weight: 500;margin-bottom: 0.2rem;}
.sale2 .con .item .h:after{content: "";position: absolute;top: 0.18rem;left: 0;width: 4px;height: 4px;transform: rotate(-45deg);background: #050505;}
.sale2 .con .item .p{color: #707070;line-height: 1.8;font-weight: 400;}
.sale2 .con .item table{margin-top: 0.15rem;width: 8.3rem;text-align: center;line-height: 0.48rem;}
.sale2 .con .item table tr:nth-child(1){background-color: #F8F8F8;}

/* .sale2 .p {
  background: #fff;
  max-width: 14rem;
  margin: 0 auto;
  padding: .7rem 1.2rem;
} */

.banner3 {
  position: relative;
  min-height: 6rem;
  /*padding-left: 2.61rem;*/
  display: flex;
  align-items: center;
}

.banner3 .bgimgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner3 .bgimgBox img {
  width: 100%;
  height: 100%;
}

.banner3 .txt {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: .3rem;
  width: 12.8rem;
  margin: 0 auto;
}

.banner3 .txt .h1,
.banner3 .txt .h2 {
  text-shadow: 0px 4px 15px rgba(47, 65, 88, 0.10)
}

.banner3 .form{width: 5.8rem;background-color: #fff;border-radius: 0.3rem;height: 0.6rem;display: flex;overflow: hidden;border: 1px solid rgba(224, 224, 224, 0.60);}
.banner3 .form input{width: 5.2rem;background-color: transparent;line-height: 0.6rem;padding: 0 0.17rem;}
.banner3 .form .h_btn{width: 0.58rem;height: 0.58rem;cursor: pointer;border:none;background-color:transparent;}
.banner3 .form .h_btn img{width: 100%;}

.news1 {
  padding: 1rem 0 1.2rem;
  max-width: 12.8rem;
  margin: 0 auto;
}

.news1 .cont1 {
  display: flex;
  border: 1px solid #E0E0E0;
}

.news1 .cont1 .img-box {
  width: 7.76rem;
  height: 4.89rem;
  position: relative;
  flex-shrink: 0;
}

.news1 .cont1 .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .4s ease;
  object-fit: cover;
}

.news1 .cont1 .img-box img.on {
  opacity: 1;
}

.news1 .cont1 .swiper-box {
  /* flex: 1; */
  width: 6.32rem;
  position: relative;
  overflow: hidden;
}
.news1 .cont1 .swiper-box .swiper{height: 100%;}

.news1 .cont1 .swiper-box .swiper-pagination{bottom: 0.69rem;width: fit-content;left: 0.6rem;}

.news1 .cont1 .swiper-box .swiper-pagination .swiper-pagination-bullet{width: 0.04rem;height: 0.04rem;background-color: #D9D9D9;opacity: 1;transition: all 0.5s;margin: 0 0.12rem 0 0;}

.news1 .cont1 .swiper-box .swiper-pagination .swiper-pagination-bullet-active{border-radius: 0;background-color: #01A1DF;width: 0.25rem;}

.news1 .cont1 .swiper-box .swiper .swiper-slide .txt {
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.news1 .cont1 .swiper-box .swiper .swiper-slide {
  padding: .6rem;
}

.news1 .cont1 .swiper-box .swiper .swiper-slide .txt .t1 {
  display: flex;
  align-items: center;
  gap: .08rem;
}

.news1 .cont1 .swiper-box .swiper .swiper-slide .txt .t2 {
  color: var(--viColor);
  line-height: 133%;
}

.news1 .cont1 .swiper-box .swiper .swiper-slide .txt .t3 {
  line-height: 160%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;

}

.news1 .cont1 .swiper-box .swiper .swiper-slide .more {
  margin-top: .74rem;
  padding: .16rem .28rem;
  background: var(--viColor);
  border-radius: .6rem;
  display: flex;
  align-items: center;
  gap: .05rem;
  width: fit-content;
}

.news1 .cont2 {
  margin-top: 1.2rem;
}

.news1 .cont2 .nav-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .24rem;
  border-bottom: 1px solid #E0E0E0;
  position: relative;
  flex-flow:row-reverse;
}

.news1 .cont2 .nav-box .nav {
  display: flex;
  gap: .8rem;

}

.news1 .cont2 .nav-box .nav .item {
  transition: all .4s ease;
  cursor: pointer;
  position: relative;
}

.news1 .cont2 .nav-box .nav .item.active {
  color: var(--viColor);
}

.news1 .cont2 .nav-box .nav .item::after {
  content: "";
  display: block;
  width: 100%;
  height: .02rem;
  background: var(--viColor);
  opacity: 0;
  transition: all .4s ease;
  position: absolute;
  bottom: -.45rem;
}

.news1 .cont2 .nav-box .nav .item.active::after {
  opacity: 1;
}

.news1 .cont2 .search-box {
  display: flex;
  align-items: center;
  position: relative;
  width: 4.61rem;
  height: .56rem;
  background: #F5F5F7;
}

.news1 .cont2 .search-box svg {
  position: absolute;
  width: .15rem;
  height: .15rem;
  left: .3rem;
  top: 50%;
  transform: translateY(-50%);
}

.news1 .cont2 .search-box input {
  flex: 1;
  height: 100%;
  background: #f5f5f7;
  padding: 0 0 0 .55rem;
}

.news1 .cont2 .search-box button {
  width: 1.32rem;
  height: 100%;
  background: var(--viColor);
  border: none;
  cursor: pointer;
}
.news1 .cont2 .main .tips {
    color: var(--viColor);
    text-align: center;
    margin-bottom: .2rem;
}

.news1 .cont2 .main {
  margin-top: .6rem;
}

.news1 .cont2 .main .list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .25rem;
}
.news1 .cont2 .main .el-pagination.is-background .el-pager li a {
    width: 100%;
}
.news1 .cont2 .main .list .item {
  width: calc((100% - .25rem * 2) /3);
  border: 1px solid #E0E0E0;
}

.news1 .cont2 .main .list .item a {display: block;width: 100%;}
.news1 .cont2 .main .list .item a .pic {
  width: 100%;
  height: 2.64rem;
  overflow: hidden;
}

.news1 .cont2 .main .list .item a .pic img{width: 100%;height: 100%;transition: all 0.5s;}
.news1 .cont2 .main .list .item a:hover .pic img{transform:scale(1.05);}

.news1 .cont2 .main .list .item a .bt {
  padding: .3rem .24rem .36rem;
}

.news1 .cont2 .main .list .item a .bt .txt {
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.news1 .cont2 .main .list .item a .bt .txt .t1 {
  display: flex;
  align-items: center;
  gap: .08rem;
}

.news1 .cont2 .main .list .item a .bt .txt .t1 img {
  width: .22rem;
  height: .22rem;
}

.news1 .cont2 .main .list .item a .bt .txt .t2 {
  line-height: 150%;
}

.news1 .cont2 .main .list .item a .bt .txt .t3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news1 .cont2 .main .list .item a .bt .btn {
  margin-top: .32rem;
  display: flex;
  align-items: center;
  gap: .12rem;
}

.news1 .cont2 .main .list .item a .bt .btn span {
  color: var(--viColor);
}

.news1 .cont2 .main .list .item a .bt .btn img {
  width: .14rem;
  height: .14rem;
}


.new_del1 {
  padding: calc(var(--headerHeight) + .3rem) 0 1.2rem;
  max-width: 12.8rem;
  margin: 0 auto;
}

.new_del1 .top {
  padding-bottom: .17rem;
  border-bottom: 1px solid #E0E0E0;
}

.new_del1 .tit {
  text-align: center;
  line-height: 1.5;
}
.new_del1 .h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: .24rem;
}
.new_del1 .h2 .date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
}

.new_del1 .h2 img {
  width: .22rem;
  height: .22rem;
}

.new_del1 .menu {
  display: flex;
  align-items: center;
  gap: .16rem;
  color: #606060;
  margin-bottom: .3rem;
}

.new_del1 .menu img {
  width: .05rem;
  height: .1rem;
}

.new_del1 .menu .p3 {
  width: 1.28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.new_del1 .main {
  margin-top: .8rem;
  display: flex;
  gap: .6rem;
}

.new_del1 .lf {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.new_del1 .lf>span {
  margin-right: .2rem;
}

.new_del1 .lf .social-share {
  display: flex;
  flex-direction: row;
  gap: .06rem;
}

.new_del1 .lf .social-share:nth-child(2){
    z-index: 2;position: relative;
}

.new_del1 .lf .social-share a{
    filter: grayscale(100%); /* 100% 表示完全灰度，0% 为原始色彩 */
  -webkit-filter: grayscale(100%); /* 兼容 Safari、Chrome 等webkit内核浏览器 */
  width:28px;
  height: 28px;
  font-size: 16px;
  line-height: 28px;
}

.new_del1 .main .mid{line-height: 2;}
.new_del1 .main .mid .p span {
  display: block;
}
.new_del1 .main .mid img {
    display: block;
    margin: 0 auto;
    max-width: 100% !important;
    height: auto !important;
}
.new_del1 .main .rg .cont {
  padding: .4rem .3rem;
  display: flex;
  flex-direction: column;
  width: 3.14rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #FFF;
}

.new_del1 .main .rg .cont .tit {
  margin-bottom: .2rem;
  text-align: left;
}

.new_del1 .main .rg .cont .list {
  display: flex;
  flex-direction: column;
  gap: .24rem;
}

.new_del1 .main .rg .cont .list a{
    display: block;
    color: #333;
    line-height: 2;
}
.new_del1 .main .rg .cont .list a:not(:last-child) {
  padding-bottom: .2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.new_del1 .main .rg .cont .h1 {
  padding-bottom: .2rem;
  line-height: 2;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.new_del1 .main .rg .cont .back_btn {
  margin-top: .28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .21rem;
}

.new_del1 .main .rg .cont .back_btn span {
  color: var(--viColor);
}

.new_del1 .main .rg .cont .back_btn svg {
  width: .16rem;
  height: .15rem;
}

.i_cont .banner3 {
  height: 5.4rem;
  padding: 0;
}
.dl_container.i_cont .banner3 { height:4.4rem;min-height:initial; }
.i_cont .banner3 .txt {
  width:100%;
  height: 100%;
  background: rgba(0, 0, 0, .05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 3.2rem;
  /*padding-left: 2.61rem;*/
}

.contact1 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background:url(../img/conatct_bj.png)no-repeat center 51%;
  background-size: 100% auto;
}

.contact1 .tit {
  text-align: center;
  margin-bottom: 1rem;
}

.contact1 .main {
  position: relative;
  max-width: 16.4rem;
  margin: 0 auto;
  height: 7.99rem;
  display: flex;
}

.contact1 .main .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.contact1 .main .solid{position: absolute;top: 0%;right:-1.35rem;z-index: -1;width:14.8rem}

.contact1 .main .solid .box{position: absolute;top: 41%;right: 28.4%;width: 0.72rem;height: 0.75rem;display: flex;justify-content: center;align-items: center;color:#fff;background-color: #01A1DF;text-align: center;transform:translate(-50%,-50%);border-radius:50%;font-weight:700;line-height:1.2;}

@keyframes pulse-ring {
0% {
    transform:translate(-50%,-50%) scale(0.8);
    opacity: 1;
}
80%, 100% {
    transform:translate(-50%,-50%) scale(1.5);
    opacity: 0;
}
}

.contact1 .main .solid .box:after{content:"";position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);width: 100%;height: 100%;background: rgba(1, 161, 223, 0.50);border-radius: 50%;animation: pulse-ring 3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.contact1 .main .cord {
  background: #FFF;
  box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(5px);
  padding: .5rem 1rem .5rem .5rem;
  width: fit-content;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  margin: auto 0;
  margin-left: 2.8rem;
}

.contact1 .main .cord .h1 {
  margin-bottom: .2rem;
}

.contact1 .main .cord .h2 {
  margin-bottom: .6rem;
}

.contact1 .main .cord .list {
  display: flex;
  flex-direction: column;
  gap: .32rem;
}

.contact1 .main .cord .list .item {
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.contact1 .main .cord .list .item .t1 {
  display: flex;
  align-items: center;
  gap: .1rem;
}

.contact1 .main .cord .list .item .t1 img {
  width: .2rem;
  height: .2rem;
}

.contact1 .main2 {
  max-width: 12.8rem;
  margin: 0 auto;
  background: #FFF;
  box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(5px);
  padding: .64rem 0 .78rem .84rem;
}

.contact1 .main2 .tit1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .36rem;
}

.contact1 .main2 .tit1 img {
  width: .4rem;
  height: .4rem;
}

.contact1 .main2 .tit1 a {
  color: var(--viColor);
}

.contact1 .main2 .list {
  margin-top: .9rem;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 0;
}

.contact1 .main2 .list .item {
  width: calc(100% / 4);
  display: flex;
  flex-direction: column;
  gap: .12rem;
  line-height: 1.3;
}

.contact1 .main2 .list .item span {
  color: var(--viColor);
}

.contact1 .main2 .list .item a {
    margin-bottom: 15px;
}
.contact1 .main2 .list .item .ewm {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.contact1 .main3 {
  display: flex;
  max-width: 12.8rem;
  margin: 1.2rem auto 0;
  gap: 1rem;
}

.contact1 .main3 .tit1 {
  text-wrap: nowrap;
}

.contact1 .main3 .line {
  height: inherit;
  width: 1px;
  background: #E0E0E0;
}

.contact1 .main3 .form-box form {
  display: flex;
  flex-direction: column;
  margin-top: .64rem
}

.contact1 .main3 .form-box form .h1 {
  margin-bottom: .4rem;
}

.contact1 .main3 .form-box form .box:not(:last-child) {
  margin-bottom: .6rem
}

.contact1 .main3 .form-box form .box {
  display: flex;
  flex-wrap: wrap;
  gap: .32rem .6rem;
}

.contact1 .main3 .form-box form .box .form-item {
  width: calc(50% - .3rem);
  display: flex;
  flex-direction: column;
  gap: .15rem;
}

.contact1 .main3 .form-box form .box .form-item label{
    margin-bottom: 0.03rem;
}

.contact1 .main3 .form-box form .box .form-item label.required {
  display: flex;
  gap: .08rem;
}

.contact1 .main3 .form-box form .box .form-item label.required::before {
  content: "*";
  color: #AD1734;
  font-size: .16rem;

}

.contact1 .main3 .form-box form .box .form-item.long {
  width: 100%;
}

.contact1 .main3 .form-box form .box .form-item input {
  border-bottom: 1px solid #EEE;
  width: 100%;
  background-color: transparent;
  line-height: 2;
  transition: all .4s ease;
}
/*.contact1 .main3 .form-box form .box .form-item input:focus {*/
/*    border-bottom: 1px solid var(--viColor);*/
/*}*/
.contact1 .main3 .form-box form .box .form-item textarea {
  resize: none;
  width: 100%;
  height: 1.8rem;
  border: 1px solid #EEE;
  line-height: 2;
  padding: 0.1rem;
  transition: all .4s ease;
}
/*.contact1 .main3 .form-box form .box .form-item textarea:focus {*/
/*    border: 1px solid var(--viColor);*/
/*}*/
.contact1 .main3 .form-box form .submit {
  padding: .15rem .76rem;
  background: #DDD;
  cursor: pointer;
  border: none;
  width: fit-content;
  border-radius: .6rem;
  margin: 0 auto;
  transition: all 0.5s;
}
.contact1 .main3 .form-box form .submit.active{background-color:var(--viColor);}
.contact1 .main3 .form-box form .submit.active:hover { opacity:.6; }

.join1 {
  padding: 1rem 0 1.2rem;
  max-width: 12.8rem;
  margin: 0 auto;
}

.join1 .tit {
  text-align: center;
}

.join1 .search-box {
  max-width: 9.96rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-top: 1rem;
  position: relative;
  
}

.join1 .search-box svg {
  width: .15rem;
  height: .15rem;
  position: absolute;
  left: .3rem;
  top: 50%;
  transform: translateY(-50%);
}

.join1 .search-box input {
  height: .56rem;
  flex: 1;
  padding-left: .55rem;
  border: 1.5px solid rgba(0, 0, 0, 0.10);
}

.join1 .search-box .btn {
  height: 100%;
  padding: 0 .48rem;
  line-height: .56rem;
  background: var(--viColor);
  border: none;
  cursor: pointer;
  transition: opacity .4s ease;
}
.join1 .search-box .btn:hover {
    opacity: .6;
}

.join1 .main {
  margin-top: .6rem;
  display: flex;
  gap: .4rem;
}

.join1 .main .lf-box {
  width: 20%;
}

.join1 .main .lf .reset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .36rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #FFF;
}

.join1 .main .lf .reset .reset_btn {
  cursor: pointer;
  color: var(--viColor);
}

.join1 .main .lf .menu {
  margin-top: .2rem;
  padding: .4rem .3rem .36rem .35rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #FFF;
}
.join1 .main .lf .menu .cont .tit1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}
.join1 .main .lf .menu .cont .tit1 .img-box {
  width: .12rem;
  height: .12rem;
  position: relative;
  cursor: pointer;
}
.join1 .main .lf .menu .cont .tit1 .img-box img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: all .4s ease;
}
.join1 .main .lf .menu .cont .tit1 .img-box img:nth-child(2) {
  opacity: 0;
}
.join1 .main .lf .menu .cont.on .tit1 .img-box img:nth-child(1) {
  opacity: 0;
}
.join1 .main .lf .menu .cont.on .tit1 .img-box img:nth-child(2) {
  opacity: 1;
}
.join1 .main .lf .menu .cont .list-box {
    display: none;
    margin-top:.3rem;
}
.join1 .main .lf .menu .cont .list {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.join1 .main .lf .menu .cont .list .item label {
  display: flex;
  align-items: center;
  gap: .12rem;
}

.join1 .main .rg{width: 10.04rem;}
.join1 .main .rg .tit1{padding: 0.36rem 0.48rem;border: 1px solid rgba(0, 0, 0, 0.06);margin-bottom: 0.2rem;color: #333;line-height: 1.2;font-weight: 500;}
.join1 .main .rg .tit1 span span{color:var(--viColor);}
.join1 .main .rg .list .item{padding: 0.48rem;margin-bottom: 0.2rem;border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.join1 .main .rg .list .item .top .hs{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.28rem;}
.join1 .main .rg .list .item .top .hs .h_1{color: #333;line-height: 1.2;font-weight: 500;}
.join1 .main .rg .list .item .top .hs .h_2{color: #01A1DF;line-height: 1.2;font-weight: 500;}
.join1 .main .rg .list .item .top .ps{display: flex;justify-content: space-between;align-items: center;}
.join1 .main .rg .list .item .top .p{display: flex;align-items: center;color: #666;font-weight: 300;}
.join1 .main .rg .list .item .top .p span{display: block;margin: 0 0.08rem;}
.join1 .main .rg .list .item .top .dl{display: flex;align-items: center;color: #424A48;cursor:pointer;}
.join1 .main .rg .list .item .top .dl img{width: 0.14rem;height: 0.14rem;object-fit: contain;margin-left: 0.1rem;transition: all 0.5s;}
.join1 .main .rg .list .item.on .top .dl img{transform: rotate(180deg);}
.join1 .main .rg .list .item .bottom{padding-top:0.28rem;display: none;}
.join1 .main .rg .list .item .bottom .box{margin-bottom: 0.4rem;}
.join1 .main .rg .list .item .bottom .box .h_3{color: #01A1DF;font-weight: 500;margin-bottom: 0.14rem;}
.join1 .main .rg .list .item .bottom .box .p1{color: #666;line-height: 2;font-weight: 400;}
.join1 .main .rg .list .item .bottom .td{width: 1.54rem;line-height: 0.42rem;border-radius: 0.21rem;display: flex;align-items: center;justify-content: center;background-color: #01A1DF;color: #ffffff;}
.join1 .main .rg .list .item .bottom .td img{width: 0.06rem;margin-left: 0.14rem;}

.join1 .main .lf .menu .cont .list li{display: flex;align-items: center;cursor: pointer;}
.join1 .main .lf .menu .cont .list li .gou1{width: 0.14rem;height: 0.14rem;margin-right: 0.11rem;}
.join1 .main .lf .menu .cont .list li .gou1 img{width: 100%;height: 100%;object-fit: contain;}
.join1 .main .lf .menu .cont .list li .gou1 img.img2{display: none;}
.join1 .main .lf .menu .cont .list li.on .gou1 img.img1{display: none;}
.join1 .main .lf .menu .cont .list li.on .gou1 img.img2{display: block;}


.dl_con{display: flex;position:relative;align-items:flex-start;}
.dl_con .left{width: 5.15rem;padding: 0.8rem 0.12rem 1rem 2.6rem;position:sticky;top:0.8rem;}
.dl_con .left .tit{color: #050505;line-height: 1.5;font-weight: 500;margin-bottom: 0.18rem;}
.dl_con .left .item{margin-bottom: 0.18rem;}
.dl_con .left .item .h{color: #050505;font-weight: 400;line-height: 0.3rem;position: relative;padding: 0.08rem 0.24rem 0.08rem 0.2rem;border-radius: 0.08rem;background: #F5F5F7;}
.dl_con .left .item .h .jt{position: absolute;top: 0.21rem;right:0.11rem;width: 0.08rem;height: 0.04rem;object-fit: contain;transform: rotate(-90deg);}
.dl_con .left .item.on .h .jt{transform: rotate(0);}
.dl_con .left .item ul{padding: 0.1rem 0.2rem 0 0.2rem;line-height: 2;display: none;}
.dl_con .left .item ul li{cursor: pointer;color: #4F4F50;transition: all 0.5s;}
.dl_con .left .item ul li a{color: #4F4F50;}
.dl_con .left .item ul li a.active,.dl_con .left .item ul li a:hover{color: #01A1DF;}

.dl_con .right{width: calc(100% - 5.15rem);padding: 0.8rem 2.6rem 1.2rem 0.34rem;}
.dl_con .right .list{width: 100%;}
.dl_con .right .list .item{display: flex;align-items: flex-start; width: 100%;padding: 0.24rem;border: 1px solid rgba(0, 0, 0, 0.06);justify-content: space-between;}
.dl_con .right .list .item .left1{display: flex;}
.dl_con .right .list .item .left1 .icon{width: 1.42rem;height: 1.42rem;margin-right: 0.32rem;}
.dl_con .right .list .item .left1 .icon img{width: 100%;height: 100%;object-fit: contain;}
.dl_con .right .list .item .left1 .txt{padding-top: 0.1rem;width: 5.36rem;}
.dl_con .right .list .item .left1 .txt .h{color: #050505;line-height: 1.5;margin-bottom: 0.27rem;font-weight: 500;}
.dl_con .right .list .item .left1 .txt .ps{display: flex;}
.dl_con .right .list .item .left1 .txt .ps .p{width: 50%;color: #616565;line-height: 1.8;}
.dl_con .right .list .item .left1 .txt .ps .p span{color: #000;}
.dl_con .right .list .item .right1{display: flex;}
.dl_con .right .list .item .right1 .btn{width: fit-content;margin-left: 0.16rem;display: flex;align-items: center;padding: 0.06rem 0.2rem;line-height: 0.3rem;border-radius: 0.21rem;border: 1px solid rgba(0, 0, 0, 0.40);color: #616565;font-weight: 400;transition: all 0.5s;}
.dl_con .right .list .item .right1 .btn:hover{border-color: transparent;color: #ffffff;background-color: #01A1DF;}
.dl_con .right .list .item .right1 .btn .icon{width: 0.26rem;height: 0.26rem;margin-left: 0.04rem;}
.dl_con .right .list .item .right1 .btn .icon img{width: 100%;height: 100%;object-fit: contain;}
.dl_con .right .list .item .right1 .btn .icon img.img2{display: none;}
.dl_con .right .list .item .right1 .btn:hover .icon img.img1{display: none;}
.dl_con .right .list .item .right1 .btn:hover .icon img.img2{display: block;}


.que_con{position: relative;}
.que_con .left{width: 5.15rem;padding: 0.8rem 0.12rem 1rem 2.6rem;float: left;position: sticky;top: 1rem;}
.que_con .left a{display: block;width: 100%;padding: 0.09rem 0.3rem;margin-bottom: 0.15rem;line-height: 1.5;color: #050505;transition: all 0.5s;border-radius: 0.08rem;}
.que_con .left a.on{color: #01A1DF;background-color: #F5F5F7;}

.que_con .right{width: calc(100% - 5.15rem);padding: 0.8rem 2.6rem 1.2rem 0.34rem;float: right;border-left: 1px solid #E0E0E0;}
.que_con .right .item{padding-bottom: 0.15rem;margin-bottom: 0.39rem;border-bottom: 1px solid #DFDFDF;display: flex;align-items: flex-start;cursor: pointer;}
.que_con .right .item .add{margin-top: 0.09rem;width: 0.21rem;margin-right: 0.27rem;}
.que_con .right .item .add img{display: block;width: 100%;}
.que_con .right .item .add img.img1{display: none;}
.que_con .right .item.on .add img.img2{display: none;}
.que_con .right .item.on .add img.img1{display: block;}

.que_con .right .item .txt{width: calc(100% - 0.48rem);}
.que_con .right .item .txt .top1{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.24rem;}
.que_con .right .item .txt .top1 .h{width: 6.43rem;transition: all 0.5s;color: #333;font-weight: 500;}
.que_con .right .item.on .txt .top1 .h{color: #01A1DF;}
.que_con .right .item .txt .top1 .t_right{display: flex;align-items: center;}
.que_con .right .item .txt .top1 .t_right .btn{display: flex;align-items: center;margin-right: 0.34rem;line-height: 0.4rem;border-radius: 0.21rem;padding: 0 0.18rem 0 0.2rem;border: 1px solid rgba(0, 0, 0, 0.40);color: #616565;transition: all 0.5s;}
.que_con .right .item .txt .top1 .t_right .btn:hover{border-color: transparent;color: #ffffff;background-color: #01A1DF;}
.que_con .right .item .txt .top1 .t_right .btn .icon{width: 0.25rem;height: 0.25rem;margin-right: 0.12rem;}
.que_con .right .item .txt .top1 .t_right .btn .icon img{width: 100%;height: 100%;object-fit: contain;}
.que_con .right .item .txt .top1 .t_right .btn .icon img.img2{display: none;}
.que_con .right .item .txt .top1 .t_right .btn:hover .icon img.img1{display: none;}
.que_con .right .item .txt .top1 .t_right .btn:hover .icon img.img2{display: block;}
.que_con .right .item .txt .top1 .t_right .day{color: #616565;font-weight: 400;line-height: 1.5;}
.que_con .right .item .txt .bottom1{padding: 0.08rem 1.8rem 0.08rem 0.21rem;color: #666;background-color: #F5F5F7;line-height: 1.92;display: none;}

.soft1 .pic{position: relative;width: 100%;height: 7.9rem;}
.soft1 .pic img{width: 100%;}
.soft1 .txt{position: relative;z-index: 2;padding: 1.28rem 1.94rem 0.6rem 1.94rem;display: flex;justify-content: space-between;}
.soft1 .txt .h{width: 5rem;color: #000;font-weight: 700;}
.soft1 .txt .h span{color: #01A1DF;}
.soft1 .txt .p{width: 8.12rem; color: #333;line-height: 1.5;font-weight: 400;}

.soft2{position: relative;padding: 1rem 0 0 0;z-index: 2;}
.soft2:after{content: "";position: absolute;top: -20%;overflow: hidden; right: 0;width: 9.5rem;height: 13.78rem;z-index: -1;background: url(../img/soft2_bj.png);background-size: 100% 100%;}
.soft2 .tab{display: flex;justify-content: center;margin-bottom: 0.5rem;}
.soft2 .tab .li{margin: 0 0.62rem;position: relative;color: #333333;line-height: 1.16;padding-bottom: 0.24rem;font-weight: 600;cursor: pointer;}
.soft2 .tab .li:after{content: "";position: absolute;bottom: 0;left: 50%;bottom: 0;transform: translateX(-50%);width: 1.6rem;height: 0.04rem;border-radius: 0.06rem;background-color: #01A1DF;transition: all 0.5s;width: 0;}
.soft2 .tab .li.on:after{width: 1.6rem;}
.soft2 .boxs{padding: 0 0 0 1.94rem;}
.soft2 .boxs .box{display: none;justify-content: space-between;align-items: flex-start;}
.soft2 .boxs .box.on{display: flex;}
.soft2 .boxs .box .txt{width: calc(100% - 10.12rem);}
.soft2 .boxs .box .txt .h{line-height: 1.2;font-weight: 500;margin-bottom: 0.36rem;}
.soft2 .boxs .box .txt .p{color: #333;line-height: 1.5;}
.soft2 .boxs .box1 .txt .list{display: flex;margin-top: 1.18rem;}
.soft2 .boxs .box1 .txt .list .code{width: 2.54rem;margin-right: 1.44rem;}
.soft2 .boxs .box1 .txt .list .code:last-child{margin-right: 0;}
.soft2 .boxs .box1 .txt .list .code .btn{background-color: #212121;height: 0.72rem;width: 100%;display: flex;justify-content: center;color: #fff;align-items: center;margin-bottom: 0.2rem;}
.soft2 .boxs .box1 .txt .list .code .btn img{width: 0.34rem;height: 0.36rem;object-fit: contain;margin-right: 0.18rem;}
.soft2 .boxs .box1 .txt .list .code>img{display: block;width: 100%;}
.soft2 .boxs .box2 .txt .btn{width: fit-content;line-height: 0.74rem;padding: 0 0.44rem;color: #fff;background-color: #000;border-radius: 0.1rem;margin-top: 2.07rem;}
.soft2 .boxs .box .pic{width: 9.92rem;height: 6.78rem;}
.soft2 .boxs .box .pic img{width: 100%;height: 100%;object-fit: contain;}

.soft3{position: relative;padding-top: 0.4rem;height: 11.24rem;background-color: rgba(0, 160, 233, 0.10);}
.soft3 .left{position: absolute; top: 1.3rem;left: 0;width: 9.95rem;}
.soft3 .left img{width: 100%;}
.soft3 .right{position: absolute;top: 2.5rem;right: 1.45rem;width: 8.61rem;}
.soft3 .right .h{color: #000;line-height: 1.5;font-weight: 700;margin-bottom: 0.48rem;}
.soft3 .right .p{width: calc(100% - 1rem);padding-right: 0.19rem;color: #000;line-height: 0.3rem;font-weight: 400;height: 1.5rem;margin-bottom: 0.5rem;}
.soft3 .right .p span{color: #01A1DF;}
.soft3 .bottom{position: absolute;right: 2.68rem;bottom: 0.6rem;width: 11.34rem;}
.soft3 .bottom ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.soft3 .bottom ul li{position: absolute;transform: translateX(-50%);width: 0.4rem;height: 0.4rem;}

@keyframes yuan {
  0% {
    transform: translate(-50%,-50%) scale(0.6);
    opacity: 1;
  }
  100%{
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
  }
}

.soft3 .bottom ul li:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 140%;height: 140%;border-radius: 50%;z-index: 2;background-color: #00A0E999;animation: yuan 1.5s linear;animation-iteration-count: infinite;}
.soft3 .bottom ul li:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 180%;height: 180%;border-radius: 50%;z-index: 1;background-color: #00A0E999;animation: yuan 1.5s linear;animation-iteration-count: infinite;}
.soft3 .bottom ul li img{position: relative;z-index:3;width: 100%;}
.soft3 .bottom ul li:nth-child(1){bottom: 100%;left: 0;}
.soft3 .bottom ul li:nth-child(2){bottom: 1.06rem;left: 44.5%;}
.soft3 .bottom ul li:nth-child(3){bottom: 1.06rem;left: 63%;}
.soft3 .bottom ul li:nth-child(4){bottom: 1.06rem;left: 81.5%;}
.soft3 .bottom ul li:nth-child(5){bottom: 1.06rem;left: 100%;}

.soft4 .tit{padding: 1.2rem 0 0.84rem 0;text-align: center;}
.soft4 .tit .h{color: #000;font-weight: 700;line-height: 1.5;margin-bottom: 0.32rem;}
.soft4 .tit .p{color: #000;line-height: 1.5;}
.soft4 .tit .p span{color: #01A1DF;}
.soft4 .pic{width: 100%;}
.soft4 .pic img{width: 100%;display: block;}

.soft5{padding: 1.5rem 0 1.2rem 0;}
.soft5 .tit{text-align: center;color: #000;line-height: 1.5;font-weight: 700;margin-bottom: 1.72rem;}
.soft5 .box{position: relative;}
.soft5 .box .pic{position: absolute;}
.soft5 .box .pic img{width: 100%;height: 100%;object-fit: contain;}
.soft5 .box:nth-child(1){padding: 0 3.29rem 3.87rem 10.83rem;}
.soft5 .box:nth-child(1):after{content: "";position: absolute;top: 8%;right: 3.05rem;width: 4.54rem;height: 5.01rem;background: url(../img/soft5_solid1.png);background-size: 100% 100%;}
.soft5 .box:nth-child(2){padding: 0 9.8rem 3.87rem 4.32rem;}
.soft5 .box:nth-child(2):after{content: "";position: absolute;top: 8%;left: 3.26rem;width: 0.86rem;height: 5.5rem;background: url(../img/soft5_solid2.png);background-size: 100% 100%;}
.soft5 .box:nth-child(3){padding: 0 3.29rem 3.66rem 10.83rem;}
.soft5 .box:nth-child(1) .pic{position: absolute;top: -0.72rem;left: 2.5rem;width: 7.94rem;height: 6.76rem;}
.soft5 .box:nth-child(2) .pic{position: absolute;top: -1.95rem;right: 0;width: 8.52rem;height: 8rem;}
.soft5 .box:nth-child(3) .pic{position: absolute;top: -2.2rem;left: 2.06rem;width: 8.8rem;height: 8.59rem;}
.soft5 .box .txt{width: 100%;}
.soft5 .box .txt .num{font-size: 0.64rem;line-height: 1.5;margin-bottom: 0.4rem;-webkit-text-stroke-width: 1.5px;font-family: Bold; -webkit-text-stroke-color: #333;color: transparent;font-weight: 700;}
.soft5 .box .txt .h{color: #01A1DF;line-height: 1.5;font-weight: 700;margin-bottom: 0.04rem;}
.soft5 .box .txt .p{color: #000;line-height: 1.5;font-weight: 400;}

.ab_banner{position: relative;width: 100%;height: 7.5rem;}
.ab_banner img{width: 100%;height: 100%;object-fit: cover;}
.ab_banner .txt{position: absolute;top: 50%;left: 3.2rem;width: 7.9rem;transform: translateY(-50%);color: #ffffff;}
.ab_banner .txt .h{font-family: bold;line-height: 1.2;margin-bottom: 0.46rem;}
.ab_banner .txt .p{line-height: 1.4;opacity: 0.8;font-weight: 400;}

.ab1{position: relative;padding: 0.96rem 0;z-index: 2;}
.ab1 .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}
.ab1 .bj img:nth-child(1){position: absolute;top: -1.28rem;left: -3.2rem;width: 8.8rem;}
.ab1 .bj img:nth-child(2){position: absolute;bottom: -0.28rem;right: -3.2rem;width: 8.8rem;}
.ab1 .top{margin: 0 auto; margin-bottom: 1.1rem;max-width: 12.8rem;text-align: center;}
.ab1 .top .h{color: #000000;font-weight: bold;line-height: 1.2;margin-bottom: 0.27rem;}
.ab1 .top .p{color: #000;opacity: 0.8;line-height: 1.3;font-weight: 400;}
.ab1 .center{display: flex;justify-content: space-between;max-width:12.8rem;margin: 0 auto 1.02rem;}
.ab1 .center .item{margin-right: 1.3rem;}
.ab1 .center .item:last-child{margin-right: 0;}
.ab1 .center .item .h{color: #00A0E9;font-weight: bold;line-height: 1.2;margin-bottom: 35px;}
.ab1 .center .item .p{color: #000000;font-weight: 500;}
.ab1 .bottom{display: flex;justify-content: space-between;max-width:12.8rem;margin:0 auto;}
.ab1 .bottom .item{padding-right: 0.5rem;margin-right: 0.5rem;position: relative;border-right: 1px solid #e4e4e4;}
.ab1 .bottom .item:last-child{padding-right: 0;margin-right: 0;border-right: none;}
.ab1 .bottom .item .nums{display: flex;align-items: center;color: #00A0E9;font-weight: bold;line-height: 1.2;margin-bottom: 29px;}
.ab1 .bottom .item .p{color: #000000;font-weight: 400;}

.ab2{padding: 0.99rem 3.2rem 0.82rem 3.2rem;background: #121212;color: #fff;}
.ab2 .top{margin-bottom: 0.7rem;}
.ab2 .top .h{font-family: bold;text-align: center;margin-bottom: 0.96rem;line-height: 1.2;}
.ab2 .top .tab{position: relative;overflow: hidden;}
.ab2 .top .tab:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color:#ffffff4d;}
.ab2 .top .tab .swiper-slide{padding-bottom: 0.15rem;line-height: 1.2;text-align: center;position: relative;font-family: bold;transition: all 0.5s;cursor: pointer;}
.ab2 .top .tab .swiper-slide.on{color: #1CB8FF;}
.ab2 .top .tab .swiper-slide:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width: 0.74rem;height: 2px;background-color: #1CB8FF;opacity: 0;transition: all 0.5s;}
.ab2 .top .tab .swiper-slide.on:after{opacity: 1;}
.ab2 .bottom{position: relative;overflow: hidden;}
.ab2 .bottom .swiper-slide{display: flex;align-items: center;}
.ab2 .bottom .swiper-slide .pic{width: 5.6rem;height: 5.6rem;border-radius: 0.19rem;background: linear-gradient(180deg, #313131 0%, #222222 100%);margin-right: 0.48rem;overflow: hidden;}
.ab2 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.ab2 .bottom .swiper-slide .pic:hover img{transform: scale(1.05);}
.ab2 .bottom .swiper-slide .txt{width: 6.35rem;}
.ab2 .bottom .swiper-slide .txt .h{line-height: 1.2;font-family: bold;margin-bottom: 0.4rem;}
.ab2 .bottom .swiper-slide .txt .h span{color: #1CB8FF;}
.ab2 .bottom .swiper-slide .txt .p{color:#fff;opacity: 0.8;line-height: 1.3;font-weight: 400;}

.ab3{padding-top: 0.8rem;background-color: #121212;}
.ab3 .con{position: relative;}
.ab3 .pic{width: 100%;}
.ab3 .pic img{display: block;width: 100%;}
.ab3 .txt{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: fit-content;}
.ab3 .txt .h{color: #fff;font-family: bold;line-height: 1.2;margin-bottom: 0.17rem;text-align: center;}
.ab3 .txt .txt1{display: flex;align-items: flex-end;line-height: 1.2;}
.ab3 .txt .txt1 .tl{  background: linear-gradient(to right, #FFF9EE, #FFD69B);text-align: right;font-family: bold;-webkit-background-clip: text;background-clip: text;color: transparent;margin-right: 0.08rem;}
.ab3 .txt .txt1 .tc{font-size: 1.2rem;font-family: bold;background: linear-gradient(to right, #FFF9EE, #FFD69B);text-align: right;font-family: bold;-webkit-background-clip: text;background-clip: text;color: transparent;margin-right: 0.08rem;transform: translateY(0.2rem);}
.ab3 .txt .txt1 .tr{background: linear-gradient(to right, #FFF9EE, #FFD69B);text-align: right;-webkit-background-clip: text;background-clip: text;color: transparent;text-align: center;}
.ab3 .txt .txt1 .tr .add{font-size: 0.82rem;}
.ab3 .txt .txt1 .tr .dw{font-family: bold;}

.ab4{padding: 1rem 0 1.5rem 0;background-color: #f3f9fe;}
.ab4 .h{text-align: center;line-height: 1.2;font-family: bold;margin-bottom: 1.07rem;color: #000;}
.ab4 img{width: 10.65rem;margin: 0 auto;}

.ab5{padding: 0.9rem 3.2rem 0.65rem 3.2rem;background-color: #fff;display: flex;justify-content: space-between;}
.ab5 .item{width: 6.2rem;display: block;}
.ab5 .item .pic{width: 100%;height: 4.13rem;border-radius: 0.16rem;margin-bottom: 0.2rem;overflow: hidden;}
.ab5 .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ab5 .item .pic:hover img{transform: scale(1.05);}
.ab5 .item .txt{padding: 0 0.19rem;}
.ab5 .item .txt .h{color: #000;font-family: bold;line-height: 1.2;margin-bottom: 0.18rem;}
.ab5 .item .txt .more{display: flex;align-items: center;color: #666666; transition:color .4s ease;}
.ab5 .item .txt .more svg{display: block;width: 0.15rem;margin-left: 0.33rem; transition: all .4s ease;}
.ab5 .item .txt .more:hover { color:#000; }
.ab5 .item .txt .more:hover svg { stroke:#000; }

.case_banner{position: relative;height: 8.5rem;}
.case_banner img{width: 100%;height: 100%;object-fit: cover;}
.case_banner .txt{position: absolute;top: 1.58rem;left: 0;width: 100%;text-align: center;}
.case_banner .txt .h{color: #fff;line-height: 1.2;margin-bottom: 0.2rem;font-family: bold;}
.case_banner .txt .p{color: #00B4FF;line-height: 1.2;font-family: bold;}

.case1{padding: 0.86rem 0;}
.case1 .top{text-align: center;margin-bottom: 0.82rem;}
.case1 .top .h{color: #000;font-family: bold;line-height: 1.2;margin-bottom: 0.2rem;}
.case1 .top .p{color: #000;font-weight: 400;line-height: 1.2;}
.case1 .center{padding-left: 2.6rem;position: relative;overflow: hidden;padding-bottom: 0.75rem;}
.case1 .center .swiper-slide{position: relative;height: 5.02rem;border-radius: 0.25rem;overflow: hidden;}
.case1 .center .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.case1 .center .swiper-slide:hover img{transform: scale(1.05);}
.case1 .center .swiper-slide .h{position: absolute;top: 0.22rem;left: 0;width: 100%;padding: 0 0.26rem;color: #000000;line-height: 1.4;font-family: bold;}
.case1 .center .prev,.case1 .center .next{cursor: pointer;position: absolute;bottom: 0;right: 2.6rem;width: 0.54rem;height: 0.54rem;opacity: 0.6;transition: all 0.5s;}
.case1 .center .prev:hover,.case1 .center .next:hover{opacity: 1;}
.case1 .center .prev img,.case1 .center .next img{width: 100%;height: 100%;}
.case1 .center .prev{transform: translateX(-0.65rem);}
.case1 .ca_btn{width: fit-content;display: block;line-height: 0.58rem;border-radius: 0.29rem;padding: 0 0.62rem;color: #fff;background-color: #00B4FF;margin: 0 auto;margin-top: 0.47rem;transition: all 0.5s;}
.case1 .ca_btn:hover{opacity: 0.6;}

.case2{padding:0 2.55rem 0.86rem 2.55rem;background: linear-gradient(to bottom, #ffffff 60%, #d2eaf9 100%);}
.case2 .tit{text-align: center;color: #000000;font-family: bold;line-height: 1.2;margin-bottom: 0.54rem;}
.case2 .con{width: 100%;display: flex;justify-content: space-between;}
.case2 .con .left{width: 9rem;}
.case2 .con .left .box{display: flex;align-items: center; width: 100%;margin-bottom: 0.12rem;position: relative;border-radius: 0.25rem;overflow: hidden;height: 3.98rem;background: no-repeat center;background-size: cover;}
.case2 .con .left .box .txt{width: 100%;}
.case2 .con .left .box .txt .h{color: #000;font-family: bold;line-height: 1.2;margin-bottom: 0.06rem;}
.case2 .con .left .box .txt .p{color: #000;font-weight: 400;line-height: 1.2;padding-bottom: 0.2rem;border-bottom: 1px solid #666666;margin-bottom: 0.19rem;}
.case2 .con .left .box .txt .p1{color: #000;font-weight: 400;line-height: 1.3;}
.case2 .con .left .box:nth-child(1){padding: 0 4.25rem 0 0.81rem;}
.case2 .con .left .box:nth-child(1) .pic{position: absolute;top: 0.54rem;right: 0.62rem;width: 2.93rem;height: 3.07rem;}
.case2 .con .left .box:nth-child(1) .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.case2 .con .left .box:nth-child(1) .pic:hover img{transform: scale(1.05);}
.case2 .con .left .box:nth-child(2){padding: 0 0.81rem 0 4.25rem;}
.case2 .con .left .box:nth-child(2) .pic{position: absolute;top: 0.62rem;left: 0.66rem;width: 2.93rem;height: 3.07rem;}
.case2 .con .left .box:nth-child(2) .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.case2 .con .left .box:nth-child(2) .pic:hover img{transform: scale(1.05);}
.case2 .con .left .box:last-child{margin-bottom: 0;}
.case2 .con .right{width: 4.9rem;}
.case2 .con .right .box{width: 100%;height: 8.09rem;border-radius: 0.25rem;overflow: hidden;background: no-repeat center;background-size: cover;padding: 0.3rem 0.4rem 0.4rem 0.4rem;}
.case2 .con .right .box .h{font-family: bold;color: #000000;line-height: 1.2;margin-bottom: 0.12rem;}
.case2 .con .right .box .p1{font-weight: 400;color: #000000;line-height: 1.2;margin-bottom: 0.54rem;}
.case2 .con .right .box .pic{width: 3.6rem;height: 5.12rem;margin: 0 auto;margin-bottom: 0.2rem;}
.case2 .con .right .box .pic img{width: 100%;height: 100%;transition: all 0.5s;object-fit: contain;}
.case2 .con .right .box .pic:hover img{transform: scale(1.05);}
.case2 .con .right .box .p2{color: #000;line-height: 1.2;text-align: center;}

.case3{padding: 0.86rem 2.55rem;background: linear-gradient(to bottom, #44ABED, #ffffff);}
.case3 .top{color: #fff;text-align: center;margin-bottom: 1.07rem;}
.case3 .top .h{text-align: center;font-family: bold;line-height: 1.2;margin-bottom: 0.2rem;}
.case3 .top .p{font-weight: 400;line-height: 1.2;}
.case3 .center{width: 100%;display: flex;justify-content: space-between;}
.case3 .center .item{position: relative;background-color: #fff;position: relative;padding: 1.74rem 0.41rem 0.6rem 0.41rem;border-radius: 0.3rem;width: 6.74rem;}
.case3 .center .pic{position: absolute;bottom: 2rem;right: 0.27rem;width: 4.12rem;}
.case3 .center .h{line-height: 1.3;color: #000;font-family: bold;margin-bottom: 0.28rem;}
.case3 .center .h .num{display: block;color: #00A0E9;}
.case3 .center .p{color: #000;line-height: 1.2;font-weight: 400;}

.case3 .bottom .ca_btn{width: fit-content;display: block;line-height: 0.58rem;border-radius: 0.29rem;padding: 0 0.62rem;color: #fff;background-color: #00B4FF;margin: 0 auto;margin-top: 0.42rem;margin-bottom: 0.2rem; transition: all 0.5s;}
.case3 .bottom .ca_btn:hover{opacity: 0.6;}
.case3 .bottom .p{color: #000;text-align: center;line-height: 1.2;}

.case4{padding: 0.85rem 2.55rem 0.47rem 2.55rem;}
.case4 .top{color: #000;text-align: center;margin-bottom: 0.58rem;}
.case4 .top .h{text-align: center;font-family: bold;line-height: 1.2;margin-bottom: 0.2rem;}
.case4 .top .p{font-weight: 400;line-height: 1.2;}
.case4 .con{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.case4 .con .item{width: 6.74rem;height: 5.7rem;position: relative;border-radius: 0.3rem;overflow: hidden;margin-bottom: 0.5rem;}
.case4 .con .item img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.case4 .con .item:hover img{transform: scale(1.05);}
.case4 .con .item .txt{position: absolute;top: 0.37rem;left: 0;width: 100%;padding: 0 0.38rem;}
.case4 .con .item .txt .h{font-family: bold;line-height: 1.2;color: #000000;margin-bottom: 0.1rem;}
.case4 .con .item .txt .p{font-weight: 400;line-height: 1.2;color: #000;}

.case5{padding:0.4rem 2.55rem 0.86rem 2.55rem;}
.case5 .top{text-align: center;margin-bottom: 0.3rem;}
.case5 .top .h_1{color: #000000;line-height: 1.2;font-family: bold;margin-bottom: 0.2rem;}
.case5 .top .h_2{color: #00A0E9;line-height: 1.2;font-family: bold;margin-bottom: 0.86rem;}
.case5 .top .h_3{color: #000000;font-family: bold;line-height: 1.2;margin-bottom: 0.05rem;}
.case5 .top .p{font-weight: 400;line-height: 1.2;color: #000;}
.case5 .list{width: 100%;display: flex;justify-content: space-between;}
.case5 .list .item{width: 6.85rem;height: 3.85rem;overflow: hidden;}
.case5 .list .item img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.case5 .list .item:hover img{transform: scale(1.05);}

.case6 img,
.case7 img,
.case8 img{width: 100%;}

.case1_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;opacity:0;pointer-events: none;}
.case1_tc.show{opacity: 1;pointer-events: all;}
.case1_tc .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 644px;max-width: 90%;padding: 64px;background-color:#ffffff;box-shadow:0 0 0.3rem rgba(0,0,0,0.3);}
.case1_tc .con .tit{text-align: center;color: #000;font-weight: 700;margin-bottom: 48px;}
.case1_tc .con .out{position: absolute;top: 40px;right: 10%;cursor:pointer;}
.case1_tc .con .input{margin-top:16px;}
.case1_tc .con .input .name{display: flex;color: #000;margin-bottom:0.08rem;}
.case1_tc .con .input .name span{color: red;}
.case1_tc .con .input input{width: 100%;line-height: 38px;border-bottom: 1px solid rgba(0,0,0, .15);}
.case1_tc .con input[type="submit"]{margin: 0 auto;margin-top: 0.24rem;    line-height:0.5rem;
    text-align: center;
    border-radius:0.25rem;
    background: rgb(14,184,254);
    color: rgb(255,255,255);
    padding: 0 0.32rem;width:100%;}

.ser1{padding: 2.36rem 0 1.46rem 0;}
.ser1 .tit{text-align: center;color: #01A1DF;font-family: bold;margin-bottom: 1.1rem;}
.ser1 form{width:100%;justify-content: center; display: flex;}
.ser1 form .input{width: fit-content;display: flex;padding-bottom: 0.16rem;border-bottom: 1px solid rgba(1, 161, 223, 0.60);}
.ser1 form .input a{display: block;width: 0.24rem;height: 0.24rem;}
.ser1 form .input a img{width: 100%;height: 100%;}
.ser1 form .input input{line-height: 0.24rem;background-color: transparent;width: 7rem;color: #01A1DF;}
.ser2{background-color: #F7F8FA;display: flex;}
.ser2 .left{width: 4.2rem;padding: 0.85rem 0.12rem 0.4rem 1.65rem;min-height: 70vh;border-right: 1px solid #E0E0E0;}
.ser2 .left .p{color: #999;margin-bottom: 0.35rem;}
.ser2 .left a{display: block;width: 100%;padding: 0.09rem 0.3rem;border-radius: 0.08rem;transition: all 0.5s;line-height: 1.5;margin-bottom: 0.15rem;color: #050505;}
.ser2 .left a:hover,.ser2 .left a.on{background-color: #F5F5F7;color: #01A1DF;}
.ser2 .right{width: calc(100% - 4.2rem);padding: 0.8rem 1.3rem 1.4rem 0.6rem;}
.ser2 .right .con{display: none;}
.ser2 .right .con.on{display: block;}
.ser2 .right .con .h_1{color: #333;font-weight: 500;line-height: 1.167;margin-bottom: 0.4rem;}
.ser2 .right .con1 .list{display: flex;flex-wrap:wrap}
.ser2 .right .con1 .list a{display: block;width: 4.0rem;margin-right: 0.32rem;background-color: #fff;margin-bottom:15px;}
.ser2 .right .con1 .list a .pic{width: 100%;height: 3.47rem;overflow: hidden;}
.ser2 .right .con1 .list a .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ser2 .right .con1 .list a:hover .pic img{transform: scale(1.05);}
.ser2 .right .con1 .list a .txt{padding: 0.3rem 0.17rem 0.4rem 0.17rem;text-align: center;}
.ser2 .right .con1 .list a .txt .h{color: #333;line-height: 1.45;font-weight: 400;margin-bottom: 0.47rem;}
.ser2 .right .con1 .list a .txt .btn{display: flex;align-items: center;justify-content: center;width: fit-content;padding: 0.16rem 0.28rem;border: 1px solid #C4C4C4;border-radius: 0.3rem;margin: 0 auto;color: #333;transition: all 0.5s;}
.ser2 .right .con1 .list a .txt .btn:hover{color: #fff;background-color: #01A1DF;border-color: transparent;}
.ser2 .right .con1 .list a .txt .btn .jt{width: 0.1rem;height: 0.1rem;margin-left: 0.05rem;}
.ser2 .right .con1 .list a .txt .btn .jt img{width: 100%;height: 100%;}
.ser2 .right .con1 .list a .txt .btn .jt img.img2{display: none;}
.ser2 .right .con1 .list a .txt .btn:hover .jt img.img1{display: none;}
.ser2 .right .con1 .list a .txt .btn:hover .jt img.img2{display: block;}

.ser2 .right .con2 .list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .25rem;
}

.ser2 .right .con2 .list .item {
  width: calc((100% - .25rem * 2) /3);
  border: 1px solid #E0E0E0;
}

.ser2 .right .con2 .list .item a {display: block;width: 100%;}
.ser2 .right .con2 .list .item a .pic {
  width: 100%;
  height: 2.64rem;
  overflow: hidden;
}

.ser2 .right .con2 .list .item a .pic img{width: 100%;height: 100%;transition: all 0.5s;}
.ser2 .right .con2 .list .item a:hover .pic img{transform:scale(1.05);}

.ser2 .right .con2 .list .item a .bt {
  padding: .3rem .24rem .36rem;
}

.ser2 .right .con2 .list .item a .bt .txt {
  display: flex;
  flex-direction: column;
  gap: .16rem;
}

.ser2 .right .con2 .list .item a .bt .txt .t1 {
  display: flex;
  align-items: center;
  gap: .08rem;
}

.ser2 .right .con2 .list .item a .bt .txt .t1 img {
  width: .22rem;
  height: .22rem;
}

.ser2 .right .con2 .list .item a .bt .txt .t2 {
  line-height: 150%;
}

.ser2 .right .con2 .list .item a .bt .txt .t3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ser2 .right .con2 .list .item a .bt .btn {
  margin-top: .32rem;
  display: flex;
  align-items: center;
  gap: .12rem;
}

.ser2 .right .con2 .list .item a .bt .btn span {
  color: var(--viColor);
}

.ser2 .right .con2 .list .item a .bt .btn img {
  width: .14rem;
  height: .14rem;
}

.ser2 .right .con3 .list{width: 100%;}
.ser2 .right .con3 .list .item{display: flex;align-items: flex-start; width: 100%;padding: 0.24rem;border: 1px solid rgba(0, 0, 0, 0.06);justify-content: space-between;}
.ser2 .right .con3 .list .item .left1{display: flex;}
.ser2 .right .con3 .list .item .left1 .icon{width: 1.42rem;height: 1.42rem;margin-right: 0.32rem;}
.ser2 .right .con3 .list .item .left1 .icon img{width: 100%;height: 100%;object-fit: contain;}
.ser2 .right .con3 .list .item .left1 .txt{padding-top: 0.1rem;width: 5.36rem;}
.ser2 .right .con3 .list .item .left1 .txt .h{color: #050505;line-height: 1.5;margin-bottom: 0.27rem;font-weight: 500;}
.ser2 .right .con3 .list .item .left1 .txt .ps{display: flex;}
.ser2 .right .con3 .list .item .left1 .txt .ps .p{width: 50%;color: #616565;line-height: 1.5;}
.ser2 .right .con3 .list .item .left1 .txt .ps .p span{color: #000;}
.ser2 .right .con3 .list .item .right1{display: flex;}
.ser2 .right .con3 .list .item .right1 .btn{width: fit-content;margin-left: 0.16rem;display: flex;align-items: center;padding: 0.06rem 0.2rem;line-height: 0.3rem;border-radius: 0.21rem;border: 1px solid rgba(0, 0, 0, 0.40);color: #616565;font-weight: 400;transition: all 0.5s;}
.ser2 .right .con3 .list .item .right1 .btn:hover{border-color: transparent;color: #ffffff;background-color: #01A1DF;}
.ser2 .right .con3 .list .item .right1 .btn .icon{width: 0.26rem;height: 0.26rem;margin-left: 0.04rem;}
.ser2 .right .con3 .list .item .right1 .btn .icon img{width: 100%;height: 100%;object-fit: contain;}
.ser2 .right .con3 .list .item .right1 .btn .icon img.img2{display: none;}
.ser2 .right .con3 .list .item .right1 .btn:hover .icon img.img1{display: none;}
.ser2 .right .con3 .list .item .right1 .btn:hover .icon img.img2{display: block;}

.ser2 .right .con4 .list .item{padding-bottom: 0.15rem;margin-bottom: 0.39rem;border-bottom: 1px solid #DFDFDF;display: flex;align-items: flex-start;cursor: pointer;}
.ser2 .right .con4 .list .item .add{margin-top: 0.09rem;width: 0.21rem;margin-right: 0.27rem;}
.ser2 .right .con4 .list .item .add img{display: block;width: 100%;}
.ser2 .right .con4 .list .item .add img.img1{display: none;}
.ser2 .right .con4 .list .item.on .add img.img2{display: none;}
.ser2 .right .con4 .list .item.on .add img.img1{display: block;}

.ser2 .right .con4 .list .item .txt{width: calc(100% - 0.48rem);}
.ser2 .right .con4 .list .item .txt .top1{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.24rem;}
.ser2 .right .con4 .list .item .txt .top1 .h{width: 6.43rem;transition: all 0.5s;color: #333;font-weight: 500;}
.ser2 .right .con4 .list .item .txt .top1 .t_right{display: flex;align-items: center;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn{display: flex;align-items: center;margin-right: 0.34rem;line-height: 0.4rem;border-radius: 0.21rem;padding: 0 0.18rem 0 0.2rem;border: 1px solid rgba(0, 0, 0, 0.40);color: #616565;transition: all 0.5s;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn:hover{border-color: transparent;color: #ffffff;background-color: #01A1DF;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn .icon{width: 0.25rem;height: 0.25rem;margin-right: 0.12rem;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn .icon img{width: 100%;height: 100%;object-fit: contain;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn .icon img.img2{display: none;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn:hover .icon img.img1{display: none;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn:hover .icon img.img2{display: block;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .day{color: #616565;font-weight: 400;line-height: 1.5;}
.ser2 .right .con4 .list .item .txt .bottom1{padding: 0.08rem 1.8rem 0.08rem 0.21rem;color: #666;background-color: #F5F5F7;line-height: 1.92;display: none;}


.dev_banner .slide {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.dev_banner .slide .bgimgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.dev_banner .slide .bgimgBox .bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dev_banner .slide .slide_cont .text {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  align-items: center;
  /*padding: 0 .8rem;*/
  max-width: 1280px;
  margin: 0 auto;
}
.dev_banner .slide2 .slide_cont .text {
    /*padding: 0 .8rem 0 0 ;*/
    max-width: 12.8rem;
    margin: 0 auto;
}
.dev_banner .slide .slide_cont .text .h1 {
  font-family: var(--f300);
}
.dev_banner .slide1 .slide_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.2rem;
}
.dev_banner .slide2 .slide_cont {
  /*padding-left: 3.4rem;*/
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.dev_banner .slide2 .slide_cont .text {
  align-items: flex-start;
  width: 100%;
}
.dev_banner .slide2 .slide_cont .text .t2  {
    width: 100%;
}
.dev_banner .slide2 .slide_cont .text .h1  {
    width: 100%;
}
.social-share .icon-wechat .wechat-qrcode img {
    width: 100% !important;
    height: auto !important;
}


.dev_banner .slide .btn-box a {
     height: 0.41rem;
    border-radius: 0.41rem;
    width: fit-content;
    background-color: var(--viColor);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    font-weight: 300;
}


/*.dev3 .txt {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  z-index: 2;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  padding: 1.2rem 2rem;*/
/*}*/
.dev3 .txt div.tit {
  margin-bottom: .16rem;
  text-align: center;
}
.dev3 .txt p.tit {
  font-family: var(--f300);
}
.dev3 .swiper-box .swiper .swiper-pagination {
    bottom: .48rem;
}

.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    width: 100%;
    transition: all 3.8s linear;
}
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    cursor: pointer;
}
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
}
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet,
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: .64rem;
  height: 2px;
  cursor: pointer;
  background: #ffffff66;
  opacity: 1;
  position: relative;
  border-radius: 0;
}

.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet .progress-bar {
  position: absolute;
  background: #fff;
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
}

.dev4 {
  position: relative;
  height: 8rem;
}
.dev4 .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.dev4 .txt {
  
  display: flex;
  flex-direction: column;
  gap: .16rem;
  text-align: center;
  padding: 1.2rem 2rem;
}
.dev8 {
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 1.2rem 3.4rem 0;
}
.dev8 .tab-box.pc {
    display: block;
}
.dev8 .tab-box.mb {
    display: none;
}
.dev8 .tab-box .cont {
  border-bottom:  .01rem solid #DEDEDE;
  border-right: .01rem solid #DEDEDE;
}

.dev8 .tab-box .cont:nth-child(1) {
  border-top: .01rem solid #DEDEDE;
}
.dev8 .tab-box .cont .cont1  {
  border-right: .01rem solid #DEDEDE;
  border-left: .01rem solid #DEDEDE;
  padding: .12rem 0 .12rem .16rem;
}
.dev8 .tab-box .cont .cont1 span:nth-child(1) {
  width: 1.6rem;
}
.dev8 .tab-box .cont .cont2 span {
  width: 2.4rem;
}
.dev8 .tab-box .cont .cont2 span:nth-child(1) {
  width: 1.6rem;
}
/*.dev10 { margin-top:1.2rem; }*/
.dev10 .cont1, .dev10 .cont2, .dev10 .cont3 {
  height: 8rem;
  position: relative;
}
.dev10 .bgimg {
  width: 100%;
  height: 100%;
}
.dev10 .txt {
  position: absolute;
  top: 1.2rem;
  display: flex;
  flex-direction: column;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.dev10 .txt p {
  margin-top: .16rem;
}
.dev10 .txt .btn-box {
  display: flex;
  gap: .24rem;
  align-items: center;
  margin: .32rem auto 0;
}
.dev10 .cont1 .txt .donwload {
  width: fit-content;
  padding: .12rem .24rem;
  border-radius: .34rem;
  border: .01rem solid #0EB8FE;
  color: #0EB8FE;
  transition: all .4s ease;
  margin: 0;
}
.dev10 .cont1 .txt .donwload:hover {
  background: #65D2FF !important;
  border-color: #65D2FF !important;
}

.dev10 .cont2 .txt .donwload {
  width: fit-content;
  padding: .12rem .24rem;
  border-radius: .34rem;
  border: .01rem solid #0EB8FE;
  color: #0EB8FE;
  transition: all .4s ease;
}
.dev10 .cont2 .txt .donwload:nth-child(1):hover {
  background: #65D2FF !important;
  border-color: #65D2FF !important;
}
.dev10 .cont2 .txt .donwload:not(:first-child):hover {
    border-color: #65D2FF !important;
    color: #65D2FF !important;
}
.dev10 .cont3 .txt .donwload {
  width: fit-content;
  padding: .12rem .24rem;
  border-radius: .34rem;
  border: .01rem solid #fff;
  color: #fff;
  transition: all .4s ease;
}
/*.dev10 .cont3 .txt .donwload:hover {*/
/*  background: #fff;*/
/*  color: #000;*/
/*}*/

.f-r {
    display: flex;
    flex-direction: row;
}

.f-c {
    display: flex;
    flex-direction: column;
}

.f-r-c {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.f-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.f-r-s {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.f-c-r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.dialog {
    width: 6.8rem;
    /*height: 4rem;*/
    border-radius: .12rem;
    border: none;
    outline: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 9992;
    opacity: 0;
    transition: all 0.5s;
    pointer-events: none;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

}
.dialog.show{opacity: 2;pointer-events: all;}

.dialog::backdrop {
    background: rgba(0, 0, 0, 0.6);
}

.dialog .dialog-top {
   align-items: center;
    justify-content: end;
    padding: .16rem .24rem; 
}
.dialog .dialog-top img {
   width: .2rem;
    height: .2rem;
    cursor: pointer; 
}
.dialog .dialog-main {
    gap: .24rem;
}
.dialog .dialog-main .dialog-main-top {
    gap: .16rem;
}
.dialog .dialog-main .dialog-main-top img {
    width: .64rem;
    height: .64rem;
}
.dialog .dialog-main .dialog-main-top span {
   font-size: 22px;
   font-weight: 500;
   text-align: center;
   letter-spacing: 0px; 
}
.dialog .dialog-main .dialog-main-bottom {
    gap: .24rem;
    padding: 0 .4rem .4rem;
}
.dialog .dialog-main .dialog-main-bottom p {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #767676;
    line-height: 1.5;
}
.dialog .dialog-main .dialog-main-bottom span {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #1A1A1A;
}

.lev-box .lev-item {
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    box-shadow: 0px .04rem .1rem 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.lev-box .lev-item a {
    display: inline-block;
    width: .48rem;
    height: .48rem;
}
.lev-box .lev1 {
    position: relative;
}
.lev-box .lev1 img {
    width: .33rem;
    height: .33rem;
}
.lev-box .lev1 .pl {
    position: absolute;
    width: .12rem;
    height: .12rem;
    top: 0;
    right: -.06rem;
}
.lev-box .lev1 .pl2 {
    position: absolute;
    width: .12rem;
    height: .12rem;
    top: 0;
    right: -.06rem;
    display: none;
}
.lev-box .lev1:hover .pl {
    display: none;
}
.lev-box .lev1:hover .pl2 {
    display: block;
}
.lev-box .lev2 a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.lev-box .lev2 a img {
    width: .22rem;
}
.lev-box .lev2 a img:nth-child(2) {
    display: none;
}
.lev-box .lev2 a:hover img:nth-child(1) {
    display: none;
}
.lev-box .lev2 a:hover img:nth-child(2) {
    display: block;
}
.lev-box {
    position: fixed;
    bottom: 1rem;
    right: .48rem;
    width: .56rem;
    height: 1.16rem;
    gap: .2rem;
    z-index: 999;
}
.side-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    flex-direction: row-reverse;
    z-index: 99;
}

.side-form .side {
    width: 40%;
    height: 100%;
    background-color: #fff;
    padding: .3rem .3rem;
    overflow-y: scroll;
    transform: translateX(100%);
    transition: transform .6s;


}

.side-form .side .top {
    width: 100%;
    /*font-size: .32rem;*/
    text-align: right;
    display: flex;
    justify-content: end;
}
.side-form .side .top span {
    cursor: pointer;
}
.side-form .side .side-main span {
    /*font-size: .32rem;*/
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #000;
    margin-bottom: .2rem;
}

.side-form .side .side-main p {
    /*font-size: .18rem;*/
    color: #000;
    text-align: center;
    margin-bottom: .3rem;
}

.side-form .side .side-main form {
    gap: .3rem;

}

.side-form .side .side-main form .from-item {
    width: 100%;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.side-form .side .side-main form .from-item label {
    /*font-size: .16rem;*/
    color: #3F3F3F;
    min-width: 1.2rem;
}

.side-form .side .side-main form .from-item .required::after {
    content: '*';
    color: #EF6060;
    margin-left: .04rem;
}

.side-form .side .side-main form .from-item .rule-text {
    font-size: 0.12rem;
    color: #EF6060;
    position: absolute;
    left: 2.4rem;
    top: .46rem;
    display: none;
}
.side1-form .side .side-main form .from-item .rule-text {
    left: 1.2rem;
}
.side-form .side .side-main form .from-item input {
    width: calc(100% - 1.2rem);
    height: .48rem;
    border-radius: .08rem;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    padding: .05rem .1rem;
    /*margin-left: .4rem;*/
    flex-shrink: 0;
    /*font-size: .16rem;*/
}

.side-form .side .side-main form .from-item input:focus {
    outline: none;
}

/*.side-form .side .side-main form .from-item .email-inp {*/
/*    margin-left: .08rem;*/
/*}*/

.side-form .side .side-main form .from-item .select-down {
    height: .48rem;
    position: relative;
    width: calc(100% - 1.2rem);
}

.side-form .side .side-main form .from-item .select-down::after {
    content: '';
    background: url(/static/images/arrow-down-3.png) center no-repeat;
    background-size: .12rem .06rem;
    position: absolute;
    right: .12rem;
    width: .12rem;
    height: .48rem;
    pointer-events: none;
    transition: all .3s;
}

.side-form .side .side-main form .from-item .select-down:focus-within:after {
    transform: rotate(180deg);
}

.side-form .side .side-main form .from-item .dropdown {
    z-index: 999;
    height: 3rem;
    display: none;
    width: 100%;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    top: .48rem;
    right: 0;
    border: .01rem solid #767676;
    transition: all .6s;
    -webkit-appearance: none;
    appearance: none;
}

.side-form .side .side-main form .from-item .dropdown li {
    padding: .12rem .15rem;
}

.side-form .side .side-main form .from-item .dropdown li:hover {
    background-color: blue;
    color: #fff;
}

.side-form .side .side-main form .from-item select {
    width: 100%;
    height: .48rem;
    border-radius: .08rem;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    padding: 0 .16rem;
    /*font-size: .16rem;*/
    background-position: 9px;
    appearance: none;
    /*margin-left: .4rem;*/
}
.side-form .side .side-main form .from-item select:focus {
    box-shadow: none;
    outline: none;
}

.side-form .side .side-main form .from-item select option {
    color: #1a1a1a;
}

.side-form .side .side-main form .from-item select:focus {
    outline: none;
    box-shadow: 0px 0px .04rem 0px #4672BA;
    background: rotate(180deg) url(/static/img/arrow-down-3.png) 9.68rem center no-repeat;
}

.side-form .side .side-main form .from-item .select-down::after {
    content: '';
    background: url(/static/img/arrow-down-3.png) center no-repeat;
    background-size: .12rem .06rem;
    position: absolute;
    right: .12rem;
    width: .12rem;
    height: .48rem;
    pointer-events: none;
    transition: all .3s;
}
.side-form .side .side-main form .from-item .select-down input {
    width: 100%;
}

.side-form .side .side-main form .from-item .select-down:focus-within:after {
    transform: rotate(180deg);
}

.side-form .side .side-main form .from-item textarea {
    width: calc(100% - 1.2rem);
    height: 1.3rem;
    border-radius: .08rem;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    /*margin-left: .21rem;*/
    flex-shrink: 0;
    padding: .05rem .1rem;
    resize: none;
}
.side-form .side .side-main form .from-item textarea:focus {
    outline: none;
}

.side-form .side .side-main form .submit {
    padding: .12rem .4rem;
    background: #DDD;
    border-radius: .66rem;
    text-align: center;
    /*font-size: .18rem;*/
    color: #fff;
    border: none;
}
.side-form .side .side-main form .submit.active {
    background: var(--viColor);
}
.side-form .side .side-main form .agree {
    gap: .2rem;

}

.side-form .side .side-main form .agree span {
    font-weight: bold;
    text-align: left;
    margin: 0;
}

.side-form .side .side-main form .agree .check-box {
    gap: .08rem;
}

.side-form .side .side-main form .agree .check-box input {
    width: 16px;
    height: 16px;
}

.side-form .side .side-main form .agree .check-box p {
    /*font-size: .16rem;*/
    color: #1A1A1A;
    text-align: left;
    margin-bottom: 0.2rem;
    transform: translateY(-.04rem);
}

.side-form .side .side-main form .desc p {
    color: #AAACB5;
    text-align: left;
    margin: 0;
}


@media screen and (max-width: 1024px) {
html{font-size: 60px!important;}
.header{display: none;}

.pc { display:none; }
.mb { display:block; }
/*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
.m_header{position: sticky;top: 0;left: 0;width: 100%;background-color: #ffffff;padding:10px 15px;z-index: 98;display:flex!important;justify-content:space-between;transition:all 0.5s;}
.m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.m_header .logo{width: 110px;}
.m_header .logo img{width: 100%;}
.m_header .right{display: flex;align-items: center;}
.m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../img/m_tel.svg)no-repeat left center;background-size:22px auto; display:none}
/*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
/*.m_header .right .tel img{width: 100%;}*/
.m_header .right .ser{width: 20px;margin-right: 18px;}
.m_header .right .ser img{width: 100%;}
.m_header .btn{display: block;}
.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
.m_header .btn.hide{opacity: 0;}
.m_header .btn div{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
.m_header .btn div:nth-child(1){transform: translate(0,-8px);}
/*.m_header .btn div:nth-child(2){transform: translate(12px,0);width: 12px;}*/
.m_header .btn div:nth-child(3){transform: translate(0px,8px);}
.m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
.m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
.m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
.m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}

.mh_nav{display: block!important;}
.mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
.mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
.mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
.mh_nav .nav>li.on:after{transform: rotate(0deg);}
.mh_nav .nav>li:nth-child(1):after{display: none;}
/*.mh_nav .nav>li:nth-child(2):after{display: none;}*/
.mh_nav .nav>li:nth-child(8):after{display: none;}
.mh_nav .nav>li:nth-child(9):after{display: none;}
.mh_nav .nav>li:nth-child(10):after{display: none;}
.mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
.mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 15px;color: #1f1f1f;}
.mh_nav .nav>li .nav1 .h { margin-top:10px; }
.mh_nav .nav>li .nav1 li:nth-child(1) .h { margin-top:0; }
.mh_nav .nav>li .nav1 a{padding:6px 0 6px 6px;}
.mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
.mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}

.footer{padding:0;}
.footer .cont{padding: 40px 15px 15px 15px;}
.footer .cont .cont_midden { flex-direction:column-reverse; }
.footer .cont .cont_midden .cont_midden_left{display: flex;flex-wrap:wrap;margin-top:}
.footer .cont .cont_midden .cont_midden_left .list { margin-top:.4rem;padding-right:.2rem;width:clac(100% / 3.6); }
.footer .cont .cont_midden .cont_midden_left .list:nth-child(1), .footer .cont .cont_midden .cont_midden_left .list:nth-child(4) { width:clac(100% / 2.7); }
.footer .cont .cont_bot1 .left{display: none;}
.footer .cont .cont_bot2 .left p{line-height: 1.5;}
.footer .cont .cont_bot1 { justify-content:flex-start; }

.ab_banner{height: 133.33vw;}
.ab_banner .txt{position: absolute;top:40%;text-align:center;left: 0;width: 100%;padding: 0 30px;}
.ab_banner .txt .h{font-size: 28px;}

.ab1{padding: 40px 15px 10px 15px;}
.ab1 .top{width: 100%;margin-bottom:40px;}
.ab1 .top .h{font-size: 28px;margin-bottom:14px;}
.ab1 .top .p{font-size: 12px;}
.ab1 .bj { display:none; }
.ab1 .center{flex-wrap: wrap;justify-content:space-between;margin-bottom:0;}
.ab1 .center .item{width: 50%;margin:0 0 40px 0;}
.ab1 .center .item:nth-child(2){padding-right:10vw;}
.ab1 .center .item:nth-child(3){padding-left:10vw;}
.ab1 .center .item:first-child{width:100%;}
.ab1 .bottom{flex-wrap: wrap;}
.ab1 .bottom .item{width: 50%;margin-right: 0;padding-right:10vw;margin:0 0 40px 0;}
.ab1 .bottom .item:nth-child(2n){padding-right:0;padding-left: 10vw;border-right:none;}
.ab1 .center .item .h{font-size: 24px;line-height: 28px;margin-bottom: 12px;}
.ab1 .center .item .p{font-size: 14px;line-height: 16px;}
.ab1 .bottom .item .nums{font-size: 24px;margin-bottom:12px;}
.ab1 .bottom .item .p{font-size: 12px;}

.ab2{padding: 40px 20px;}
.ab2 .top .h{font-size: 28px;margin-bottom: 40px;}
.ab2 .bottom .swiper-slide{display: block;}
.ab2 .bottom .swiper-slide .pic{width: 100%;height: 89.33vw;margin-right:0;margin-bottom:16px;}
.ab2 .bottom .swiper-slide .txt{width: 100%;}
.ab2 .bottom .swiper-slide .txt .h{font-size: 20px;margin-bottom: 10px;}
.ab2 .bottom .swiper-slide .txt .p{font-size: 14px;}

.ab3{padding: 40px 0 0 0;position:relative;}
.ab3 .pic{height: 100vw;padding-top: 20vw;position:relative;overflow:hidden;}
.ab3 .pic img{max-width: 9999px;position: absolute;top: 20vw;left: 50%;width: auto;height: 80vw;transform: translateX(-50%);}
.ab3 .txt{left: 0;transform: translateX(0);width: 100%;padding: 0 15px;z-index:2;}
.ab3 .txt .h{font-size: 28px;margin-bottom: 8px;}
.ab3 .txt .txt1{justify-content: center;}
.ab3 .txt .txt1 .tl{font-size: 16px;}
.ab3 .txt .txt1 .tc{font-size: 62px;}
.ab3 .txt .txt1 .tr .add{font-size: 42px;}
.ab3 .txt .txt1 .tr .dw{font-size: 16px;}

.ab4{padding: 40px 0;}
.ab4 img { width:100%; }
.ab4 .h{font-size: 28px;margin-bottom: 40px;padding:0 20px;}

.ab5{padding:40px 15px;display:block;}
.ab5 .item{width: 100%;margin: 0 0 30px 0;}
.ab5 .item .txt{display: flex;justify-content: space-between;align-items: center;}
.ab5 .item .txt .h{margin-bottom: 0;font-size:20px;}

.banner .banner_swiper1 .swiper-slide{padding: 0 15px;}
.banner .banner_swiper1 .swiper-slide .slide_cont { padding-top:1rem; }
.banner .banner_swiper1 .swiper-slide .slide_cont .text .t2{font-size: 20px;}
.banner .banner_swiper1 .swiper-slide .slide_cont .text .h1{font-size: 28px;}
.banner{padding: 0 15px;}
.banner .banner_swiper2{height: 0.9rem;}
.banner .banner_swiper1 .swiper-slide .bgimgBox .bgimg{position: absolute;right: 0;top: 0;height:100%;width: 100%;max-width: 9999px;}

.in1 .cont .text .h1{font-size: 24px;}

.in2 .list .item{width: 100%;}
.in2 .list .item .text .h1{font-size: 24px;}

.in3{padding: 0 15px;margin-bottom: 40px;}
.in3 .in3_cont .tit1{font-size: 24px;}
.in3 .in3_cont .swiper { aspect-ratio:initial; }
.in3 .in3_cont .swiper_bot .text .text_item .h1{font-size: 18px;}
.in3 .in3_cont .swiper_bot .btn_box .btn{width: 24px;height: 24px;}
.in3 .in3_cont .swiper_bot .btn_box .btn svg{height: 10px;}

.in4{padding: 0 15px;margin-bottom: 40px;}
.in4 .tit{font-size: 24px;}
.in4 .cont{padding: 0 30px;}
/*.in4 .cont .swiper .swiper-slide{aspect-ratio:414 / 360;}*/
.in4 .cont .button{width: 24px;height: 24px;}
.in4 .cont .button svg{height: 10px;}

.in5{padding: 40px 15px 20px 15px;}
.in5 .cont .list{flex-wrap: wrap;justify-content:space-between;column-gap:0;}
.in5 .cont .list .item{width: 48%;flex: auto;flex-direction: row;display:block;text-align:center;margin-bottom:20px;}
.in5 .cont .list .item .ico{margin: 0 auto;margin-bottom: 12px;}
.in5 .cont .list .item .h1{font-size: 18px;line-height: 26px;}
.in5 .cont .list .item .btn{font-size: 14px;line-height: 22px;}

.case_banner{height: 113vw;}
.case_banner .txt .h{font-size: 20px;line-height: 1;margin-bottom: 10px;}
.case_banner .txt .p{font-size: 16px;}
.case1{padding: 40px 0;}
.case1 .top{padding: 0 15px;margin-bottom: 20px;}
.case1 .top .h{font-size: 20px;}
.case1 .center{padding: 0 0 50px 15px;}
.case1 .center .prev, .case1 .center .next{width: 24px;height: 24px;}
.case1 .ca_btn{font-size: 16px;margin-top:20px;}
.case2{padding: 0 15px 40px 15px;}
.case2 .tit{font-size: 20px;margin-bottom: 23px;}
.case2 .con{display: block;}
.case2 .con .left{width: 100%;}
.case2 .con .right{width: 100%;}
.case2 .con .left .box{margin-bottom: 20px!important;}
.case2 .con .left .box:nth-child(1){padding:28px 41.33vw 21px 3.2vw;}
.case2 .con .left .box:nth-child(1) .pic{width:32.4vw;height:40vw;right:13px;}
.case2 .con .left .box .txt .h{font-size: 20px;margin-bottom:5px;}
.case2 .con .left .box .txt .p{font-size: 12px;}
.case2 .con .left .box .txt .p1{font-size: 10px;}

.case2 .con .left .box:nth-child(2){padding:28px 3.2vw 21px 41.33vw;}
.case2 .con .left .box:nth-child(2) .pic{width:32.4vw;height:40vw;left:13px;}

.case2 .con .right .box{padding: 20px 3.2vw;height:auto;}
.case2 .con .right .box .h{font-size: 20px;margin-bottom:5px;}
.case2 .con .right .box .p1{font-size: 12px;margin-bottom:20px;}
.case2 .con .right .box .pic{width: 32.4vw;height: 40vw;}

.case3{padding: 40px 15px;}
.case3 .top{margin-bottom: 50px;}
.case3 .top .h{font-size: 20px;margin-bottom: 10px;}
.case3 .top .p{font-size: 12px;}
.case3 .center{display: block;}
.case3 .center .item{width: 100%;margin-bottom:40px;padding:70px 76px 36px 22px;}
.case3 .center .pic{width: 55vw;height: 42.4vw;bottom:108px;}
.case3 .center .h{font-size: 20px;line-height: 30px;margin-bottom: 12px;}
.case3 .center .h .num{font-size: 32px;line-height: 60px;}
.case3 .center .p{font-size: 12px;}
.case3 .bottom .ca_btn{font-size: 16px;}

.case4{padding: 40px 15px;}
.case4 .top{margin-bottom: 20px;}
.case4 .top .h{font-size: 20px;margin-bottom: 10px;}
.case4 .top .p{font-size: 12px;}
.case4 .con .item{margin-bottom: 20px;width:100%;height:76vw;}
.case4 .con .item .txt .h{font-size: 16px;}
.case4 .con .item .txt .p{font-size: 12px;}

.case5{padding: 0 15px 40px 15px;}
.case5 .top{margin-bottom: 21px;}
.case5 .top .h_1{font-size: 20px;margin-bottom:10px;}
.case5 .top .h_2{font-size: 17px;margin-bottom: 30px;}
.case5 .top .h_3{font-size: 17px;margin-bottom:8px;}
.case5 .top .p{font-size: 10px;}
.case5 .list{display: block;}
.case5 .list .item{width: 100%;height: 50.8vw;margin-bottom: 11px;}

.banner3{padding-left: 0;}
.banner3 .bgimgBox img{object-fit: cover;}
.banner3 .txt{left: 0;width: 100%;padding: 0 15px;text-align:center;}
.news1{padding: 40px 15px;}
.news1 .cont1{display: block;}
.news1 .cont1 .swiper-box{width: 100%;}
.news1 .cont1 .swiper-box .swiper .swiper-slide{padding: 20px 15px;}
.news1 .cont1 .img-box{width: 100%;height: 70vw;}

.news1 .cont2{margin-top: 30px;}
.news1 .cont2 .nav-box{display: block;}
.news1 .cont2 .nav-box .nav{width: 100%;}
.news1 .cont2 .search-box{width: 100%;margin-bottom:20px;}
.news1 .cont2 .main .list .item{width: 100%;}

.new_del1{padding: 40px 15px;}
.new_del1 .tit{font-size: 20px;}
.new_del1 .menu{display: none;}
.new_del1 .main{display: block;margin-top:30px;}
.new_del1 .main .lf{width: 100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:30px;}
.new_del1 .main .lf>span{margin-bottom: 0;margin-right:10px;}
.new_del1 .main .lf .social-share{flex-direction:row;}
.social-share .social-share-icon{width: 26px;height: 26px;line-height:26px;font-size:16px;}
.new_del1 .main .rg .cont{width: 100%;padding: 20px 15px;}
.i_cont .banner3 .txt{width: 100%;padding: 0 15px;text-align:center;}
.banner3 .txt .h1{font-size: 28px;}
.banner3 .txt .h2{line-height: 1.5;}
.join1 .tit{font-size: 24px;}
.join1 .search-box{margin-top: 30px;}
.join1{padding: 40px 15px;}
.join1 .main{display: block;}
.join1 .main .lf-box{width: 100%;}
.join1 .main .rg{width: 100%;margin-top:30px;}
.join1 .main .lf .reset{padding: 15px;}
.join1 .main .lf .menu{padding: 15px;}

.contact1{padding: 40px 0;}
.contact1 .tit{font-size: 24px;margin-bottom: 30px;}
.contact1 .main{height: auto;padding-bottom: 40px;}
.contact1 .main .bgimg{height: auto;}
.contact1 .main .cord{width: calc(100% - 15px);margin:200px 15px 0 15px;}
.contact1 .main .solid{top: 0%;right: -1%;z-index: -1;width: 83%;}
.contact1 .main .solid .box{width: 46px;height: 46px;font-size:12px;top: 40%;right: 18.2%;}

.contact1 .main2{padding: 40px 15px;}
.contact1 .main2 .tit1{flex-wrap: wrap;gap:15px;}
.contact1 .main2 .list{margin-top: 30px;}
.contact1 .main2 .list{gap:20px 0;}
.contact1 .main2 .list .item{width: 50%;}

.contact1 .main3{margin-top: 40px;display:block;}
.contact1 .main3 .tit1{width: 100%;text-align: center;font-size:24px;margin-bottom:10px;}
.contact1 .main3 .line{display: none;}
.contact1 .main3 .form-box{width:100%;padding:0 15px;}
.contact1 .main3 .form-box>span{font-size: 14px;line-height: 1.3;text-align: center;display:block;}
.dl_con{display: block;}
.dl_con .left{width: 100%;padding:40px 15px;position:static;}
.dl_con .right{width: 100%;padding: 0 15px 40px 15px;border-left:none}
.dl_con .right .list .item{}
.dl_con .right .list .item .left1 .txt{width: 40vw;}
.dl_con .right .list .item .left1 .txt .ps{display: block;}
.dl_con .right .list .item .left1 .txt .ps .p{width: 100%;line-height:1.5;}
.dl_con .right .list .item .left1 .icon{width: 20vw;height: 20vw;margin-right: 15px;}
.dl_con .right .list .item .right1{display: block;width: 100px;}
.dl_con .right .list .item .right1 .btn{margin: 0 0 15px 0;}

.que_con .left{float: none;width: 100%;position: relative;top:0; padding:40px 15px;}
.que_con .right{float: none;width: 100%;padding: 0 15px 40px 15px;border-right:none;}
.que_con .right .item .txt .top1 .h{width: 47%;line-height:1.5;}
.que_con .right .item .txt .top1 .t_right .btn{width: 70px;padding: 0 4px;margin-right: 12px;}
.que_con .right .item .txt .bottom1{padding: 12px;}

.sale1 .cont{padding: 40px 15px;}
.sale1{min-height: 0;}
.sale1 .cont .txt .f_60{font-size: 28px;}
.sale2{padding: 40px 15px;}
.sale2 .con{padding: 30px 15px;}
.sale2 .con .item table{width: 100%;}
.sale2 .con .top .h1{font-size: 24px;}

.soft1 .pic{height: auto;}
.soft1 .txt{padding: 40px 15px;display:block;}
.soft1 .txt .h{width: 100%;text-align: center;margin-bottom: 12px;}
.soft1 .txt .p{width: 100%;}

.soft2{padding: 0 15px 40px 15px;}
.soft2 .tab{font-size: 20px;}
.soft2 .tab .li{margin: 0 20px;}
.soft2 .boxs{padding-left: 0;}
.soft2 .boxs .box.on{display: block;}
.soft2 .boxs .box .txt{width: 100%;}
.soft2 .boxs .box .pic{width: 100%;}
.soft2 .boxs .box1 .txt .list{margin-top: 30px;justify-content: center;}
.soft2 .boxs .box1 .txt .list .code{margin: 0 20px;width:30vw;}
.soft2 .boxs .box1 .txt .list .code .btn{font-size: 14px;}
.soft2 .boxs .box .pic{height: auto;margin-top:30px;}
.soft2 .boxs .box2 .txt .btn{margin-top:30px;}

.soft3{height: auto;padding-top:40px;}
.soft3 .left{position: static;width: 100%;height: auto;overflow:hidden;}
.soft3 .right{position: static;width: 100%;padding: 0 15px;}
.soft3 .bottom{width: 100%;position:static;}
.soft3 .bottom img{display: none;}
.soft3 .bottom ul{position: static;display:flex;}
.soft3 .bottom ul li:nth-child(2){left:16.5%;bottom: 30px;}
.soft3 .bottom ul li:nth-child(3){left:39%;bottom: 30px;}
.soft3 .bottom ul li:nth-child(4){left:60.5%;bottom: 30px;}
.soft3 .bottom ul li:nth-child(5){left:84%;bottom: 30px;}
.soft3 .bottom ul li:nth-child(1){display:none;}

.soft3 .right .h{font-size: 22px;}
.soft4 .tit{padding: 40px 15px 20px 15px;}
.soft4 .tit .h{font-size: 20px;}
.soft4 .tit .p{font-size: 14px;}

.soft5{padding: 40px 0;}
.soft5 .tit{font-size: 20px;margin-bottom: 60px;}
.soft5 .box{padding: 30px 15px!important;}
.soft5 .box .pic{position: static!important;width: 100%!important;height: auto!important;}
.soft5 .box:after{display:none!important;}
.soft5 .box .txt .num{margin-bottom: 12px;}
.soft5 .box .txt .h{font-size: 20px;}
.soft5 .box .txt .p{font-size: 14px;}

.banner2 .banner_swiper1 .swiper-slide .slide_cont .text.block .h1{width: 100%;font-size: 16px;}
.pla1{padding: 40px 0;}
.pla1 .nav{padding: 0 15px;margin-bottom:50px;}
.pla1 .nav .item span{font-size: 12px;}
.pla1 .col-box{padding: 0 15px;}
.pla1 .col-box .tit{font-size: 20px;margin-bottom: 30px;}
.pla1 .col-box .list .item{width: 22%;}
.pla1 .tab1{margin-top: 40px;padding: 0 15px;}
.pla1 .tab1 .tit{margin-bottom: 20px;font-size:20px;}
.pla1 .tab1 .tab-box .item .cont span{font-size: 14px;line-height:1.3;}
.pla1 .tab2{margin-top: 40px;padding:0 15px;}
.pla1 .tab2 .tit{margin-bottom: 20px;font-size:20px;}
.pla1 .tab2 .tab-box .item .cont{padding: 12px;}
.pla2{height: 100vw;}
.pla2 .txt{width: 100%;padding: 0 15px;}
.pla2 .txt span{font-size: 20px;}
.pla2 .txt p{font-size: 18px;}
.pla2 .bgimgBox img{object-fit: cover;}

.pla3{padding: 40px 15px;}
.pla3 .tit{font-size: 20px;margin-bottom: 30px;}
.pla3 .list{flex-wrap: wrap;justify-content: space-between;}
.pla3 .list .item{width: 48%;margin-bottom:20px;}
.pla3 .list .pic{width: 100%;height: 60vw;}

.banner2{height: 120vw;}
.dev1{padding: 48px 20px;height: 155vw;}
.dev1 .tit{font-size: 20px;}
.dev1 .main .items{width: 48%;}
.dev1 .main .lf{background-color: #3C3C3C;}
.dev1 .main .lf .cont{padding: 20px 20px;}
.dev1 .main .rg{background-color: #019ADF;}
.dev1 .main .rg .cont{padding: 20px 15px;}
.dev1 .main .vs{width: 60px;height: 60px;}
.dev1 .main .vs span{font-size: 32px;line-height: 60px;}
.dev1 .main .items .cont .item{text-align: center;line-height: 1.3;}
.dev1 .main .items .cont .item:last-child p {min-height:.42rem;}
/* .dev2{padding: ;} */

.dev3 .txt{padding: 48px 20px;}
.dev3 .txt .tit{margin-bottom: 30px;}
.dev3 .txt .cont-box{width: 100%;}
.dev3 .txt .cont-box .on{display: block;}
.dev3 .txt .cont-box .cont .item{margin-bottom: 16px;}
.dev3 .txt .cont-box .cont .item .p2{width: 100%;}
.dev3 .txt .tit{text-align: center;}
.dev3 .txt .cont-box .cont1 .list{justify-content: center;}
.dev3 .swiper-box .swiper .swiper-wrapper .swiper-slide img{object-fit: cover;}
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet,
.dev3 .swiper-box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width:24px;height:2px; }

.dev4 .swiper-box .swiper .swiper-slide .slide_cont{margin: 0;padding: 30vw 0;padding-right: 15px;}
.dev4 .swiper-box .swiper .swiper-slide .slide_cont .text .t2{font-size: 20px;}

.dev5 .swiper-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dev5 .swiper-box .swiper{height: 100%;}
.dev5 .swiper-box .swiper .swiper-slide>img{width: 100%;height: 100%;object-fit: cover;}
.dev5 .txt{padding: 30vw 15px;height: auto;position: relative;}
.dev5 .txt .tit{font-size: 20px;}
.dev5 .txt .t1 .tit{font-size: 16px;}

.dev6 .bgimgBox{height: 100%;}
.dev6 .bgimgBox img{width: 100%;height: 100%;object-fit: cover;}
.dev6 .cont{padding: 30vw 20px;}
.dev6 .cont .txt .h1{font-size: 20px;}
.dev6 .cont .txt .p1{font-size: 12px;}

.dev7{padding: 48px 20px;}
.dev7 .tit{font-size: 24px;margin-bottom: 30px;}
/*.dev7 .swiper-box .swiper-slide{height: 6rem;}*/
/*.dev7 .swiper-box .swiper-slide-active img{width: 100%;}*/
/*.dev7 .swiper-box .swiper-slide .p1{bottom: 0.4rem;}*/
.dev7 .list { flex-direction:column; }
.dev7 .list .item { width:70%; }


.dev8{padding: 48px 20px;}
.dev8 .tit{font-size: 20px;}
.dev8 .tab-box{width: 100%;}
.dev8 .tab-box table{width: 100!important;width:700px;}
.dev8 .tab-box .cont{gap:0}
.dev8 .tab-box .cont .cont1{width: 50%;padding: 6px;}
.dev8 .tab-box .cont .cont2{width: 50%;padding: 6px;}

.dev9{padding: 48px 20px;margin-top:0;}
.ser1 form .input input{width: 260px;}
.ser2{display: block;}
.ser2 .left{width: 100%;padding: 40px 15px;border-right: none;min-height: 0;}
.ser2 .left .list{display: flex;flex-wrap: wrap;}
.ser2 .left .list a{width: 31%;margin-right: 3.5%;}
.ser2 .left .list a:nth-child(3n){margin-right: 0;}
.ser2 .right{width: 100%;padding: 0 15px 40px 15px;}
.ser2 .right .con1 .list{display: block;}
.ser2 .right .con1 .list a{width: 100%;margin-right: 0;margin-bottom: 20px;}
.ser2 .right .con .h_1{font-size: 20px;}
.ser2 .right .con2 .list{display: block;}
.ser2 .right .con2 .list .item{width: 100%;margin-bottom: 20px;}
.ser2 .right .con2 .list .item a .pic{height: 55vw;}

.ser2 .right .con3 .list .item .left1 .txt{width: 40vw;}
.ser2 .right .con3 .list .item .left1 .txt .ps{display: block;}
.ser2 .right .con3 .list .item .left1 .txt .ps .p{width: 100%;}
.ser2 .right .con3 .list .item .left1 .icon{width: 20vw;height: 20vw;margin-right: 15px;}
.ser2 .right .con3 .list .item .right1{display: block;width: 100px;}
.ser2 .right .con3 .list .item .right1 .btn{margin: 0 0 15px 0;}

.ser2 .right .con4 .list .item .txt .top1 .h{width: 47%;line-height:1.5;}
.ser2 .right .con4 .list .item .txt .top1 .t_right .btn{width: 70px;padding: 0 4px;margin-right: 12px;}
.ser2 .right .con4 .list .item .txt .bottom1{padding: 12px;}


/* 7.25修改 */

.dev-container { overflow:hidden; }
.dev_banner .slide { height:7.5rem; }
.dev_banner .slide .slide_cont .text { padding:0 20px; }
.dev_banner .slide1 .slide_cont { padding-top:48px;}
.dev_banner .slide2 .slide_cont { padding:0;padding-top:48px;width:100%;justify-content:center;height:auto; }
.dev_banner .slide2 .slide_cont .text { align-items:center;text-align:center;padding:0 20px; }
.dev_banner .slide .slide_cont .text .t2{ font-size:24px; }
.dev_banner .slide .slide_cont .text .h1 { font-size:16px; }

/*.dev3, .dev4 { height:6.85rem; }*/
.dev3 .swiper-box { height:100%; }
.dev3 .swiper-box .swiper { height:100%; }
.dev3 .txt div.tit:nth-child(1), .dev4 .txt p.tit { font-size:24px; }
.dev3 .txt p.tit, .dev4 .txt p.tit { font-size:14px; }
.dev4 .txt { padding:.8rem .67rem; }
.dev2 { height:3.6rem; }
.dev2 video { object-fit:cover; }

.dev7 .list .item { width:100%; }
.dev7 .list .item .p1 { font-size:12px; }
.dev8 { gap:.8rem; }
.dev8 .tit { font-size:24px;margin-bottom:.27rem;}
.dev8 .tab-box { font-size:11px; }
.dev8 .tab-box.pc { display:none; }
.dev8 .tab-box.mb { display:block; }
.dev8 .tab-box table, .dev8 .tab-box table tbody { width:100%; }
.dev8 .tab-box table tr td { min-height:32px;min-width:30%; }
.dev8 .tab-box table tr td:nth-child(1) { border-right:1px solid #DEDEDE;border-bottom:none;width:30% !important; }
.dev8 .tab-box table tr td:not(:last-child) { border-right:1px solid #DEDEDE; }

.dev10 .txt { width:100%;top:48px;padding:0 20px; }
.dev10 .txt .h1 { font-size:24px; }
.dev10 .txt .p1 { font-size:14px; }
.dev10 .txt .btn-box { margin:.27rem auto 0;gap:12px; }
.dev10 .txt .btn-box a.donwload { font-size:12px;padding:.15rem .4rem;width:104px;height:40px;display:flex;align-items:center;justify-content:center; }
.dev10 .cont1, .dev10 .cont2, .dev10 .cont3 { height:auto; }

.dev9 .tit { font-size:24px;margin-bottom:.27rem; }
.dev9 .h1 { margin-bottom:.27rem; }
.dev9 .h1 .p1 { font-size:16px;line-height:120%; }
.dev9 .form-box form { flex-direction:column; }
.dev9 .form-box form .form-item { width:100%; }
.dev9 .form-box form .form-item label { font-size:14px; }
.dev9 .form-box form .form-item input { font-size:12px; }
.dev9 .form-box form button { font-size:16px;width:fit-content;margin:.54rem auto 0;padding:14px 68px; }

.ab5 .item .txt .more { font-size:14px;}
.ab5 .item .txt .more svg { margin-left:0;width:15px;height:15px; }
.bodypadd { padding-top:0; }
.lev-box  { width:.8rem;height:auto;right:.32rem; }
.lev-box .lev-item { width:.8rem;height:.8rem; }
.lev-box .lev1 img { width:.48rem;height:.48rem; }
.lev-box .lev1 .pl, .lev-box .lev1 .pl2 { width:.2rem;height:.2rem; }
.lev-box .lev2 a img { width:.28rem; }
.side-form .side { width:90%; }
.side-form .side .side-main form .from-item label { font-size:14px; }
.side-form .side .side-main form .from-item input, 
.side-form .side .side-main form .from-item select,
.side-form .side .side-main form .from-item select option,
.side-form .side .side-main form .from-item textarea { font-size:12px; }
.side-form .side .side-main>span { font-size:24px; }
.side-form .side .side-main>p { font-size:18px; }
.side-form .side .side-main form .agree span,.side-form .side .side-main form .submit { font-size:16px; }
.side-form .side .side-main form .agree .check-box p { font-size:14px; }
.side-form .side .side-main form .desc p { font-size:12px; }

.banner .banner_swiper1 .btn_box .btn { opacity:1; }
.banner .banner_swiper1 .btn_box .btn svg { height:18px; }
.banner .banner_swiper1 .btn_box .btn.next { right:20px; }
.banner .banner_swiper1 .btn_box .btn.prev { left:20px; }

}

@media screen and (min-width: 1921px) {
    .f_12 {
        font-size:12px;
    }
    .f_14 {
        font-size:14px;
    }
    .f_16 {
        font-size:16px;
    }
    
    .f_18 {
        font-size:18px;
    }
    .f_20 {
        font-size:20px;
    }
    .f_22 {
        font-size:22px;
    }
    .f_24 {
        font-size:24px;
    }
    .f_26 {
        font-size:26px;
    }
    .f_28 {
        font-size:28px;
    }
    .f_30 {
        font-size:30px;
    }
    .f_32 {
        font-size:32px;
    }
    .f_34 {
        font-size:34px;
    }
    .f_36 {
        font-size:36px;
    }
    .f_38 {
        font-size:38px;
    }
    .f_40 {
        font-size:40px;
    }
    .f_42 {
        font-size:42px;
    }
    .f_44 {
        font-size:44px;
    }
    .f_46 {
        font-size:46px;
    }
    .f_48 {
        font-size:48px;
    }
    .f_50 {
        font-size:50px;
    }
    .f_52 {
        font-size:52px;
    }
    .f_54 {
        font-size: 54px;
    }
    .f_56 {
        font-size:56px;
    }
    .f_58 {
        font-size:58px;
    }
    .f_60 {
        font-size:60;
    }
    .f_62 {
        font-size:62px;
    }
    .f_64 {
        font-size:64px;
    }
    
    .in5 .cont .list .item .ico {
        width:64px;
        height: 64px;
    }
}