:root {
  --Padd: 1.3rem;
  --viColor: #0e376f;
  --headerHeight: 1.3rem;
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
}

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

.index_container {
  padding-top: 1.3rem;
}

.productlist_container {
  padding-top: 1.3rem;
}

.solution_container {
  padding-top: 1.3rem;
}

.service_container {
  padding-top: 1.3rem;
}

.news_container {
  padding-top: 1.3rem;
}

.newsDeatil_container {
  padding-top: 1.3rem;
}

.contact_container {
  padding-top: 1.3rem;
}

.search_container {
  padding-top: 1.3rem;
}

.module.title {
  color: #333;
  line-height: 1.3;
}

.module.btn {
  height: 0.4rem;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.module.btn .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #f46c1c;
  width: 0.42rem;
  height: 100%;
  padding: 0.1rem;
  -webkit-clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
  clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
}

.module.btn .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.module.btn .text {
  width: fit-content;
  padding: 0 0.1rem;
  padding-left: 0.42rem;
  min-width: 1.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body_prop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1998;
  background: #000000;
  opacity: 0.3;
  display: none;
}

.body_prop2 {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #000000;
  opacity: 0.5;
  display: none;
}

.module_prop.Sales_cont {
  position: fixed;
  width: 4.53rem;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2001;
  display: none;
}

.module_prop.Sales_cont .cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 0.5rem;
  position: relative;
}

.module_prop.Sales_cont .cont .close {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #e4e7e9;
  transition: all 0.4s;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 0.25rem;
  right: 0.4rem;
}

.module_prop.Sales_cont .cont .close:hover {
  background-color: #f46c1c;
}

.module_prop.Sales_cont .cont .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
  border: 1px solid #fff;
}

.module_prop.Sales_cont .cont .close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 70%;
  border: 1px solid #fff;
}

.module_prop.Sales_cont .cont .tit {
  font-weight: 500;
  font-family: var(--f500);
  line-height: 1.3;
  margin-bottom: 0.15rem;
  color: #474342;
}

.module_prop.Sales_cont .cont .p1 {
  color: #474342;
  text-align: center;
  line-height: 1.3;
  font-weight: 300;
  font-family: var(--f300);
  margin-bottom: 0.4rem;
}

.module_prop.Sales_cont .cont .num {
  color: var(--viColor);
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
}

.module_prop.Quote_cont {
  position: fixed;
  z-index: 2001;
  width: 11.42rem;
  height: 85vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  display: none;
}

.module_prop.Quote_cont .cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.7rem 0.6rem 0.39rem;
  position: relative;
}

.module_prop.Quote_cont .cont .close {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #e4e7e9;
  transition: all 0.4s;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 0.25rem;
  right: 0.4rem;
}

.module_prop.Quote_cont .cont .close:hover {
  background-color: #f46c1c;
}

.module_prop.Quote_cont .cont .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
  border: 1px solid #fff;
}

.module_prop.Quote_cont .cont .close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 70%;
  border: 1px solid #fff;
}

.module_prop.Quote_cont .cont .tit {
  color: #474342;
  line-height: 1.3;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.15rem;
  text-align: center;
}

.module_prop.Quote_cont .cont .p1 {
  text-align: center;
  color: #474342;
  line-height: 1.3;
  margin-bottom: 0.55rem;
  font-weight: 300;
  font-family: var(--f300);
}

.module_prop.Quote_cont .cont form {
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
}

.module_prop.Quote_cont .cont form::-webkit-scrollbar {
  width: 2px;
}

.module_prop.Quote_cont .cont form::-webkit-scrollbar-thumb {
  background-color: #f46c1c;
  border-radius: 2px;
}

.module_prop.Quote_cont .cont form .item {
  display: flex;
  column-gap: 0.62rem;
  margin-bottom: 0.3rem;
}

.module_prop.Quote_cont .cont form .item:last-child {
  margin-bottom: 0.43rem;
}

.module_prop.Quote_cont .cont form .item label {
  flex: 1;
}

.module_prop.Quote_cont .cont form .item label .label_name {
  color: #474342;
  margin-bottom: 0.08rem;
}

.module_prop.Quote_cont .cont form .item label .label_name.required::before {
  content: "*";
  color: #f46c1c;
  margin-right: 5px;
}

.module_prop.Quote_cont .cont form .item label input {
  width: 100%;
  height: 0.5rem;
  border: 1px solid rgba(204, 204, 204, 0.8);
  padding: 0 0.18rem;
  color: #474342;
}

.module_prop.Quote_cont .cont form .item label input::placeholder {
  color: #666666;
  opacity: 0.6;
}

.module_prop.Quote_cont .cont form .item label .select_box {
  position: relative;
}

.module_prop.Quote_cont .cont form .item label .select_box::after {
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.2rem;
  background: url(../img/76.svg) no-repeat center center;
  background-size: contain;
}

.module_prop.Quote_cont .cont form .item label select {
  height: 0.5rem;
  border: 1px solid rgba(204, 204, 204, 0.8);
  padding: 0 0.18rem;
  color: #474342;
  position: relative;
}

.module_prop.Quote_cont .cont form .item label select option {
  line-height: 2;
  color: #666666;
  opacity: 0.6;
}

.module_prop.Quote_cont .cont form .item label textarea {
  width: 100%;
  padding: 0.11rem 0.18rem;
  height: 1.04rem;
  border: 1px solid rgba(204, 204, 204, 0.8);
}

.module_prop.Quote_cont .cont form .item label textarea::placeholder {
  color: #666666;
  opacity: 0.6;
}

.module_prop.Quote_cont .cont form button {
  margin: 0 auto;
  display: block;
  border: 0;
  cursor: pointer;
}

.module_prop.Quote_cont .cont form button .text {
  color: #fff;
  background-color: var(--viColor);
}

.header {
  position: fixed;
  z-index: 1999;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
}

.header .header_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--Padd);
  height: 1.3rem;
  border-bottom: 1px solid rgba(14, 55, 111, 0.15);
}

