:root {
  --Padd: 1.3rem;
  --viColor: #0e376f;
  --headerHeight: 0.9rem;
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
}
[id] {
  scroll-margin-top: calc(var(--headerHeight) + .2rem);
}
.index_container {
  padding-top: 0.9rem;
}
.productlist_container {
  padding-top: 0.9rem;
}
.solution_container {
  padding-top: 0.9rem;
}
.service_container {
  padding-top: 0.9rem;
}
.news_container {
  padding-top: 0.9rem;
}
.newsDeatil_container {
  padding-top: 0.9rem;
}
.contact_container {
  padding-top: 0.9rem;
}
.search_container {
  padding-top: 0.9rem;
}
.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: 0.9rem;
  border-bottom: 1px solid rgba(14, 55, 111, 0.15);
}
.header .header_container .logo {
  width: 1.4rem;
  height: 0.48rem;
  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.55rem;
}
.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%;
  left: 0;
  top: 100%;
  background: transparent;
  padding: 0 1.3rem;
  pointer-events: none;
}
.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;
}
.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-right: 0.1rem;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-family: var(--f500);
}
.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-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%;
}
.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-family: var(--f500);
  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;
  align-items: center;
  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 .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.42rem 0 0.46rem;
  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.23rem;
  height: auto;
}
.footer .footer_top .cont .logo img {
  width: 100%;
  height: auto;
}
.footer .footer_top .cont .Friendship_link {
  width: 2.6rem;
  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: 3.45rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.78rem 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;
}
.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.22;
  font-weight: 500;
  font-family: var(--f500);
}
.footer .footer_center .cont .right {
  flex: 1;
  display: flex;
  align-items: center;
  height: 5.6rem;
}
.footer .footer_center .cont .right .list {
  flex: 1;
  height: 100%;
  padding: 0.92rem 0.48rem 1.2rem 0.82rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  column-gap: 0.2rem;
}
.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: 50%;
  right: calc(100% + 10px);
  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 {
  width: 8.34rem;
  height: 3.9rem;
  position: relative;
}
.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 .dot {
  position: absolute;
  z-index: 2;
  width: 0.08rem;
  height: 0.08rem;
}
.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: 60%;
  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 .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: calc(148 / 390 * 100%);
  left: calc(633 / 834 * 100%);
}
.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 .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_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 .left .item {
  display: flex;
  align-items: center;
}
.footer .footer_bottom .left .item a {
  color: rgba(255, 255, 255, 0.6);
}
.footer .footer_bottom .left .item span {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0.1rem;
}
.footer .footer_bottom .right {
  display: flex;
}
.footer .footer_bottom .right .item {
  width: 0.33rem;
  height: 0.33rem;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 0.2rem;
}
.footer .footer_bottom .right .item:last-child {
  margin-right: 0;
}
.footer .footer_bottom .right .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
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;
  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;
  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;
}
.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;
}
.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: 0.9rem;
}
.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;
}

@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 .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;}
  .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{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: contant;}
  
  .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;
  }
  
  
}