.header .header_container .logo {
  width: 1.85rem;
  height: 0.51rem;
  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 {
  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.hasdown {
  position: relative;
}

.header .header_container .list .item.hasdown .item_down {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  min-width: 2rem;
  width: fit-content;
  background: #fff url(../img/72.png) no-repeat center center;
  background-size: cover;
  padding: 0.4rem 0;
}

.header .header_container .list .item.hasdown .item_down .t1 {
  display: block;
  line-height: 2;
  transition: all 0.4s ease;
  color: #333333;
  width: 100%;
  text-align: center;
  padding: 0 .2rem;
  white-space: nowrap;
}

.header .header_container .list .item.hasdown .item_down .t1:hover {
  color: var(--viColor);
}

.header .header_container .list .item .item_down.product_down {
  display: none;
  position: absolute;
  /*width: 100%;*/
  width: 3.75rem;
  left: 0;
  top: 100%;
  background: transparent;
  padding: 0 1.3rem;
  pointer-events: none;
  padding-left: 0;
  padding-right: 0;
  left: 2.8rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont {
  pointer-events: all;
  width: 100%;
  background-color: #fff;
  display: flex;
  height: 4.87rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left {
  height: 4.87rem;
  height: 100%;
  width: 3.75rem;
  background: url(../img/73.png) no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /*padding: 0.51rem 0;*/
  padding: .4rem 0;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_tit {
  height: 0.59rem;
  width: 100%;
  color: #fff;
  background-color: #f46c1c;
  display: flex;
  align-items: center;
  /*padding-left: 0.87rem;*/
  padding-left: .4rem;
  /*padding-right: 0.1rem;*/
  padding-right: .3rem;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-family: var(--f500);
  justify-content: space-between;
}

.down_left__icon {
  display: block;
  width: .2rem;
  height: .2rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list {
  flex: 1;
  overflow-y: auto;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item {
  cursor: pointer;
  line-height: 2;
  color: #fff;
  transition: all 0.4s ease;
  width: 100%;
  /*padding-left: 0.87rem;*/
  padding-left: .62rem;
  padding-right: 0.1rem;
  margin-bottom: 0.2rem;
  font-weight: 500;
  font-family: var(--f500);
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item.on,
.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item:hover {
  color: #f46c1c;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item:last-child {
  margin-bottom: 0;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right {
  flex: 1;
  height: 100%;
  display: none;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont {
  height: 100%;
  display: none;
  padding-right: 1.8rem;
  background: url(../img/74.png) no-repeat center center;
  background-size: cover;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont.on {
  display: block;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card {
  display: flex;
  justify-content: space-between;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left {
  flex: 1;
  padding-right: 1.5rem;
  padding-top: 0.78rem;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left .tabcont_card_title {
  margin-bottom: 0.18rem;
  padding-bottom: 0.28rem;
  border-bottom: 1px solid #707070;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-weight: 500;
  font-family: var(--f500);
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left .tabcont_card_list {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 0.51rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left .tabcont_card_list .f1 {
  color: #333333;
  transition: all 0.4s ease;
  margin-bottom: 0.3rem;
  display: block;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left .tabcont_card_list .f1:last-child {
  margin-bottom: 0;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_left .tabcont_card_list .f1:hover {
  color: var(--viColor);
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_img {
  width: 4.14rem;
  padding-top: 0.43rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_img .img {
  width: 80%;
  height: auto;
  aspect-ratio: 305 / 336;
  margin: 0 auto;
  margin-bottom: 0.1rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_img .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_img .p1 {
  text-align: center;
  color: var(--viColor);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(-50%);
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_right .tabcont .tabcont_card .tabcont_card_img .p2 {
  transform: translateY(-100%);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 2;
  text-overflow: ellipsis;
}

.header .header_container .list .item .item_cont {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-family: var(--f400);
  transition: all 0.4s ease;
  color: #333;
}

.header .header_container .list .item:hover .item_cont {
  color: var(--viColor);
}

.header .header_container .list .item.on .item_cont {
  color: var(--viColor);
}

.header .header_container .header_right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: .1rem 0 .14rem;
  
}
.header .header_container .header_right .top {
  display: flex;
  align-items: center;
  gap: .28rem;
  justify-content: flex-end;
}
.header .header_container .header_right .btm {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0.33rem;
}
.header .header_container .header_right .language {
  display: flex;
  align-items: center;
  color: #333;
  transition: all 0.4s ease;
  font-family: var(--f500);
}

.header .header_container .header_right .language img {
  width: 10px;
  height: auto;
  margin-left: 5px;
  transition: all 0.4s ease;
}

.header .header_container .header_right .link_box {
  position: relative;
}

.header .header_container .header_right .link_box .Friendship_link {
  width: 1.4rem;
  height: 0.42rem;
  border-radius: 0.04rem;
  border: 1px solid #dcdfe6;
  background: #fff;
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.header .header_container .header_right .link_box .Friendship_link .item_cont {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 0.28rem 0 0.16rem;
  color: #333;
  cursor: pointer;
  user-select: none;
}

.header .header_container .header_right .link_box .Friendship_link .item_cont img {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: auto;
  transition: all 0.4s ease;
}

.header .header_container .header_right .link_box .Friendship_link.on .item_cont img {
  transform: translateY(-50%) rotate(-180deg);
}

.header .header_container .header_right .link_box .Friendship_link .item_down {
  position: absolute;
  top: calc(100% + 0.08rem);
  right: 0;
  left: auto;
  transform: none;
  display: none;
  width: fit-content;
  white-space: nowrap;
}

.header .header_container .header_right .link_box .Friendship_link .item_down .item_down_cont {
  background: #fff;
  padding: 0.06rem 0;
  border: 1px solid #dcdfe6;
  border-radius: 0.04rem;
  max-height: 2.4rem;
  overflow-y: auto;
  box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.1);
}

.header .header_container .header_right .link_box .Friendship_link .item_down .item_down_cont::-webkit-scrollbar {
  width: 3px;
}

.header .header_container .header_right .link_box .Friendship_link .item_down .item_down_cont a {
  display: block;
  line-height: 2.2;
  text-align: left;
  padding: 0 0.16rem;
  color: #333;
  transition: all 0.4s ease;
}

.header .header_container .header_right .link_box .Friendship_link .item_down .item_down_cont a:hover {
  color: var(--viColor);
  background: #ecf5ff;
}

.header .header_container .header_right .search {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  transition: all 0.4s ease;
  background-color: #dbe1ea;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header_container .header_right .search img {
  width: 45%;
  height: 45%;
  object-fit: contain;
  transition: all 0.4s ease;
}

.header .header_container .header_right .contentUs {
  width: fit-content;
  display: flex;
  height: 0.4rem;
  background: var(--viColor);
  border-radius: 2px;
  overflow: hidden;
}

.header .header_container .header_right .contentUs .img_box {
  height: 100%;
  width: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f46c1c;
  -webkit-clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
  clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
}

.header .header_container .header_right .contentUs .img_box img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}

.header .header_container .header_right .contentUs .text {
  width: 1.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--f500);
}

.footer {
  background: #F9F9F9;
}

.footer .footer_top {
  padding: 0 1.35rem 0 1.3rem;
}

.footer .footer_top .cont {
  padding: 0.53rem 0 0.41rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.footer .footer_top .cont .logo {
  width: 2.34rem;
  height: auto;
}

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

.footer .footer_top .cont .Friendship_link {
  width: 1.78rem;
  height: 0.53rem;
  border-radius: 0.53rem;
  border: 1px solid #c6c6c6;
  position: relative;
  z-index: 10;
}

.footer .footer_top .cont .Friendship_link .item_cont {
  width: 100%;
  height: 100%;
  border-radius: 0.53rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  /* 标准语法 */
}

.footer .footer_top .cont .Friendship_link .item_cont img {
  width: .15rem;
  height: auto;
  margin-left: 10px;
  transition: all .4s ease;
}

.footer .footer_top .cont .Friendship_link.on .item_cont img {
  transform: rotate(-180deg);
}

.footer .footer_top .cont .Friendship_link .item_down {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  min-width: 100%;
  transform: translateX(-50%);
  display: none;
  width: fit-content;
  white-space: nowrap;
}

.footer .footer_top .cont .Friendship_link .item_down .item_down_cont {
  background: #fff;
  padding: .15rem 0;
  border: 1px solid #c6c6c6;
  border-radius: .1rem;
  max-height: 2rem;
  overflow-y: auto;
}

.footer .footer_top .cont .Friendship_link .item_down .item_down_cont::-webkit-scrollbar {
  width: 3px;
}

.footer .footer_top .cont .Friendship_link .item_down .item_down_cont a {
  display: block;
  line-height: 2.5;
  text-align: center;
  padding: 0 .2rem;
  color: #333;
  transition: all .4s ease;
}

.footer .footer_top .cont .Friendship_link .item_down .item_down_cont a:hover {
  background: #e9ecef;
}

.footer .footer_center {
  padding: 0 1.3rem 0 1.3rem;
}

.footer .footer_center .cont {
  display: flex;
}

.footer .footer_center .cont .left {
  width: 3rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.07rem 0 0.67rem;
}

.footer .footer_center .cont .left .item {
  display: flex;
  margin-bottom: 0.57rem;
}

.footer .footer_center .cont .left .item:last-child {
  margin-bottom: 0;
}

.footer .footer_center .cont .left .item.ewm_item {
  padding-left: calc(0.46rem + 0.23rem);
  flex-direction: column;
}

.footer .footer_center .cont .left .item.ewm_item .ewm_text {
  font-family: var(--f500);
  font-weight: 500;
  line-height: 1.11;
  margin-bottom: 0.23rem;
}

.footer .footer_center .cont .left .item.ewm_item .ewmImg {
  width: 1.18rem;
  height: 1.18rem;
  background-color: #fff;
  padding: 0.05rem;
}

.footer .footer_center .cont .left .item.ewm_item .ewmImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .footer_center .cont .left .item .ico {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 0.05rem;
  border: 1px solid #d9d9d9;
  padding: 0.1rem;
  margin-right: 0.23rem;
  flex-shrink: 0;
}

.footer .footer_center .cont .left .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .footer_center .cont .left .item .text {
  flex: 1;
}

.footer .footer_center .cont .left .item .text .t1 {
  font-weight: 300;
  font-family: var(--f300);
  margin-bottom: 0.14rem;
  line-height: 1.11;
  color: #333333;
}

.footer .footer_center .cont .left .item .text .p1 {
  color: #333333;
  line-height: 1.4;
  font-weight: 500;
  font-family: var(--f500);
}

.footer .footer_center .cont .right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .42rem 0 .6rem .6rem;
}

.footer .footer_center .cont .right .list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}

.footer .footer_center .cont .right .list .item {
  position: relative;
  height: fit-content;
  width: fit-content;
  transition: all 0.4s ease;
  font-weight: 300;
  font-family: var(--f300);
  color: #333;
}

.footer .footer_center .cont .right .list .item::after {
  content: "";
  position: absolute;
  top: 40%;
  right: calc(100% + .1rem);
  width: 2px;
  height: 0.18rem;
  background-color: #f46c1c;
  transform: translateY(-50%) rotate(22.5deg);
  transition: all 0.4s ease;
  opacity: 0;
}

.footer .footer_center .cont .right .list .item:hover {
  color: var(--viColor);
  font-weight: 500;
  font-family: var(--f500);
}

.footer .footer_center .cont .right .list .item:hover::after {
  opacity: 1;
}

.footer .footer_center .cont .right .map {
  position: relative;
  width: 10.85rem;
  height: 5.08rem;
}

.footer .footer_center .cont .right .map .tip {
  position: absolute;
  left: 0;
  bottom: .6rem;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}

.footer .footer_center .cont .right .map .tip .item {
  display: flex;
  align-items: center;
  gap: .12rem;
}

.footer .footer_center .cont .right .map .tip .item .icon {
  width: .4rem;
  height: auto;
  flex-shrink: 0;
}

.footer .footer_center .cont .right .map .bgmap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.footer .footer_center .cont .right .map .bgmap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .footer_center .cont .right .map .dot_cont{
  position: absolute;
  inset: 0;
}
.footer .footer_center .cont .right .map .dot_cont .dot {
  position: absolute;
  z-index: 3;
  width: 0.1rem;
  height: 0.1rem;

}
.footer .footer_center .cont .right .map .dot_cont .dot.style1 .ico.i2{
  display: none;
}
.footer .footer_center .cont .right .map .dot_cont .dot.style2 .ico.i1{
  display: none;
}


.footer .footer_center .cont .right .map .dot_cont .dot .ico {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .footer_center .cont .right .map .dot_cont .dot .show {
  width: 200%;
  height: auto;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotateX(70deg);
  border-radius: 50%;
}

.footer .footer_center .cont .right .map .dot_cont .dot .show .showico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: identifier 2s linear infinite;
  background: #f46c1c;
  border-radius: 50%;
  opacity: 0.7;
}
.footer .footer_center .cont .right .map .dot_cont .dot.style2  .show .showico{
  background-color: #0198BB;
}

.footer .footer_center .cont .right .map .dot_cont .dot .show .showico.show2 {
  animation-delay: 1s;
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot1 {
  top: calc(165 / 390 * 100%);
  left: calc(177 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot2 {
  top: calc(185 / 390 * 100%);
  left: calc(156 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot3 {
  top: calc(114 / 390 * 100%);
  left: calc(434 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot4 {
  top: calc(134 / 390 * 100%);
  left: calc(434 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot5 {
  top: calc(196 / 390 * 100%);
  left: calc(514 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot6 {
  top: calc(188 / 390 * 100%);
  left: calc(568 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot7 {
  top: calc(196 / 390 * 100%);
  left: calc(617 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot8 {
  top: calc(184 / 390 * 100%);
  left: calc(650 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot9 {
  top: calc(190 / 390 * 100%);
  left: calc(662 / 834 * 100%);
}

.footer .footer_center .cont .right .map .dot_cont .dot.dot10 {
  top: calc(294 / 390 * 100%);
  left: calc(697 / 834 * 100%);
}

.footer .footer_center .cont .right .map .center_map {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  position: absolute;
  z-index: 3;
  top: 1.81rem;
  left: 8.24rem;
}

.footer .footer_center .cont .right .map .center_map::after {
  content: "";
  width: 150%;
  height: 150%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f46c1c;
  opacity: 0.23;
  border-radius: 50%;
}

.footer .footer_center .cont .right .map .center_map img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .footer_center .cont .right .map .line_box {
  display: none;
}

.footer .footer_center .cont .right .map .line_box .line {
  position: absolute;
  z-index: 3;
  height: auto;
}

.footer .footer_center .cont .right .map .line_box .line.line1 {
  width: calc(450 / 834 * 100%);
  top: calc(74 / 390 * 100%);
  right: calc(195 / 834 * 100%);
  animation: lineDraw 16s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line2 {
  width: calc(478 / 834 * 100%);
  top: calc(105 / 390 * 100%);
  right: calc(192 / 834 * 100%);
  animation: lineDraw 14s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line3 {
  width: calc(205 / 834 * 100%);
  top: calc(132 / 390 * 100%);
  right: calc(192 / 834 * 100%);
  animation: lineDraw 12s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line4 {
  width: calc(125 / 834 * 100%);
  top: calc(151 / 390 * 100%);
  right: calc(192 / 834 * 100%);
  animation: lineDraw 10s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line5 {
  width: calc(74 / 834 * 100%);
  top: calc(156 / 390 * 100%);
  right: calc(192 / 834 * 100%);
  animation: lineDraw 4s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line6 {
  width: calc(7 / 834 * 100%);
  top: calc(156 / 390 * 100%);
  right: calc(179 / 834 * 100%);
  animation: lineDraw 4s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line7 {
  width: calc(17 / 834 * 100%);
  top: calc(159 / 390 * 100%);
  right: calc(167 / 834 * 100%);
  animation: lineDraw 4s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line8 {
  width: calc(51 / 834 * 100%);
  top: calc(159 / 390 * 100%);
  right: calc(127 / 834 * 100%);
  animation: lineDraw 10s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line9 {
  width: calc(18 / 834 * 100%);
  top: calc(159 / 390 * 100%);
  right: calc(195 / 834 * 100%);
  animation: lineDraw 10s linear infinite;
}

.footer .footer_center .cont .right .map .line_box .line.line10 {
  width: calc(201 / 834 * 100%);
  top: calc(118 / 390 * 100%);
  right: calc(195 / 834 * 100%);
  animation: lineDraw 10s linear infinite;
}
.footer .footer_center .cont .right .map .line_box_v2 {
  position: absolute;
  z-index: 2;
  top: 1.16rem;
  left: 2.8rem;
  width: 6.37rem;
  height: 2.94rem;
}
.footer .footer_center .cont .right .map .line_box_v2 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer .footer_center .cont .right .map .line_box_v2 svg path {
  animation: lineDraw 14s linear infinite;
}

.footer .footer_bottom {
  padding: 0 var(--Padd);
  height: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--viColor);
}

.footer .footer_bottom .left {
  display: flex;
  align-items: center;
}

.footer .footer_bottom .left .p {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.38rem;
}

.footer .footer_bottom .right .item {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.footer .footer_bottom .right .item a {
  color: rgba(255, 255, 255, 0.6);
}

.footer .footer_bottom .right .item span {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0.1rem;
}

canvas {
  width: 100%;
  height: auto;
}

.index_container {
  overflow: hidden;
}

.index_container .in1 {
  padding: 1.7rem var(--Padd) 0;
  margin-bottom: -.42rem;
  position: relative;
  z-index: 3;
}

.index_container .in1 .title {
  margin-bottom: 0.4rem;
}

.index_container .in1 .pic_box {
  width: 100%;
  height: auto;
  background: #fff;
  aspect-ratio: 1660 / 977;
}

.index_container .in1 .pic_box .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_container .Progressbar {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
}

.index_container .Progressbar svg {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.index_container .Progressbar svg path {
  width: 100%;
}

.index_container .in2 {
  padding: 1.4rem 4.1rem 0;
  height: 7.11rem;
  position: relative;
  z-index: 3;
  margin-bottom: 0.575rem;
}

.index_container .in2 .title {
  text-align: center;
  margin-bottom: 0.4rem;
}

.index_container .in2 .p1 {
  line-height: 1.5;
  color: #666;
  text-align: center;
  margin-bottom: 0.9rem;
  /**/
  text-align: justify;
}

.index_container .in2 .list {
  display: flex;
  justify-content: space-between;
}

.index_container .in2 .list .item {
  width: 2.05rem;
}

.index_container .in2 .list .item .num_box {
  display: flex;
  align-items: center;
  line-height: 1.1;
  margin-bottom: 0.1rem;
}

.index_container .in2 .list .item .num_box .num {
  color: var(--viColor);
}

.index_container .in2 .list .item .num_box .ico {
  color: var(--viColor);
}

.index_container .in2 .list .item .text {
  line-height: 1.3;
  color: #666;
}

.index_container .in3 {
  padding: 0 0 0 var(--Padd);
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
}

.index_container .in3 .left {
  width: 5.7rem;
  background-color: #fff;
  padding-top: 2.55rem;
  padding-bottom: 0.2rem;
}

.index_container .in3 .left .title_f {
  color: var(--viColor);
  margin-bottom: 0.2rem;
  display: none;
}

.index_container .in3 .left .title_f.on {
  display: block;
}

.index_container .in3 .left .title_container .title_box {
  display: none;
}

.index_container .in3 .left .title_container .title_box.on {
  display: block;
}

.index_container .in3 .left .title {
  margin-bottom: 0.6rem;
}

.index_container .in3 .left .btn {
  margin-bottom: 2.17rem;
  display: flex;
  height: 0.4rem;
  background: var(--viColor);
  border-radius: 2px;
  overflow: hidden;
  width: fit-content;
}

.index_container .in3 .left .btn .img_box {
  height: 100%;
  width: 0.46rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f46c1c;
  -webkit-clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
  clip-path: polygon(-1% -1%, 100% 0, 80% 101%, -1% 101%);
}

.index_container .in3 .left .btn .img_box img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain;
}

.index_container .in3 .left .btn .text {
  width: 1.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--f500);
}

.index_container .in3 .left .swiper {
  width: 4.3rem;
  margin: 0;
  margin-bottom: 0.42rem;
}

.index_container .in3 .left .swiper .swiper-slide {
  width: auto;
  height: auto;
  /*aspect-ratio: 1 / 1;*/
  padding: 0.12rem;
  cursor: pointer;
  transition: all 0.4s ease;
  background-color: #fff;
}

.index_container .in3 .left .swiper .swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 5px solid rgba(232, 234, 239, 0.5);
  transition: all 0.4s ease;
}

.index_container .in3 .left .swiper .swiper-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  border: 1px solid var(--viColor);
  transition: all 0.4s ease;
}

.index_container .in3 .left .swiper .swiper-slide.swiper-slide-thumb-active {
  background-color: #f5f5f5;
}

.index_container .in3 .left .swiper .swiper-slide.swiper-slide-thumb-active::after {
  opacity: 0;
}

.index_container .in3 .left .swiper .swiper-slide.swiper-slide-thumb-active::before {
  opacity: 1;
}

.index_container .in3 .left .swiper .swiper-slide img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.index_container .in3 .left .swiper_bar {
  width: 4.2rem;
}

.index_container .in3 .left .swiper_bar .swiper-scrollbar {
  width: 100%;
  height: 1px;
  margin-bottom: 0.15rem;
  background-color: #e6e6e6;
}

.index_container .in3 .left .swiper_bar .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--viColor);
}

.index_container .in3 .left .swiper_bar .swiper_bar_text {
  color: #666666;
}

.index_container .in3 .right {
  width: calc(100% - 5.7rem);
  padding-left: 0.9rem;
  padding-right: 1.13rem;
  height: auto;
  aspect-ratio: 509 / 506;
  position: relative;
}

.index_container .in3 .right::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 9.28rem;
  bottom: 0;
  background-color: #fff;
}

.index_container .in3 .right .swiper {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.index_container .in3 .right .swiper .swiper-slide {
  position: relative;
  opacity: 0 !important;
}

.index_container .in3 .right .swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.index_container .in3 .right .swiper .swiper-slide .pic {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot {
  width: .26rem;
  height: .26rem;
  border-radius: 50%;
  position: absolute;
  transition: all .4s ease;
  z-index: 3;
  cursor: pointer;

}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #f46c1c;
}

@keyframes keyIcowidth {
  0% {
    opacity: 1;

  }

  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}


.index_container .in3 .right .swiper .swiper-slide .dot_box .dot:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: #f46c1c;
  animation: keyIcowidth 1.5s linear infinite;
  /* 指定@keyframes名称 */
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot.on:before {
  background: #0e376f;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot.on:after {
  background: #0e376f;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot .dot_ico {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot .dot_ico:after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .14rem;
  height: .02rem;
  background-color: #fff;
}

.index_container .in3 .right .swiper .swiper-slide .dot_box .dot .dot_ico:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: .14rem;
  width: .02rem;
  background-color: #fff;
}

.index_container .in3 .right .swiper .swiper-slide .card {
  position: absolute;
  z-index: 4;
  width: 5rem;
  height: 2.53rem;
  border: 0.1rem solid #f4f5f7;
  top: 2.78rem;
  right: calc(1.72rem - 1.13rem);
  background-color: #fff;
  padding: 0.37rem 0;
}

.index_container .in3 .right .swiper .swiper-slide .card .card_box {
  overflow-y: auto;
  padding: 0 0.3rem;
  height: 100%;
  display: none;
}

.index_container .in3 .right .swiper .swiper-slide .card .card_box.on {
  display: block;
}

.index_container .in3 .right .swiper .swiper-slide .card .card_box::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.index_container .in3 .right .swiper .swiper-slide .card .card_box::-webkit-scrollbar-thumb {
  background: var(--viColor);
}

.index_container .in3 .right .swiper .swiper-slide .card .card_box::-webkit-scrollbar-track {
  background: #fff;
}

.index_container .in3 .right .swiper .swiper-slide .card .h1 {
  color: var(--viColor);
  margin-bottom: 0.2rem;
  line-height: 1.18;
}

.index_container .in3 .right .swiper .swiper-slide .card .p1 {
  color: #666666;
  line-height: 1.5;
}

.index_container .in4 {
  padding-top: 2.12rem;
}

.index_container .in4 .title {
  text-align: center;
  margin-bottom: 0.9rem;
}

.index_container .in4 .swiper {
  padding-left: var(--Padd);
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-bottom: 1.04rem;
}

.index_container .in4 .swiper::after {
  content: "";
  width: 100%;
  background-color: #fff;
  height: 3.88rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.index_container .in4 .swiper .swiper-slide {
  width: 4.1rem;
  padding-bottom: 1.58rem;
}

.index_container .in4 .swiper .swiper-slide:nth-child(2n) {
  padding-bottom: 0;
  padding-top: 1.58rem;
}

.index_container .in4 .swiper .swiper-slide .cont {
  width: 100%;
  height: 5.47rem;
  position: relative;
}

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

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

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

.index_container .in4 .swiper .swiper-slide .cont .text {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1.2rem;
}

.index_container .in4 .swiper .swiper-slide .cont .text .h {
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.index_container .in4 .pic {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
}

.index_container .in4 .pic img {
  width: 100%;
  height: auto;
}

.index_container .in5 {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 3;
  overflow: hidden;
  background-color: #fff;
}

.index_container .in5 .in5_1 {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  opacity: 1;
}

.index_container .in5 .in5_1 .bgimg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.index_container .in5 .in5_1 .bgimg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_container .in5 .in5_1 .amin1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.index_container .in5 .in5_1 .amin1 .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
}

.index_container .in5 .in5_1 .amin1 .cont .title {
  width: 12.35rem;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  margin-bottom: 0.4rem;
}

.index_container .in5 .in5_1 .amin1 .cont .p1 {
  color: #fff;
  width: 11rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.65rem;
}

.index_container .in5 .in5_1 .amin1 .cont .btn {
  margin: 0 auto;
}

.index_container .in5 .in5_1 .amin1 .cont .btn .text {
  background-color: #323638;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
}

.index_container .in5 .in5_1 .amin2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.index_container .in5 .in5_1 .amin2 .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
}

.index_container .in5 .in5_1 .amin2 .list .item {
  position: relative;
  height: auto;
  aspect-ratio: 400 / 475;
}

.index_container .in5 .in5_1 .amin2 .list .item .img {
  width: 100%;
  height: 100%;
}

.index_container .in5 .in5_1 .amin2 .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.index_container .in5 .in5_1 .amin2 .list .item .text {
  position: absolute;
  width: 3.55rem;
}

.index_container .in5 .in5_1 .amin2 .list .item .text .h1 {
  color: #fff;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  font-weight: 500;
  font-family: var(--f500);
  line-height: 1.3;
}

.index_container .in5 .in5_1 .amin2 .list.list1 {
  padding: 0 5.12rem 0 4.77rem;
  z-index: 1;
  scale: 0.8;
}

.index_container .in5 .in5_1 .amin2 .list.list1 .item:nth-child(1) {
  width: 4rem;
}

.index_container .in5 .in5_1 .amin2 .list.list1 .item:nth-child(1) .text {
  top: 0.6rem;
  right: 3.08rem;
}

.index_container .in5 .in5_1 .amin2 .list.list1 .item:nth-child(2) {
  width: 2.43rem;
}

.index_container .in5 .in5_1 .amin2 .list.list1 .item:nth-child(2) .text {
  top: 0.5rem;
  left: 2.03rem;
}

.index_container .in5 .in5_1 .amin2 .list.list2 {
  padding: 0 4.77rem 0 5.12rem;
  z-index: 2;
  scale: 0.8;
}

.index_container .in5 .in5_1 .amin2 .list.list2 .item:nth-child(1) {
  width: 2.43rem;
}

.index_container .in5 .in5_1 .amin2 .list.list2 .item:nth-child(1) .text {
  top: 0.5rem;
  right: 2.03rem;
}

.index_container .in5 .in5_1 .amin2 .list.list2 .item:nth-child(2) {
  width: 4rem;
}

.index_container .in5 .in5_1 .amin2 .list.list2 .item:nth-child(2) .text {
  top: 0.6rem;
  left: 3.08rem;
}

.index_container .in5 .in5_2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.index_container .in5 .in5_2 .bgimg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.index_container .in5 .in5_2 .bgimg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.15);
}

.index_container .in5 .in5_2 .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translateY(15%);
  opacity: 0;
}

.index_container .in5 .in5_2 .cont .title {
  width: 100%;
  margin-bottom: 0.4rem;
  color: #fff;
  text-align: center;
}

.index_container .in5 .in5_2 .cont .p1 {
  color: #fff;
  width: 6.95rem;
  line-height: 1.5;
  margin-bottom: 0.65rem;
  text-align: center;
}

.index_container .in5 .in5_2 .cont .btn {
  margin: 0 auto;
}

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

.index_container .in5 .in5_2 .cont .btn .text {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
  transition: all .4s ease;
}

.index_container .in6 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 2.19rem 0 1.6rem 0;
}

.index_container .in6 .in6_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.73rem;
  padding: 0 var(--Padd);
}

.index_container .in6 .in6_top .title {
  width: 50%;
}

.index_container .in6 .in6_top .in6_top_right .pag {
  margin-bottom: 0.37rem;
}

.index_container .in6 .in6_top .in6_top_right .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}

.index_container .in6 .in6_top .in6_top_right .btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: var(--viColor);
  border-color: var(--viColor);
  cursor: pointer;
}

.index_container .in6 .in6_top .in6_top_right .btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.index_container .in6 .in6_top .in6_top_right .btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.index_container .in6 .in6_top .in6_top_right .btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.index_container .in6 .in6_top .in6_top_right .btn_box .btn img.rot {
  transform: rotate(180deg);
}

.index_container .in6 .swiper {
  padding: 0 var(--Padd);
  width: 100%;
  overflow: hidden;
}

.index_container .in6 .swiper .swiper-slide:hover .text_f .p1 {
  color: var(--viColor);
}

.index_container .in6 .swiper .swiper-slide .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 612 / 383;
  overflow: hidden;
}

.index_container .in6 .swiper .swiper-slide .pic:hover img {
  transform: scale(1.1);
}

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

.index_container .in6 .swiper .swiper-slide .text_f {
  padding: 0.3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index_container .in6 .swiper .swiper-slide .text_f .p1 {
  line-height: 1.5;
  transition: all 0.4s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.5rem;
}

.index_container .in6 .swiper .swiper-slide .text_f .btn {
  width: fit-content;
}

.index_container .in6 .swiper .swiper-slide .text_f .btn:hover .text {
  background-color: var(--viColor);
  color: #fff;
}

.index_container .in6 .swiper .swiper-slide .text_f .btn .text {
  border: 1px solid rgba(14, 55, 111, 0.1);
  background-color: #fff;
  transition: all 0.4s ease;
  color: #333;
  font-weight: 600;
}

.banner {
  width: 100%;
  height: 7.36rem;
  position: relative;
}

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

.banner .bgimg .pic {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0 var(--Padd);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner .cont .h1 {
  color: #fff;
  margin-bottom: 0.23rem;
  line-height: 1.36;
}

.banner .cont .title {
  color: #fff;
  line-height: 1.36;
  font-family: var(--f500);
  font-weight: 500;
}

.productlist1 {
  display: flex;
}

.productlist1 .left {
  width: 4.2rem;
  background-color: #fff;
  padding-top: 1.18rem;
}

.productlist1 .left .list {
  width: 100%;
  height: fit-content;
  position: sticky;
  top: 0.9rem;
}

.productlist1 .left .list .item {
  display: flex;
  width: 100%;
  /*justify-content: center;*/
  transition: all 0.4s ease;
  margin-bottom: 0.28rem;
  position: relative;
  padding-left: 1rem;
}

.productlist1 .left .list .item:last-child {
  margin-bottom: 0;
}

.productlist1 .left .list .item::after {
  content: "";
  position: absolute;
  width: 1.45rem;
  height: 1.5px;
  background-color: #f46c1c;
  top: 0;
  opacity: 0;
  left: 0;
}

.productlist1 .left .list .item .p {
  width: fit-content;
  position: relative;
  font-family: var(--f500);
  font-weight: 500;
  line-height: 1.7;
}

.productlist1 .left .list .item .p::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 0.2rem);
  width: 0.15rem;
  height: 2px;
  background-color: #8c8c8c;
}

.productlist1 .left .list .item:hover {
  color: #f46c1c;
}

.productlist1 .left .list .item.on {
  /*padding: 0.14rem 0;*/
  padding-top: 0.14rem;
  padding-left: .6rem;
  padding-bottom: 0.14rem;
  font-size: 0.28rem;
  font-weight: 700;
  color: #f46c1c;
}

.productlist1 .left .list .item.on::after {
  opacity: 1;
}

.productlist1 .left .list .item.on .p::after {
  opacity: 0;
}

.productlist1 .right {
  min-height: 50vh;
  flex: 1;
  background-color: #eaeef2;
  padding-top: 0.5rem;
}

.productlist1 .right .right_top {
  position: sticky;
  z-index: 2;
  top: 0.9rem;
  padding: 0.2rem 0.4rem;
  background-color: #fff;
  margin: 0 1.1rem;
  display: flex;
  column-gap: 0.8rem;
}

.productlist1 .right .right_top form {
  flex: 1;
  display: flex;
  border: 1px solid #eaeef2;
  padding: 0 0.15rem 0 0;
  height: 0.4rem;
  align-items: center;
}

.productlist1 .right .right_top form input {
  flex: 1;
  min-width: 0;
  padding: 0 0.2rem;
  color: #f46c1c;
}

.productlist1 .right .right_top form input::placeholder {
  color: #666;
  font-family: var(--f300);
}

.productlist1 .right .right_top form button {
  border: 0;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}

.productlist1 .right .right_top form button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productlist1 .right .right_top .select {
  flex: 1;
  height: 0.4rem;
  border: 1px solid #eaeef2;
  position: relative;
}

.productlist1 .right .right_top .select.on .item_cont img {
  transform: rotate(-180deg);
}

.productlist1 .right .right_top .select .item_cont {
  width: 100%;
  height: 100%;
  padding: 0 0.15rem 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.productlist1 .right .right_top .select .item_cont .p1 {
  color: #f46c1c;
  flex: 1;
}

.productlist1 .right .right_top .select .item_cont img {
  width: 0.11rem;
  height: auto;
  transition: all 0.4s ease;
}

.productlist1 .right .right_top .select .item_down {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0.2rem 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  display: none;
  padding-right: 4px;
}

.productlist1 .right .right_top .select .item_down::before {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 100%;
  z-index: 3;
  width: 0.1rem;
  height: 0.1rem;
  border: 0.1rem solid transparent;
  border-bottom-color: #fff;
  filter: drop-shadow(0 2px 12px 0 rgba(0, 0, 0, 0.1));
}

.productlist1 .right .right_top .select .item_down .item_down_cont {
  overflow-y: auto;
  height: 100%;
  min-height: 0;
  max-height: 200px;
}

.productlist1 .right .right_top .select .item_down .item_down_cont::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.productlist1 .right .right_top .select .item_down .item_down_cont::-webkit-scrollbar-track {
  background-color: transparent;
}

.productlist1 .right .right_top .select .item_down .item_down_cont::-webkit-scrollbar-thumb {
  background: #dddee0;
  border-radius: 2px;
}

.productlist1 .right .right_top .select .item_down .item_down_cont .item {
  padding: 0 0.2rem;
  width: 100%;
  height: 0.34rem;
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
}

.productlist1 .right .right_top .select .item_down .item_down_cont .item:hover {
  background-color: #f5f7fa;
}

.productlist1 .right {
  padding-bottom: 1.29rem;
}

.productlist1 .right .list {
  display: flex;
  flex-wrap: wrap;
}

.productlist1 .right .list .item {
  width: 50%;
  border-right: 1px solid rgba(14, 55, 111, 0.1);
  border-bottom: 1px solid rgba(14, 55, 111, 0.1);
  padding: 0.73rem 1.1rem 0.55rem;
  position: relative;
  z-index: 1;
}

.productlist1 .right .list .item:hover .btn_box {
  opacity: 1;
}

.productlist1 .right .list .item:hover .text {
  opacity: 0;
}

.productlist1 .right .list .item .btn_box {
  height: 0.62rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  opacity: 0;
  transition: all 0.4s ease;
}

.productlist1 .right .list .item .btn_box .btn {
  width: 50%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  background-color: var(--viColor);
}

.productlist1 .right .list .item .btn_box .btn:last-child {
  background-color: #f46c1c;
}

.productlist1 .right .list .item .img {
  width: 4.04rem;
  height: auto;
  aspect-ratio: 404 / 444;
}

.productlist1 .right .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productlist1 .right .list .item .text {
  transition: all 0.4s ease;
}

.productlist1 .right .list .item .text .h1 {
  color: var(--viColor);
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.productlist1 .right .list .item .text .p1 {
  line-height: 1.5;
}

.productlist1 .right .list .item:nth-child(2n) {
  border-right: 0;
}

.product1 {
  /*position: sticky;*/
  position: relative;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: end;
  justify-content: end;
  pointer-events: none;
}

.product1 .swiper2 {
  position: absolute;
  pointer-events: all;
  width: 1.56rem;
  z-index: 3;
  right: 1.3rem;
  top: 2.06rem;
  height: fit-content;
  height: 4rem;
}

.product1 .swiper2 .swiper-slide {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 0.13rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.4s ease;
}

.product1 .swiper2 .swiper-slide.swiper-slide-thumb-active {
  border-color: #f46c1c;
}

.product1 .swiper2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product1 .swiper1 {
  pointer-events: all;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: auto;
  height: 84.25vh;
  aspect-ratio: 992 / 910;
}

.product1 .swiper1 .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  opacity: 0 !important;
}

.product1 .swiper1 .swiper-slide-active {
  opacity: 1 !important;
}

.product1 .swiper1 .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.product2 {
  margin-top: -100vh;
  width: 100%;
  /*height: 100vh;*/
  height: auto;
  position: relative;
  z-index: 1;
  /*overflow: hidden;*/
}

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

.product2 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product2 .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.6rem var(--Padd) .5rem;
}

.product2 .cont .tit_f {
  color: #fff;
  margin-bottom: 0.23rem;
  line-height: 1.625;
}

.product2 .cont .title {
  color: #fff;
  font-family: var(--f500);
  font-weight: 500;
  line-height: 1.2;
  width: 9.52rem;
  margin-bottom: .5rem;
}

.product2 .cont .center {
  flex: 1;
  width: 9.52rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
}

.product2 .cont .center .center_wrapper {
  padding: 0.58rem 0 0.58rem;
}

.product2 .cont .center::-webkit-scrollbar {
  display: none;
}

.product2 .cont .center .list .item {
  margin-bottom: 0.55rem;
}

.product2 .cont .center .list .item:last-child {
  margin-bottom: 0.7rem;
}

.product2 .cont .center .list .item .card {
  margin-bottom: 0.26rem;
  display: flex;
  align-items: center;
}

.product2 .cont .center .list .item .card:last-child {
  margin-bottom: 0;
}

.product2 .cont .center .list .item .card .ico {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.17rem;
}

.product2 .cont .center .list .item .card .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product2 .cont .center .list .item .card .ico2 {
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 0.36rem;
}

.product2 .cont .center .list .item .card .t1 {
  color: #fff;
  font-weight: 500;
  font-family: var(--f500);
  line-height: 1.36;
}

.product2 .cont .center .list .item .card .t2 {
  color: #fff;
  line-height: 1.36;
}

.product2 .cont .center .btn_box {
  display: flex;
  column-gap: 0.67rem;
}

.product2 .cont .center .btn_box .btn {
  cursor: pointer;
}

.product2 .cont .center .btn_box .btn .text {
  border: 1px solid #fff;
  font-weight: 600;
  color: #fff;
  transition: all 0.4s ease;
}

.product2 .cont .center .btn_box .btn:hover .text {
  background-color: #fff;
  color: var(--viColor);
}

.product3 {
  width: 100%;
  background: #fff url(../img/35.png) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}

.product3 .tabber {
  padding: 0.43rem var(--Padd) 0.29rem;
  display: flex;
  align-items: center;
  column-gap: 0.52rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0.81rem;
}

.product3 .tabber .item {
  padding-right: 0.48rem;
  border-right: 1px solid #d1d1d1;
  height: 0.52rem;
  display: flex;
  align-items: center;
}

.product3 .tabber .item.on {
  color: var(--viColor);
  font-weight: 500;
  font-family: var(--f500);
  cursor: pointer;
}

.product3 .tabber .item:last-child {
  border-right: 0;
}

.product3 .cont {
  padding: 0 var(--Padd) 0.4rem;
}

.product3 .cont .title {
  /*width: 8rem;*/
  line-height: 1.5;
  color: #041d2c;
  margin-bottom: 0.63rem;
}

.product3 .cont .p1 {
  /*width: 9.16rem;*/
  color: var(--viColor);
  line-height: 2;
  margin-bottom: 0.3rem;
}

.product3 .cont .list {
  /*width: 9rem;*/
  max-height: 3rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0.4rem;
  padding-right: 1rem;
  line-height: 1.5;
}

.product3 .cont .list li {
  line-height: 1.75;
  color: #05070A;
  list-style-type: disc;
  margin-left: .22rem;
}

.product3 .cont .list::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.product3 .cont .list::-webkit-scrollbar-track {
  background-color: #e6e6e6;
}

.product3 .cont .list::-webkit-scrollbar-thumb {
  background: var(--viColor);
  border-radius: 0;
}

.product4 {
  position: relative;
  z-index: 1;
}

.product4 .bgimg {
  position: sticky;
  top: 0;
  width: 100%;
}

.product4 .cont {
  padding-top: .8rem;
  padding: 0 2.6rem 1.5rem;
  background: #fff;
  position: relative;
  z-index: 2;
}

.product4 .cont::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 4rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}


.product4 .cont .title {
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.2rem;
  color: #041D2C;
}

.product4 .cont .p1 {
  line-height: 1.62;
  color: #666;
  margin-bottom: 0.5rem;
  display: flex;
}

.product4 .cont .p1 span {
  margin-right: 8px;
  color: #f46c1c;
  line-height: 2;
}

.product4 .cont .img {
  width: 100%;
  height: auto;
  background-color: #dcdddd;
  padding: 0.75rem 0.35rem 0.81rem;
  margin: 0 auto;
}

.product4 .cont .img .pic {
  width: 100%;
  height: auto;
}

.solution1 {
  padding: 1.6rem 0 0.5rem;
  overflow: hidden;
}

.solution1 .title {
  text-align: center;
  line-height: 1.36;
  color: #041d2c;
  margin-bottom: 0.6rem;
  font-weight: 500;
  font-family: var(--f500);
}

.solution1 .swiper {
  padding-left: var(--Padd);
  margin-bottom: 0.5rem;
}

.solution1 .swiper .swiper-slide {
  width: 5.33rem;
  height: auto;
  aspect-ratio: 533 / 542;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
}

.solution1 .swiper .swiper-slide:hover .text {
  background-color: #f46c1c;
}

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

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

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

.solution1 .swiper .swiper-slide .text {
  width: 100%;
  height: fit-content;
  padding: 0.3rem 1rem 0.3rem 0.3rem;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
}

.solution1 .swiper .swiper-slide .text .ico {
  width: 0.65rem;
  height: 0.65rem;
  object-fit: contain;
  margin-bottom: 0.32rem;
}

.solution1 .swiper .swiper-slide .text .h {
  padding-top: 0.17rem;
  border-top: 1px solid #ffffff;
  color: #fff;
  line-height: 1.3;
}

.solution1 .swiper_bot {
  padding: 0 var(--Padd);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution1 .swiper_bot .swiper-scrollbar {
  width: 4rem;
  height: 1px;
  background-color: #e6e6e6;
}

.solution1 .swiper_bot .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #f46c1c;
}

.solution1 .swiper_bot .swiper_btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.11rem;
}

.solution1 .swiper_bot .swiper_btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #041d2c;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.solution1 .swiper_bot .swiper_btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.solution1 .swiper_bot .swiper_btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.solution1 .swiper_bot .swiper_btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.solution1 .swiper_bot .swiper_btn_box .btn img.rot {
  transform: rotate(180deg);
}

.solution2 {
  padding: 1rem 0 0;
}

.solution2 .title {
  text-align: center;
  line-height: 1.36;
  color: #041d2c;
  margin-bottom: 0.3rem;
  font-weight: 500;
  font-family: var(--f500);
}

.solution2 .p1 {
  width: 13rem;
  margin: 0 auto;
  margin-bottom: 0.3rem;
  line-height: 2;
  color: #666666;
  text-align: center;
}

.solution2 .btn_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  column-gap: 0.2rem;
}

.solution2 .btn_box .btn {
  height: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 0.27rem;
  color: #333;
  transition: all 0.4s ease;
}

.solution2 .btn_box .btn:hover {
  background-color: #f46c1c;
  color: #fff;
  border-color: #f46c1c;
}

.solution3 {
  height: 6.55rem;
  position: relative;
}

.solution3 .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.solution3 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution3 .list {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.solution3 .list .item {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 1.01rem;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
  cursor: pointer;
}

.solution3 .list .item.on {
  background-color: transparent;
}

.solution3 .list .item.on .item_cont::after {
  opacity: 1;
}

.solution3 .list .item.on .item_cont .num {
  color: #fff;
}

.solution3 .list .item.on .item_cont .h1 {
  color: #fff;
}

.solution3 .list .item .item_cont {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0.4rem;
  padding-bottom: 0.3rem;
  position: relative;
}

.solution3 .list .item .item_cont::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #f46c1c;
  transform: translateY(50%);
  transition: all 0.4s ease;
  opacity: 0;
}

.solution3 .list .item .item_cont .num {
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.4s ease;
  line-height: 2;
}

.solution3 .list .item .item_cont .h1 {
  color: rgba(255, 255, 255, 0.3);
  line-height: 2;
  font-weight: 500;
  font-family: var(--f500);
}

.solution3 .list .item .item_cont .p1 {
  margin-top: 0.2rem;
  line-height: 1.3;
  font-weight: 300;
  color: #fff;
  display: none;
  font-family: var(--f300);
}

.solution4 {
  padding: 1.5rem 0;
  overflow: hidden;
}

.solution4 .title {
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
  color: #041D2C;
}

.solution4 .swiper {
  margin-bottom: 0.5rem;
}

.solution4 .swiper .swiper-slide {
  width: 11.3rem;
  height: auto;
  aspect-ratio: 1130 / 559;
  border-bottom: 0.09rem solid transparent;
  position: relative;
  transition: all 0.4s ease;
}

.solution4 .swiper .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2%;
  z-index: 2;
}

.solution4 .swiper .swiper-slide.swiper-slide-active {
  border-bottom-color: #f46c1c;
}

.solution4 .swiper .swiper-slide.swiper-slide-active .text {
  opacity: 1;
}

.solution4 .swiper .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000 100%);
}

.solution4 .swiper .swiper-slide .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

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

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

.solution4 .swiper .swiper-slide .text {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  transition: all 0.4s ease;
  opacity: 0;
}

.solution4 .swiper .swiper-slide .text .h1 {
  width: 80%;
  line-height: 1.75;
  color: #fff;
  padding: 0.35rem 0.5rem;
}

.solution4 .swiper_bot {
  padding: 0 var(--Padd);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution4 .swiper_bot .swiper-scrollbar {
  width: 4rem;
  height: 1px;
  background-color: #e6e6e6;
}

.solution4 .swiper_bot .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #f46c1c;
}

.solution4 .swiper_bot .swiper_btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.11rem;
}

.solution4 .swiper_bot .swiper_btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #041d2c;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.solution4 .swiper_bot .swiper_btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.solution4 .swiper_bot .swiper_btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.solution4 .swiper_bot .swiper_btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.solution4 .swiper_bot .swiper_btn_box .btn img.rot {
  transform: rotate(180deg);
}

@keyframes identifier {
  0% {
    width: 0;
    height: 0;
  }

  100% {
    width: 100%;
    height: 100%;
    opacity: 0.3;
  }
}

@keyframes lineDraw {
  0% {
    stroke-dashoffset: 100%;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.service1 {
  padding: 1.6rem 0 1.34rem;
}

.service1 .title_f {
  color: #f46c1c;
  margin-bottom: 0.25rem;
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
  text-align: center;
}

.service1 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.42rem;
}

.service2 {
  background-color: #eaeef2;
  padding: 0.85rem 0 1.28rem;
}

.service2 .title_f {
  color: #f46c1c;
  margin-bottom: 0.25rem;
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
  text-align: center;
}

.service2 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
  padding: 0 3.2rem;
}

.service2 .swiper {
  position: relative;
  margin-bottom: 0.35rem;
}

.service2 .swiper .swiper-slide {
  width: 11.3rem;
  height: auto;
  aspect-ratio: 1130 / 550;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.service2 .swiper .swiper-slide.swiper-slide-active .cont {
  transform: translateY(0);
}

.service2 .swiper .swiper-slide.swiper-slide-active .cont::after {
  opacity: 1;
}

.service2 .swiper .swiper-slide.swiper-slide-active .cont .text {
  opacity: 1;
}

.service2 .swiper .swiper-slide .cont {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.4s ease;
  transform: translateY(-0.2rem);
}

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

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

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

.service2 .swiper .swiper-slide .cont::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 60%;
  left: 0;
  opacity: 0;
  bottom: 0;
  transition: all 0.4s ease;
  background: linear-gradient(180deg, rgba(14, 55, 111, 0) 5.92%, #0E376F 85.31%);
}

.service2 .swiper .swiper-slide .cont .text {
  position: relative;
  transition: all 0.4s ease;
  z-index: 3;
  padding: 0.32rem 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 70%;
  height: 100%;
  opacity: 0;
}

.service2 .swiper .swiper-slide .cont .text .h1 {
  color: #fff;
  margin-bottom: 0.2rem;
  line-height: 1.1;
  font-weight: 500;
  font-family: var(--f500);
}

.service2 .swiper .swiper-slide .cont .text .p1 {
  color: #fff;
  line-height: 1.75;
}

.service2 .swiper .btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.service2 .swiper .btn.next {
  right: 2.83rem;
}

.service2 .swiper .btn.prev {
  left: 2.83rem;
}

.service2 .swiper .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.service2 .swiper .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.service2 .swiper .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.service2 .swiper .btn img.rot {
  transform: rotate(180deg);
}

.service2 .eng {
  width: 11.48rem;
  margin: 0 auto;
  margin-bottom: -1rem;
}

.service2 .list {
  display: flex;
  padding: 0 var(--Padd);
  column-gap: 0.26rem;
}

.service2 .list .card {
  width: calc((100% - 0.26rem * 2) / 3);
}

.service2 .list .card:hover .card_cont {
  transform: translateY(-0.2rem);
  background-color: var(--viColor);
}

.service2 .list .card:hover .card_cont .h1 {
  color: #fff;
}

.service2 .list .card:hover .card_cont .p1 {
  color: #fff;
}

.service2 .list .card .card_cont {
  background-color: #fff;
  padding: 0.6rem 0.35rem;
  width: 100%;
  min-height: 3.37rem;
  cursor: pointer;
  transition: all 0.4s ease;
}

.service2 .list .card .card_cont .ico {
  width: 0.53rem;
  height: 0.53rem;
  padding: 0.09rem;
  margin-bottom: 0.36rem;
}

.service2 .list .card .card_cont .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.service2 .list .card .card_cont .h1 {
  color: var(--viColor);
  line-height: 1.18;
  transition: all 0.4s ease;
  margin-bottom: 0.24rem;
}

.service2 .list .card .card_cont .p1 {
  color: rgba(102, 102, 102, 0.8);
  font-weight: 500;
  font-family: var(--f500);
  transition: all 0.4s ease;
  line-height: 1.62;
}

.service3 {
  padding: 1.4rem var(--Padd) 0;
  background-color: #fff;
}

.service3 .title_f {
  color: #f46c1c;
  margin-bottom: 0.25rem;
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
  text-align: center;
}

.service3 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.19rem;
}

.service3 .p1 {
  width: 8.49rem;
  margin: 0 auto;
  margin-bottom: 0.6rem;
  color: #666;
  text-align: center;
  line-height: 2;
}

.service3 .cont {
  display: flex;
}

.service3 .cont .img {
  width: 7.33rem;
  height: 6.32rem;
  overflow: hidden;
}

.service3 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.service3 .cont .img:hover img {
  transform: scale(1.1);
}

.service3 .cont .list_cont {
  flex: 1;
  background-color: #eaeef2;
  padding: 0.85rem 0.6rem;
  padding-right: 0.3rem;
  height: 6.32rem;
}

.service3 .cont .list_cont .list {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.3rem;
}

.service3 .cont .list_cont .list::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.service3 .cont .list_cont .list::-webkit-scrollbar-thumb {
  background-color: var(--viColor);
  border-radius: 2px;
}

.service3 .cont .list_cont .list .item {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
  cursor: pointer;
}

.service3 .cont .list_cont .list .item:nth-child(1) .item_down {
  display: block;
}

.service3 .cont .list_cont .list .item:last-child {
  margin-bottom: 0;
}

.service3 .cont .list_cont .list .item.on .item_cont .num {
  font-weight: bold;
  color: #f46c1c;
}

.service3 .cont .list_cont .list .item.on .item_cont .t1 {
  color: #f46c1c;
  font-size: 0.24rem;
  font-weight: 500;
  font-family: var(--f500);
}

.service3 .cont .list_cont .list .item.on .item_cont .ico::before {
  height: 0%;
}

.service3 .cont .list_cont .list .item .item_cont {
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}

.service3 .cont .list_cont .list .item .item_cont .num {
  width: 0.98rem;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-family: var(--f500);
  color: var(--viColor);
  transition: all 0.4s ease;
}

.service3 .cont .list_cont .list .item .item_cont .t1 {
  flex: 1;
  line-height: 2;
  transition: all 0.4s ease;
  color: #666666;
}

.service3 .cont .list_cont .list .item .item_cont .ico {
  width: 14px;
  height: 14px;
  position: relative;
  margin-left: calc(0.57rem - 14px);
}

.service3 .cont .list_cont .list .item .item_cont .ico::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  border: 1px solid #f46c1c;
}

.service3 .cont .list_cont .list .item .item_cont .ico::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  transition: all 0.4s ease;
  border: 1px solid #f46c1c;
}

.service3 .cont .list_cont .list .item .item_down {
  padding-left: 0.98rem;
  padding-right: 0.57rem;
  display: none;
  line-height: 2;
  color: #666666;
}

.service4 {
  padding: 1.7rem var(--Padd) 1.2rem;
  background-color: #fff;
  position: relative;
}

.service4 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
}

.service4 .list {
  display: flex;
  column-gap: 0.29rem;
  flex-wrap: wrap;
  row-gap: 0.29rem;
}

.service4 .list .item {
  width: calc((100% - 0.29rem * 2) / 3);
}

.service4 .list .item .img {
  width: 100%;
  height: auto;
  aspect-ratio: 534 / 348;
  overflow: hidden;
}

.service4 .list .item .img:hover img {
  transform: scale(1.1);
}

.service4 .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.service4 .list .item .text {
  padding: 0.2rem 0 0;
}

.service4 .list .item .text .time {
  display: flex;
  column-gap: 0.1rem;
  align-items: center;
  color: var(--viColor);
  line-height: 1.5;
  margin-bottom: 0.1rem;
}

.service4 .list .item .text .time span {
  height: 0.11rem;
  border: 1px solid var(--viColor);
}

.service4 .list .item .text .t1 {
  line-height: 1.4;
  color: #041d2c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .4s ease;
}

.service4 .list .item:hover .text .t1 {
  color: #f46c1c;
}

.service5 {
  background-color: #fff;
  position: relative;
  height: 10.96rem;
}

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

.service5 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service5 .cont {
  position: relative;
  z-index: 2;
  padding: 4rem 0 1.83rem 1.3rem;
  display: flex;
  height: 100%;
}

.service5 .cont .left {
  margin-right: 1.1rem;
  height: 100%;
  width: 7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service5 .cont .left .t_f1 {
  color: #f46c1c;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-family: var(--f500);
  line-height: 1.36;
}

.service5 .cont .left .t1 {
  color: #fff;
  font-family: var(--f500);
  font-weight: 500;
  margin-bottom: 0.4rem;
  line-height: 1.36;
}

.service5 .cont .left .h1 {
  color: #fff;
  line-height: 2;
}

.service5 .cont .left .swiper_bot {
  display: flex;
  align-items: center;
}

.service5 .cont .left .swiper_bot .btn_box {
  display: flex;
  column-gap: 0.15rem;
  margin-right: 0.45rem;
}

.service5 .cont .left .swiper_bot .btn_box .btn {
  width: 0.37rem;
  height: 0.37rem;
  border-radius: 50%;
  padding: 0.12rem;
  background-color: transparent;
  transition: all 0.4s ease;
  background: #f46c1c;
  cursor: pointer;
}

.service5 .cont .left .swiper_bot .btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.4);
}

.service5 .cont .left .swiper_bot .btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.service5 .cont .left .swiper_bot .btn_box .btn img.rot {
  transform: rotate(180deg);
}

.service5 .cont .left .swiper_bot .swiper-scrollbar {
  width: 3.07rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.service5 .cont .left .swiper_bot .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #f46c1c;
}

.service5 .cont .right {
  flex: 1;
  height: 100%;
}

.service5 .cont .right .swiper {
  width: 100%;
  height: 100%;
  padding-right: 2.6rem;
  overflow: hidden;
}

.service5 .cont .right .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.service5 .cont .right .swiper .swiper-slide.swiper-slide-active .text {
  opacity: 1;
}

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

.service5 .cont .right .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

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

.service5 .cont .right .swiper .swiper-slide .text {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0.4rem;
  transition: all 0.4s ease;
  opacity: 0;
}

.service5 .cont .right .swiper .swiper-slide .text .t1 {
  color: #fff;
  line-height: 2;
  font-weight: 500;
  font-family: var(--f500);
}

.service5 .cont .right .swiper .swiper-slide .text .p1 {
  line-height: 2;
  color: #fff;
}

.service6 {
  padding: 1.5rem var(--Padd) 0;
}

.service6 .title_f {
  color: #f46c1c;
  margin-bottom: 0.25rem;
  line-height: 1.36;
  font-weight: 500;
  font-family: var(--f500);
  text-align: center;
}

.service6 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
}

.service6 .cont .tabber {
  background-color: #0e376f;
  display: flex;
}

.service6 .cont .tabber .item {
  min-width: 4.26rem;
  height: 0.6rem;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
}

.service6 .cont .tabber .item.on {
  background-color: #f46c1c;
}

.service6 .cont .tabcont {
  display: none;
  background: #EAEEF2 url(../img/50.png) no-repeat left top;
  background-size: auto 100%;
}


.service6 .cont .tabcont.on {
  display: block;
}

.service6 .cont .tabcont .tabcont_top {
  padding: 0.5rem 1.5rem 0.5rem 1.3rem;
  min-height: 4.76rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.service6 .cont .tabcont .tabcont_top2 {
  padding: 0.5rem 1.5rem 0.5rem 1.3rem;
  min-height: 4.76rem;
}

.service6 .cont .tabcont .tabcont_top2 .card_container {
  display: flex;
  justify-content: space-between;
  margin-bottom: .46rem;
}

.service6 .cont .tabcont .tabcont_top2 .card_container:last-child {
  margin-bottom: 0;
}

.service6 .cont .tabcont .tabcont_top2 .card {
  width: 65%;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text {
  width: 5.43rem;
}

.service6 .cont .tabcont .tabcont_top2 .card:nth-child(2) .card_text {
  width: 100%;
}

.service6 .cont .tabcont .tabcont_top2 .card:nth-child(2) .card_text .li::after {
  display: none;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li {
  padding-bottom: .25rem;
  display: flex;
  position: relative;
  width: 5.43rem;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li::after {
  content: "";
  position: absolute;
  height: 100%;
  left: .04rem;
  transform: translateX(-50%);
  top: .15rem;
  border: .01rem dashed #f46c1c;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li:last-child {
  padding-bottom: 0;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li:last-child::after {
  height: calc(100% - .13rem);
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li .ico {
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: #f46c1c;
  margin-right: .15rem;
  transform: translateY(.11rem);
}

.service6 .cont .tabcont .tabcont_top2 .card .card_text .li span {
  /*display: inline-block;*/
  color: #041d2c;
  line-height: 1.66;
  flex: 1;
}

.service6 .cont .tabcont .tabcont_top2 .card:last-child {
  width: 33%;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_tit svg {
  height: .2rem;
  width: auto;
  margin-right: .12rem;
  display: inline-block;
  vertical-align: middle;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_tit span {
  vertical-align: middle;
  color: #041d2c;
  font-family: var(--f500);
  line-height: 1.625;
}

.service6 .cont .tabcont .tabcont_top2 .card .card_tit2 {
  color: #4c4c56;
  line-height: 1.625;
}

.service6 .cont .tabcont .tabcont_top .left .item {
  display: none;
}

.service6 .cont .tabcont .tabcont_top .left .item.on {
  display: block;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item {
  width: 4.47rem;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form label {
  margin-bottom: 0.3rem;
  display: block;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form label:last-child {
  margin-bottom: 0.52rem;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form button {
  border: 0;
  cursor: pointer;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form button .text {
  background-color: var(--viColor);
  color: #fff;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form .label_name {
  color: #4C4C56;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.11rem;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form input {
  height: 0.5rem;
  background-color: #fff;
  width: 100%;
  padding: 0 0.1rem;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form .input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.5rem;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form .input input {
  width: 3.22rem;
  height: 100%;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form .input .code {
  width: auto;
  height: 100%;
}

.service6 .cont .tabcont .tabcont_top .left .item.form_item form .input .code img {
  width: auto;
  height: 100%;
  cursor: pointer;
}

.service6 .cont .tabcont .tabcont_top .left .item.Anti p {
  line-height: 2;
  color: #666;
}

.service6 .cont .tabcont .tabcont_top .right {
  width: 4.18rem;
}

.service6 .cont .tabcont .tabcont_top .right img {
  width: 100%;
  height: auto;
}

.service6 .cont .tabcont .tabcont_bot {
  padding: 0.12rem 0;
  margin: 0 var(--Padd);
  color: #666;
  border-top: 1px solid #041D2C;
  line-height: 1.625;
}

.service6 .cont .tabcont .tabcont_bot span {
  color: #ed1c24;
}

.service7 {
  padding: 1.5rem var(--Padd);
}

.service7 .title {
  line-height: 1.36;
  color: #041d2c;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
}

.service7 .swiper {
  margin-bottom: 0.7rem;
}

.service7 .swiper .swiper-slide .card {
  width: 100%;
}

.service7 .swiper .swiper-slide .card.video .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.service7 .swiper .swiper-slide .card.video:hover .img img {
  transform: scale(1.1);
}

.service7 .swiper .swiper-slide .card:hover .text .p1 {
  color: var(--viColor);
}

.service7 .swiper .swiper-slide .card.pdf .img {
  background: url(../img/53.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 0.2rem;
}

.service7 .swiper .swiper-slide .card.pdf:hover .img img {
  transform: scale(1.1);
}

.service7 .swiper .swiper-slide .card.pdf .img img {
  width: 2.43rem;
  height: 2.43rem;
  object-fit: contain;
  margin-right: 0.12rem;
  transition: all .5s ease;
}

.service7 .swiper .swiper-slide .card.pdf .img .img_text {
  flex: 1;
}

.service7 .swiper .swiper-slide .card.pdf .img .img_text .h1 {
  color: var(--viColor);
  margin-bottom: 0.08rem;
  line-height: 1.5;
}

.service7 .swiper .swiper-slide .card.pdf .img .img_text .p1 {
  color: #041d2c;
  line-height: 1.5;
}

.service7 .swiper .swiper-slide .card.video .img {
  position: relative;
}

.service7 .swiper .swiper-slide .card.video .img::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0.3rem;
  bottom: 0.3rem;
  width: 0.34rem;
  height: 0.34rem;
  background: url(../img/56.svg) no-repeat center center;
  background-size: contain;
}

.service7 .swiper .swiper-slide .card.video .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service7 .swiper .swiper-slide .card .img {
  width: 100%;
  height: auto;
  aspect-ratio: 532 / 348;
  overflow: hidden;
}

.service7 .swiper .swiper-slide .card .text {
  padding: 0.2rem 0;
}

.service7 .swiper .swiper-slide .card .text .time {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  color: var(--viColor);
  margin-bottom: 0.16rem;
}

.service7 .swiper .swiper-slide .card .text .time span {
  height: 0.11rem;
  border: 1px solid var(--viColor);
}

.service7 .swiper .swiper-slide .card .text .p1 {
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #041d2c;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s ease;
}

.service7 .swiper_bot .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  width: fit-content;
  margin: 0 auto;
}

.service7 .swiper_bot .btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.service7 .swiper_bot .btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.service7 .swiper_bot .btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.service7 .swiper_bot .btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.service7 .swiper_bot .btn_box .btn img.rot {
  transform: rotate(180deg);
}

.about1_cont {
  width: 100%;
  height: 100vh;
  padding-top: 1.3rem;
}

.about1 {
  position: relative;
  height: 100%;
  background-color: var(--viColor);
  overflow: hidden;
}

.about1 .prop {
  position: absolute;
  z-index: 4;
  width: 14.14rem;
  height: 9.24rem;
  bottom: 0;
  right: 0;
  background: url(../img/64.png) no-repeat right bottom;
  background-size: 73% auto;
  opacity: 0;
}

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

.about1 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about1 .cont {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 0 2.6rem;
  padding-top: 0.85rem;
}

.about1 .cont .t {
  font-size: 2.31rem;
  line-height: 1.36;
  color: #fff;
  font-weight: 500;
  font-family: var(--f500);
}

.about1 .cont .p {
  color: #fff;
  width: 4.34rem;
  line-height: 2;
  margin-bottom: 0.42rem;
}

.about1 .cont .btn .text {
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(15px);
  color: #fff;
  cursor: pointer;
}

.about1 .cont2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  transform: translateY(80%);
  opacity: 0;
  pointer-events: none;
}

.about1 .cont2 .left {
  position: absolute;
  left: 2.6rem;
  top: 16%;
  width: 5.87rem;
}

.about1 .cont2 .left .p1 {
  color: #fff;
  line-height: 2;
  margin-bottom: 0.76rem;
}

.about1 .cont2 .left .btn {
  display: flex;
  align-items: center;
  color: #fff;
}

.about1 .cont2 .left .btn:hover img {
  transform: translateX(0.1rem);
}

.about1 .cont2 .left .btn img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.38rem;
  transition: all 0.4s ease;
}

.about1 .cont2 .right {
  position: absolute;
  width: 3rem;
  right: 2.6rem;
  top: 30%;
}

.about1 .cont2 .right .num {
  font-size: 2.17rem;
  color: #fff;
  font-weight: 500;
  font-family: var(--f500);
  line-height: 1;
}

.about1 .cont2 .right .p {
  color: #fff;
  line-height: 2;
}

.ab2 {
  padding: 0 2.6rem 0 2.5rem;
  position: sticky;
  height: 100vh;
}

.ab2 .title {
  position: absolute;
  z-index: 2;
  left: 3.6rem;
  color: #041d2c;
  line-height: 1.36;
  top: 1rem;
}

.ab2 .swiper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ab2 .swiper .num_zom {
  font-size: 2rem;
  font-family: var(--f500);
  color: var(--viColor);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ab2 .swiper .num_zom::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  left: 1.41rem;
  top: 50%;
  transform: translateY(-50%);
}

.ab2 .swiper .swiper-slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.74rem;
  padding-left: 2.4rem;
  position: relative;
  z-index: 2;
}

.ab2 .swiper .swiper-slide.swiper-slide-active .num {
  color: var(--viColor);
}

.ab2 .swiper .swiper-slide.swiper-slide-active .item_cont .p {
  color: var(--viColor);
  font-weight: 500;
  font-family: var(--f500);
}

.ab2 .swiper .swiper-slide .num {
  font-size: 2rem;
  color: #e9e9e9;
  transition: 0.4s ease;
}

.ab2 .swiper .swiper-slide .item_cont {
  width: 6.04rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.21);
  padding: 0.72rem 0 0.72rem;
}

.ab2 .swiper .swiper-slide .item_cont .time {
  color: #333333;
  line-height: 2;
}

.ab2 .swiper .swiper-slide .item_cont .p {
  color: #333333;
  line-height: 2;
  transition: 0.4s ease;
}

.ab3 {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 2.6rem;
  padding-bottom: 3rem;
}

.ab3 .list {
  width: 6.56rem;
  margin: 0;
  padding-top: 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.ab3 .list .swiper-slide {
  position: sticky;
  z-index: 1;
  background-color: #fff;
  top: 3rem;
  width: 100%;
  height: 3.77rem;
  border-radius: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem;
  transition: all 0.4s ease;
}

.ab3 .list .swiper-slide:last-child {
  margin-bottom: 0;
}

.ab3 .list .swiper-slide.on {
  background-color: var(--viColor);
  border-color: var(--viColor);
  transform: translateY(0) scale(1) !important;
}

.ab3 .list .swiper-slide.on+.swiper-slide {
  transform: translateY(0) scale(1) !important;
}

.ab3 .list .swiper-slide.on .p {
  color: #fff;
}

.ab3 .list .swiper-slide.on .num {
  color: #fff;
}

.ab3 .list .swiper-slide .p {
  line-height: 2;
  color: #041d2c;
  transition: all 0.4s ease;
}

.ab3 .list .swiper-slide .num {
  font-size: 1.11rem;
  color: var(--viColor);
  transition: all 0.4s ease;
  text-align: right;
  font-weight: 500;
  font-family: var(--f500);
}

.ab3 .right {
  position: sticky;
  top: 3rem;
  /*padding-top: 3rem;*/
  width: 4.63rem;
  text-align: right;
  line-height: 1.36;
  color: #041d2c;
}

.ab5_cont {
  position: relative;
  z-index: 1;
  margin-top: -5rem;
  padding-top: 9rem;
}

.ab5_cont .ab4 {
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  padding: 1rem 2.6rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ab5_cont .ab4 .bgimg {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(9rem + 100vh);
}

.ab5_cont .ab4 .bgimg img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab5_cont .ab4 .ab4_top {
  position: relative;
  z-index: 2;
}

.ab5_cont .ab4 .ab4_top .title {
  color: #fff;
  line-height: 1.36;
  margin-bottom: 0.9rem;
  font-weight: 500;
  font-family: var(--f500);
}

.ab5_cont .ab4 .ab4_top .tabber {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ab5_cont .ab4 .ab4_top .tabber .item {
  width: fit-content;
  padding: 0 0.15rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  transition: all 0.4s ease;
  cursor: pointer;
}

.ab5_cont .ab4 .ab4_top .tabber .item.on,
.ab5_cont .ab4 .ab4_top .tabber .item:hover {
  background-color: #f46c1c;
  border-color: #f46c1c;
}

.ab5_cont .ab4 .swiper_container .swiper_cont {
  display: none;
  position: relative;
}

.ab5_cont .ab4 .swiper_container .swiper_cont.on {
  display: block;
}



.ab5_cont .ab4 .btn_box {}

.ab5_cont .ab4 .btn_box .btn {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #041d2c;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
  top: calc(3.62rem / 2);
  transform: translateY(50%);
  z-index: 2;
}

.ab5_cont .ab4 .btn_box .btn.prev {
  right: calc(100% + .93rem);
}

.ab5_cont .ab4 .btn_box .btn.next {
  left: calc(100% + .93rem);
}

.ab5_cont .ab4 .btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.ab5_cont .ab4 .btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.ab5_cont .ab4 .btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.ab5_cont .ab4 .btn_box .btn img.rot {
  transform: rotate(180deg);
}


.ab5_cont .ab4 .swiper {
  width: 100%;
  z-index: 1;
}

.ab5_cont .ab4 .swiper .swiper-slide {
  width: 3.25rem;
}

.ab5_cont .ab4 .swiper .swiper-slide .img {
  width: 100%;
  height: 3.62rem;
  padding: 0.28rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #144281;
  margin-bottom: 0.38rem;
}

.ab5_cont .ab4 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ab5_cont .ab4 .swiper .swiper-slide .p1 {
  color: #fff;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ab5_cont .ab5 {
  position: relative;
  z-index: 3;
  width: 100%;
  background-color: #fff;
  padding: 1.37rem 0 1.26rem 2.6rem;
}

.ab5_cont .ab5 .title {
  line-height: 1.36;
  color: #041d2c;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.7rem;
}

.ab5_cont .ab5 .swiper_cont {
  overflow: hidden;
  /*border-radius: ;*/
}

.ab5_cont .ab5 .swiper {
  margin: 0;
  margin-bottom: 0.24rem;
  overflow: visible;
  width: 7.36rem;
  /*padding-right: calc(100% - 7.36rem);*/
}

.ab5_cont .ab5 .swiper .swiper-slide {
  transform: scale(.59);
  overflow: hidden;
  transition: all .8s linear;
  transform-origin: right top;
  height: auto;
  position: relative;
  width: 7.36rem;
  z-index: 1;
}

.ab5_cont .ab5 .swiper .swiper-slide.swiper-slide-prev {
  opacity: 0;
  margin: 0;
}

.ab5_cont .ab5 .swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  position: relative;
  margin: 0;
}

.ab5_cont .ab5 .swiper .swiper-slide.swiper-slide-active .p {
  opacity: 1;
}

.ab5_cont .ab5 .swiper .swiper-slide .img {
  width: 100%;
  height: auto;
  aspect-ratio: 440 / 330;
  margin-bottom: 0.35rem;
  overflow: hidden;
}

.ab5_cont .ab5 .swiper .swiper-slide .img:hover img {
  transform: scale(1.1);
}

.ab5_cont .ab5 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  transition: all .4s ease;
  object-fit: cover;
}

.ab5_cont .ab5 .swiper .swiper-slide .p {
  width: 7.36rem;
  color: #333333;
  line-height: 1.36;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transition: all .4s ease;
}

.ab5_cont .ab5 .swiper_bot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.3rem;
}

.ab5_cont .ab5 .swiper_bot .swiper-scrollbar {
  width: 4rem;
  height: 1px;
  background-color: #e6e6e6;
}

.ab5_cont .ab5 .swiper_bot .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #f46c1c;
}

.ab5_cont .ab5 .swiper_bot .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.11rem;
}

.ab5_cont .ab5 .swiper_bot .btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #041d2c;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.ab5_cont .ab5 .swiper_bot .btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.ab5_cont .ab5 .swiper_bot .btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.ab5_cont .ab5 .swiper_bot .btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.ab5_cont .ab5 .swiper_bot .btn_box .btn img.rot {
  transform: rotate(180deg);
}

.ab5_cont .ab6 {
  position: relative;
  z-index: 3;
  background-color: #fff;
  padding: 1.32rem 0 2.15rem;
}

.ab5_cont .ab6 .title {
  padding: 0 2.6rem;
  color: #041d2c;
  line-height: 1.36;
  font-family: var(--f500);
  font-weight: 500;
  margin-bottom: 0.91rem;
}

.ab5_cont .ab6 .swiper {
  width: 100%;
  pointer-events: none;
}

.ab5_cont .ab6 .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.ab5_cont .ab6 .swiper:nth-child(1) .swiper-slide {
  border-bottom: 0;
}

.ab5_cont .ab6 .swiper .swiper-slide {
  width: 3.85rem;
  height: auto;
  aspect-ratio: 1 / 1;
  border: 1px solid #e4e7e9;
  border-left: 0;
  padding: 0.1rem;
}

.ab5_cont .ab6 .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.news1 {
  position: relative;
  z-index: 2;
  /*margin-top: -1.75rem;*/
  /*padding-left: 2.6rem;*/
  margin-bottom: 1.6rem;
}

.news1 .cont {
  width: 100%;
  height: 5.05rem;
  background-color: #eaeef2;
  display: flex;
}

.news1 .cont .img {
  width: 10.67rem;
  height: 100%;
  overflow: hidden;
}

.news1 .cont .img:hover img {
  transform: scale(1.1);
}

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

.news1 .cont .text {
  /*flex: 1;*/
  width: calc(100% - 10.67rem);
  padding: 0.88rem 0.86rem 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news1 .cont .text .t1 {
  width: fit-content;
  height: 0.36rem;
  border-radius: 0.36rem;
  background-color: #f46c1c;
  color: #fff;
  min-width: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.15rem;
  margin-bottom: 0.39rem;
}

.news1 .cont .text .h1 {
  line-height: 1.5;
  color: #041d2c;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-family: var(--f500);
}

.news1 .cont .text .time {
  color: #041d2c;
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--f500);
}

.news2 {
  padding: 0 var(--Padd) 1.8rem;
}

.news2 .tabber {
  padding-bottom: 0.51rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  column-gap: 0.2rem;
  margin-bottom: 0.8rem;
}

.news2 .tabber .item {
  width: fit-content;
  height: 0.5rem;
  border-radius: 0.5rem;
  color: #041d2c;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 0.27rem;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news2 .tabber .item:hover,
.news2 .tabber .item.on {
  background-color: #f46c1c;
  color: #fff;
  border-color: #f46c1c;
}

.news2 .tabcont {
  margin-bottom: 0.5rem;
}

.news2 .tabcont .list {
  display: none;
}

.news2 .tabcont .list.on {
  display: block;
}

.news2 .tabcont .list .list_cont {
  flex-wrap: wrap;
  column-gap: 0.2rem;
  display: flex;
}

.news2 .tabcont .list .list_cont .item {
  width: calc((100% - 0.2rem * 2) / 3);
  margin-bottom: 0.5rem;
}

.news2 .tabcont .list .list_cont .item:hover .text .h1 {
  color: var(--viColor);
}

.news2 .tabcont .list .list_cont .item .img {
  width: 100%;
  height: auto;
  aspect-ratio: 495 / 310;
  overflow: hidden;
}

.news2 .tabcont .list .list_cont .item .img:hover img {
  transform: scale(1.1);
}

.news2 .tabcont .list .list_cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.news2 .tabcont .list .list_cont .item .text {
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.43rem 0.39rem 0.45rem;
  height: 3.17rem;
}

.news2 .tabcont .list .list_cont .item .text .t1 {
  width: fit-content;
  height: 0.36rem;
  border-radius: 0.36rem;
  color: var(--viColor);
  background-color: #eaeef2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}

.news2 .tabcont .list .list_cont .item .text .h1 {
  color: #000000;
  line-height: 1.5;
  transition: all 0.4s ease;
}

.news2 .tabcont .list .list_cont .item .text .f_16 {
  color: var(--viColor);
}

.news2 .morelist {
  cursor: pointer;
  width: 1.9rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem;
  color: var(--viColor);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.news2 .morelist img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}

.newsDeatil1 {
  display: flex;
  padding: 1.26rem var(--Padd) 1.8rem 2.6rem;
}

.newsDeatil1 .left {
  margin-right: 1.48rem;
  width: 5.76rem;
}

.newsDeatil1 .left .btn {
  display: flex;
  align-items: center;
  margin-bottom: 0.42rem;
  color: var(--viColor);
}

.newsDeatil1 .left .btn img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.28rem;
}

.newsDeatil1 .left .left_cont {
  width: 100%;
  height: fit-content;
  position: sticky;
  top: 1rem;
}

.newsDeatil1 .left .left_cont .h1 {
  color: #041d2c;
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--f500);
  padding-bottom: 0.98rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 0.61rem;
}

.newsDeatil1 .left .left_cont .time {
  display: flex;
}

.newsDeatil1 .left .left_cont .time .data {
  font-size: 1.05rem;
  color: #f46c1c;
  font-weight: 500;
  font-family: var(--f500);
}

.newsDeatil1 .left .left_cont .time .year {
  color: #666666;
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--f500);
}

.newsDeatil1 .right {
  flex: 1;
  color: #666666;
  font-family: var(--f400) !important;
  line-height: 2 !important;
}

.newsDeatil1 .right p img {
  width: 100% !important;
  height: auto !important;
}

.contact_container .banner {
  height: 5.61rem;
}

.contact1 {
  display: flex;
}

.contact1 .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 2.64rem;
  justify-content: center;
  background-color: var(--viColor);
}

.contact1 .left .t1 {
  height: 0.36rem;
  border-radius: 0.36rem;
  color: #fff;
  background-color: #f46c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.15rem;
  width: fit-content;
  margin-bottom: 0.12rem;
  font-weight: 500;
  font-family: var(--f500);
}

.contact1 .left .p1 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.04rem;
  line-height: 1.63;
}

.contact1 .left .eamil {
  color: #fff;
  width: fit-content;
  border-bottom: 1px solid #ffffff;
  line-height: 1.625;
}

.contact1 .right {
  width: 9.66rem;
  height: auto;
  aspect-ratio: 966 / 491;
  position: relative;
}

.contact1 .right .map {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact1 .right .map_ico {
  position: absolute;
  z-index: 2;
  width: 0.2rem;
  height: 0.2rem;
  left: calc(468 / 966 * 100%);
  bottom: calc(141 / 491 * 100%);
}

.contact1 .right .map_ico .ico {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f46c1c;
  position: relative;
}

.contact1 .right .map_ico .ico::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #f46c1c;
  transform: translate(-50%, -50%);
  opacity: 0.16;
  animation: keyamin2 1.5s linear infinite;
}

.contact1 .right .map_ico .prop {
  width: 4.16rem;
  position: absolute;
  padding: 0.32rem 0.46rem;
  height: fit-content;
  left: -1.51rem;
  bottom: calc(100% + 0.4rem);
  filter: drop-shadow(32.156px 20.768px 23.648px rgba(0, 0, 0, 0.09));
  background-color: #fff;
}

.contact1 .right .map_ico .prop::after {
  content: "";
  position: absolute;
  top: 90%;
  left: 40%;
  transform: rotate(30deg);
  border: 0.5rem solid transparent;
  border-left: 0.14rem solid transparent;
  border-right: 0.14rem solid transparent;
  border-top-color: #fff;
}

.contact1 .right .map_ico .prop .h1 {
  color: #f46c1c;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.1rem;
  line-height: 1.66;
}

.contact1 .right .map_ico .prop .p1 {
  line-height: 1.75;
  color: #666;
}

@keyframes keyamin2 {
  0% {
    width: 100%;
    height: 100%;
  }

  100% {
    width: 240%;
    height: 240%;
  }
}

.contact2 {
  padding: 1.6rem 2.56rem 1.6rem 2.64rem;
  display: flex;
}

.contact2 .left {
  width: 5.24rem;
  margin-right: 1.42rem;
  line-height: 1.36;
  color: #041d2c;
  font-weight: 500;
  font-family: var(--f500);
}

.contact2 .right {
  flex: 1;
}

.contact2 .right form .item {
  display: flex;
  margin-bottom: 0.46rem;
  column-gap: 0.34rem;
}

.contact2 .right form .item:last-child {
  margin-bottom: 0.73rem;
}

.contact2 .right form .item label {
  flex: 1;
}

.contact2 .right form .item label .label_name {
  color: #4c4c56;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.14rem;
}

.contact2 .right form .item label .label_name::before {
  content: "*";
  color: #ed1c24;
}

.contact2 .right form .item label input {
  height: 0.49rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0.3rem;
  color: #333;
  min-width: 0;
  width: 100%;
}

.contact2 .right form .item label input::placeholder {
  color: #a9a9a9;
}

.contact2 .right form .item label textarea {
  padding: 0.15rem 0.3rem;
  color: #333;
  width: 100%;
  height: 1.27rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.contact2 .right form .item label textarea::placeholder {
  color: #a9a9a9;
}

.contact2 .right form .item label.item_f {
  flex: none;
}

.contact2 .right form .item label.item_f .code_box {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.34rem;
}

.contact2 .right form .item.item_bot label.item_f input {
  width: calc((100% - 0.34rem) / 2);

}

.contact2 .right form .item label.item_f .code_box .code_img {
  height: 0.49rem;
  width: auto;
}

.contact2 .right form button {
  border: 0;
}

.contact2 .right form button .text {
  background-color: var(--viColor);
  color: #fff;
}

.contact3 .bgimg {
  width: 100%;
  height: 6.49rem;
  position: relative;
  margin-bottom: -0.73rem;
}

.contact3 .bgimg img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact3 .bgimg .title {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contact3 .bgimg .title .h1 {
  text-align: center;
  line-height: 1.36;
  color: #fff;
  font-weight: 500;
  font-family: var(--f500);
}

.contact3 .cont {
  padding: 0 var(--Padd) 1.74rem;
}

.contact3 .cont .item_cont {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 1.08rem;
  border-bottom: 1px solid #e4ecf0;
}

.contact3 .cont .item_cont.item_tit {
  background-color: #f46c1c;
  border: 0;
}

.contact3 .cont .item_cont.item_tit .name {
  color: #fff;
}

.contact3 .cont .item_cont .name:nth-child(1) {
  flex: 1.5;
}

.contact3 .cont .item_cont .name:nth-child(2) {
  flex: 2;
}

.contact3 .cont .item_cont .name {
  flex: 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  text-align: center;
  line-height: 1.45;
  padding: .1rem .05rem;
}

.contact3 .cont .list .item .item_cont {
  cursor: pointer;
}

.contact3 .cont .list .item:nth-child(1) .item_down {
  display: block;
}

.contact3 .cont .list .item .item_down {
  background-color: #f9f9f9;
  display: none;
}

.contact3 .cont .list .item .item_down .item_down_cont {
  padding: 0.75rem 1.3rem 0.97rem;
  position: relative;
}

.contact3 .cont .list .item .item_down .item_down_cont .prop {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: 0.8rem;
  right: 1.3rem;
  transform: rotate(45deg);
  cursor: pointer;
}

.contact3 .cont .list .item .item_down .item_down_cont .prop::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  border: 1px solid var(--viColor);
}

.contact3 .cont .list .item .item_down .item_down_cont .prop::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  border: 1px solid var(--viColor);
}

.contact3 .cont .list .item .item_down .item_down_cont .t1 {
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.34rem;
}

.contact3 .cont .list .item .item_down .item_down_cont .card1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.88rem;
}

.contact3 .cont .list .item .item_down .item_down_cont .card1 .card_list {
  width: calc((100% - 0.96rem) / 2);
  font-size: .16rem;
  line-height: 2;
}

.contact3 .cont .list .item .item_down .item_down_cont .card1 .card_list li {
  list-style-type: disc;
}

.contact3 .cont .list .item .item_down .item_down_cont .card1 .card_list .li {
  margin-left: 0.17rem;
  display: list-item;
  color: #333333;
  line-height: 2;
  font-weight: 300;
  font-family: var(--f300);
}

.contact3 .cont .list .item .item_down .item_down_cont .btn {
  cursor: pointer;
}

.contact3 .cont .list .item .item_down .item_down_cont .btn .text {
  background-color: var(--viColor);
  color: #fff;
}

.search1 {
  background-color: #fff;
}

.search1 .form_box {
  width: 100%;
  height: 3.95rem;
  background: url(../img/70.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}

.search1 .form_box .title {
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-family: var(--f500);
  margin-bottom: 0.29rem;
  line-height: 1.36;
}

.search1 .form_box form {
  width: 10rem;
  display: flex;
  align-items: center;
  height: 0.7rem;
  background-color: #fff;
  position: relative;
}

.search1 .form_box form::after {
  content: "";
  position: absolute;
  left: 0.22rem;
  width: 0.18rem;
  height: 0.18rem;
  background: url(../img/71.png) no-repeat center center;
  background-size: cover;
  z-index: 1;
}

.search1 .form_box form input {
  padding: 0 0.6rem;
  flex: 1;
  height: 100%;
}

.search1 .form_box form input::placeholder {
  color: #999999;
}

.search1 .form_box form button {
  height: 100%;
  border: 0;
  cursor: pointer;
  width: fit-content;
  padding: 0 0.3rem;
  color: #fff;
  background-color: #f46c1c;
  -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}

.search1 .tabber {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.95rem;
}

.search1 .tabber .tab_lf {
  width: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2.6rem;
  color: #666666;
}

.search1 .tabber .item {
  width: fit-content;
  padding: 0.25rem 0;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
  color: #333333;
  line-height: 1.2;
}

.search1 .tabber .item.on,
.search1 .tabber .item:hover {
  color: var(--viColor);
  font-weight: 500;
  font-family: var(--f500);
}

.search1 .tabber .item.on::after,
.search1 .tabber .item:hover::after {
  opacity: 1;
}

.search1 .tabber .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 0;
  width: 100%;
  border: 1px solid var(--viColor);
  transition: all 0.4s ease;
}

.search1 .tabber::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #ebebeb;
}

.search1 .tabcont {
  padding: 1rem 2.6rem 1.6rem;
}

.search1 .tabcont .morelist {
  cursor: pointer;
  width: 1.9rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem;
  color: var(--viColor);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.search1 .tabcont .morelist img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}

.search1 .tabcont .card {
  display: none;
}

.search1 .tabcont .card:nth-child(1) {
  display: block;
}

.search1 .tabcont .product_cont .list_tit {
  margin-bottom: 0.63rem;
  color: #041d2c;
  font-weight: 500;
  font-family: var(--f500);
}

.search1 .tabcont .product_cont .list {
  margin-bottom: 1rem;
}

.search1 .tabcont .product_cont .list .list_cont {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.82rem;
}

.search1 .tabcont .product_cont .list .list_cont .item {
  width: calc((100% - 0.82rem * 2) / 3);
  position: relative;
  z-index: 1;
}

.search1 .tabcont .product_cont .list .list_cont .item .img {
  width: 4.04rem;
  height: auto;
  aspect-ratio: 404 / 444;
}

.search1 .tabcont .product_cont .list .list_cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.search1 .tabcont .product_cont .list .list_cont .item .text {
  transition: all 0.4s ease;
}

.search1 .tabcont .product_cont .list .list_cont .item .text .h1 {
  color: var(--viColor);
  line-height: 1.5;
  margin-bottom: 0.08rem;
}

.search1 .tabcont .product_cont .list .list_cont .item .text .p1 {
  line-height: 1.5;
}

.search1 .tabcont .product_cont .list .list_cont .item:nth-child(2n) {
  border-right: 0;
}

.search1 .tabcont .news_cont .list_cont {
  flex-wrap: wrap;
  column-gap: 0.2rem;
  display: flex;
}

.search1 .tabcont .news_cont .list_cont .item {
  width: calc((100% - 0.2rem * 2) / 3);
  margin-bottom: 0.5rem;
}

.search1 .tabcont .news_cont .list_cont .item:hover .text .h1 {
  color: var(--viColor);
}

.search1 .tabcont .news_cont .list_cont .item .img {
  width: 100%;
  height: auto;
  aspect-ratio: 495 / 310;
  overflow: hidden;
}

.search1 .tabcont .news_cont .list_cont .item .img:hover img {
  transform: scale(1.1);
}

.search1 .tabcont .news_cont .list_cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.search1 .tabcont .news_cont .list_cont .item .text {
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.43rem 0.39rem 0.45rem;
  height: 3.17rem;
}

.search1 .tabcont .news_cont .list_cont .item .text .t1 {
  width: fit-content;
  height: 0.36rem;
  border-radius: 0.36rem;
  color: var(--viColor);
  background-color: #eaeef2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.15rem;
  margin-bottom: 0.23rem;
}

.search1 .tabcont .news_cont .list_cont .item .text .h1 {
  color: #000000;
  line-height: 1.5;
  transition: all 0.4s ease;
}

.search1 .tabcont .news_cont .list_cont .item .text .f_16 {
  color: var(--viColor);
}

.service1 .title {
  margin-bottom: 0.85rem;
}

.service1 .map_cont {
  width: 17.06rem;
  height: auto;
  margin: 0 auto;
  position: relative;
}

.service1 .map_cont .map_img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.service1 .map_cont .dot_box .dot {
  position: absolute;
  z-index: 2;
  width: 0.15rem;
  height: fit-content;
  cursor: pointer;
}

.service1 .map_cont .dot_box .dot:hover {
  z-index: 20;
}

.service1 .map_cont .dot_box .dot:hover .img path {
  fill: #f46c1c;
}

.service1 .map_cont .dot_box .dot:hover .dotamin_box::after {
  background: #f46c1c;
}

.service1 .map_cont .dot_box .dot:hover .dotamin_box .amin {
  background: #f46c1c;
}

.service1 .map_cont .dot_box .dot:hover .tit {
  color: #f46c1c;
}

.service1 .map_cont .dot_box .dot:hover::after {
  background-color: #f46c1c !important;
}

.service1 .map_cont .dot_box .dot:hover .card {
  /*display: block;*/
  opacity: 1;
  transform: translateY(-50%);
}

.service1 .map_cont .dot_box .dot .tit {
  font-size: 0.17rem;
  color: #3C4041;
  line-height: calc(26 / 17);
  position: absolute;
  width: fit-content;
  white-space: nowrap;
  opacity: 0;
  margin-top: 0.6vw;
}

.service1 .map_cont .dot_box .dot:hover .tit {
  opacity: 1;
}

.service1 .map_cont .dot_box .dot .img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}

.service1 .map_cont .dot_box .dot .dotamin_box {
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) rotateX(60deg);
}

.service1 .map_cont .dot_box .dot .dotamin_box::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background-color: #0e376f;
}

.service1 .map_cont .dot_box .dot .dotamin_box .amin {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0e376f;
  animation: idamin 2s linear infinite;
}

.service1 .map_cont .dot_box .dot .dotamin_box .amin:last-child {
  animation-delay: 1s;
}

.service1 .map_cont .dot_box .dot.dot1 {
  top: calc(305 / 904 * 100%);
  left: calc(316 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot2 {
  top: calc(636 / 904 * 100%);
  left: calc(548 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot3 {
  top: calc(143 / 904 * 100%);
  left: calc(625 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot4 {
  top: calc(504 / 904 * 100%);
  left: calc(789 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot5 {
  top: calc(468 / 904 * 100%);
  left: calc(889 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot6 {
  top: calc(306 / 904 * 100%);
  left: calc(797 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot6::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--viColor);
  bottom: calc(100% + 0.03rem);
  height: 1.08rem;
}

.service1 .map_cont .dot_box .dot.dot6 .tit {
  bottom: calc(100% + 1.21rem);
  left: -0.25rem;
}

.service1 .map_cont .dot_box .dot.dot7 {
  top: calc(313 / 904 * 100%);
  left: calc(830 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot7::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--viColor);
  bottom: calc(100% + 0.03rem);
  height: 0.72rem;
}

.service1 .map_cont .dot_box .dot.dot7 .tit {
  bottom: calc(100% + 0.75rem);
  left: -0.25rem;
}

.service1 .map_cont .dot_box .dot.dot8 {
  top: calc(319 / 904 * 100%);
  left: calc(856 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot8::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--viColor);
  bottom: calc(100% + 0.03rem);
  height: 0.35rem;
}

.service1 .map_cont .dot_box .dot.dot8 .tit {
  bottom: calc(100% + 0.4rem);
  left: 0;
}

.service1 .map_cont .dot_box .dot.dot9 {
  top: calc(333 / 904 * 100%);
  left: calc(864 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot9::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--viColor);
  left: calc(100% + 0.03rem);
  width: 0.35rem;
}

.service1 .map_cont .dot_box .dot.dot9 .tit {
  left: calc(100% + 0.45rem);
  bottom: 0;
  transform: translateY(50%);
}

.service1 .map_cont .dot_box .dot.dot10 {
  top: calc(325 / 904 * 100%);
  left: calc(838 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot10::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--viColor);
  right: calc(100% + 0.03rem);
  width: 0.55rem;
}

.service1 .map_cont .dot_box .dot.dot10 .tit {
  right: calc(100% + 0.65rem);
  bottom: 0;
  transform: translateY(50%);
}

.service1 .map_cont .dot_box .dot.dot11 {
  top: calc(343 / 904 * 100%);
  left: calc(846 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot11::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--viColor);
  right: calc(100% + 0.03rem);
  width: 0.45rem;
}

.service1 .map_cont .dot_box .dot.dot11 .tit {
  right: calc(100% + 0.55rem);
  bottom: 0;
  transform: translateY(50%);
}

.service1 .map_cont .dot_box .dot.dot12 {
  top: calc(374 / 904 * 100%);
  left: calc(865 / 1706 * 100%);
}

.service1 .map_cont .dot_box .dot.dot12::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  background-color: var(--viColor);
  right: calc(100% + 0.03rem);
  width: 0.45rem;
}

.service1 .map_cont .dot_box .dot.dot12 .tit {
  right: calc(100% + 0.55rem);
  bottom: 0;
  transform: translateY(50%);
}

.service1 .map_cont .dot_box2 .dot {
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
}

.service1 .map_cont .dot_box2 .dot::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0e376f;
}

.service1 .map_cont .dot_box2 .dot::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0e376f;
  animation: idamin2 2.5s linear infinite;
}

.service1 .map_cont .dot_box2 .dot.dot1 {
  top: calc(533 / 904 * 100%);
  left: calc(397 / 1706 * 100%);
}

.service1 .map_cont .dot_box2 .dot.dot2 {
  top: calc(256 / 904 * 100%);
  left: calc(218 / 1706 * 100%);
}

.service1 .map_cont .dot_box2 .dot.dot3 {
  top: calc(761 / 904 * 100%);
  left: calc(497 / 1706 * 100%);
}

.service1 .map_cont .dot_box2 .dot.dot4 {
  top: calc(543 / 904 * 100%);
  left: calc(944 / 1706 * 100%);
}

.service1 .card {
  position: absolute;
  /*right: 0.93rem;*/
  top: 50%;
  transform: translateY(-55%);
  left: 1.5rem;
  z-index: 2;
  width: 5.36rem;
  height: fit-content;
  background: #FFF;
  /*display: none;*/
  opacity: 0;
  transition: all .4s ease;
  pointer-events: none;
  box-shadow: 0px 4px 39px 0px rgba(0, 0, 0, 0.05);
}

.service1 .card.tl {
  left: auto;
  right: 1.5rem;
}

.service1 .card.on {
  display: block;
}

.service1 .card .img {
  width: 100%;
  height: auto;
  aspect-ratio: 536 / 314;
  overflow: hidden;
}

.service1 .card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.service1 .card .img:hover img {
  transform: scale(1.1);
}

.service1 .card .text {
  background-color: #ffffff;
  padding: 0.38rem 0.48rem 0.62rem;
}

.service1 .card .text .h1 {
  padding-bottom: 0.2rem;
  line-height: calc(35 / 24);
  color: #000;
  position: relative;
  margin-bottom: 0.23rem;
}

.service1 .card .text .h1::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #EEE;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

.service1 .card .text .h1::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 0.7rem;
  height: 2px;
  background-color: #F46C1C;
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

.service1 .card .text .list .item {
  margin-bottom: 0.3rem;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  column-gap: 0.17rem;
}

.service1 .card .text .list .item svg {
  width: 0.3rem;
  height: 0.3rem;
  object-fit: contain;
}

.service1 .card .text .list .item span {
  color: #333;
  flex: 1;
}

.service1 .card .text .list .item:last-child {
  margin-bottom: 0;
}

@keyframes idamin {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(4);
    opacity: 0;
  }
}

@keyframes idamin2 {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(20);
    opacity: 0;
  }
}

/* 弹窗 */

.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 2010;
}

.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {
  background: transparent;
  padding: 50px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 90%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  /*background: #fff url(../img/out.png) center no-repeat;*/
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer;
  transition: all .4s ease;

}

.z_tanchuang .tbox .modal .out:hover {
  transform: rotate(90deg);
}

.z_tanchuang .tbox .modal .out::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 70%;
  border: 1.5px solid #fff;
}

.z_tanchuang .tbox .modal .out::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 70%;
  border: 1.5px solid #fff;
}


.z_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

/*.z_tanchuang .tbox .modal .out:hover{background: #fff url(../img/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}*/

.z_tanchuang .tbox .modal2 {
  padding: 20px;
}

.z_tanchuang .tbox .modal .img {
  max-width: 1200px;
}

/* 弹窗选中 */

.z_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out .tbox .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* 弹窗动画 */

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }

  50% {
    transform: scaleY(0.005) scaleX(1);
  }

  100% {
    transform: scaleY(1) scaleX(1);
  }
}


.PAGE {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: .41rem;
  margin-top: .85rem;
}

.PAGE .btn {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.PAGE .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.PAGE .PAGE_NUM {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: .31rem;
}

.PAGE .PAGE_NUM .num {
  padding: .03rem .17rem;
  border-radius: .04rem;
  color: #606060;
  line-height: 2;
  cursor: pointer;
  transition: all .4s ease;
}

.PAGE .PAGE_NUM .num:hover,
.PAGE .PAGE_NUM .num.on {
  /*color: */
  background-color: var(--viColor);
  color: #fff;
}

.w1400 {
  width: 14rem;
  max-width: 90%;
  margin: 0 auto;
}

.solution-info .box1 {
  padding: 1.34rem 0 1.6rem;
}

.solution-info .box1 .title {
  color: #041D2C;
  line-height: 1.36;
  text-align: center;
}

.solution-info .box1 .content {
  margin-top: .52rem;
  line-height: 2;
  color: #666666;
  text-align: center;
}

.solution-info .box1 .pic {
  margin-top: .52rem;
  width: 100%;
}

.solution-info .box1 .pic img {
  width: 100%;
}

.solution-info .box2 {
  padding: .8rem 0 1.5rem;
}

.solution-info .box2 .title {
  color: #041D2C;
  line-height: 1.36;
  text-align: center;
}

.solution-info .box2-swiper {
  margin-top: 1.05rem;
}

.solution-info .box2-swiper .swiper-slide {
  width: 32.4%;
  height: 4.92rem;
  margin-right: 1.4%;
}

.solution-info .box2-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.solution-info .box2-swiper .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.solution-info .box2-swiper .swiper-slide .intro {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.3rem;
  padding: .28rem .36rem;
  color: #fff;
  transform: translateY(1.18rem);
  transition: all .4s;
}

.solution-info .box2-swiper .swiper-slide .intro .cont {
  line-height: 1.5;
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  transition: all .4s;
}

.solution-info .box2-swiper .swiper-slide .intro .more {
  position: absolute;
  bottom: .22rem;
  left: .36rem;
  line-height: 1;
}

.solution-info .box2-swiper .swiper-slide:hover .intro {
  transform: translateY(0);
  background-color: #f46c1c;
}

.solution-info .box2-swiper .swiper-slide:hover .intro .cont {
  line-clamp: 4;
  max-height: 6em;
}

.solution-info .swiper_bot {
  margin-top: .6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution-info .swiper_bot .swiper-scrollbar {
  width: 4rem;
  height: 1px;
  background-color: #e6e6e6;
}

.solution-info .swiper_bot .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #f46c1c;
}

.solution-info .swiper_bot .swiper_btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.11rem;
}

.solution-info .swiper_bot .swiper_btn_box .btn {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1px solid #041d2c;
  padding: 0.12rem;
  background-color: #fff;
  transition: all 0.4s ease;
  background: #f46c1c;
  border-color: #f46c1c;
  cursor: pointer;
}

.solution-info .swiper_bot .swiper_btn_box .btn.swiper-button-disabled {
  cursor: not-allowed;
  background: #fff;
  border-color: #d3d3d3;
}

.solution-info .swiper_bot .swiper_btn_box .btn.swiper-button-disabled img {
  filter: brightness(0) grayscale(0);
}

.solution-info .swiper_bot .swiper_btn_box .btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(100) grayscale(100);
}

.solution-info .swiper_bot .swiper_btn_box .btn img.rot {
  transform: rotate(180deg);
}

@media (max-width: 997px) {
  .solution-info .box2-swiper .swiper-slide {
    width: 80%;
    height: 6rem;
  }
}


.header .header_container .header_right {
  height: 100%;
}

.header .header_container .header_right .language {
  height: 100%;
  position: relative;
  cursor: pointer;
}

.header .header_container .header_right .language:hover .language_down {
  top: 100%;
  opacity: 1;
  pointer-events: all;
}

.header .header_container .header_right .language_down {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 110%;
  transition: all .4s ease;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 0;
  min-width: 1rem;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.header .header_container .header_right .language_down::after {
  position: absolute;
  content: "";
  border-width: 6px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}

.header .header_container .header_right .language_down a {
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  outline: none;
}

.header .header_container .header_right .language_down a:hover {
  color: var(--viColor);
  background: #ecf5ff;
}


/*修改*/

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item {
  padding-right: .3rem;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item .down_left_item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item .down_left_item-box a {
  color: #FFF;
  font-weight: 400;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_tit {
  background: transparent;
  cursor:pointer;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_tit.on {
  background-color: #f46c1c;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_tit.on .down_left__icon {
  transform: rotate(180deg);
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item.on .down_left__icon {
  transform: rotate(180deg);
}

.down_left_item-son {
  display: none;
  margin-top: .18rem;
}

.down_left_item-son .down_left_item a {
  color: #FFF;
  font-weight: 400;
  line-height: 1.5;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item .down_left_item-son .down_left_item {
  padding-left: .12rem;
  padding-right: 0;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item .down_left_item-son .down_left_item.on a {
  color: #F46C1C;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item .down_left_item-son .down_left_item:hover a {
  color: #F46C1C;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list .down_left_item.on .down_left_item-box a {
  color: #F46C1C;
}

.header .header_container .list .item .item_down.product_down .product_down_cont .down_left .down_left_list {
  display: none;
}

.productlist1 .left .list .item.on .p {
  color: #f46c1c;
}

.item-son {
  width: 100%;
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  padding-right: .4rem;
}

.item-son__icon {
  display: block;
  width: .2rem;
  height: .2rem;
  transform: rotate(180deg);
  filter: brightness(100) invert(1);
  cursor: pointer;
}

.productlist1 .left .list .item {
  flex-direction: column;
}

.item-son-box {
  margin-top: .32rem;
  /*display: flex;*/
  display: none;
  flex-direction: column;
  row-gap: .3rem;
}

.item-son-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.productlist1 .left .list .item .item-son__a {
  color: #333;
  font-weight: 400;
}

.productlist1 .left .list .item .item-son-top.on .item-son__a {
  color: #F46C1C;
}

.item-son-top.on .item-son__icon {
  transform: rotate(0deg);
  filter: unset;
}

.item-son-bottom {
  /*display: flex;*/
  display: none;
  flex-direction: column;
  padding-left: .24rem;
  row-gap: .3rem;
  margin-top: .24rem;
}

.item-son-bottom a {
  color: #666;
  font-weight: 400;
  line-height: 1.5;
}

.item-son-bottom.on {
  display: flex;
}

.item-son-bottom a.on {
  color: #F46C1C;
}

.productlist1 .left .list .item.on .item-son-box {
  display: flex;
}

/*.header .header_container .list .item .item_down.product_down {*/
/*    overflow-y: auto;*/
/*}*/
.header .header_container .list .item .item_down.product_down .product_down_cont .down_left {
  overflow-y: auto;
}

.side-fixed {
  position: fixed;
  z-index: 999;
  right: 0.28rem;
  bottom: 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
}
.side-fixed .item {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  background-color: var(--viColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.7s;
}
.side-fixed .item .icon {
  width: 0.22rem;
  height: 0.22rem;
  object-fit: contain;
  transform: translateZ(0);
  transition: all 0.7s;
}
.side-fixed .item:hover {
  background-color: color-mix(in srgb, var(--viColor) 80%, black);
}
.side-fixed .item:hover .icon {
  transform: translateZ(0) scale(1.1);
}

@media (max-width: 1024px) {
  .header {
    display: none;
  }

  /*.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: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    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: 100px;
  }

  .m_header .logo img {
    width: 100%;
  }

  .m_header .right {
    display: flex;
    align-items: center;
  }

  .m_header .right .language {
    font-size: 18px;
    color: #333;
    margin-right: 12px;
  }

  .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;
  }

  /*.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: 21px;
    transition: all 0.5s;
    width: 18px;
    height: 18px;
    background: url(../img/sup3_add.png)no-repeat center;
    background-size: auto 100%;
  }

  .mh_nav .nav>li.on:after {
    background-image: url(../img/sup3_add1.png)
  }

  .mh_nav .nav>li:nth-child(1):after {
    display: none;
  }

  .mh_nav .nav>li:nth-child(4):after {
    display: none;
  }

  .mh_nav .nav>li:nth-child(5):after {
    display: none;
  }

  .mh_nav .nav>li:nth-child(6):after {
    display: none;
  }

  .mh_nav .nav>li:nth-child(7):after {
    display: none;
  }

  .mh_nav .nav>li:nth-child(8):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: 14px;
    color: #1f1f1f;
    margin-bottom: 8px;
  }

  .mh_nav .nav>li .nav1 a {
    padding: 6px 0;
  }

  .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 {
    display: block;
  }

  .footer .footer_top {
    margin: 0 16px;
    width: calc(100% - 32px);
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .footer .footer_center {
    margin: 0 16px;
    width: calc(100% - 32px);
    padding: 40px 0 0 0;
    display: block;
  }

  .footer .footer_center .cont {
    display: block;
  }

  .footer .footer_center .cont .left {
    width: 100%;
    border-right: none;
    padding-top: 0;
  }

  .footer .footer_center .cont .right {
    width: 100%;
    display: none;
  }

  .footer .footer_bottom {
    padding: 14px 16px;
    display: block;
    height: auto;
  }

  .footer .footer_bottom .left {
    width: 100%;
    display: block;
    padding-bottom: 10px;
  }

  .footer .footer_bottom .right {
    justify-content: center;
  }

  .footer .footer_bottom .left .p {
    width: 100%;
    margin-right: 0;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 8px;
  }

  .footer .footer_bottom .left .item {
    width: 100%;
    justify-content: center;
  }

  .footer .footer_center .cont .right .list {
    padding: 30px 0;
  }


  .index_container .Progressbar {
    display: none;
  }

  .index_container .in1 {
    padding: 60px 16px 40px 16px;
    margin-bottom: 0;
  }

  .index_container .in1 .title {
    text-align: center;
    font-size: 36px;
    margin-bottom: 28px;
  }

  .index_container .in2 {
    padding: 0 16px 80px 16px;
    height: auto;
    margin-bottom: 0;
  }

  .index_container .in2 .title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
  }

  .index_container .in2 .p1 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px;
    text-align: left;
  }

  .index_container .in2 .list {
    flex-wrap: wrap;
  }

  .index_container .in2 .list .item {
    width: 48%;
    margin-bottom: 40px;
  }

  .index_container .in2 .list .item .num_box {
    justify-content: center;
  }

  .index_container .in2 .list .item .text {
    text-align: center;
    font-size: 14px;
  }

  .index_container .in3 {
    padding: 0 0 70px 0;
    display: block;
  }

  .index_container .in3 .left {
    width: 100%;
    padding-top: 0;
  }

  .index_container .in3 .left .title_container .title_box {
    padding: 0 16px;
  }

  .index_container .in3 .left .title {
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 30px;
  }

  .index_container .in3 .left .title_f {
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .index_container .in3 .left .btn {
    margin: 0 auto;
    margin-bottom: 50px;
  }

  .index_container .in3 .left .swiper {
    width: 100%;
    margin-bottom: 0;
  }

  .index_container .in3 .left .swiper_bar {
    display: none;
  }

  .index_container .in3 .right {
    width: 100%;
    padding: 0 18px;
    aspect-ratio: 509 / 681;
  }

  .index_container .in3 .right .swiper .swiper-slide .dot_box {
    height: 50vw;
  }

  .index_container .in3 .right .swiper .swiper-slide .card {
    display: block;
    position: static;
    width: 100%;
  }

  .index_container .in3 .right .swiper .swiper-slide .pic {
    height: 50vw;
  }

  .index_container .in4 {
    padding: 0;
  }

  .index_container .in4 .swiper {
    padding-left: 16px;
  }

  .index_container .in5 .in5_1 .amin1 {
    padding: 0 16px;
  }

  .index_container .in5 .in5_1 .amin1 .cont .title {
    width: 100%;
    font-size: 26px;
    margin-bottom: 26px;
  }

  .index_container .in5 .in5_1 .amin1 .cont .p1 {
    width: 100%;
    font-size: 14px;
  }

  .index_container .in5 .in5_1 .amin2 .list.list1 {
    padding: 120px 16px;
    display: block;
  }

  .index_container .in5 .in5_1 .amin2 .list .item {
    width: 100% !important;
  }

  .index_container .in5 .in5_1 .amin2 .list .item .text {
    top: 30px !important;
    left: 32px !important;
    width: calc(100% - 64px) !important;
    font-size: 20px;
  }

  .index_container .in5 .in5_1 .amin2 .list.list2 {
    padding: 120px 16px;
    display: block;
  }

  .index_container .in5 .in5_1 .amin2 .list .item {
    aspect-ratio: 360 / 360;
    margin-bottom: 30px;
  }

  .index_container .in5 .in5_2 .cont {
    padding: 0 16px;
  }

  .index_container .in5 .in5_2 .cont .p1 {
    width: 100%;
  }

  .index_container .in6 {
    padding: 120px 0;
  }

  .index_container .in6 .in6_top {
    padding: 0 16px;
    width: 100%;
    justify-content: center;
    font-size: 36px;
    margin-bottom: 60px;
    text-align: center;
  }

  .index_container .in6 .in6_top .title {
    width: 100%;
  }

  .index_container .in6 .swiper {
    padding: 0 16px;
  }

  .index_container .in6 .in6_top .in6_top_right .btn_box {
    display: none;
  }

  .banner .cont {
    padding: 0 16px;
  }

  .productlist1 .left {
    display: none;
  }

  .productlist1 .right {
    width: 100%;
    padding: 40px 16px;
  }

  .productlist1 .right .right_top {
    margin: 0;
    padding: 12px;
    column-gap: 20px;
    display: block;
  }

  .productlist1 .right .right_top .select {
    padding: 8px;
    margin-top: 10px;
  }

  .productlist1 .right .list .item {
    padding: 20px 16px;
  }

  .productlist1 .right .list .item .img {
    width: 100%;
    aspect-ratio: 404 / 300;
  }

  .module_prop.Quote_cont {
    width: 90%;
  }

  .module_prop.Quote_cont .cont form .item {
    display: block;
    margin-bottom: 0;
  }

  .module_prop.Quote_cont .cont form .item label {
    margin-bottom: 16px;
    display: block;
  }

  .product1 {
    position: relative;
    display: block;
    height: auto;
    padding: 60px 16px;
    background-color:var(--viColor);
  }
 
  .product1 .swiper1 {
    height: auto;
  }

  .product1 .swiper2 {
    position: relative;
    top: 0;
    right: auto;
    height: auto;
    pointer-events: all !important;
    width: 100%;
  }

  .product1 .swiper1 {
    position: relative;
    bottom: auto;
    right: auto;
    transform: scale(1) !important;
    width: 100%;
  }

  .product2 {
      margin-top: 0;
    height: auto;
    position: relative !important;
  }

  .product2 .cont {
    padding: 60px 16px;
  }

  .product2 .cont .title {
    width: 100%;
    font-size: 0.4rem;
  }

  .product2 .cont .center {
    width: 100%;
  }

  .product2 .cont .center .list .item {
    margin-bottom: 20px;
  }

  .product2 .cont .center .center_wrapper {
    padding-bottom: 0;
  }

  .product2 .cont .center {
    flex: none;
  }

  .product1_card .scrollmagic-pin-spacer {
    margin: 0 !important;
    min-height: 0 !important;
  }

  .product3 .tabber {
    padding: 30px 16px;
    justify-content: center;
  }

  .product3 .tabber .item:last-child {
    padding-right: 0;
  }

  .product3 .cont {
    padding: 0 16px 60px 16px;
  }

  .product3 .cont .title {
    width: 100%;
  }

  .product3 .cont .p1 {
    width: 100%;
  }

  .product3 .cont .list {
    width: 100%;
    padding-right: 26px;
    height: auto;
    max-height: 9999px;
  }

  .product4 .cont {
    padding: 0 16px 60px 16px;
  }

  .product4 .cont .img {
    padding: 8px;
  }


  .solution1 {
    padding: 60px 0;
  }

  .solution1 .title {
    font-size: 30px;
    padding: 0 16px;
  }

  .solution1 .swiper {
    padding: 0 16px;
  }

  .solution2 {
    padding-top: 0;
  }

  .solution2 .p1 {
    width: 100%;
    padding: 0 16px;
  }

  .solution3 .list .item {
    padding-bottom: 30px;
  }

  .solution3 .list .item .item_cont {
    padding: 0 16px;
    padding-bottom: 16px;
  }

  .solution3 .list .item .item_cont .p1 {
    line-height: 20px;
    height: 140px;
    overflow: auto;
  }

  .solution4 .title {
    padding: 0 16px;
    line-height: 1.3;
  }

  .solution4 .swiper .swiper-slide {
    width: 80vw;
  }

  .solution4 .swiper .swiper-slide .text {
    background-color: rgba(0, 0, 0, 0.3);
  }

  .solution4 .swiper .swiper-slide .text .h1 {
    width: 100%;
    padding: 30px 16px;
  }

  .solution-info .box1 {
    padding: 120px 16px 60px 16px;
  }

  .solution-info .box2 {
    padding: 0 16px 60px 16px;
  }

  .solution-info .box2-swiper {
    margin-top: 30px;
  }

  .solution-info .box2 .wrap {
    max-width: 100%;
  }

  .service1 {
    overflow: hidden;
  }

  .service1 .map_cont {
    width: 100%;
    margin-bottom: 0
  }

  .service1 .title {
    padding: 0 16px;
  }

  .service2 {
    overflow: hidden;
  }

  .service2 .swiper .swiper-slide {
    width: 80vw;
  }

  .service2 .swiper .swiper-slide {
    aspect-ratio: 1130 / 750;
  }

  .service2 .swiper .swiper-slide .cont .text {
    width: 100%;
  }

  .service2 .swiper .btn {
    display: none;
  }

  .service2 .list {
    flex-wrap: wrap;
    padding: 0 16px
  }

  .service2 .list .card {
    width: 100%;
    margin-bottom: 20px;
  }

  .service2 .list .card .card_cont {
    min-height: auto;
    padding: 16px;
  }

  .service3 {
    padding: 60px 16px;
  }

  .service3 .p1 {
    width: 100%;
  }

  .service3 .cont {
    display: block;
  }

  .service3 .cont .img {
    width: 100%;
  }

  .service3 .cont .list_cont {
    width: 100%;
    padding: 30px 16px;
    height: auto;
  }

  .service4 {
    padding: 0 16px 60px 16px;
  }

  .service4 .list .item {
    width: 47%;
  }

  .service5 {
    height: auto;
  }

  .service5 .cont {
    padding: 160px 16px 60px 16px;
    display: block;
  }

  .service5 .cont .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .service5 .cont .right .swiper {
    padding-right: 1.6rem;
  }

  .service5 .cont .right .swiper .swiper-slide .text {
    padding: 20px 16px;
  }

  .service6 {
    padding: 60px 16px;
  }

  .service6 .cont .tabber .item {
    min-width: 0;
    width: 50%;
    text-align: center;
  }

  .service6 .cont .tabcont .tabcont_top {
    display: block;
    padding: 30px 16px;
  }

  .service6 .cont .tabcont .tabcont_top .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .service6 .cont .tabcont .tabcont_top .right {
    width: 100%;
  }

  .service6 .cont .tabcont .tabcont_bot {
    margin: 0 16px;
  }

  .service7 {
    padding: 0 16px 60px 16px;
  }

  .news1 {
    margin-bottom: 60px;
  }

  .news1 .cont {
    display: block;
    height: auto;
  }

  .news1 .cont .img {
    width: 100%;
  }

  .news2 {
    padding: 0 16px 60px 16px;
  }

  .news2 .tabber {
    flex-wrap: wrap;
  }

  .news2 .tabber .item {
    padding: 0 0.17rem;
    font-size: 12px;
    margin-bottom: 12px;
  }

  .news1 .cont .text {
    width: 100%;
    padding: 20px 16px;
  }

  .news2 .tabcont .list .list_cont .item {
    width: 100%;
  }

  .newsDeatil1 {
    padding: 60px 16px;
    display: block;
  }

  .newsDeatil1 .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
  }

  .newsDeatil1 .left .left_cont {
    position: static;
    width: 100%;
  }

  .newsDeatil1 .left .left_cont .time .data {
    font-size: 0.7rem;
  }

  .banner .cont .title {
    font-size: 0.5rem;
  }

  .contact1 {
    display: block;
  }

  .contact1 .right {
    width: 100%;
  }

  .contact1 .left {
    width: 100%;
    padding: 26px 16px;
  }

  .contact2 {
    padding: 60px 16px;
    display: block;
  }

  .contact2 .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .contact2 .right {
    width: 100%;
  }

  .contact3 .bgimg .title {
    padding: 0 16px;
  }

  .contact3 .cont {
    padding: 0 16px 60px 16px;
  }

  .contact3 .cont .list .item .item_down .item_down_cont {
    padding: 26px 16px 32px 26px;
    display: block;
  }

  .contact3 .cont .list .item .item_down .item_down_cont .card1 .card_list {
    width: 100%;
    margin-bottom: 30px;
  }

  .contact3 .cont .list .item .item_down .item_down_cont .prop {
    top: 26px;
    right: 16px;
  }

  .about_container>div:nth-child(1) {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  .about1 {
    height: auto;
    padding-bottom: 60px;
  }

  .about1_cont {
    position: relative !important;
    height: auto;
  }

  .about1 .cont {
    padding: 0 16px;
    text-align: center;
    padding-top: 20vh;
    z-index: 20;
    height: 70vh;
  }

  .about1 .cont .t {
    font-size: 1.1rem;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
  }

  .about1 .cont .p {
    width: 100%;
    transform: translate(0%, 0%) translate3d(0px, 0px, 0px) !important;
    opacity: 1 !important;
  }

  .about1 .bgimg {
    transform: translate3d(0px, 0px, 0px) scale(1, 1) !important;
    height: 70vh;
  }

  .about1 .cont2 {
    position: relative;
    transform: translate3d(0px, 0px, 0px) !important;
    opacity: 1 !important;
    display: block !important;
    padding: 0 16px;
    padding-top: 40px;
    text-align: center;
  }

  .about1 .cont2 .right {
    width: 100%;
    position: static !important;
  }

  .about1 .cont2 .left {
    width: 100%;
    position: static !important;
  }

  .about1 .cont2 .right .num {
    font-size: 1.17rem;
  }

  .module.btn {
    width: fit-content;
    margin: 0 auto;
  }

  .ab2 {
    padding: 60px 0;
    position: relative !important;
    height: auto;
  }

  .about_container>div:nth-child(2) {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  .ab2 .title {
    position: static;
    margin-bottom: 30px;
    opacity: 1 !important;
    transform: translate(0%, 0%) translate3d(0px, 0px, 0px) !important;
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }

  .ab2 .swiper {
    height: auto;
    width: 100%;
    overflow: hidden;
  }

  .ab2 .swiper .num_zom {
    display: none;
  }

  .ab2 .swiper .swiper-slide {
    padding-left: 0;
  }

  .ab2 .swiper .swiper-slide.swiper-slide .num {
    display: none;
  }

  .ab2 .swiper .swiper-slide .item_cont {
    width: 100%;
    text-align: center;
    padding-top: 0;
  }

  .ab2 .swiper .swiper-slide .item_cont .time {
    font-size: 60px;
    color: #0E376F;
  }

  .ab2 .swiper .swiper-slide.swiper-slide .item_cont .p {
    line-height: 0.4rem;
    height: 2rem;
    overflow: auto;
  }

  .ab3 {
    padding: 0 16px 60px 16px;
    display: block;
  }

  .ab3 .right {
    width: 100%;
    text-align: center;
    top: 2rem;
  }

  .ab3 .list {
    width: 100%;
    margin-top: 0;
    padding-top: 2rem;
  }

  .ab3 .list .swiper-slide {
    top: 5rem;
  }

  .ab5_cont .ab4 {
    padding: 60px 16px;
    height: auto;
    position: relative;
    background: #0e376f;
  }

  .ab4_bot {
    display: none;
  }

  .ab5_cont {
    padding-top: 6rem;
  }

  .ab5_cont .ab4 .swiper .swiper-wrapper {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .ab5_cont .ab4 .swiper .swiper-slide {
    width: 48% !important;
    margin: 0 0 20px 0 !important;
  }

  .ab5_cont .ab4 .bgimg {
    height: 142%;
    display: none;
  }

  .ab5_cont .ab4 .ab4_top .tabber .item {
    text-align: center;
  }

  .ab5_cont .ab4 .btn_box {
    display: none;
  }

  .ab5_cont .ab5 {
    padding: 60px 16px 60px 16px;
  }

  .ab5_cont .ab5 .swiper {
    width: 100%;
  }

  .ab5_cont .ab6 {
    padding: 0 0 60px 0;
  }

  .ab5_cont .ab6 .title {
    padding: 0 16px;
    text-align: center;
  }

  .ab5_cont .ab6 .swiper .swiper-slide {
    aspect-ratio: 2 / 1;
  }

  .ab5_cont .ab5 .swiper_bot {
    padding-right: 0;
  }

  .ab5_cont .ab5 .swiper .swiper-slide {
    transform: scale(1) !important;
    opacity: 1 !important;
    width: 100% !important;
  }

  .ab5_cont .ab5 .title {
    text-align: center;
  }

  .service6 .cont .tabcont .tabcont_top2 {
    padding: 30px 16px;
  }

  .service6 .cont .tabcont .tabcont_top2 .card_container {
    display: block;
  }

  .productlist1 .right .right_top form {
    height: 0.6rem;
  }

  .productlist1 .right .right_top .select {
    height: 0.6rem;
  }

  .product1 .swiper1 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .search1 .form_box form {
    width: 310px;
  }

  .search1 .tabber {
    column-gap: 0;
  }

  .search1 .tabber .tab_lf {
    position: static;
    transform: translateX(0);
    margin-right: 30px;
  }

  .search1 .tabber .item {
    margin-left: 12px;
  }

  .search1 .tabcont {
    padding: 60px 16px;
  }

  .search1 .tabcont .product_cont .list .list_cont {
    column-gap: 0;
    justify-content: space-between;
  }

  .search1 .tabcont .product_cont .list .list_cont .item {
    width: 48%;
    margin-bottom: 20px;
  }

  .search1 .tabcont .product_cont .list .list_cont .item .img {
    width: 100%;
  }

  .index_container .in4 .swiper .swiper-slide {
    padding-bottom: 0;
  }

  .index_container .in4 .swiper .swiper-slide:nth-child(2n) {
    padding-top: 0;
  }

  .productlist1 .right .list .item {
    padding-bottom: calc(0.62rem + 20px);
  }

  .productlist1 .right .list .item .btn_box {
    opacity: 1;
  }

  .productlist1 .right .list .item:hover .text {
    opacity: 1;
  }

  .service1 .card {
    display: none !important;
  }

  .service1 .card_box {
    display: block !important;
    width: 100%;
  }

  .service1 .card_box .card {
    position: static !important;
    transform: translate(0, 0) !important;
    opacity: 1 !important;
    margin: 0 auto;
    max-width: 90%;
    margin-top: 30px;
  }

  .service1 .card_box .card.on {
    display: block !important;
  }

  .index_container .in3 .right .swiper .swiper-slide .dot_box {
    aspect-ratio: 509 / 506;
    height: auto;
  }

  .index_container .in3 .right .swiper .swiper-slide .pic {
    aspect-ratio: 509 / 506;
    height: auto;
  }

  .service2 .title {
    padding: 0 16px;
  }

  .productlist1 .right .right_top .select {
    display: none;
  }

  .productlist1 .right .right_top .mp_nav {
    display: block !important;
    padding: 28px 7px;
  }

  .productlist1 .right .right_top .mp_nav .item1 {
    margin-bottom: 23px;
  }

  .productlist1 .right .right_top .mp_nav .item1:last-child {
    margin-bottom: 0;
  }

  .productlist1 .right .right_top .mp_nav .item1 .h {
    padding-left: 35px;
    line-height: 1.625;
    color: #333;
    font-weight: 500;
    opacity: 1;
    background: url(../img/plm_jt1.png)no-repeat left center;
    background-size: 15px auto;
    font-size: 16px;
  }

  .productlist1 .right .right_top .mp_nav .item1.on .h {
    background-image: url(../img/plm_jt2.png);
    color: #F46C1C;
    font-weight: 600;
  }

  .productlist1 .right .right_top .mp_nav .item1 ul {
    display: none;
    padding: 12px 0 12px 35px;
  }

  .productlist1 .right .right_top .mp_nav .item1.on ul {
    display: block;
  }

  .productlist1 .right .right_top .mp_nav .item1 ul li a {
    padding-left: 27px;
    color: #333;
    font-weight: 400;
    line-height: 1.64;
    background: url(../img/plm_y1.png)no-repeat left center;
    background-size: 15px 15px;
    margin-bottom: 10px;
    display: block;
  }

  .productlist1 .right .right_top .mp_nav .item1 ul li a.on {
    background-image: url(../img/plm_y2.png);
  }

  .productlist1 .right .right_top .mp_nav .item1 ul li:last-child a {
    margin-bottom: 0;
  }

  .productlist1 .right .right_top {
    position: static;
  }

}