:root {
  --Padd: 1.3rem;
  --viColor: #043fb1;
  --headerHeight: 0.86rem;
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
}
.newsdetails1 .left img{height: auto;width: 100%;}
.newsdetails1 .left .cont h3,h4,h5,h6{ color: #000;font-weight: 700;padding-top: 15px;margin-bottom: 10px;}
.headPADD {
  padding-top: var(--headerHeight);
}
[id] {
  scroll-margin-top: calc(var(--headerHeight));
}
.item_f {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*.banner_amin {*/
/*    position: relative;*/
/*}*/
body.hide {
    height: 100vh;
    overflow: hidden;
}
.website {
    padding: 1.12rem 1.4rem 1.46rem;
}
.website .cont {
    font-size: 16px;
    line-height: 1.5;
}
.website .title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.website  strong {
    /*font-size: 24px;*/
}
.noresult {
    
}
.noresult-title {
    font-weight: bold;
    margin-bottom: .15rem;
}
.noresult-desc {
    line-height: 2;
}
.noresult-desc li {
    position: relative;
    padding-left: .3rem;
}
.noresult-desc li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .1rem;
    border-radius: 50%;
    background-color: #999;
}
.multiselect {
            position: relative;
            width: 3.6rem;
            margin-bottom: .15rem;
        }
        .multiselect1 {
            margin-bottom: 0;
        }
        .multiselect2 {
            margin-bottom: 0;
        }
        
        .multiselect .select-box {
            border-radius: 0.05rem;
            border: 1px solid #DFDFDF;
            padding: 0.1rem 0.16rem;
            cursor: pointer;
            background-color: white;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            transition: all 0.3s ease;
        }
        
        .multiselect .select-box.active {
            border-color: #DFDFDF;
        }
        
        .multiselect .selected-item {
            background-color: #F7F7F9;
            color: #333333;
            padding: 5px 12px;
            border-radius: 20px;
            display: flex;
            align-items: center;
        }
        
        .multiselect .selected-item span {
            margin-left: 8px;
            cursor: pointer;
            font-weight: bold;
        }
        
        .multiselect .placeholder {
            color: #999;
        }
        
        .multiselect .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: white;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-top: 5px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            z-index: 100;
        }
        
        .multiselect .dropdown.show {
            max-height: 300px;
            overflow-y: auto;
        }
        
        .multiselect .options {
            list-style: none;
            padding: 10px 0;
            margin: 0;
        }
        
        .multiselect .option {
            padding: 12px 15px;
            cursor: pointer;
            display: flex;
            align-items: center;
            transition: background-color 0.2s;
        }
        
        .multiselect .option.selected {
            color: #3498db;
            font-weight: 500;
        }
        
        .multiselect .option input {
            margin-right: 10px;
            cursor: pointer;
        }
        
        .multiselect .option label {
            cursor: pointer;
            flex-grow: 1;
        }
        
        .multiselect .arrow {
            width: .2rem;
            height: .2rem;
            margin-left: auto;
            transition: transform 0.3s;
        }
        
        /*.multiselect .arrow.open {*/
        /*    transform: rotate(180deg);*/
        /*}*/
.Splash {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  overflow: hidden;
}
.Splash .letterCont {
  position: absolute;
  top: 0%;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: fill;
  transform-origin: calc((100vw - 6rem) / 2) center;
}

.Splash .letterCont.show {
  transform-origin: calc((100vw - 6rem) / 2) center;
  transform:translateY(10%) scale(7);
  transition: all 2s 3s;
}

.Splash .letterCont.show1 {
  transform-origin: calc((100vw - 6rem) / 2) center;
  transform:translateY(10%) scale(20);
  opacity: 0;
  transition: all 2s;
}



.Splash .letterCont2 {
  z-index: 3;
  opacity: 0;
}
.Splash .gsbg {
  position: absolute;
  z-index: 1;
  left: -20%;
  /*left: 20%;*/
  top: 50%;
  transform: translateY(-50%);
  width: 110%;
  height: auto;
}

.Splash .gsbg.on1{left: 5%;transition: all 2s;}
.Splash .gsbg.on2{opacity:0; transition: all 0.5s;}

.header {
  position: fixed;
  z-index: 199;
  /*z-index: 1001;*/
  background-color: transparent;
  width: 100%;
  transition: all .4s ease;
}
.header:hover {
    background: #fff;
}

.header.sroll {
    background: #fff;
    border-bottom:1px solid #f7f7f9;
}
.header .header_container {
  margin: 0 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--headerHeight));
}
.header .header_container .logo {
  width: 1.66rem;
  height: .25rem;
  position: relative;
}
.header .header_container .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  inset: 0;
  transition: all .4s ease;
}

.header .header_container .logo img.img2 {
    opacity: 0;
}

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

.header:hover .header_container .logo img.img1 {
    opacity: 0;
}
.header:hover .header_container .logo img.img2 {
    opacity: 1;
}
.header .header_container nav {
  height: 100%;
}
.swiper-aftersale-box{display: none;}
.header .header_container nav .nav_list {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.46rem;
}
.header .header_container nav .nav_list li.nav_item {
  height: 100%;
  
}
.header .header_container nav .nav_list li.nav_item1{position: relative;}

/*.header .header_container nav .nav_list li.nav_item .*/

.header .header_container nav .nav_list li.nav_item .pl_xl{position: absolute;top: 100%;left: 0;width: 100%;padding: 0.5rem 1.4rem;background-color: #F6F7F8;display:none;}
.header .header_container nav .nav_list li.nav_item .pl_xl1{padding:0 1.4rem;background-color:#fff;box-shadow: 0 11px 14px rgba(35, 50, 64, 0.08);border-top:1px solid #f7f7f9;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list{width: 100%;display: flex;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item{width: calc(100% / 6);padding:0 0.2rem;position: relative;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:after{content:"";position: absolute;top: 0;right: 0;width: 1px;height: 2.82rem;background: linear-gradient(to bottom, #F6F7F8 0%, #E0E0E0 50%, #F6F7F8 100%);}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:last-child:after{display:none;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item .pic{width: 100%;height: 2.82rem;margin-bottom: 0.67rem;overflow:hidden;border-radius:0.1rem;position:relative;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item .pic:after{content:"";position: absolute;bottom:0;left: 0;width: 100%;height: 1.5rem;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #193EAA 100%);transform:translateY(101%);transition:all 0.5s;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:hover .pic:after{transform:translateY(0);}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item .pic img{width: 100%;height: 100%;object-fit: contain;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item .pic img.img2{display: none;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:hover .pic img.img1{display: none;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:hover .pic img.img2{display: block;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item .txt{color: #454856;line-height: 1.77;font-family: var(--f500);text-align:center;transition:all 0.5s;}
.header .header_container nav .nav_list li.nav_item .pl_xl .list .item:hover .txt{color:#193EAA;}
.header .header_container nav .nav_list li.nav_item .pl_xl .MOD_btn{margin: 0 auto;margin-top: 0.82rem;border-color: #333;}
.header .header_container nav .nav_list li.nav_item .pl_xl .MOD_btn .text{color: #333;}
.header .header_container nav .nav_list li.nav_item .pl_xl .MOD_btn .ico{background-color: #cfd0d0;}


.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down {
    display: flex;justify-content: space-between;
}

.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left{
    width:447px;
    border-right: 1px solid #EBEBEB;
}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item{padding-top: 53px;padding-right: 58px;padding-bottom: 53px;display: none;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item.on{display: block;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item .pic{width: 389px;height: 236px;overflow: hidden;margin-bottom:23px;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item:hover .pic img{transform:scale(1.05);}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item .h{color: #333;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .left .item .p{color: var(--viColor);margin-top: 0.16rem;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .right{width: calc(100% - 447px);padding: 53px 0 53px 56px;}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .right a{display: block;padding: 18px 29px 18px 7px;position: relative; color:#333;border-bottom:1px solid #EBEBEB;transition:all 0.5s}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .right a:hover{color:var(--viColor);}
.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down .right a:after{content:"";position: absolute;right: 0.2rem;width: 14px;height: 14px;background: url(../img/header_jt.svg);background-size: 100% 100%;}
/*.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down a {*/
/*    font-size: 16px;*/
/*    transition: all .4s ease;*/
/*    white-space: nowrap;*/
/*    line-height: 2;*/
/*    text-align: center;*/
/*    display: block;*/
/*}*/
/*.header .header_container nav .nav_list li.nav_item .pl_xl .pl_xl_down a:hover {*/
/*    color: var(--viColor);*/
/*}*/


.header .header_container nav .nav_list li.nav_item .nav_link {
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  border-bottom: 2px solid transparent;
  color: #fff;
}
.header.sroll .header_container nav .nav_list li.nav_item .nav_link {
    color: #333;
}
.header:hover .header_container nav .nav_list li.nav_item .nav_link {
    color: #333;
}
.header .header_container nav .nav_list li.nav_item:hover .nav_link {
  color: var(--viColor);
}
.header .header_container nav .nav_list li.nav_item.on .nav_link {
  color: var(--viColor);
  border-color: var(--viColor);
}
.header .header_container nav .nav_list li.nav_item:hover .submenu {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}
.header .header_container nav .nav_list li.nav_item:hover .submenu .submenu_cont {
  pointer-events: auto;
}
.header .header_container nav .nav_list li.nav_item .submenu {
  position: absolute;
  top: calc(var(--headerHeight));
  left: 0;
  width: 100%;
  height: calc(100vh - var(--headerHeight));
  background-color: rgba(17, 17, 17, 0.2);
  transform: translateY(20px);
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont {
  pointer-events: none;
  width: 100%;
  height: 6rem;
  background-color: #f6f7f8;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 {
  padding: 0.64rem 1.4rem 0.5rem;
  width: 100%;
  height: 100%;
  background-color: #f6f7f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper {
  width: 100%;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .swiper-slide {
  cursor: pointer;
  display: block;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .swiper-slide:hover .img img.line1 {
  opacity: 0;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .swiper-slide:hover .img img.line2 {
  opacity: 1;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .swiper-slide:hover .t1 {
  color: var(--viColor);
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .img {
  width: 100%;
  height: 2.82rem;
  position: relative;
  margin-bottom: 0.67rem;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.4s;
  opacity: 0;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .img img.line1 {
  opacity: 1;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .st1 .swiper .t1 {
  text-align: center;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .btn {
  border-color: #333333;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .btn .ico {
  background-color: #cfd0d0;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .btn .ico svg path {
  stroke: #333;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .btn .ico svg line {
  stroke: #333;
}
.header .header_container nav .nav_list li.nav_item .submenu .submenu_cont .btn .text {
  color: #333;
}
.header .header_right {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
}
.header .header_right .lang {
  display: flex;
  align-items: center;
  column-gap: 0.08rem;
  position: relative;
  height: 0.86rem;
}

.header .header_right .lang ul{position: absolute;
    top: 100%;
    left: -0.05rem;
    width: fit-content;
    padding: 0.1rem 0.3rem 0.1rem 0.3rem;
    line-height: 1.8;
    background-color: #fff;
    display: none;
    white-space: nowrap;
    text-align: center;
    border-bottom-right-radius: 0.06rem;
    border-bottom-left-radius: 0.06rem;
}

.header .header_right .lang ul a{transition:all 0.5s;color:#333;line-height:1.8;margin-bottom:0.12rem;}
.header .header_right .lang ul a:hover{color:var(--viColor);}

.header .header_right .lang .ico {
  width: 0.25rem;
  height: auto;
}
.header .header_right .lang .dwon {
  width: 0.08rem;
  height: auto;
}
.header .header_right .lang svg path {
    transition: all .4s ease;
    fill: #fff;
}

.header .header_right .lang{color: #fff;}

/*.header .header_right .lang .dwon path {*/
/*    transition: all .4s ease;*/
/*    fill: #fff;*/
/*}*/
.header.sroll .header_right .lang svg path {
    fill: #333;
}
.header:hover .header_right .lang svg path {
    fill: #333;
}
.header:hover .header_right .lang {
    color: #333;
}

.header.sroll .header_right .lang{color: #333;}

.header .header_right .search {
  width: 0.15rem;
}
.header .header_right .search svg {
  width: 100%;
  height: auto;
}
.header .header_right .search svg path {
    transition: all .4s ease;
    fill: #fff;
}
.header.sroll .header_right .search svg path {
    fill: #333;
}

.header:hover .header_right .search svg path {
    fill: #333;
}

.header .header_right .Newsletter {
  padding: 0 0.3rem;
  height: 0.41rem;
  border-radius: 0.41rem;
  background-color: var(--viColor);
  display: flex;
  align-items: center;
  column-gap: 0.16rem;
}
.header .header_right .Newsletter .ico {
  width: 0.2rem;
  height: auto;
}
.header .header_right .Newsletter .text {
  color: #fff;
  line-height: calc(24 / 16);
}
.footer {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #04111c;
  padding: 1.31rem 1.4rem 0;
}
.footer .top {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0.76rem;
}
.footer .top .top_left {
  width: 4.66rem;
}
.footer .top .top_left .logo {
  width: 2.5rem;
  margin-bottom: 0.53rem;
}
.footer .top .top_left .logo img {
  width: 100%;
  height: auto;
}
.footer .top .top_left .list_cont {
  margin-bottom: 1.87rem;
}
.footer .top .top_left .list_cont .tit {
  margin-bottom: 0.24rem;
  line-height: calc(30 / 20);
  color: #fff;
}
.footer .top .top_left .list_cont .list {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.footer .top .top_left .list_cont .list .item {
  width: 0.4rem;
  border-radius: 50%;
}

.footer .top .top_left .list_cont .list .item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer .top .top_left .list_cont .list .item img.img2{
    display: none;
}
.footer .top .top_left .list_cont .list .item:hover img.img1{
    display: none;
}
.footer .top .top_left .list_cont .list .item:hover img.img2{
    display: block;
}

.footer .top .top_left .list_cont .list .item svg {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.footer .top .top_left .list_cont .list .item svg path {
  transition: all 0.3s;
}
.footer .top .top_left .list_cont .list .item svg:hover .path1 {
  fill: var(--viColor);
}
.footer .top .top_left .list_cont .list .item svg:hover .path2 {
  fill: #fff;
}
.footer .top .top_left .form_cont {
  width: 3.26rem;
}
.footer .top .top_left .form_cont .tit {
  margin-bottom: 0.29rem;
  color: #fff;
  line-height: calc(23 / 20);
}
.footer .top .top_left .form_cont form {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  background-color: transparent;
  display: flex;align-items: center;padding-bottom: 0.13rem;
}
.footer .top .top_left .form_cont form input[type="text"] {
  
  color: #fff !important;
  width: calc(100% - 0.8rem);
  background-color: transparent !important;
}

.footer .top .top_left .form_cont form input[type="submit"] {

    width: 0.8rem;
    text-align: center;
    background: #d6d6d6;
    line-height: 2;
    border-radius: 0.03rem;
    transition: all 0.5s;
    cursor: pointer;
}

.footer .top .top_left .form_cont form input[type="submit"]:hover{
    color: #ffffff;
    background-color: var(--viColor);
}

.footer .top .top_right {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.swal-button {
    background-color: var(--viColor) !important;
}
.footer .top .top_right ul {
  width: 3rem;
}
.footer .top .top_right ul li {
  width: 100%;
}
.footer .top .top_right ul li .h1 {
  display: block;
  color: #fff;
  padding-bottom: 0.28rem;
  line-height: calc(30 / 20);
  position: relative;
  margin-bottom: 0.3rem;
}
.footer .top .top_right ul li .h1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.2rem;
  z-index: 2;
  border-bottom: 1px solid var(--viColor);
}
.footer .top .top_right ul li .h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.footer .top .top_right ul li .h2 {
  display: block;
  color: #fff;
  transition: all 0.3s;
  opacity: 0.5;
  font-weight: 300;
  font-family: var(--f300);
  margin-bottom: 0.15rem;
  line-height: 1.35;
}
.footer .top .top_right ul li .h2:hover {
  opacity: 1;
}
.footer .bottom {
  padding: 0.16rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .bottom .t {
  color: #fff;
  opacity: 0.4;
  transition: all 0.3s;
}
.footer .bottom a:hover {
  opacity: 1;
}
.footer .bottom .right {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
}
.MOD_btn {
  width: fit-content;
  height: 0.55rem;
  border-radius: 0.55rem;
  padding: 0 0.26rem 0 0.12rem;
  column-gap: 0.14rem;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  border: 1px solid #fff;
}

.MOD_btn.hid{opacity: 0.6;cursor:no-drop!important;}

.MOD_btn .ico {
  width: 0.39rem;
  height: 0.39rem;
  border-radius: 50%;
  padding: 0.1rem;
  transition: all 0.3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.MOD_btn .ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s;
}
.MOD_btn .ico svg line {
  transition: all 0.3s;
}
.MOD_btn .ico svg path {
  transition: all 0.3s;
}
.MOD_btn .text {
  color: #fff;
  transition: all 0.3s;
  line-height: calc(19 / 16);
}
.MOD_btn:hover {
  background-color: var(--viColor) !important;
  border-color: var(--viColor) !important;
}
.MOD_btn:hover .ico {
  background-color: #fff !important;
}
.MOD_btn:hover .ico line {
  stroke: var(--viColor) !important;
}
.MOD_btn:hover .ico path {
  stroke: var(--viColor) !important;
}
.MOD_btn:hover .text {
  color: #fff !important;
}
.index_banner {
  height: 100vh;
  background-color: #000;
  /*padding-top: calc(var(--headerHeight));*/
}
.index_banner .swiper {
    width: 100%;
    height: 100vh;
}
.index_banner .swiper .swiper-pagination {
    display: flex;
    column-gap: 10px;
    width: 100%;
    align-items: center;
    padding: 0 1.4rem;
    bottom: 20px;
}
.index_banner .swiper .swiper-pagination .swiper-pagination-bullet{
    width: 40px;
    height: 2px;
    opacity: 1;
    border: 0;
    margin: 0;
    background: #fff;
    transition: all .4s ease;
}
.index_banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--viColor);
    width: 40px;
}
 /*.swiper-notification*/
.index_banner .banner_cont {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index_banner .banner_cont .bgimg {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index_banner .banner_cont .cont {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 1.37rem 1.4rem;
  display: flex;
  align-items: end;
}
.index_banner .banner_cont .cont .text h1 {
  margin-bottom: 0.6rem;
  line-height: calc(90 / 70);
  color: #fff;
  font-family: var(--f500);
}
.in1 {
  padding: 1.8rem 0 1.13rem;
}
.in1 .top {
  width: 10.78rem;
  margin: 0 auto;
  margin-bottom: 0.6rem;
}
.in1 .top .h1 {
  line-height: calc(80 / 60);
  font-family: var(--f500);
  color: #000;
  text-align: center;
  margin-bottom: 0.24rem;
}
.in1 .top .h1 span {
  color: var(--viColor);
}
.in1 .top .h2 {
  text-align: center;
  color: #686868;
  line-height: calc(40 / 24);
  margin-bottom: 0.7rem;
}
.in1 .top .h2 span {
  color: #333333;
}
.in1 .top .btn {
  margin: 0 auto;
  border-color: #333333;
}
.in1 .top .btn .ico {
  background-color: rgba(51, 51, 51, 0.2);
}
.in1 .top .btn .text {
  color: #333333;
}
.in1 .map_cont {
  width: 16.75rem;
  margin: 0 auto;
  margin-bottom: -0.4rem;
  height: auto;
  aspect-ratio: 1675 / 715;
  position: relative;
  z-index: 1;
}
.in1 .map_cont .map {
  position: absolute;
  inset: 0;
  z-index: 1;
  object-fit: contain;
}
.in1 .map_cont .ico_cont .ico {
  width: calc(17 / 1675 * 100%);
  height: auto;
  z-index: 2;
  position: absolute;
}
.in1 .map_cont .ico_cont .ico img {
  width: 100%;
  height: auto;
}
.in1 .map_cont .ads .ads_ico {
  position: absolute;
  width: .57rem;
  height: .57rem;
  border-radius: 50%;
    background: transparent;
  aspect-ratio: 1 / 1;
  z-index: 3;
  top: 20%;
  left: 20%;
  padding: .14rem;
  cursor: pointer;
  transition: all .4s ease;
}
.in1 .map_cont .ads .ads_ico:hover {
    z-index: 20;
    padding: 0;
}
.in1 .map_cont .ads .ads_ico:hover::after {
    transform: translate(-50%,-50%) scale(1.5);
}
.in1 .map_cont .ads .ads_ico::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    transition: all .4s ease;
    height: 100%;
    border-radius: 50%;
    background-color: var(--viColor);
}
.in1 .map_cont .ads .ads_ico:hover {
    background: var(--viColor);
}

.vicolor {
    color: var(--viColor);
}
.in1 .map_cont .ads .ads_ico  .ads_card {
    position: absolute;
    backdrop-filter: blur(33px);
    box-shadow: 0px 4px 60px 0px rgba(128, 128, 128, 0.2);
    bottom: calc(100% + .47rem);
    width: 3.45rem;
    background: #fff;
    padding: .14rem;
    border-radius: 5px;
    opacity: 0;
    transition: all .4s ease;
    pointer-events: none;
}
.in1 .map_cont .ads .ads_ico:hover  .ads_card {
    opacity: 1;
}
.in1 .map_cont .ads .ads_ico  .ads_card .tit {
    color: var(--viColor);
    line-height: calc(21 / 14);
    margin-bottom: .11rem;
}
.in1 .map_cont .ads .ads_ico  .ads_card .p1 {
    margin-bottom: .11rem;
    line-height: 1.4;
    display: flex;
}
.in1 .map_cont .ads .ads_ico  .ads_card .p1 .p1_tit {
    width: fit-content;
}

.in1 .map_cont .ads .ads_ico  .ads_card .p1 .p1_p {
    flex: 1;
}

.in1 .map_cont .ads .ads_ico  .ads_card .p1:last-child {
    margin-bottom: 0;
}


.in1 .map_cont .ads .ads_ico .am {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%;
    animation: ripple 3s linear  infinite;
    border: 1px dashed var(--viColor);
}

.in1 .map_cont .ads .ads_ico .am2 {
    animation: ripple 3s  linear infinite 1.5s; /* 添加0.3秒延迟 */
}



/*联系我们*/
.contactUs1 .map_cont {
    position: relative;
}
.contactUs1 .map_cont .ico_cont .ico {
  width: calc(17 / 1675 * 100%);
  height: auto;
  z-index: 2;
  position: absolute;
}
.contactUs1 .map_cont .ico_cont .ico img {
  width: 100%;
  height: auto;
}
.contactUs1 .map_cont .ads .ads_ico {
  position: absolute;
  width: .57rem;
  height: .57rem;
  border-radius: 50%;
  background: var(--viColor);
  
  aspect-ratio: 1 / 1;
  z-index: 3;
  top: 20%;
  left: 20%;
  transition: all .4s ease;
  padding: .14rem;
  cursor: pointer;
}

.contactUs1 .map_cont .ads .ads_ico  .ads_card {
    position: absolute;
    backdrop-filter: blur(33px);
    box-shadow: 0px 4px 60px 0px rgba(128, 128, 128, 0.2);
    bottom: calc(100% + .47rem);
    width: 3.45rem;
    background: #fff;
    padding: .14rem;
    border-radius: 5px;
    opacity: 0;
    transition: all .4s ease;
    pointer-events: none;
    z-index: 10;
}
.fb {
    font-weight: 600;
}
.contactUs1 .map_cont .ads .ads_ico:hover{padding:0;}
.contactUs1 .map_cont .ads .ads_ico:hover::after {
    transform:translate(-50%, -50%) scale(1.5);
    background: var(--viColor);
}
.contactUs1 .map_cont .ads .ads_ico:hover .img_cont img {
    /*transform: scale(1.5);*/
}
.contactUs1 .map_cont .ads .ads_ico::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .4s ease;
    height: 100%;
    border-radius: 50%;
    /*background-color: var(--viColor);*/
}
.contactUs1 .map_cont .ads .ads_ico.on  .ads_card {
    opacity: 1;
}
.contactUs1 .map_cont .ads .ads_ico.on::after  {
    background: var(--viColor);
}
.contactUs1 .map_cont .ads .ads_ico  .ads_card .tit {
    color: var(--viColor);
    line-height: calc(21 / 14);
    margin-bottom: .11rem;
}
.contactUs1 .map_cont .ads .ads_ico  .ads_card .p1 {
    margin-bottom: .11rem;
    line-height: 1.4;
    display: flex;
}
.contactUs1 .map_cont .ads .ads_ico  .ads_card .p1 .p1_tit {
    width: fit-content;
}

.contactUs1 .map_cont .ads .ads_ico  .ads_card .p1 .p1_p {
    flex: 1;
}

.contactUs1 .map_cont .ads .ads_ico  .ads_card .p1:last-child {
    margin-bottom: 0;
}


.contactUs1 .map_cont .ads .ads_ico .am {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    border-radius: 50%;
    animation: ripple 3s linear  infinite;
    border: 1px dashed var(--viColor);
}

.contactUs1 .map_cont .ads .ads_ico .am2 {
    animation: ripple 3s  linear infinite 1.5s; /* 添加0.3秒延迟 */
}

.contactUs1 .map_cont .ads .ads_ico .img_cont {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--viColor);
    position: relative;
    z-index: 2;
}
.contactUs1 .map_cont .ads .ads_ico .img_cont img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .4s ease;
}

.in1 .map_cont .ads .ads_ico .am {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 50%;
    animation: ripple 1.5s linear  infinite;
    border: 1px dashed var(--viColor);
}

.in1 .map_cont .ads .ads_ico .am2 {
    animation: ripple 1.5s  linear infinite 1.5s; /* 添加0.3秒延迟 */
}

.contactUs1 .map_cont .ads .ads_ico .am {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    border-radius: 50%;
    animation: ripple 1.5s linear  infinite;
    border: 1px dashed var(--viColor);
}

.contactUs1 .map_cont .ads .ads_ico .am2 {
    animation: ripple 1.5s  linear infinite 1.5s; /* 添加0.3秒延迟 */
}

@keyframes ripple {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 600%;
    height: 600%;
    opacity: 0;
  }
}



.in1 .map_cont .ads .ads_ico .img_cont {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background: var(--viColor);
}
.in1 .map_cont .ads .ads_ico .img_cont img {
    width: 100%;
    height: 100%;
    transition: all .4s ease;
    object-fit: contain;
}
.in1 .map_cont .ads .ads_ico:hover .img_cont img {
    /*transform: scale(1.5);*/
}

.in1 .list {
  position: relative;
  z-index: 2;
  padding: 0 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.26rem;
}
.in1 .list .item_cont {
    
  width: calc((100% - 0.26rem * 3) / 4);
}
.in1 .list .item {
    width: 100%;
  /*padding: 0.38rem 0.2rem 0.33rem;*/
  padding: 0.38rem 0.2rem 0.13rem;
  border-radius: 0.24rem;
  background-color: #fff;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}
.in1 .list .item .ico {
  width: 0.6rem;
  height: 0.6rem;
  margin-bottom: 0.24rem;
  position: relative;
}
.in1 .list .item .ico img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s;
    opacity: 0;
}
.in1 .list .item .ico img.img1 {
    opacity: 1;
}
.in1 .list .item:hover .ico  img.img1{
    opacity: 0;
}
.in1 .list .item:hover .ico  img.img2{
    opacity: 1;
}
.in1 .list .item .num_cont {
  display: flex;
  align-items: center;
  margin-bottom: 0.05rem;
  transition: all 0.3s;
}
.in1 .list .item .num_cont .num {
  line-height: calc(50 / 38);
}
.in1 .list .item .num_cont .num_f {
  line-height: calc(50 / 38);
}
.in1 .list .item .text {
  font-family: var(--f300);
  color: #000;
  line-height: calc(24 / 18);
  transition: all 0.3s;
  min-height: 38px;
}
.in1 .list .item .text span {
  color: var(--viColor);
  transition: all 0.3s;
}
.in1 .list .item:hover {
  background-color: var(--viColor);
}
.in1 .list .item:hover .num_cont {
  color: #fff;
}
.in1 .list .item:hover .text {
  color: #fff;
}
.in1 .list .item:hover .text span {
  color: #fff;
}
.in2 {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.in2 .top {
  padding-top: 1.2rem;
  width: 10.78rem;
  margin: 0 auto;
  height: 5rem;
}
.in2 .top .h1 {
  line-height: calc(80 / 60);
  font-family: var(--f500);
  color: #000;
  text-align: center;
  margin-bottom: 0.24rem;
}
.in2 .top .h1 span {
  color: var(--viColor);
}
.in2 .top .h2 {
  text-align: center;
  color: #686868;
  line-height: calc(40 / 24);
  margin-bottom: 0.7rem;
}
.in2 .top .h2 span {
  color: #333333;
}
.in2 .cont {
  width: 100%;
  height: 100vh;
  position: relative;
}
.in2 .cont .swiper1 {
  z-index: 2;
  width: 7.78rem;
  height: 8.43rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.in2 .cont .swiper1 .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.in2 .cont .swiper1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.in2 .cont .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  position: absolute;
  right: 4rem;
  bottom: 1.08rem;
  z-index: 3;
}
.in2 .cont .btn_box .btn {
  width: 0.63rem;
  height: 0.63rem;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.in2 .cont .btn_box .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}
.in2 .cont .btn_box .btn:hover svg path {
  stroke: #fff;
}
.in2 .cont .btn_box .btn:hover svg line {
  stroke: #fff;
}
.in2 .cont .btn_box .btn svg {
  width: 0.23rem;
  height: auto;
}
.in2 .cont .btn_box .btn svg path {
  transition: all 0.3s;
}
.in2 .cont .btn_box .btn svg line {
  transition: all 0.3s;
}
.in2 .cont .btn_box .btn svg.rote {
  transform: rotate(180deg);
}
.in2 .cont .bgimg {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 11.6rem;
  height: auto;
  transform: scale(4);
  transform-origin: 14% 90%;
}
.in2 .cont .right {
  width: 3.1rem;
  padding: calc(var(--headerHeight) + 20px) 0;
  position: absolute;
  z-index: 3;
  right: 0;
  transform: translateX(100%);
  top: 0;
  background-color: #f9f9f9;
  display: flex;
  align-items: stretch;
}
.in2 .cont .right .swiper2 {
  width: 2.26rem;
  height: calc(100vh - var(--headerHeight));
  margin: 0;
}
.in2 .cont .right .swiper2 .swiper-slide {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.in2 .cont .right .swiper2 .swiper-slide .img_cont {
  width: 100%;
  height: 50%;
  position: relative;
  margin-bottom: 0.1rem;
}
.in2 .cont .right .swiper2 .swiper-slide .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.in2 .cont .right .swiper2 .swiper-slide .img_cont img.line1 {
  opacity: 1;
}
.in2 .cont .right .swiper2 .swiper-slide .img_cont img.line2 {
  opacity: 0;
}
.in2 .cont .right .swiper2 .swiper-slide .img_tit {
  text-align: center;
  transition: all 0.3s;
  font-family: var(--f500);
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
line-height: 1.35;
}
.in2 .cont .right .swiper2 .swiper-slide.swiper-slide-active .img_cont img.line1 {
  opacity: 0;
}
.in2 .cont .right .swiper2 .swiper-slide.swiper-slide-active .img_cont img.line2 {
  opacity: 1;
}
.in2 .cont .right .swiper2 .swiper-slide.swiper-slide-active .img_tit {
  color: var(--viColor);
}
.in2 .cont .right .swiper3 {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.in2 .cont .right .swiper3 .swiper-slide {
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  height: auto;
  margin-bottom: 10px;
  cursor: pointer;
}
.in2 .cont .right .swiper3 .swiper-slide.on .line {
  border-color: var(--viColor);
}
.in2 .cont .right .swiper3 .swiper-slide.act .line:last-child::before {
  opacity: 1;
}
.in2 .cont .right .swiper3 .swiper-slide:last-child {
  margin-bottom: 0;
}
.in2 .cont .right .swiper3 .swiper-slide:nth-child(1) .line:nth-child(1) {
  display: block;
}
.in2 .cont .right .swiper3 .swiper-slide .line {
  width: 5px;
  border: 1px solid #86868b;
  transition: all 0.3s;
}
.in2 .cont .right .swiper3 .swiper-slide .line:nth-child(1) {
  width: 14px;
  display: none;
}
.in2 .cont .right .swiper3 .swiper-slide .line:last-child {
  width: 14px;
  position: relative;
}
.in2 .cont .right .swiper3 .swiper-slide .line:last-child::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 5px;
  background-color: var(--viColor);
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  opacity: 0;
}
.in2 .cont .left {
  position: relative;
  z-index: 3;
  padding: 2.38rem 0 0 1.4rem;
  opacity: 0;
}
.in2 .cont .left .text_cont {
    position: relative;
}
.in2 .cont .left .text_card {
  /*display: none;*/
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top:  0;
  left: 0;
  transform: translateY(15px);
  
  transition: all .5s ease;
  width: 5.09rem;
}
.in2 .cont .left .text_card.on {
  transform: translateY(0);
  /*display: block;*/
  opacity: 1;
  pointer-events: all;
  top: 0;
  left: 0;
  position: relative;
  z-index: 1;
}
.in2 .cont .left .text_card .h1 {
  font-family: var(--f500);
  line-height: calc(80 / 66);
  margin-bottom: 0.22rem;
  color: #333333;
}

.in2 .cont .left .text_card .h1 {
    
    display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.in2 .cont .left .text_card .h2 {
  line-height: calc(34 / 20);
  color: #686868;
  margin-bottom: 0.4rem;
    display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.in2 .cont .left .text_card .btn {
  border-color: #333;
}
.in2 .cont .left .text_card .btn .ico {
  background-color: rgba(51, 51, 51, 0.2);
}
.in2 .cont .left .text_card .btn .text {
  color: #333;
}
.in3 {
  padding: 1.12rem 1.4rem 1.46rem;
}
.in3 .top {
  width: 10.78rem;
  margin: 0 auto;
  margin-bottom: 0.8rem;
}
.in3 .top .h1 {
  line-height: calc(80 / 60);
  font-family: var(--f500);
  color: #000;
  text-align: center;
  margin-bottom: 0.24rem;
}
.in3 .top .h1 span {
  color: var(--viColor);
}
.in3 .top .h2 {
  text-align: center;
  color: #686868;
  line-height: calc(40 / 24);
}
.in3 .top .h2 span {
  color: #333333;
}
.in3 .cont {
  margin-bottom: 0.6rem;
}
.in3 .cont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.18rem;
}
.in3 .cont .list .item {
  width: calc((100% - 0.2rem * 2) / 3);
  height: auto;
  aspect-ratio: 532 / 616;
  border-radius: 0.2rem;
  position: relative;
  display: flex;
  align-items: end;
  overflow: hidden;
}
.in3 .cont .list .item:hover .bgimg {
  transform: scale(1.1);
}
.in3 .cont .list .item .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.2rem;
  z-index: 1;
  transition: all 0.5s;
}
.in3 .cont .list .item:hover .text {
    height: 100%;
    padding-bottom: 1.15rem;
}
.in3 .cont .list .item:hover .text .MOD_btn {
    opacity: 1;
    transform: none;
}
.in3 .cont .list .item .text .MOD_btn {
    position: absolute;
    bottom: .45rem;
    z-index: 1;
    left: .32rem;
    opacity: 0;
    transform: translateY(1.15rem);
    transition: all .4s  ease;
    border-color: #fff;
}

.in3 .cont .list .item .text .MOD_btn .ico {
    background: #fff;
}
.in3 .cont .list .item .text .MOD_btn .btn_text  {
    color: #fff;
}

.in3 .cont .list .item .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 40%;
    width: 100%;
    transition: all .4s ease;
  position: relative;
  z-index: 2;
  padding: 0.4rem 0.32rem 0.45rem;
  background-color: rgba(88, 88, 88, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 0.2rem;
}
.in3 .cont .list .item .text .text_top {
  margin-bottom: 0.24rem;
  display: flex;
  align-items: center;
  column-gap: 0.22rem;
}
.in3 .cont .list .item .text .text_top .for {
  width: fit-content;
  height: 0.27rem;
  border-radius: 0.27rem;
  background-color: var(--viColor);
  color: #fff;
  padding: 0 0.13rem;
  display: flex;
  align-items: center;
}
.in3 .cont .list .item .text .text_top .for_tit {
  color: #fff;
  line-height: calc(27 / 22);
  font-weight: var(--f300);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.in3 .cont .list .item .text .h1 {
  line-height: calc(32 / 22);
  min-height: .65rem;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.in3 .btn {
  margin: 0 auto;
  border-color: #333333;
}
.in3 .btn .ico {
  background-color: rgba(51, 51, 51, 0.2);
}
.in3 .btn .text {
  color: #333333;
}
.banner_tabber {
  padding: 0.12rem 1.4rem;
  /*background-color: #f7f7f9;*/
  background-color: #ffffff;
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}
.banner_tabber .t {
  color: #333333;
}
.banner_tabber .t.on {
  color: var(--viColor);
}
.ny_top {
  width: 100%;
  /*min-height: 5.36rem;*/
  height: 5.36rem;
  padding: 0.8rem 1.4rem 0.78rem;
  /*background: #f3f3f6 url(../img/09.png) no-repeat right bottom;*/
  /*background-size: 6.18rem auto;*/
  background: #f3f3f6;
  position: relative;
  overflow: hidden;
}
.ny_top .svg {
    position: absolute;
    /*right: 0;*/
    width: 7.31rem;
    height: auto;
    object-fit: contain;
    transition: all 0.5s;
}
.ny_top .svg.svg1 {
    top: -2.49rem;
    right: 1.51rem;
}
.ny_top .svg.svg2 {
    bottom:-3.19rem;
    right: 1.49rem;
}

.ny_top.show .svg.svg1{
    top: -2rem;
    right: 1.51rem;
    transform: rotate(4deg);
}

.ny_top.show .svg.svg2{
    bottom: -2.19rem;
    right: 1.22rem;
}

.ny_top .h1 {
  color: var(--viColor);
  font-weight: bold;
  line-height: calc(32 / 24);
  margin-bottom: 0.16rem;
}
.ny_top .h2 {
  width: 9.56rem;
  font-weight: var(--f500);
  line-height: calc(80 / 60);
  margin-bottom: 0.5rem;
}
.ny_top .p1 {
  padding-left: 6.63rem;
  color: #444857;
  line-height: calc(40 / 24);
}
.PAGE {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  column-gap: 0.24rem;
}
.PAGE .num_cont {
  display: flex;
  align-items: center;
  column-gap: 0.24rem;
}
.PAGE .num_cont .num {
  line-height: 1.3;
  transition: all 0.3s;
}
.PAGE .num_cont .num.on {
  color: var(--viColor);
}
.PAGE .num_cont .num:hover {
  color: var(--viColor);
}
.PAGE .btn {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background-color: #ececee;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PAGE .btn:hover {
  background-color: var(--viColor);
}
.PAGE .btn:hover svg path {
  stroke: #fff;
}
.PAGE .btn svg {
  width: 0.08rem;
  height: auto;
}
.PAGE .btn svg.rote {
  transform: rotate(180deg);
}
.PAGE .btn svg path {
  transition: all 0.3s;
}
.news1 {
  padding: 1rem 1.4rem 1.4rem;
  background-color: #f7f7f9;
}
.news1 .top {
  padding-bottom: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
  z-index: 99;
}
.news1 .top .t1 {
  font-family: var(--f500);
  color: #000;
  line-height: calc(80 / 60);
}
.news1 .top .more {
  width: fit-content;
  padding: 0 0.34rem;
  border-radius: 0.44rem;
  border: 1px solid rgba(96, 96, 96, 0.6);
  position: relative;
  text-transform: capitalize;
}
.news1 .top .more .more_cont {
  cursor: pointer;
  display: flex;
  height: 0.44rem;
  align-items: center;
  justify-content: center;
  column-gap: 0.26rem;
}

.news1 .top .more ul{
    position: absolute;
    top: 105%;
    left: 0.16rem;
    width:calc(100% - 0.32rem); 
   
    padding: 0.17rem;
    background-color: #fff;
    color: #333;
    line-height: 1.8;
    display:none;}
.news1 .top .more ul li {
    /*text-align: center;*/
}
.news1 .top .more ul a{color: #606060;display: block;transition: all 0.5s;}

.news1 .top .more ul a:hover{color:var(--viColor);}

.news1 .top .more .more_cont .t1 {
  color: #606060;
  line-height: calc(19 / 16);
}



.products2 .more_m {
  width: fit-content;
  padding: 0 0.34rem;
  border-radius: 0.44rem;
  border: 1px solid rgba(96, 96, 96, 0.6);
  position: relative;
  text-transform: capitalize;
}
.products2 .more_m .more_cont {
  cursor: pointer;
  display: flex;
  height: 0.44rem;
  align-items: center;
  justify-content: center;
  column-gap: 0.26rem;
}

.products2 .more_m ul{
    position: absolute;
    top: 105%;
    left: 0.16rem;
    width:calc(100% - 0.32rem); 
   
    padding: 0.17rem;
    background-color: #fff;
    color: #333;
    line-height: 1.8;
    display:none;}
.products2 .more_m ul li {
    /*text-align: center;*/
}
.products2 .more_m ul a{color: #606060;display: block;transition: all 0.5s;}

.products2 .more_m ul a:hover{color:var(--viColor);}

.products2 .more_m .more_cont .t1 {
  color: #606060;
  line-height: calc(19 / 16);
}
.news1 .cont {
  padding: 0.6rem 0 1.3rem;
}
.news1 .cont .swiper_cont {
  margin-bottom: 0.9rem;
}
.news1 .cont .swiper_cont .swiper1 {
  margin-bottom: 0.5rem;
  border-radius: 0.24rem;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide {
  height: 5.79rem;
  display: flex;
  border-radius: 0.24rem;
  overflow: hidden;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .img {
  width: 8.42rem;
  height: 100%;
  overflow: hidden;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .img:hover img {
  transform: scale(1.1);
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text {
  flex: 1;
  background-color: #ffffff;
  transition: all 0.3s;
  padding: 0.74rem 1.1rem 1.07rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .h1 {
  line-height: 1.5;
  color: #423f3f;
  margin-bottom: 0.55rem;
  font-family: var(--f500);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .time {
  height: 0.23rem;
  border-radius: 0.23rem;
  margin-bottom: 0.32rem;
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 0.08rem;
  background-color: #efefef;
  color: #333333;
  font-weight: 300;
  font-family: var(--f300);
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .p1 {
  line-height: calc(28 / 20);
  color: #5f5f5f;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn {
  width: fit-content;
  border: 1px solid #333;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn .ico {
  background-color: #d6d6d6;
}
.news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn .text {
  color: #333;
}
.news1 .cont .swiper_cont .swiper-pagination {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
}
.news1 .cont .swiper_cont .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  width: 24px;
  height: 2px;
  cursor: pointer;
  background-color: #c2c2c2;
}
.news1 .cont .swiper_cont .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #1173F6 0%, #5542CF 100%);
}
.news1 .cont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.38rem;
  row-gap: 0.4rem;
  margin-bottom: 1.04rem;
}
.news1 .cont .list .item {
  width: calc((100% - 0.38rem * 2) / 3);
  border-radius: 0.1rem;
  background-color: #ffffff;
  transition: all 0.3s;
  padding: 0.34rem 0.38rem 0.3rem;
  display: flex;
  flex-direction: column;
  min-height: 4.6rem;
}
.news1 .cont .list .item:hover {
  background-color: var(--viColor);
}
.news1 .cont .list .item:hover .item_top .h1 {
  color: #fff;
}
.news1 .cont .list .item:hover .item_top .time {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.news1 .cont .list .item:hover .item_bot .h2 {
  color: #fff;
}
.news1 .cont .list .item:hover .item_bot .btn {
  background-color: #fff;
  border-color: #fff;
}
.news1 .cont .list .item:hover .item_bot .btn .ico {
  background-color: var(--viColor);
}
.news1 .cont .list .item:hover .item_bot .btn .ico svg path {
  stroke: #fff;
}
.news1 .cont .list .item:hover .item_bot .btn .ico svg line {
  stroke: #fff;
}
.news1 .cont .list .item:hover .item_bot .btn .text {
  color: var(--viColor);
}
.news1 .cont .list .item .item_top {
  padding-bottom: 0.33rem;
  border-bottom: 1px solid #e4e4e4;
  min-height: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news1 .cont .list .item .item_top .h1 {
  transition: all 0.3s;
  line-height: calc(36 / 24);
  color: #423f3f;
  font-family: var(--f500);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news1 .cont .list .item .item_top .time {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 0.1rem;
  height: 0.23rem;
  border-radius: 0.23rem;
  color: #333333;
  background-color: #efefef;
  transition: all 0.3s;
}
.news1 .cont .list .item .item_bot {
  padding: 0.19rem 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news1 .cont .list .item .item_bot .h2 {
  line-height: 1.5;
  color: #5f5f5f;
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news1 .cont .list .item .item_bot .btn {
  border-color: #333;
  pointer-events: none;
}
.news1 .cont .list .item .item_bot .btn .ico {
  background-color: #d6d6d6;
}
.news1 .cont .list .item .item_bot .btn .text {
  color: #333;
}
.news1 .contactus_cont {
  width: 100%;
  height: 6.86rem;
  position: relative;
  border-radius: 0.32rem;
  overflow: hidden;
}
.news1 .contactus_cont .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news1 .contactus_cont .contactus {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0.63rem 1.65rem 1.12rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.news1 .contactus_cont .contactus .contactus_top {
  width: 100%;
}
.news1 .contactus_cont .contactus .contactus_top .h1 {
  color: #fff;
  line-height: calc(32 / 24);
  font-weight: 600;
  margin-bottom: 0.16rem;
}
.news1 .contactus_cont .contactus .contactus_top .h2 {
  width: 7.4rem;
  line-height: calc(80 / 60);
  color: #fff;
  font-weight: var(--f500);
}
.news1 .contactus_cont .contactus .btn .ico {
  background-color: #fff;
}
.news1 .contactus_cont .contactus .btn .ico svg path {
  stroke: var(--viColor);
}
.news1 .contactus_cont .contactus .btn .ico svg line {
  stroke: var(--viColor);
}
.newsdetails1 {
  padding: 0.65rem 1.4rem 1.8rem;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
}
.newsdetails1 .right {
  position: sticky;
  top: calc(var(--headerHeight) + 0.2rem);
  flex: 1;
  height: fit-content;
  padding-right: 1.92rem;
}
.newsdetails1 .right .h1 {
  font-weight: 600;
  margin-bottom: 0.39rem;
  color: #423f3f;
}
.newsdetails1 .right .list {
  margin-bottom: 0.5rem;
}
.newsdetails1 .right .list .item {
  margin-bottom: 0.32rem;
}
.newsdetails1 .right .list .item .h2 {
  margin-bottom: 0.22rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: calc(21 / 18);
  transition: all 0.3s;
}
.newsdetails1 .right .list .item:hover .h2 {
  color: var(--viColor);
}
.newsdetails1 .right .list .item .time {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 0.23rem;
  padding: 0 0.1rem;
  border-radius: 0.23rem;
  background-color: #f3f3f3;
  color: #333;
}
.newsdetails1 .right .list .item:last-child {
  margin-bottom: 0;
}
.newsdetails1 .right .Share .tit {
  margin-bottom: 0.1rem;
  color: #423f3f;
}
.newsdetails1 .right .Share .Share_list {
  display: flex;
  column-gap: 0.15rem;
}
.newsdetails1 .right .Share .Share_list .ico {
  width: 0.22rem;
  height: 0.22rem;
  position: relative;
}
.newsdetails1 .right .Share .Share_list .ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .4s ease;
  
}
.newsdetails1 .right .Share .Share_list .ico svg.svg1 {
    opacity: 0;
}
.newsdetails1 .right .Share .Share_list .ico:hover svg.svg1 {
    opacity: 1;
}
.newsdetails1 .right .Share .Share_list .ico:hover svg.svg2 {
    opacity: 0;
}
.newsdetails1 .left {
  width: 10.95rem;
}
.newsdetails1 .left .top {
  padding-bottom: 0.22rem;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0.4rem;
}
.newsdetails1 .left .top h1 {
  line-height: calc(60 / 44);
  font-family: var(--f500);
  margin-bottom: 0.5rem;
}
.newsdetails1 .left .top .time {
  color: var(--viColor);
}
.newsdetails1 .left .cont {
  color: #666666;
  line-height: calc(32 / 18);
}

.newsdetails1 .left .cont p{color: #000; margin-bottom: 0.1rem;}

.newsdetails1 .left .cont .bac{margin-top: 0.6rem;width: fit-content;height: 0.54rem;border-radius: 0.27rem;padding: 0 0.34rem;background: #F3F3F3;color: #413F3F;font-weight: 500;display:flex;align-items:center;transition:all 0.5s;}

.newsdetails1 .left .cont .bac:hover{color:#fff;background-color: var(--viColor);}

.newsdetails1 .left .cont .bac img{width: 0.18rem;display: block;margin-right: 0.15rem;transition:all 0.5s;}

.newsdetails1 .left .cont .bac:hover img{filter: invert(1)}

.service1 {
  width: 100%;
  position: relative;
}
.service1 .right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9.2rem;
  height: auto;
  z-index: 2;
}
.service1 .left {
  position: relative;
  z-index: 1;
  width: 17.03rem;
  min-height: 9.24rem;
  border-radius: 0 1.45rem 0 0;
  background: linear-gradient(213.31deg, rgba(255, 255, 255, 0) -24.31%, rgba(148, 173, 222, 0.09) 8.99%, rgba(4, 63, 177, 0.12) 49.81%, rgba(124, 155, 214, 0.09) 97.32%, rgba(255, 255, 255, 0) 117.02%);
  padding: 1.04rem 6.31rem 0.88rem 1.4rem;
}
.service1 .left .h1 {
  width: 8.12rem;
  line-height: calc(80 / 60);
  font-family: var(--f500);
  margin-bottom: 0.3rem;
}
.service1 .left .h2 {
  width: 8.12rem;
  line-height: calc(44 / 22);
  color: #444857;
  margin-bottom: 0.5rem;
}
.service1 .left .h2 span {
  color: var(--viColor) !important;
}
.service1 .left .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.3rem;
}
.service1 .left .list .item {
  width: calc((100% - 0.3rem) / 2);
  background-color: #fff;
  border-radius: 0.1rem;
  position: relative;
  padding-bottom: 0.52rem;
  overflow: hidden;
  cursor: pointer;
}
.service1 .left .list .item:hover .item_top {
  opacity: 1;
}
.service1 .left .list .item .item_cont {
  padding: 0.34rem 0.28rem;
  display: flex;
  column-gap: 0.35rem;
  position: relative;
  z-index: 2;
  align-items: flex-start;
}
.service1 .left .list .item .item_cont .num_f {
  position: absolute;
  opacity: 0.1;
  top: 0.86rem;
  right: 0.4rem;
  z-index: 2;
  color: #5580cf;
}
.service1 .left .list .item .item_cont .ico {
  width: 0.54rem;
  height: 0.54rem;
}
.service1 .left .list .item .item_cont .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service1 .left .list .item .item_cont .ico_tit {
  flex: 1;
  color: #333;
  /*font-weight: 600;*/
  font-weight: 400;
  font-family: var(--f500);
  line-height: calc(30 / 26);
}
.service1 .left .list .item .item_cont .num_box {
  display: flex;
  align-items: center;
  color: #bababa;
  column-gap: 0.05rem;
}
.service1 .left .list .item .item_cont .num_box .num {
  font-family: var(--f500);
  color: var(--viColor);
}
.service1 .left .list .item .item_top {
  opacity: 0;
  transition: all 0.3s;
  height: 0.52rem;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--viColor);
  color: #fff;
  font-family: var(--f500);
}
.service2 {
  padding: 1.8rem 1.4rem 1rem;
  background-color: #f9f9f9;
}
.service2 .top {
  width: 100%;
  margin-bottom: 0.4rem;
}
.service2 .top .h1 {
  color: #000;
  line-height: calc(80 / 60);
  margin-bottom: 0.4rem;
  width: 11.5rem;
}
.service2 .top .h2 {
  width: 11.5rem;
  line-height: calc(40 / 24);
  color: #444857;
}
.service2 .cont {
  display: flex;
  align-items: flex-start;
}

.service2 .cont .left:nth-child(1) {
  margin-left: 0 !important;
}
.service2 .cont .left:last-child {
    margin: 0 !important;
}
.service2 .cont .left.on {
  width: 8.67rem;
  margin-right: 0.62rem;
  margin-left: 1.12rem;
}
.service2 .cont .left.on .left_cont .left_list {
    /*display: flex;*/
    opacity: 1;
    pointer-events: all;
}
.service2 .cont .left {
    width: 1.8rem;
    overflow: hidden;
    transition: all .4s ease;
    position: relative;
    cursor: pointer;
}
.service2 .cont .left .left_cont {
  margin-bottom: 0.3rem;
  height: 5.21rem;
  padding-left: 0.54rem;
  overflow-y: auto;
  /*border-left: 2px solid var(--viColor);*/
  position: relative;
}
.service2 .cont .left .card {
    position: relative;
}
.service2 .cont .left .card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border: 1px solid #dbdbdb;
} 
.service2 .cont .left.on .card::after{
    height: 100%;
}
.service2 .cont .left .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.42rem;
  border: 1px solid var(--viColor);
  transition: all .4s ease;
}

.service2 .cont .left.on .left_cont {
    width: 100%;
}
.service2 .cont .left .left_cont::-webkit-scrollbar {
  display: none;
}
.service2 .cont .left .left_cont .left_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.3rem;
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease;
}
.service2 .cont .left .left_cont .left_list .item {
  width: calc((100% - 0.3rem) / 2);
  border-radius: 0.14rem;
  background-color: #fff;
  padding: 0.36rem 0.2rem 0.23rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service2 .cont .left .left_cont .left_list .item .item_top {
  margin-bottom: 0.25rem;
}
.service2 .cont .left .left_cont .left_list .item .item_top .ico {
  width: 0.36rem;
  height: auto;
  margin-bottom: 0.16rem;
}
.service2 .cont .left .left_cont .left_list .item .item_top .item_h1 {
  line-height: calc(24 / 18);
}
.service2 .cont .left .left_cont .left_list .item .item_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service2 .cont .left .left_cont .left_list .item .item_bot .bot_left {
  color: #666666;
}
.service2 .cont .left .left_cont .left_list .item .item_bot .down {
  display: flex;
  column-gap: 0.08rem;
  color: #666666;
}
.service2 .cont .left .left_cont .left_list .item .item_bot .down svg {
  width: 0.2rem;
  height: auto;
}
.service2 .cont .left .left_tit {
  color: rgba(51, 51, 51, 1);
  transition: all .4s ease;
  line-height: calc(26 / 20);
}
.service2 .cont .left.on .left_tit {
    
  color: var(--viColor);
}
.service2 .cont .right {
  flex: 1;
  padding-left: 1.12rem;
  display: flex;
}
.service2 .cont .right .item {
  width: 1.8rem;
}
.service2 .cont .right .item .item_cont {
  height: 5.21rem;
  margin-bottom: 0.3rem;
  padding: 0 0.5rem;
  position: relative;
}
.service2 .cont .left .card .text {
  position: absolute;
  left: 50%;
  bottom: 0;
  color: #efefef;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  white-space: nowrap;
    opacity: 1;
    pointer-events: all;
}
.service2 .cont .left.on .card .text {
  opacity: 0;
  transition: all .4s ease;
  pointer-events:  none;
}
.service2 .cont .right .item .item_cont .text {
  position: absolute;
  left: 50%;
  bottom: 0;
  color: #efefef;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  white-space: nowrap;
}
.service2 .cont .right .item .item_cont::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border: 1px solid #dbdbdb;
}
.service2 .cont .right .item .item_cont::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.42rem;
  border: 1px solid var(--viColor);
}
.service2 .cont .right .item .item_h {
  line-height: calc(26 / 20);
  font-family: var(--f500);
}
.service3 {
  width: 100%;
  height: 9.4rem;
  position: relative;
  overflow: hidden;
}
.service3 .bgimg {
  position: absolute;
  z-index: 1;
  object-fit: cover;
  inset: 0;
  width: 100%;
}
.service3 .cont {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  padding: 0.22rem 1.4rem;
}
.service3 .cont .card {
  width: 7.2rem;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(30px);
  padding: 0.83rem 0.6rem 0.8rem;
  border-radius: 0.14rem;
}
.service3 .cont .card .card_t {
  color: #fff;
  line-height: calc(80 / 60);
  margin-bottom: 0.4rem;
}
.service3 .cont .card .card_t2 {
  line-height: calc(40 / 24);
  margin-bottom: 0.74rem;
  color: #fff;
}
.service3 .cont .card_mess {
  width: 4.2rem;
  border-radius: 0.14rem;
  background-color: #fff;
  display: flex;
  height: 1.44rem;
}
.service3 .cont .card_mess .img {
  width: 1.44rem;
  height: 100%;
  border-radius: 0.14rem;
  overflow: hidden;
}
.service3 .cont .card_mess .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service3 .cont .card_mess .card_text {
  height: 100%;
  flex: 1;
  padding: 0.21rem 0.24rem 0.22rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service3 .cont .card_mess .card_text .card_top .name {
  color: #333333;
  font-weight: 600;
  margin-bottom: 0.08rem;
}
.service3 .cont .card_mess .card_text .card_top .email {
  color: var(--viColor);
  line-height: calc(20 / 18);
}
.service3 .cont .card_mess .card_text .form {
  color: #999999;
  font-family: var(--f500);
}
.service4 {
  background-color: #f9f9f9;
  padding: 1.8rem 1.4rem;
}
.service4 .top {
  width: 11.5rem;
  margin-bottom: 0.6rem;
}
.service4 .top .h1 {
  line-height: calc(80 / 60);
  color: #000;
  margin-bottom: 0.4rem;
  font-family: var(--f500);
}
.service4 .top .h2 {
  line-height: calc(40 / 24);
  color: #444857;
}
.service4 .list {
  display: flex;
  column-gap: 1.2rem;
  flex-wrap: wrap;
  margin-bottom: 0.66rem;
}
.service4 .list .item {
  width: fit-content;
  display: flex;
  align-items: flex-start;
  column-gap: 0.21rem;
}
.service4 .list .item .ico {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  padding: 0.2rem;
}
.service4 .list .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service4 .list .item .item_cont {
  padding-top: 0.1rem;
  max-width: 5.07rem;
  width: fit-content;
}
.service4 .list .item .item_cont .h1 {
  color: var(--viColor);
  margin-bottom: 0.16rem;
  line-height: calc(20 / 18);
}
.service4 .list .item .item_cont .h2 {
  line-height: calc(32 / 24);
  font-weight: 600;
}
.service4 .cont {
  display: flex;
  column-gap: 0.3rem;
}
.service4 .cont .img {
  width: 7.56rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.service4 .cont .img:hover img {
  transform: scale(1.1);
}
.service4 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.service4 .cont .cont_right {
  flex: 1;
  padding: 0.4rem 0.68rem 0.4rem;
  background-color: #fff;
  border-radius: 0.1rem;
}
.service4 .cont .cont_right .cont_tit {
  line-height: calc(52 / 40);
  text-align: center;
  color: #333333;
  margin-bottom: 0.35rem;
}
.service4 .cont .cont_right form label {
  cursor: pointer;
}
.service4 .cont .cont_right form .item {
  display: flex;
  column-gap: 0.23rem;
  margin-bottom: 0.42rem;
  justify-content: center;
}
.service4 .cont .cont_right form .item .item_f {
  cursor: pointer;
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}
.service4 .cont .cont_right form .item .item_f input[type="radio"] {
  accent-color: var(--viColor);
}
.service4 .cont .cont_right form .item2 {
  display: flex;
  column-gap: 0.27rem;
  margin-bottom: 0.44rem;
}
.service4 .cont .cont_right form .item2 label {
  flex: 1;
  position: relative;
}
.service4 .cont .cont_right form .item2 label input {
  width: 100%;
  line-height: 1.35;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #999999;
  color: #333;
  position: relative;
  z-index: 2;
  background-color: transparent;
}
.service4 .cont .cont_right form .item2 label input:focus {
  border-color: #333;
}
.service4 .cont .cont_right form .item2 label input:focus + .tit {
  color: #333333;
}
.service4 .cont .cont_right form .item2 label input:placeholder-shown + .tit {
  display: block;
}
.service4 .cont .cont_right form .item2 label textarea {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.05rem;
  padding: 0.12rem;
  height: 1.35rem;
  color: #333;
  background-color: transparent;
  position: relative;
  z-index: 2;
}
.service4 .cont .cont_right form .item2 label textarea:focus {
  border-color: #333;
}
.service4 .cont .cont_right form .item2 label textarea:placeholder-shown + .tit {
  display: block;
}
.service4 .cont .cont_right form .item2 label .textarea_tit {
  padding: 0.12rem;
}
.service4 .cont .cont_right form .item2 label .tit {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1.35;
  color: #999999;
  pointer-events: none;
  display: none;
  z-index: 1;
}
.service4 .cont .cont_right form .item2 label .tit.required::before {
  content: "* ";
  color: #d7000f;
}
.service4 .cont .cont_right form .item2-fornew label .tit {
    display: block;
    margin-bottom: 0;
    position: static;
    padding-bottom: 0;
}
.service4 .cont .cont_right form button {
  /*margin: 0 auto;*/
  margin: .1rem auto 0;
  border-color: #333333;
  background-color: #fff;
  cursor: pointer;
}
.service4 .cont .cont_right form button .ico {
  background-color: #d6d6d6;
}
.service4 .cont .cont_right form button .text {
  color: #333;
}


.con_tc{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 1001;opacity:0;pointer-events:none;}
.con_tc.show{opacity: 1;pointer-events: all;}
.con_tc .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.con_tc .con{width: 8.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0.4rem;max-height:calc(100vh - 0.6rem);overflow:auto;}
.con_tc .con .out{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.36rem;cursor: pointer;}
.con_tc .con .cont_right>.item{display: flex;justify-content: center;align-items: center;margin-bottom:0.36rem;}
.con_tc .con .cont_right>.item .item_f{display: flex;justify-content: center;align-items: center;margin:0 0.1rem;}
.con_tc .con .cont_right>.item .item_f .input_t{margin-left:0.07rem;line-height:2;}
.con_tc form{display: none;}
.con_tc form.on{display: block;}
.con_tc form .item2{display: flex;justify-content: space-between;}
.con_tc form .item2>label{margin-bottom: 0.15rem;display:block;width:3.6rem;}
.con_tc form .item2 .tit{color:#333;line-height:1.2;margin-bottom:0.1rem;}
.con_tc form .item2 .tit.required{padding-left: 0.11rem;}
.con_tc form .item2 .tit.required::before {content: "* ";color: #d7000f;}
.con_tc form .item2 label input{width: 100%;line-height: 1.2;padding: 0.1rem 0.16rem;border-radius: 0.05rem;border: 1px solid #DFDFDF;}
.con_tc form .item2 label select{width: 100%;line-height: 1.2;padding: 0.1rem 0.16rem;border-radius: 0.05rem;border: 1px solid #DFDFDF;}
.con_tc form .item2 label textarea{width: 100%;line-height: 1.2;padding: 0.1rem 0.16rem;border-radius: 0.05rem;border: 1px solid #DFDFDF;height:calc(4.8em + 0.28rem);}
.con_tc form .item2 .select{position: relative;}
.con_tc form .item2 .select:after{content:"";position: absolute;top:50%;transform: translateY(-50%);right:0.15rem;width: 0.2rem;height: 0.2rem;background:url(../img/select_jt.png);background-size:100% 100%;}
.con_tc form .item2x{display: block;}
.con_tc form .item2x label{width: 100%;}
.con_tc form .item2x .list{display: flex;flex-wrap: wrap;margin-bottom:0.15rem;height:calc(39px + 0.3rem);overflow:auto;}
.con_tc form .item2x .list .radio{display:flex;align-items:center;margin-right:0.2rem;margin-bottom:0.1rem;}
.con_tc form .item2x .list .radio input{margin-right: 0.06rem;}
.con_tc form .item2x .item2-label {
    width: 3.6rem;
}
.mylabel {
        margin-bottom: 0.15rem;
    display: block;
    width: 3.6rem;
}
.mylabel2 {
    width: 3.4rem;
}
.mylabel2 .tit {
    margin-bottom: .1rem;
    line-height: 1.2;
}
.con_tc .con-fordownload {
    width: 8.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: 0.4rem;
    max-height: calc(100vh - 0.6rem);
    overflow: auto;
}
.con_tc .con-fordownload .out {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.36rem;
    cursor: pointer;
}
.con_tc2-fordownload.showDownload {
    opacity: 1;
    pointer-events: unset;
}
.con_tc2-fordownload .cont_tit {
    
}
.con_tc2-fordownload form .item2 {
    display: flex;
    justify-content: space-between;
}
.con_tc2-fordownload form .item2>label {
    margin-bottom: 0.15rem;
    display: block;
    width: 3.6rem;
}
.con_tc2-fordownload form .item2>.con_tc2-fordownload-label {
    width: 100%;
}
.search_container .con_tc2-fordownload form .con_tc2-fordownload-label input {
    width: auto;
}
.search_container .con_tc2-fordownload form button {
    width: fit-content;
    height: 0.55rem;
    border-radius: 0.55rem;
    padding: 0 0.26rem 0 0.12rem;
    column-gap: 0.14rem;
    display: flex;
    align-items: center;
    transition: all 0.3s;
    border: 1px solid #333333;
    background-color: #ffffff;
    margin: 0 auto;
    border-color: #333333;
    background-color: #fff;
    cursor: pointer;
}
.con_tc2-fordownload form button .ico {
    display: flex;
}
.search_container .con-fordownload form input {
    width: auto;
}
.search_container .con_tc2-fordownload form {
    background-color: #ffffff;
}
.con_tc2-fordownload form .item2 .tit.required {
    padding-left: 0.11rem;
}
.con_tc2-fordownload form .item2 .tit {
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.1rem;
}
.con_tc2-fordownload form .item2 .tit.required::before {
    content: "* ";
    color: #d7000f;
}
.con_tc2-fordownload form .item2 label input {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
}
.con_tc2-fordownload form .item2 .select {
    position: relative;
}
.con_tc2-fordownload form .item2 label select {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
}
.con_tc2-fordownload form .item2 .select:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../img/select_jt.png);
    background-size: 100% 100%;
}
.con_tc2-fordownload form .item2 label textarea {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
    height: calc(4.8em + 0.28rem);
}
.con_tc2-fordownload .search_container form {
    background-color: #ffffff;
}
.service4 .cont .cont_right form .item2x {
    display: block;
    margin-bottom: 0;
}

.service4 .cont .cont_right form .checkbox{display: flex;align-items: center;margin:0.2rem 0 0.4rem 0;}

.con_tc form .checkbox{display: flex;align-items: center;margin:0.2rem 0 0.4rem 0;}

.service4 .cont .cont_right form .checkbox input{margin-right: 0.1rem;}

.con_tc form .checkbox input{margin-right: 0.1rem;}

.service4 .cont .cont_right form .item2x .tit {
    line-height: 1.35;
    padding-bottom: 0.1rem;
    color: #333;
}

.service4 .cont .cont_right form .item2x .tit.required {
    padding-left: 0.11rem;
}
.service4 .cont .cont_right form .item2x .tit.required:before {
    content: "* ";
    color: #d7000f;
}

.service4 .cont .cont_right form .item2x-fortearea textarea {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
    height: calc(4.8em + 0.28rem);
}


.service4 .cont .cont_right form .item2-fornew {
    display: flex;
    justify-content: space-between;
}
.service4 .cont .cont_right form .item2-fornew>label {
    margin-bottom: 0.15rem;
    display: block;
    width: 3.4rem;
}
.service4 .cont .cont_right form .item2-fornew .tit.required::before {
    content: "* ";
    color: #d7000f;
}
.service4 .cont .cont_right form .item2-fornew label .tit {
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.1rem;
}
.service4 .cont .cont_right form .item2-fornew .tit.required {
    padding-left: 0.11rem;
}
.service4 .cont .cont_right form .item2-fornew label input {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
}
.service4 .cont .cont_right form .item2-fornew .select {
    position: relative;
}
.service4 .cont .cont_right form .item2-fornew label select {
    width: 100%;
    line-height: 1.2;
    padding: 0.1rem 0.16rem;
    border-radius: 0.05rem;
    border: 1px solid #DFDFDF;
}
.service4 .cont .cont_right form .item2-fornew .select:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../img/select_jt.png);
    background-size: 100% 100%;
}
.service4 .cont .cont_right form .item2x .tit.required::before {
    content: "* ";
    color: #d7000f;
}
.service4 .cont .cont_right form .item2x{display: block;}
.service4 .cont .cont_right form .item2x label{width: 100%;}
.service4 .cont .cont_right form .item2x .list{display: flex;flex-wrap: wrap;margin-bottom:0.15rem;height:calc(39px + 0.3rem);overflow:auto;column-gap: 0;}
.service4 .cont .cont_right form .item2x .list .radio{display:flex;align-items:center;margin-right:0.2rem;margin-bottom:0.1rem;}
.service4 .cont .cont_right form .item2x .list .radio input{margin-right: 0.06rem;}

.con_tc form .f_btn{display:flex;align-items:center;margin-bottom:0.1rem;}
.con_tc form .f_btn input{margin-right: 0.06rem;}
.con_tc form button {
  margin: 0 auto;
  border-color: #333333;
  background-color: #fff;
  cursor: pointer;
}
.con_tc form button.hid{
    pointer-events: none;
    opacity: 0.5;
}
.con_tc form button .ico {
  background-color: #d6d6d6;
}
.con_tc form button .text {
  color: #333;
}

.con_tc .cont_tit {
  line-height: calc(52 / 40);
  text-align: center;
  color: #333333;
  margin-bottom: 0.15rem;
}
/*.con_tc form label {*/
/*  cursor: pointer;*/
/*}*/
/*.con_tc form .item {*/
/*  display: flex;*/
/*  column-gap: 0.23rem;*/
/*  margin-bottom: 0.42rem;*/
/*  justify-content: center;*/
/*}*/
/*.con_tc form .item .item_f {*/
/*  cursor: pointer;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  column-gap: 0.1rem;*/
/*}*/
/*.con_tc form .item .item_f input[type="radio"] {*/
/*  accent-color: var(--viColor);*/
/*}*/
/*.con_tc form .item2 {*/
/*  display: flex;*/
/*  column-gap: 0.27rem;*/
/*  margin-bottom: 0.44rem;*/
/*}*/
/*.con_tc form .item2 label {*/
/*  flex: 1;*/
/*  position: relative;*/
/*}*/
/*.con_tc form .item2 label input {*/
/*  width: 100%;*/
/*  line-height: 1.35;*/
/*  padding-bottom: 0.1rem;*/
/*  border-bottom: 1px solid #999999;*/
/*  color: #333;*/
/*  position: relative;*/
/*  z-index: 2;*/
/*  background-color: transparent;*/
/*}*/
/*.con_tc form .item2 label input:focus {*/
/*  border-color: #333;*/
/*}*/
/*.con_tc form .item2 label input:focus + .tit {*/
/*  color: #333333;*/
/*}*/
/*.con_tc form .item2 label input:placeholder-shown + .tit {*/
/*  display: block;*/
/*}*/
/*.con_tc form .item2 label textarea {*/
/*  border: 1px solid rgba(0, 0, 0, 0.25);*/
/*  border-radius: 0.05rem;*/
/*  padding: 0.12rem;*/
/*  height: 1.35rem;*/
/*  color: #333;*/
/*  background-color: transparent;*/
/*  position: relative;*/
/*  z-index: 2;*/
/*}*/
/*.con_tc form .item2 label textarea:focus {*/
/*  border-color: #333;*/
/*}*/
/*.con_tc form .item2 label textarea:placeholder-shown + .tit {*/
/*  display: block;*/
/*}*/
/*.con_tc form .item2 label .textarea_tit {*/
/*  padding: 0.12rem;*/
/*}*/
/*.con_tc form .item2 label .tit {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  line-height: 1.35;*/
/*  color: #999999;*/
/*  pointer-events: none;*/
/*  display: none;*/
/*  z-index: 1;*/
/*}*/
/*.con_tc form .item2 label .tit.required::before {*/
/*  content: "* ";*/
/*  color: #d7000f;*/
/*}*/
/*.con_tc form button {*/
/*  margin: 0 auto;*/
/*  border-color: #333333;*/
/*  background-color: #fff;*/
/*  cursor: pointer;*/
/*}*/
/*.con_tc form button .ico {*/
/*  background-color: #d6d6d6;*/
/*}*/
/*.con_tc form button .text {*/
/*  color: #333;*/
/*}*/




.ESG1 {
  width: 100%;
  height: auto;
}
.ESG1 img {
  width: 100%;
  height: auto;
}
.ESG2 {
  padding: 1.8rem 1.4rem 1.7rem;
  background-color: #f5f5f8;
}
.ESG2 .cont {
  display: flex;
  align-items: center;
}
.ESG2 .cont .img {
  width: 8.21rem;
  height: auto;
  overflow: hidden;
  border-radius: 0.08rem;
}
.ESG2 .cont .img img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
}
.ESG2 .cont .img:hover img {
  transform: scale(1.1);
}
.ESG2 .cont .left {
  flex: 1;
  padding-right: 1.65rem;
}
.ESG2 .cont .left .ico {
  width: 0.7rem;
  height: auto;
  margin-bottom: 0.4rem;
}
.ESG2 .cont .left .ico img {
  width: 100%;
  height: auto;
}
.ESG2 .cont .left .h1 {
  line-height: calc(80 / 60);
  font-family: var(--f500);
  margin-bottom: 0.46rem;
}
.ESG2 .cont .left .p2 {
  line-height: calc(40 / 24);
  color: #444857;
  margin-bottom: .74rem;
}
.ESG2 .cont .left .line {
    width: 3px;
    height: 66px;
    background: #c4c4c4;
    position: relative;
}

.ESG2 .cont .left .line::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: var(--viColor);
}
.ESG3 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ESG3 .bgimg {
  position: absolute;
  z-index: 1;
  object-fit: cover;
  inset: 0;
  width: 100%;
}
.ESG3 .cont {
  position: relative;
  width: 100%;
  min-height: 100%;
  z-index: 2;
  height: 9.33rem;
  padding: 1.68rem 3.1rem 1.74rem;
}
.ESG3 .cont .h1 {
  color: #fff;
  font-weight: var(--f500);
  line-height: calc(80 / 60);
  margin-bottom: 0.7rem;
}
.ESG3 .cont .h2 {
  line-height: 1.5;
  margin-bottom: 0.7rem;
  color: #fff;
}
.ESG3 .cont .ico1 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 0.15rem;
  margin-bottom: 0.26rem;
}
.ESG3 .cont .ico1 svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ESG3 .cont .list {
  display: flex;
  align-items: center;
  justify-content: end;
  column-gap: 0.43rem;
}
.ESG3 .cont .list .item {
  width: 1.72rem;
  height: 1.72rem;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0.6rem;
}
.ESG3 .cont .list .item .ico2 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ESG4 {
  padding: 1.5rem 3.1rem 1.75rem;
  background-color: #fff;
  background: url(../img/27.png) no-repeat;
  background-size: 5.44rem auto;
  background-position: 77% 109%;
  overflow: hidden;
  position: relative;
}
.ESG4 .bgimg_top1 {
  position: absolute;
  width: 3rem;
  height: auto;
  left: 0;
  top: 60%;
}
.ESG4 .list {
  position: relative;
  z-index: 2;
}
.ESG4 .list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.15rem;
}
.ESG4 .list .item:last-child {
  margin-bottom: 0;
}
.ESG4 .list .item .text {
  width: 4rem;
}
.ESG4 .list .item .text .h1 {
  line-height: calc(80 / 60);
  padding-bottom: 0.52rem;
  position: relative;
  margin-bottom: 0.62rem;
}
.ESG4 .list .item .text .h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.82rem;
  border: 1px solid var(--viColor);
}
.ESG4 .list .item .text .h2 {
  line-height: 1.6;
}
.ESG4 .list .item .img_cont {
  width: fit-content;
  display: flex;
  align-items: end;
  column-gap: 0.33rem;
}
.ESG4 .list .item .img_cont .img {
  aspect-ratio: 426 / 590;
  overflow: hidden;
}
.ESG4 .list .item .img_cont .img:nth-child(1) {
  width: 4.26rem;
  border-radius: 2.14rem 0.1rem 0.1rem 0.1rem;
}
.ESG4 .list .item .img_cont .img:nth-child(2) {
  width: 2.94rem;
  border-radius: 0.1rem;
}
.ESG4 .list .item .img_cont .img:hover img {
  transform: scale(1.1);
}
.ESG4 .list .item .img_cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.ESG4 .list .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.ESG4 .list .item:nth-child(2n) .img_cont {
  align-items: flex-start;
}
.ESG4 .list .item:nth-child(2n) .img_cont .img:nth-child(1) {
  border-radius: 0.1rem 0.1rem 1.6rem 0.1rem;
  width: 2.94rem;
}
.ESG4 .list .item:nth-child(2n) .img_cont .img:nth-child(2) {
  border-radius: 0.1rem;
  width: 4.26rem;
}
.ESG5 {
  padding: 1.45rem 1.75rem 2.12rem;
  background-color: #f5f5f8;
}
.ESG5 .top {
  margin-bottom: 0.98rem;
}
.ESG5 .top .tit {
  text-align: center;
  color: #333;
  line-height: calc(80 / 66);
}
.ESG5 .swiper {
  margin-bottom: 1.08rem;
}
.ESG5 .swiper .swiper-slide {
  width: 6.87rem;
  height: 3.52rem;
  overflow: hidden;
  border-radius: 0.1rem;
}
.ESG5 .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ESG5 .swiper_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ESG5 .swiper_cont .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.11rem;
}
.ESG5 .swiper_cont .btn_box .btn {
  width: 0.63rem;
  height: 0.63rem;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  padding: 0.2rem;
  transition: all 0.3s;
  cursor: pointer;
}
.ESG5 .swiper_cont .btn_box .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}
.ESG5 .swiper_cont .btn_box .btn:hover svg path {
  stroke: #fff;
}
.ESG5 .swiper_cont .btn_box .btn:hover svg line {
  stroke: #fff;
}
.ESG5 .swiper_cont .btn_box .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ESG5 .swiper_cont .btn_box .btn svg.rote {
  transform: rotate(180deg);
}
.ESG5 .swiper_cont .btn_box .btn svg path {
  transition: all 0.3s;
}
.ESG5 .swiper_cont .btn_box .btn svg line {
  transition: all 0.3s;
}
.ESG5 .swiper_cont .text_cont {
  width: 6.88rem;
}
.ESG5 .swiper_cont .text_cont .h1 {
  line-height: 1.5;
  color: #333;
  display: none;
}
.ESG5 .swiper_cont .text_cont .h1.on {
  display: block;
}
.contactUs1 {
  padding: 1.4rem 0 1.6rem;
}
.contactUs1 .top {
  margin-bottom: 0.8rem;
}
.contactUs1 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
  margin-bottom: 0.1rem;
}
.contactUs1 .top .h1 {
  margin: 0 auto;
  width: 12.33rem;
  line-height: calc(40 / 24);
  color: #777777;
  text-align: center;
}
.contactUs1 .map_cont {
  display: flex;
  justify-content: end;
  margin-bottom: -0.4rem;
}
.contactUs1 .map_cont .map_c {
  width: 18.66rem;
  height: auto;
  aspect-ratio: 1866 / 886;
  position: relative;
}
.contactUs1 .map_cont .map_c .map {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.contactUs1 .list {
  position: relative;
  z-index: 2;
  column-gap: 0.2rem;
  /*flex-wrap: wrap;*/
  padding: 0 1.4rem;
  display: flex;
}
.contactUs1 .list .item {
  width: calc((100% - 0.2rem * 2) / 3);
  padding: 0.28rem 0.38rem 0.47rem;
  background-color: #fff;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(30px);
}
.contactUs1 .list .item .item_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.37rem;
  border-bottom: 1px solid #ffffff;
}
.contactUs1 .list .item .item_top .t1 {
  color: var(--viColor);
  line-height: 1.2;
  transition: all 0.3s;
}
.contactUs1 .list .item .item_top .ico {
  width: 0.53rem;
  height: 0.54rem;
  /*background-color: rgba(255, 255, 255, 0.18);*/
  /*padding: 0.07rem;*/
  /*border-radius: 50%;*/
}
.contactUs1 .list .item .item_top .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contactUs1 .list .item .item_cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0.19rem;
}
.contactUs1 .list .item .item_cont .it1 {
  margin-bottom: 0.34rem;
}
.contactUs1 .list .item .item_cont .it1 .t1 {
  color: #333333;
  line-height: calc(32 / 22);
  font-family: 600;
  margin-bottom: 0.14rem;
  transition: all 0.3s;
}
.contactUs1 .list .item .item_cont .it1 .t2 {
  line-height: calc(28 / 18);
  color: #333;
  font-weight: 300;
  transition: all 0.3s;
  margin-bottom: 0.34rem;
}
.contactUs1 .list .item .item_cont .lx {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0.42rem;
}
.contactUs1 .list .item .item_cont .lx .lx_item {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
}
.contactUs1 .list .item .item_cont .lx .lx_item .lx_ico {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
}
.contactUs1 .list .item .item_cont .lx .lx_item .lx_ico path {
  transition: all 0.3s;
}
.contactUs1 .list .item .item_cont .lx .lx_item .lx_tit {
  font-family: var(--f300);
  font-weight: 300;
  transition: all 0.3s;
}
.contactUs1 .list .item.on {
  background-color: var(--viColor);
}
.contactUs1 .list .item.on .item_top .t1 {
  color: #fff;
}
.contactUs1 .list .item.on .item_cont .t1 {
  color: #fff;
}
.contactUs1 .list .item.on .item_cont .t2 {
  color: #fff;
}
.contactUs1 .list .item.on .item_cont .lx_item .lx_ico path {
  fill: #fff;
}
.contactUs1 .list .item.on .item_cont .lx_item .lx_tit {
  color: #fff;
}
.contactUs_container .service4 {
  padding-top: 0;
  background-color: #fff;
}
.contactUs_container .cont .cont_right {
  background-color: #fafafb;
}
/*.contactUs_container .ny_top .h2 {*/
/*    margin-bottom: 1.54rem;*/
/*}*/
.ab1 {
  width: 100%;
  height: 6.5rem;
  position: relative;
  background: url(../img/34.png) no-repeat center center;
  background-size: cover;
  margin-bottom: 0.12rem;
}
.ab1 .cont {
  position: absolute;
  z-index: 1;
  width: 9.6rem;
  height: 5.66rem;
  border-radius: 0.1rem;
  right: 1.43rem;
  bottom: 2.82rem;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0.4rem 0.32rem;
}
.ab1 .cont .cont_text {
  padding-right: 0.26rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  color: #fff;
  line-height: calc(34 / 20);
}
      /* Webkit浏览器（Chrome, Safari, Edge） */ 
      /*.ab1 .cont .cont_text::-webkit-scrollbar { width: 8px; } */
      /*.ab1 .cont .cont_text::-webkit-scrollbar-track { background: transparent; border-radius: 10px; } */
      /*.ab1 .cont .cont_text::-webkit-scrollbar-thumb { background: #ffffff; border-radius: 10px; }*/
      /*.ab1 .cont .cont_text { scrollbar-width: thin; scrollbar-color: #3498db #f1f1f1; }*/
.ab1 .cont .cont_text p {
    margin-bottom: .2rem;
}

.ab1 .cont .cont_text::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.ab1 .cont .cont_text::-webkit-scrollbar-track {
  background-color: rgba(196, 196, 196, 0.5);
}
.ab1 .cont .cont_text::-webkit-scrollbar-thumb {
  background-color: var(--viColor);
}
.ab2 {
  padding: 0.63rem 0 0;
}
.ab2 .cont.err {
    margin: 0;
}
/*.ab2 .cont.err .btn_ico {*/
/*    opacity: 0;*/
/*}*/
.ab2 .cont {
    transition: all .4s ease;
    margin: 0 1.4rem 0.88rem;
  /*width: 100%;*/
  height: auto;
  overflow: hidden;
  border-radius: 0.1rem;
  position: relative;
}
/*.ab2 .cont:hover .bgimg {*/
/*    transform: scale(1.1);*/
/*}*/
.ab2 .cont .bgimg {
  width: 100%;
  height: auto;
  pointer-events: none;
  transition: all .4s ease;
}
.ab2 .cont .btn_ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 50%;
  cursor: pointer;
}

/*.ab2 .cont.hid .btn_ico{*/
/*    opacity: 0;*/
/*}*/

.ab2 .cont .btn_ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ab3 {
  padding: 1.5rem 1.4rem 0;
  background: url(../img/38.png) no-repeat;
  background-size: 16rem auto;
  background-position: -50% bottom;
}
.ab3 .cont {
  display: flex;
  justify-content: space-between;
}
.ab3 .cont .left {
  width: 6.31rem;
}
.ab3 .cont .left .tit {
  line-height: 1.5;
  color: #333;
}
.ab3 .cont .right {
  width: fit-content;
  display: flex;
  column-gap: 0.26rem;
}
.ab3 .cont .right .right_list {
  width: 4rem;
  row-gap: 0.26rem;
  display: flex;
  flex-direction: column;
}
.ab3 .cont .right .right_list .item {
  width: 100%;
  position: relative;
  border-radius: 0.1rem;
  height: 5.58rem;
  overflow: hidden;
  display: flex;
  align-items: end;
}
.ab3 .cont .right .right_list .item .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  transition: all 0.5s;
}
.ab3 .cont .right .right_list .item:hover .bgimg {
  transform: scale(1.1);
}
.ab3 .cont .right .right_list .item .item_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0.28rem;
  transition: all .4s ease;
}
.ab3 .cont .right .right_list .item:hover .item_cont {
    background: var(--viColor);
}

.ab3 .cont .right .right_list .item .item_cont .item_h1 {
  color: #fff;
  line-height: calc(50 / 24);
  font-weight: var(--f500);
}
.ab3 .cont .right .right_list .item .item_cont .item_h2 {
  color: #fff;
  line-height: 1.5;
  font-family: var(--f500);
}
.ab3 .cont .right .right_l .item:nth-child(2n) {
  height: 3.42rem;
}
.ab3 .cont .right .right_r {
  padding-top: 0.52rem;
}
.ab3 .cont .right .right_r .item:nth-child(2n - 1) {
  height: 3.42rem;
}
.ab4 {
  padding: 1.4rem 1.4rem 1.85rem;
}
.ab4 .top {
  display: flex;
  column-gap: 0.15rem;
  margin-bottom: 0.8rem;
}
.ab4 .top .h1 {
  width: 7.64rem;
  line-height: calc(80 / 60);
}
.ab4 .top .h2 {
  flex: 1;
  line-height: calc(40 / 24);
  color: #444857;
}
.ab4 .cont {
  display: flex;
  justify-content: space-between;
  column-gap: 0.11rem;
}
.ab4 .cont .left {
  flex: 1;
  display: flex;
  column-gap: 0.6rem;
}
.ab4 .cont .left .left_t {
  width: 1.06rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.04rem;
}
.ab4 .cont .left .left_t .item {
  cursor: pointer;
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  padding: 0.17rem;
  position: relative;
}
.ab4 .cont .left .left_t .item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eeeeee;
  top: 0;
  left: 0;
}
.ab4 .cont .left .left_t .item.on svg {
  transition: all 10s linear;
  -webkit-stroke-dashoffset: 0;
  stroke-dashoffset: 0;
}
.ab4 .cont .left .left_t .item svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  stroke-dashoffset: 321px;
  stroke-dasharray: 321px 321px;
  -webkit-stroke-dashoffset: 321px;
  -webkit-stroke-dasharray: 321px 321px;
}
.ab4 .cont .left .left_t .item svg circle {
  /*r: 0.5rem;*/
  /*cx: 50%;*/
  /*cy: 50%;*/
  fill: transparent;
  stroke: var(--viColor);
  stroke-width: 0.06rem;
  stroke-width: 6px;
}
.ab4 .cont .left .left_t .item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 1.04rem;
  border: 1px dashed #a1a1a1;
}
.ab4 .cont .left .left_t .item img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ab4 .cont .left .left_t .item:last-child::after {
  display: none;
}
.ab4 .cont .left .left_text {
  flex: 1;
  position: relative;
}
.ab4 .cont .left .left_text .text_card {
  /*display: none;*/
  position: absolute;
  padding-top: 0.32rem;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: all .4s ease;
}
.ab4 .cont .left .left_text .text_card.on {
  /*display: block;*/
    pointer-events: all;
    opacity: 1;
    position: relative;
}
.ab4 .cont .left .left_text .text_card .h1 {
  color: var(--viColor);
  line-height: 1.3;
  margin-bottom: 0.2rem;
  font-family: var(--f500);
}
.ab4 .cont .left .left_text .text_card .p1 {
  line-height: calc(28 / 18);
  color: rgba(51, 51, 51, 0.6);
}
.ab4 .cont .right_img {
  width: 9.84rem;
  height: auto;
  position: relative;
  background: url(../img/mapxx.png)no-repeat center top;
  background-size: 100% auto;
}
.ab4 .cont .right_img .card {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s ease;
    opacity: 0;
}
.ab4 .cont .right_img .card.on {
    position: relative;
    opacity: 1;
}

@-webkit-keyframes breath {
  0% {
    opacity: 0.2; /* 起始透明度（较暗） */
  }
  50% {
    opacity: 1; /* 中间透明度（最亮） */
  }
  100% {
    opacity: 0.2; /* 结束透明度（回到起始） */
  }
}
@keyframes breath {
  0% {
    opacity: 0.2; /* 起始透明度（较暗） */
  }
  50% {
    opacity: 1; /* 中间透明度（最亮） */
  }
  100% {
    opacity: 0.2; /* 结束透明度（回到起始） */
  }
}

.ab4 .cont .right_img img {
  width: 100%;
  height: auto;
  animation: breath 2s ease-in-out infinite; 
  
}
.ab4 .cont .right_img .num_cont {
  width: fit-content;
  position: absolute;
  bottom: 0.68rem;
  left: 50%;
  transform: translateX(-50%);
  /*background-color: rgba(255, 255, 255, 0.2);*/
  /*backdrop-filter: blur(3px);*/
  width: 3.5rem;
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.2rem;
}
.ab4 .cont .right_img .num_cont .num_top {
  display: flex;
  justify-content: center;
  column-gap: 0.16rem;
}
.ab4 .cont .right_img .num_cont .num_top .num {
  color: var(--viColor);
  /*-webkit-box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*-moz-box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  position: relative;
  z-index: 1;
  margin-bottom: 0.3rem;
}
/* Firefox适配*/
@supports not (-webkit-box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2))) {
.ab4 .cont .right_img .num_cont .num_top .num::after {
        content: attr(data-num);
        position: absolute;
        top: 190%;
        left: 0;
        transform: scaleY(-1);
        transform-origin: top;
        opacity: 1;
        mask-image: linear-gradient(to bottom, transparent, black 1rem);
        -webkit-mask-image: linear-gradient(to bottom, transparent, black 1rem);
        pointer-events: none;
    }
}
.ab4 .cont .right_img .num_cont .num_top .num_f {
  color: var(--viColor);
}
.ab4 .cont .right_img .num_cont .tit {
  text-align: center;
  font-family: var(--f500);
  color: var(--viColor);
}
.ab5 .top {
  margin-bottom: 1.04rem;
}
.ab5 .top .tit {
  line-height: calc(80 / 60);
  color: #333;
  text-align: center;
  margin-bottom: 1.04rem;
}
.ab5 .cont {
  padding: 0.31rem 1.4rem 1.65rem;
  background: url(../img/41.png) no-repeat center center;
  background-size: cover;
  column-gap: 0.9rem;
  display: flex;
}
.ab5 .cont .swiper1 {
  width: 1.6rem;
}
.ab5 .cont .swiper1 .h1 {
  cursor: pointer;
  text-align: right;
  margin-bottom: 0.36rem;
  color: rgba(51, 51, 51, 0.6);
  line-height: 1.3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .4s ease;
}
.ab5 .cont .swiper1 .h1:last-child {
  margin-bottom: 0;
}
.ab5 .cont .swiper1 .h1.on,
.ab5 .cont .swiper1 .h1:hover {
  color: var(--viColor);
}


.ab5 .cont .left_cont .left_tit_cont {
  margin-bottom: 0.37rem;
  position: relative;
}

.ab5 .cont .left_cont {
  flex: 1;
}
.ab5 .cont .left_cont .left_tit {
  padding-bottom: 0.2rem;
  color: var(--viColor);
  transition: all .4s ease;
  font-family: var(--f500);
}

.ab5 .cont .left_cont .left_tit {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ab5 .cont .left_cont .left_tit.on {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
}

.ab5 .cont .left_cont .left_tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #333333;
}
.ab5 .cont .left_cont .left_tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4.28rem;
  border: 1px solid var(--viColor);
}
.ab5 .cont .left_cont .left_bot {
  display: flex;
  column-gap: 0.8rem;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont {
  position: relative;
  width: fit-content;
  padding-right: calc(0.34rem + 3px);
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 {
  margin: 0;
  height: 3rem;
  width: 5.81rem;
  margin-bottom: 0.38rem;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide {
  /*padding-left: 0.12rem;*/
  position: relative;
}
/*.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 0.06rem;*/
/*  height: 0.06rem;*/
/*  border-radius: 50%;*/
/*  transform: translateY(0.1rem);*/
/*  background-color: var(--viColor);*/
/*}*/
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide .h1 {
  line-height: calc(28 / 18);
  color: rgba(51, 51, 51, 0.6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  height: 100%;
  overflow-y: auto;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide .h1::-webkit-scrollbar {
    width: 4px;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide .h1::-webkit-scrollbar-thumb {
    background-color: #193EAA!important;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box {
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  z-index: 3;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn {
  width: 0.63rem;
  height: 0.63rem;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn:hover svg path {
  stroke: #fff;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn:hover svg line {
  stroke: #fff;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn svg {
  width: 0.23rem;
  height: auto;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn svg path {
  transition: all 0.3s;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn svg line {
  transition: all 0.3s;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn svg.rote {
  transform: rotate(180deg);
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper-pagination {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 3px;
  height: 2.51rem;
}
.ab5 .cont .left_cont .left_bot .swiper2_cont .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: var(--viColor);
}
.ab5 .cont .left_cont .left_bot .img_cont {
  flex: 1;
  height: auto;
  aspect-ratio: 676 / 445;
  border-radius: 0.1rem;
  overflow: hidden;
}
.ab5 .cont .left_cont .left_bot .img_cont:hover img {
  transform: scale(1.1);
}
.ab5 .cont .left_cont .left_bot .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  transition: all 0.5s;
}
.ab5 .cont .left_cont .left_bot .img_cont img.on {
  display: block;
}
.ab6 {
  padding: 0.4rem 1.4rem 0.9rem;
  background: url(../img/43.png) no-repeat;
  background-size: 3.68rem auto;
  background-position: 31% 0.5rem;
}
.ab6 .cont .item {
    transition-timing-function: ease!important;
    transition-duration: .8s!important;
}
.ab6 .top {
  margin-bottom: 0.9rem;
}
.ab6 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.ab6 .cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 0.24rem;
  /*column-gap: 0.24rem;*/
}
.ab6 .cont .item {
  width: 7.13rem;
  height: 4rem;
  background-color: #fafafa;
  display: flex;
  transition: all 0.3s;
  border-radius: 0.1rem;
  overflow: hidden;
  cursor: pointer;
}
.ab6 .cont .item.on {
  background-color: var(--viColor);
}
.ab6 .cont .item.on .text .h1 {
  color: #fff;
}
.ab6 .cont .item.on .text .p1 {
  color: #fff;
}
.ab6 .cont .item:hover .img img {
  transform: scale(1.1);
}
.ab6 .cont .item .text {
  flex: 1;
  padding: 0.32rem 0.24rem;
}
.ab6 .cont .item .text .h1 {
  transition: all 0.3s;
  color: #333333;
  line-height: calc(28 / 24);
  margin-bottom: 0.2rem;
}
.ab6 .cont .item .text .p1 {
  color: rgba(51, 51, 51, 0.6);
  transition: all 0.3s;
  font-weight: 300;
  font-family: var(--f300);
  line-height: calc(28 / 18);
}
.ab6 .cont .item .img {
  width: 4.76rem;
  height: 100%;
  border-radius: 0.1rem;
  overflow: hidden;
}
.ab6 .cont .item:nth-child(n+4){height:auto;}
.ab6 .cont .item .img:hover img {
  transform: scale(1.1);
}
.ab6 .cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.ab6 .cont .item:nth-child(5n) {
  width: calc(100% - 7.13rem - 0.24rem);
}
.ab6 .cont .item:nth-child(5n - 4) {
  height: 5.34rem;
}
.ab6 .cont .item:nth-child(5n - 3) {
  width: calc((100% - (7.13rem + 0.24rem * 2)) / 2);
  height: 5.34rem;
  flex-direction: column-reverse;
}
.ab6 .cont .item:nth-child(5n - 3) .img {
  width: 100%;
  height: 3.45rem;
}
.ab6 .cont .item:nth-child(5n - 2) {
  width: calc((100% - (7.13rem + 0.24rem * 2)) / 2);
  height: 5.34rem;
  flex-direction: column;
}
.ab6 .cont .item:nth-child(5n - 2) .img {
  width: 100%;
  height: 3.45rem;
}
.ab7 {
  background: #fff url(../img/46.png) no-repeat center bottom;
  background-size: cover;
}
.ab7 .ab7_cont {
  padding: 0.9rem 1.4rem 1.8rem;
  background: linear-gradient(180deg, #ffffff 36.46%, rgba(255, 255, 255, 0.1) 93.78%);
}
.ab7 .ab7_cont .top {
  margin-bottom: 0.8rem;
}
.ab7 .ab7_cont .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
  margin-bottom: 0.24rem;
}
.ab7 .ab7_cont .top .p1 {
  width: 9.7rem;
  margin: 0 auto;
  line-height: calc(40 / 24);
  color: #777777;
  text-align: center;
}
.ab7 .ab7_cont .cont {
  display: flex;
  column-gap: 0.2rem;
  flex-wrap: wrap;
  row-gap: 0.2rem;
}
.ab7 .ab7_cont .cont .item {
  /*width: calc((100% - 0.2rem * 4) / 5);*/
  height: 4.3rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.ab7 .ab7_cont .cont .item .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  object-fit: cover;
  border-radius: 0.1rem;
}
.ab7 .ab7_cont .cont .item .item_ct {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  background-color: rgba(80, 80, 80, 0.1);
  display: flex;
  flex-direction: column;
  border-radius: 0.1rem;
  row-gap: 1.33rem;
  padding: 1.11rem 0.44rem 0;
  transition: all .4s ease;
  backdrop-filter: blur(20px);
}

.ab7 .ab7_cont .cont .item .item_ct:hover {
  backdrop-filter: blur(0);
    
}
.ab7 .ab7_cont .cont .item .item_ct .logo {
  height: 0.8rem;
  object-fit: contain;
  width: auto;
  max-height: 100%;
}
.ab7 .ab7_cont .cont .item .item_ct .t {
  text-align: center;
  line-height: calc(28 / 20);
  color: #fff;
}
.rd1 {
  width: 100%;
}
.rd1 .pic {
  width: 100%;
  height: auto;
}
.rd2 {
  padding: 2.35rem 1.4rem 1.6rem;
}
.rd2 .top {
  margin-bottom: 0.8rem;
}
.rd2 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.rd2 .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.25rem;
  row-gap: 0.25rem;
}
.rd2 .list .item_cont {
  width: calc((100% - 0.25rem * 3) / 4);
}
.rd2 .list .item_cont:hover .item {
    transform: translateY(-40px);
    background: var(--viColor);
}

.rd2 .list .item {
  width: 100%;
  transition: all .4s ease;
  min-height: 4.4rem;
  background-color: #f6f7f8;
  border-radius: 0.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.8rem;
  padding: 0.6rem 0.2rem 0.64rem;
}
.rd2 .list .item .ico {
  width: 1.4rem;
  background-color: #fff;
  height: 1.4rem;
  border-radius: 50%;
  padding: 0.36rem;
}
.rd2 .list .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rd2 .list .item .item_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rd2 .list .item .item_text .t1 {
  line-height: calc(21 / 18);
  color: #333;
  font-family: var(--f500);
  margin-bottom: 0.16rem;
  text-align: center;
  transition: all .4s ease;
}
.rd2 .list .item_cont:hover  .item .item_text .t1 {
    color: #fff;
}
.rd2 .list .item .item_text .num_cont {
  display: flex;
  column-gap: 0.1rem;
}
.rd2 .list .item .item_text .num_cont .num {
  font-family: var(--f500);
  color: var(--viColor);
  line-height: calc(59 / 50);
  transition: all .4s ease;
}
.rd2 .list .item_cont:hover .item .item_text .num_cont .num {
    color: #fff;
}
.rd2 .list .item .item_text .num_cont .num_f {
  color: var(--viColor);
  line-height: 2;
  transition: all .4s ease;
}
.rd2 .list .item_cont:hover .item .item_text .num_cont .num_f {
    color: #fff;
}
.rd3 {
  padding: 1.44rem 0 1.4rem;
  background-color: #f7f7f9;
  position: relative;
  min-height: 6.8rem;
}
.rd3 .bgimg {
  width: 100%;
  height: 6.8rem;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.rd3 .cont {
  position: relative;
  z-index: 2;
  padding: 0 1.4rem;
}
.rd3 .cont .top {
  margin-bottom: 1rem;
}
.rd3 .cont .top .tit {
  text-align: center;
  color: #fff;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.rd3 .cont .list {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  border-radius: 0.1rem;
  overflow: hidden;
}
.rd3 .cont .list .item {
  width: 2.9rem;
  height: 5.65rem;
  transition: all 0.5s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.72rem 0.32rem 0.68rem;
  background-color: #fff;
  border-right: 1px solid #e0e0e0;
  overflow: hidden;
}
.rd3 .cont .list .item:last-child {
  border-right: 0;
}
.rd3 .cont .list .item.on {
  width: 4.75rem;
}
.rd3 .cont .list .item.on .item_top .card1 {
  position: relative;
  opacity: 1;
}
.rd3 .cont .list .item.on .item_top .card2 {
  position: absolute;
  top: 0;
  opacity: 0;
}
.rd3 .cont .list .item .item_top {
  position: relative;
}
.rd3 .cont .list .item .item_top .card1 {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 4.11rem;
}
.rd3 .cont .list .item .item_top .card2 {
  width: 2.26rem;
}
.rd3 .cont .list .item .item_top .card {
  transition: all 0.4s;
}
.rd3 .cont .list .item .item_top .card .ico {
  width: 0.56rem;
  height: 0.56rem;
  object-fit: contain;
  margin-bottom: 0.48rem;
}
.rd3 .cont .list .item .item_top .card .t1 {
  color: #333333;
  line-height: calc(29 / 24);
  font-family: var(--f500);
  margin-bottom: 0.32rem;
}
.rd3 .cont .list .item .item_top .card .p1 {
  color: #333;
  line-height: calc(28 / 18);
}
.rd3 .cont .list .item .item_page {
  display: flex;
  align-items: end;
  column-gap: 0.05rem;
  color: #cdcdcd;
}
.rd3 .cont .list .item .item_page .act {
  color: var(--viColor);
}
.rd4 {
  background-color: #f7f7f9;
  padding-bottom: 1.2rem;
}
.rd4 .cont {
  display: flex;
  margin-bottom: -1.54rem;
}
.rd4 .cont .img {
  width: 10.4rem;
  border-radius: 0 0.1rem 0.1rem 0;
  overflow: hidden;
}
.rd4 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.rd4 .cont .img:hover img {
 transform: scale(1.05);
}
.rd4 .cont .text {
  flex: 1;
  padding: 1.6rem 1.4rem 1.54rem;
}
.rd4 .cont .text .h1 {
  padding-bottom: 0.16rem;
  border-bottom: 1px solid #e0e0e0;
  color: var(--viColor);
  margin-bottom: 0.36rem;
}
.rd4 .cont .text .p1 {
  line-height: calc(32 / 18);
  color: #333;
}
.rd4 .list {
  position: relative;
  z-index: 2;
  margin: 0 1.4rem;
  display: flex;
  flex-wrap: wrap;
}
.rd4 .list .item {
  width: calc(100% / 3);
  border-right: 1px solid #e0e0e0;
  background-color: #ffffff;
  padding: 0.46rem 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.48rem;
}
.rd4 .list .item:nth-child(3n-2) {
  border-radius: 0.1rem 0 0 0.1rem;
}
.rd4 .list .item:nth-child(3n) {
  border: 0;
  border-radius: 0 0.1rem 0.1rem 0;
}
.rd4 .list .item .ico {
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #ffffff;
  padding: 0.36rem;
  background-color: #fff;
}
.rd4 .list .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rd4 .list .item .item_text .h1_cont {
  display: flex;
  column-gap: 0.08rem;
  position: relative;
  align-items: center;
}
.rd4 .list .item .item_text .h1_cont .h1 {
  color: var(--viColor);
  /*-webkit-box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*-moz-box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*box-reflect: below -0.1rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  margin-bottom: 0.26rem;
  position: relative;
  line-height: 1.1;
}

#num0::after {
  content: '30'; /* 若为文字，可通过 data 属性复制内容，或直接写死/继承原内容 */
  position: absolute;
  left: 0;
  top: 70%; /* 让倒影在原元素下方，可调整间距 */
  /* 垂直翻转伪元素，实现倒影 */
  transform: scaleY(-1); 
  /* 渐变遮罩，让倒影从上到下（因翻转，实际视觉是从下到上）透明度变化 */
  background: linear-gradient(to top, rgba(4,63,177,0.8) 0%, rgba(4,63,177,0) 100%); 
  -webkit-background-clip: text; /* 文字场景下，裁剪背景到文字区域（webkit 前缀适配 Safari/Chrome ） */
  background-clip: text;
  color: transparent; /* 让文字本身透明，显现金字塔渐变背景  */
  opacity: 0.5; /* 整体调整倒影透明度 */
}
#num1::after {
  content: 'NO.1'; /* 若为文字，可通过 data 属性复制内容，或直接写死/继承原内容 */
  position: absolute;
  left: 0;
  top: 70%; /* 让倒影在原元素下方，可调整间距 */
  /* 垂直翻转伪元素，实现倒影 */
  transform: scaleY(-1); 
  /* 渐变遮罩，让倒影从上到下（因翻转，实际视觉是从下到上）透明度变化 */
  background: linear-gradient(to top, rgba(4,63,177,0.8) 0%, rgba(4,63,177,0) 100%); 
  -webkit-background-clip: text; /* 文字场景下，裁剪背景到文字区域（webkit 前缀适配 Safari/Chrome ） */
  background-clip: text;
  color: transparent; /* 让文字本身透明，显现金字塔渐变背景  */
  opacity: 0.5; /* 整体调整倒影透明度 */
}
#num2::after {
  content: '200'; /* 若为文字，可通过 data 属性复制内容，或直接写死/继承原内容 */
  position: absolute;
  left: 0;
  top: 70%; /* 让倒影在原元素下方，可调整间距 */
  /* 垂直翻转伪元素，实现倒影 */
  transform: scaleY(-1); 
  /* 渐变遮罩，让倒影从上到下（因翻转，实际视觉是从下到上）透明度变化 */
  background: linear-gradient(to top, rgba(4,63,177,0.8) 0%, rgba(4,63,177,0) 100%); 
  -webkit-background-clip: text; /* 文字场景下，裁剪背景到文字区域（webkit 前缀适配 Safari/Chrome ） */
  background-clip: text;
  color: transparent; /* 让文字本身透明，显现金字塔渐变背景  */
  opacity: 0.5; /* 整体调整倒影透明度 */
}

.rd4 .list .item .item_text .h1_cont .h1_f {
  color: var(--viColor);
  line-height: 1.4;
  align-items: center;
}
.rd4 .list .item .item_text .p1 {
  color: var(--viColor);
  font-family: var(--f500);
}
.rd5 {
  padding: 1.4rem 1.4rem 1.53rem;
  position: relative;
  background: url(../img/53.png) no-repeat center center;
  background-size: cover;
}
.rd5 .top {
  margin-bottom: 0.95rem;
  position: relative;
  z-index: 2;
}
.rd5 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  color: #000;
  font-family: var(--f500);
}
.rd5 .cont {
  position: relative;
  z-index: 2;
  display: flex;
  column-gap: 1.2rem;
}
.rd5 .cont .left {
  width: 4rem;
}
.rd5 .cont .left .item {
  padding: 0.1rem 0.3rem;
  border-bottom: 2px solid rgba(4, 63, 177, 0.1);
  margin-bottom: 0.36rem;
  line-height: calc(38 / 28);
  color: #333;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
}
.rd5 .cont .left .item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 87, 255, 0.092) 59.13%, rgba(0, 87, 255, 0.2) 100%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.rd5 .cont .left .item.on {
  color: var(--viColor);
  border-color: var(--viColor);
}
.rd5 .cont .left .item.on::after {
  opacity: 1;
}
.rd5 .cont .left .item:last-child {
  margin-bottom: 0;
}
.rd5 .cont .right {
  /*flex: 1;*/
  width: calc(100% - 1.2rem - 4rem);
}
.rd5 .cont .right .card {
  display: none;
  width: 100%;
}

.rd5 .cont .right .card .swiper {
    width: 100%;
    height: 4.86rem;
    padding-bottom: 1rem;
}


.rd5 .cont .right .card .swiper .btn {
  position: absolute;
  bottom: 0;
  width: 0.63rem;
  height: 0.63rem;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}

.rd5 .cont .right .card .swiper .btn.prev{left: 50%;transform: translateX(-120%);}
.rd5 .cont .right .card .swiper .btn.next{right: 50%;transform: translateX(120%);}

.rd5 .cont .right .card .swiper .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}
.rd5 .cont .right .card .swiper .btn:hover svg path {
  stroke: #fff;
}
.rd5 .cont .right .card .swiper .btn:hover svg line {
  stroke: #fff;
}
.rd5 .cont .right .card .swiper .btn svg {
  width: 0.23rem;
  height: auto;
}
.rd5 .cont .right .card .swiper .btn svg path {
  transition: all 0.3s;
}
.rd5 .cont .right .card .swiper .btn svg line {
  transition: all 0.3s;
}
.rd5 .cont .right .card .swiper .btn svg.rote {
  transform: rotate(180deg);
}


.rd5 .cont .right .card .swiper .swiper-slide {
    background: #fff;
  position: relative;
  -webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
  clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);
  overflow: hidden;
}
.rd5 .cont .right .card .swiper .swiper-slide .bgimg {
     width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 1;
    transition: all 0.5s;
}

.rd5 .cont .right .card .swiper .swiper-slide  .h1_cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
  padding: 0.2rem;
  background: linear-gradient(180deg, rgba(4, 63, 177, 0.9) -3.12%, rgba(4, 63, 177, 0) 66.79%);
}
.rd5 .cont .right .card .swiper .swiper-slide.hid .v_btn {
    opacity: 0;
}
.rd5 .cont .right .card .swiper .swiper-slide .v_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    z-index: 10;
}
.rd5 .cont .right .card .swiper .swiper-slide  .h1_cont .h1 {
    text-align: center;
    padding: .2rem;
    line-height: calc(50 / 18);
    color: #fff;
    font-family: var(--f500);
}

.rd5 .cont .right .card .swiper .swiper-pagination{bottom: 0;}
.rd5 .cont .right .card .swiper .swiper-pagination-bullet{background-color: #ccc;opacity: 1;}
.rd5 .cont .right .card .swiper .swiper-pagination-bullet-active{background-color: var(--viColor);opacity: 1;}

.rd5 .cont .right .card .swiper .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  width: 24px;
  height: 2px;
  cursor: pointer;
  background-color: #c2c2c2;
}
.rd5 .cont .right .card .swiper .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #1173F6 0%, #5542CF 100%);
}



.rd5 .cont .right .card.on {
  display: flex;
}
/*.rd5 .cont .right .card.on .img_cont {*/
/*  flex: 1;*/
/*  height: 3.86rem;*/
/*  position: relative;*/
/*  -webkit-clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);*/
/*  clip-path: polygon(10% 0%, 100% 0, 90% 100%, 0% 100%);*/
/*  overflow: hidden;*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont.video {*/
/*  cursor: pointer;*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont.video::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  z-index: 3;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
/*  width: 0.6rem;*/
/*  height: 0.6rem;*/
/*  background: url(../img/36.png) no-repeat center center;*/
/*  background-size: contain;*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont:hover img {*/
/*  transform: scale(1.1);*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  position: absolute;*/
/*  object-fit: cover;*/
/*  z-index: 1;*/
/*  transition: all 0.5s;*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont video {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  position: absolute;*/
/*  object-fit: cover;*/
/*  z-index: 1;*/
/*  transition: all 0.5s;*/
/*  pointer-events: none;*/
/*}*/

/*.rd5 .cont .right .card.on .img_cont .v_btn{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%,-50%)!important;*/
/*    width: 0.6rem;*/
/*    height: 0.6rem;*/
/*    cursor: pointer;*/
/*    z-index: 10;*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont.hid .v_btn{opacity: 0;}*/

/*.rd5 .cont .right .card.on .img_cont .h1_cont {*/
/*  position: relative;*/
/*  z-index: 2;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  padding: 0.2rem;*/
/*  background: linear-gradient(180deg, rgba(4, 63, 177, 0.9) -3.12%, rgba(4, 63, 177, 0) 66.79%);*/
/*}*/
/*.rd5 .cont .right .card.on .img_cont .h1_cont .h1 {*/
/*  text-align: center;*/
/*  line-height: calc(50 / 18);*/
/*  color: #fff;*/
/*  font-family: var(--f500);*/
/*}*/
.rd6 {
  padding: 0.52rem 1.4rem 0.8rem;
}
.rd6 .top {
  margin-bottom: 0.8rem;
}
.rd6 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.rd6 .cont {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.24rem;
  row-gap: 0.24rem;
}
.rd6 .cont .item {
  width: calc((100% - 0.24rem) / 2);
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  background-color: #f7f7f9;
}
.rd6 .cont .item .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  transition: all 0.4s;
  opacity: 0;
}
.rd6 .cont .item:hover .bgimg {
  opacity: 1;
}
.rd6 .cont .item:nth-child(2) .bgimg {
  opacity: 1;
}
.rd6 .cont .item:nth-child(3) .bgimg {
  opacity: 1;
}
.rd6 .cont .item:hover .item_cont {
  background-color: rgba(0, 0, 0, 0.2);
}
.rd6 .cont .item:hover .item_cont .ico {
  filter: brightness(100);
}
.rd6 .cont .item:hover .item_cont .h1 {
  color: #fff;
}
.rd6 .cont .item:hover .item_cont .h2 {
  color: #fff;
}
.rd6 .cont .item .item_cont {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 4.2rem;
  padding: 0.6rem;
  transition: all 0.4s;
}
.rd6 .cont .item .item_cont .ico {
  width: 0.56rem;
  height: 0.56rem;
  object-fit: contain;
  margin-bottom: 0.2rem;
}
.rd6 .cont .item .item_cont .h1 {
  color: #333333;
  line-height: calc(40 / 20);
  font-weight: var(--f500);
  transition: all 0.4s;
}
.rd6 .cont .item .item_cont .h2 {
  line-height: calc(32 / 18);
  color: #333333;
  transition: all 0.4s;
}
.rd7 {
  padding: 0.8rem 1.4rem;
}
.rd7 .top {
  margin-bottom: 0.8rem;
}
.rd7 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.rd7 .cont {
  display: flex;
  column-gap: 0.4rem;
}
.rd7 .cont .item {
  width: 3.88rem;
  height: 4.5rem;
  border-radius: 0.1rem;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
}
.rd7 .cont .item .bgimg {
  width: 7.78rem;
  max-width: 7.78rem;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  object-fit: cover;
}
.rd7 .cont .item.on {
  width: 7.78rem;
}
.rd7 .cont .item.on .item_text .text.text1 {
  opacity: 0;
}
.rd7 .cont .item.on .item_text .text.text2 {
  opacity: 1;
}
.rd7 .cont .item .item_text {
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.rd7 .cont .item.on .item_text {
  background: linear-gradient(0deg, rgba(4, 63, 177, 0.9) -3.12%, rgba(4, 63, 177, 0) 66.79%);
}
.rd7 .cont .item .item_text .text {
  padding: 0.28rem;
  transition: all 0.3s;
  position: absolute;
  bottom: 0;
  left: 0;
}
.rd7 .cont .item .item_text .text.text1 {
  width: 3.88rem;
}
.rd7 .cont .item .item_text .text.text2 {
  width: 7.78rem;
  opacity: 0;
}
.rd7 .cont .item .item_text .text .h1 {
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.rd7 .cont .item .item_text .text .h2 {
  line-height: 1.5;
  color: #fff;
}
.rd7 .cont .item.on {
  width: 7.78rem;
}
.rd8 {
  padding: 0.8rem 1.4rem;
}
.rd8 .top {
  margin-bottom: 0.8rem;
}
.rd8 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.rd8 .cont .card_top {
  display: flex;
  column-gap: 0.24rem;
  margin-bottom: 0.24rem;
}
.rd8 .cont .card_top .item {
  width: calc((100% - 0.24rem) / 2);
  background-color: #f7f7f9;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.rd8 .cont .card_top .item:hover .bgimg {
  opacity: 1;
}
.rd8 .cont .card_top .item:hover .item_cont .ico {
  filter: brightness(100);
}
.rd8 .cont .card_top .item:hover .item_cont .h1 {
  color: #fff;
}
.rd8 .cont .card_top .item:hover .item_cont .h2 {
  color: #fff;
}
.rd8 .cont .card_top .item:hover .item_cont .p1 {
  color: #fff;
}
.rd8 .cont .card_top .item .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.4s;
}
.rd8 .cont .card_top .item .item_cont {
  position: relative;
  z-index: 2;
  min-height: 4.2rem;
  padding: 0.6rem;
}
.rd8 .cont .card_top .item .item_cont .ico {
  width: 0.56rem;
  height: 0.56rem;
  object-fit: contain;
  margin-bottom: 0.2rem;
}
.rd8 .cont .card_top .item .item_cont .h1 {
  color: #333333;
  line-height: calc(40 / 24);
  font-family: var(--f500);
  transition: all 0.4s;
}
.rd8 .cont .card_top .item .item_cont .h2 {
  color: var(--viColor);
  line-height: calc(32 / 18);
  margin-bottom: 0.16rem;
  transition: all 0.4s;
}
.rd8 .cont .card_top .item .item_cont .p1 {
  color: #333;
  line-height: calc(32 / 18);
  transition: all 0.4s;
}
.rd8 .cont .card_bot {
  display: flex;
  column-gap: 0.24rem;
}
.rd8 .cont .card_bot .card {
  width: calc((100% - 0.24rem) / 2);
  min-height: 6.68rem;
  height: fit-content;
}
.rd8 .cont .card_bot .card.left {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.2rem;
  row-gap: 0.2rem;
}
.rd8 .cont .card_bot .card.left .item {
  cursor: pointer;
  width: calc((100% - 0.2rem * 2) / 3);
  padding: 0.32rem 0.14rem;
  background-color: #f7f7f9;
  border-radius: 0.1rem;
  transition: all 0.4s;
  height: fit-content;
  min-height: 2.06rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rd8 .cont .card_bot .card.left .item.on {
  background-color: var(--viColor);
}
.rd8 .cont .card_bot .card.left .item.on .ico {
  filter: brightness(100);
}
.rd8 .cont .card_bot .card.left .item.on .t1 {
  color: #fff;
}
.rd8 .cont .card_bot .card.left .item .ico {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 auto;
  object-fit: contain;
  margin-bottom: 0.3rem;
}
.rd8 .cont .card_bot .card.left .item .t1 {
  text-align: center;
  line-height: calc(28 / 20);
  color: #333;
  transition: all 0.4s;
}
.rd8 .cont .card_bot .card.right {
  display: flex;
}
.rd8 .cont .card_bot .card.right .item {
  display: none;
  padding: 0.6rem;
  background-color: #f7f7f9;
  height: auto;
}
.rd8 .cont .card_bot .card.right .item.on {
  display: block;
}
.rd8 .cont .card_bot .card.right .item .ico {
  width: 0.56rem;
  height: 0.56rem;
  object-fit: contain;
  margin-bottom: 0.2rem;
}
.rd8 .cont .card_bot .card.right .item .h1 {
  line-height: 1.5;
  margin-bottom: 0.1rem;
  color: #333;
}
.rd8 .cont .card_bot .card.right .item .h2 {
  color: var(--viColor);
  margin-bottom: 0.16rem;
}
.rd8 .cont .card_bot .card.right .item .p1 {
  color: #333;
  line-height: calc(32 / 18);
}
.rd9 {
  padding: 0.8rem 1.4rem 2rem;
}
.rd9 .top {
  margin-bottom: 0.7rem;
}
.rd9 .top .tit {
  line-height: calc(80 / 60);
  text-align: center;
  font-family: var(--f500);
}
.rd9 .cont {
  display: flex;
  column-gap: 0.25rem;
  row-gap: 0.24rem;
  flex-wrap: wrap;
}
.rd9 .cont .item {
  width: calc((100% - 0.25rem * 3) / 4);
  border-radius: 0.1rem;
  background-color: #f7f7f9;
  transition: all 0.4s;
  padding: 0.28rem 0.4rem;
  /*transition-timing-function: ease!important;*/
  /*  transition-duration: .8s!important;*/
}
.rd9 .cont .item:hover {
  background-color: var(--viColor);
}
.rd9 .cont .item:hover .h1 {
  color: #fff;
}
.rd9 .cont .item:hover .h1::before {
  background-color: #fff;
}
.rd9 .cont .item:hover .p1 {
  color: #fff;
}
.rd9 .cont .item .h1 {
  line-height: calc(28 / 24);
  margin-bottom: 0.1rem;
  color: #333;
  position: relative;
  font-family: var(--f500);
  transition: all 0.4s;
}
.rd9 .cont .item .h1::before {
  content: "";
  position: absolute;
  right: calc(100% + 0.1rem);
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: var(--viColor);
  transform: translateY(0.1rem);
  transition: all 0.4s;
}
.rd9 .cont .item .p1 {
  line-height: calc(28 / 18);
  color: rgba(51, 51, 51, 0.6);
  transition: all 0.4s;
}
.products1 {
  /*margin-top: 0.6rem;*/
  /*margin-top: .1rem;*/
  margin-top: 0;
}
.products1 .swiper {
  width: 100%;
  height: 8rem;
}
.products1 .swiper .swiper-slide {
  background: url(../img/60.png) no-repeat center center;
  background-size: cover;
  display: block;
}
.products1 .swiper .swiper-slide .cont {
  padding: 0 1.4rem;
  height: 100%;
  display: flex;
  /*background: linear-gradient(41deg, rgba(243, 244, 247, 0.2) 0%, rgba(175, 198, 255, 0.4) 53.61%, rgba(4, 63, 177, 0.6) 100%);*/
  column-gap: 1.9rem;
  align-items: end;
}
.products1 .swiper .swiper-slide .cont .left {
  width: 7.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.products1 .swiper .swiper-slide .cont .left .h1 {
  line-height: 1.3;
  color: #333;
  margin-bottom: 0.16rem;
  text-align: center;
}
.products1 .swiper .swiper-slide .cont .left .h2 {
  line-height: 1.3;
  font-family: var(--f500);
  margin-bottom: 0.6rem;
}
.products1 .swiper .swiper-slide .cont .left .p1 {
  line-height: 1.3;
  color: #333;
  margin-bottom: 0.6rem;
  height: 6.5em;
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}
.products1 .swiper .swiper-slide .cont .left .btn {
  /*border-color: var(--viColor);*/
  /*background-color: var(--viColor);*/
  border-color: #333333;
}
.products1 .swiper .swiper-slide .cont .left .btn .ico {
  background-color: #cfd0d0;
}
.products1 .swiper .swiper-slide .cont .left .btn .ico svg line {
  /*stroke: var(--viColor);*/
}
.products1 .swiper .swiper-slide .cont .left .btn .ico svg path {
  /*stroke: var(--viColor);*/
}
.products1 .swiper .swiper-slide .cont .left .btn .text {
  color: #333333;
}
.products1 .swiper .swiper-slide .cont .img {
  width: 5.8rem;
  height: 7.6rem;
}
.products1 .swiper .swiper-slide .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products1 .swiper .swiper-pagination {
  display: flex;
  left: 1.4rem;
  bottom: 0.4rem;
  column-gap: 0.08rem;
}
.products1 .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  width: 40px;
  height: 2px;
  opacity: 1;
  border-radius: 2px;
  transition: all 0.3s;
  background-color: #fff;
}
.products1 .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--viColor);
}

.products_container  {
    background: #f7f7f9;
}
.products2 {
    background: #fff;
  padding: 1rem 1.4rem 3.1rem;
}
.products2 .cont {
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
  margin-bottom: 1rem;
}
.products2 .cont .left {
  width: 3rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: sticky;
  top: var(--headerHeight);
}
.products2 .cont .left .tit {
  width: 100%;
  padding: 0.24rem 0.3rem;
  background-color: var(--viColor);
  color: #fff;
  line-height: calc(32 / 24);
}
.products2 .cont .left .list .item {
  width: 100%;
  padding: 0.24rem 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f3f4f7;
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  transition: all 0.4s;
  justify-content: space-between;
}
.products2 .cont .left .list .item.on .h1 {
  color: var(--viColor);
}
.products2 .cont .left .list .item.on .ico {
  opacity: 1;
}
.products2 .cont .left .list .item:hover .h1 {
  color: var(--viColor);
}
.products2 .cont .left .list .item:last-child {
  border-bottom: 0;
}
.products2 .cont .left .list .item .h1 {
  flex: 1;
  color: #444857;
  transition: all 0.4s;
}
.products2 .cont .left .list .item .ico {
  width: 0.15rem;
  height: 2px;
  background-color: var(--viColor);
  opacity: 0;
  transition: all 0.4s;
}
.productsdetails_container  [id] {
    scroll-margin-top: calc( 1.2rem); 
}
.products2 .cont .right {
  flex: 1;
}
.products2 .cont .right .conx {
    /*display: none;*/
}
.products2 .cont .right .conx.on {
    display: block;
}

.products2 .cont .right .list {
  display: flex;
  column-gap: 0.4rem;
  row-gap: 0.4rem;
  flex-wrap: wrap;
}
.products2 .cont .right .list .item {
  width: calc((100% - 0.4rem) / 2);
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0 0.25rem 0 0;
  display: flex;
  column-gap: 0.25rem;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.1);
}
.products2 .cont .right .list .item .img {
  width: 2.15rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 6px 0 12px rgba(0, 0, 0, 0.03);
  /*border: 2px solid #193EAA;*/
}
/*.products2 .cont .right .list .item .img*/
.products2 .cont .right .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .4s ease;
  
}
.products2 .cont .right .list .item:hover .img::after {
    transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, 120%, 0);
}
.products2 .cont .right .list .item .img::after {
    content: "";
    background: hsla(0, 0%, 100%, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, -100%, 0);
    transition: transform .8s;
    width: 100%;
    z-index: 10;
}
.products2 .cont .right .list .item:hover .img img {
    transform: scale(1.1);
}
.products2 .cont .right .list .item:hover .text .text_top .h1 {
  color: var(--viColor);
}
.products2 .cont .right .list .item:hover .text .btn {
  border-color: var(--viColor);
  background-color: var(--viColor);
}
.products2 .cont .right .list .item:hover .text .btn .ico {
  background-color: #fff;
}
.products2 .cont .right .list .item:hover .text .btn .ico svg path {
  stroke: var(--viColor);
}
.products2 .cont .right .list .item:hover .text .btn .ico svg line {
  stroke: var(--viColor);
}
.products2 .cont .right .list .item:hover .text .btn .text {
  color: #fff;
}
.products2 .cont .right .list .item .text {
    padding: 0.28rem 0;
    flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.products2 .cont .right .list .item .text .text_top {
  margin-bottom: 0.57rem;
}
.products2 .cont .right .list .item .text .text_top .h1 {
  line-height: calc(32 / 24);
  color: #333;
  margin-bottom: 0.1rem;
  transition: all 0.3s;
  font-family: var(--f500);
}
.products2 .cont .right .list .item .text .text_top .h2 {
  color: #818282;
  line-height: 1.57;
  height: 3.14em;
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.products2 .cont .right .list .item .text .btn {
  pointer-events: none;
  border-color: #333333;
}
.products2 .cont .right .list .item .text .btn .ico {
  background-color: #cfd0d0;
}
.products2 .cont .right .list .item .text .btn .ico line {
  stroke: #333;
}
.products2 .cont .right .list .item .text .btn .ico line {
  stroke: #333;
}
.products2 .cont .right .list .item .text .btn .text {
  color: #333;
}
.pro1 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.pro1 .swiper-pagination {
  display: flex;
  justify-content: center;
  left: 0;
  bottom: 0.4rem;
  column-gap: 0.08rem;
}
.pro1 .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  width: 40px;
  height: 2px;
  opacity: 1;
  border-radius: 2px;
  transition: all 0.3s;
  background-color: #fff;
}
.pro1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--viColor);
}

.pro1 .bgimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
  position: absolute;
  z-index: 1;
}
.pro1 .cont {
  position: relative;
  z-index: 2;
  background-color: rgba(17, 17, 17, 0.2);
  height: 6.5rem;
  padding: 1.58rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}
.pro1 .cont .cot {
  width: fit-content;
  padding: 0 0.3rem;
  height: 0.48rem;
  border-radius: 0.48rem;
  background-color: var(--viColor);
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.pro1 .cont .h1 {
  width: 7.73rem;
  text-align: center;
  line-height: calc(61 / 50);
  color: #fff;
  margin-bottom: 0.28rem;
}
.pro1 .cont .p1 {
  text-align: center;
  color: #fff;
  line-height: calc(22 / 18);
}
.pro2 {
  /*position: sticky;*/
  /*top: calc(var(--headerHeight));*/
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  /*z-index: 10;*/
 /*z-index: 1002;*/
 z-index: 198;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); /* 更明显的阴影 */
}
.pro2 .list .swiper {
  padding: 0 1.4rem;
}
.pro2 .list {
  /*display: flex;*/
  /*column-gap: 0.22rem;*/
}
.swiper2 ul {
    padding-left: 8px;
}
.swiper2 ul li {
    position: relative;
    padding-left: 4px;
    margin-bottom: 15px;
}
.swiper2 ul li::marker {
    color: #193EAA; /* 改变标记颜色 */
    content: "•"; /* 使用自定义字符 */
    /*color: #333333;*/
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 50%;
}
.pro2 .list .item {
    width: fit-content;
  height: 1.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  border-bottom: 4px solid transparent;
  font-family: var(--f500);
  transition: all 0.3s;
}
.pro2 .list .item:hover {
  background-color: #f7f7f9;
  color: var(--viColor);
}
.pro2 .list .item.on {
  background-color: #f7f7f9;
  color: var(--viColor);
  border-color: var(--viColor);
}
.pro_cont {
  padding: 0.13rem 0 0;
  background: url(../img/63.png) no-repeat center top;
  background-size: cover;
}
.pro_cont .banner_tabber {
  background-color: transparent;
}
.pro3 {
  padding: 0.57rem 1.4rem 0.93rem;
  -webkit-user-select: none;  /* Chrome/Safari/Edge */
  -moz-user-select: none;     /* Firefox */
  -ms-user-select: none;      /* IE/Edge */
  user-select: none;          /* 标准语法 */
  pointer-events: auto;       /* 确保区域内按钮/链接可点击（可选） */
}
.pro3 .top {
  margin-bottom: 1.23rem;
}
.pro3 .top .tit {
  text-align: center;
  color: #000;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.pro3 .cont {
  display: flex;
  border-radius: 0.1rem;
  column-gap: 1.4rem;
}
.pro3 .cont .left .img {
  width: 6.9rem;
  height: 6.9rem;
  background-color: #f6f7f8!important;
  margin-bottom: 0.34rem;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.pro3 .cont .left .img .xlz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display:block;}
.pro3 .cont .left .img .xlz.show{display: block;}
.pro3 .cont .left .img .xlz img{max-width: 9999px;width: auto;height: 100%;object-fit: contain;position: absolute;top: 0;left: 50%;transform: translateX(-50%);pointer-events:none;}
.pro3 .cont .left .img .xlz img.on{display:block!important;}

.pro3 .cont .left .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro3 .cont .left .ico {
  width: 0.6rem;
  height: auto;
  margin: 0 auto;
}
.pro3 .cont .text {
  flex: 1;
-webkit-user-select: none; /* Safari、Chrome 等 WebKit 内核浏览器 */
  -moz-user-select: none; /* Firefox 浏览器 */
  -ms-user-select: none; /* IE、Edge 浏览器 */
  user-select: none; /* 标准语法 */
  height: 6.9rem;
  overflow: auto;
}
.pro3 .cont .text .item {
  margin-bottom: 1rem;
}
.pro3 .cont .text .item:last-child {
  margin-bottom: 0;
}
.pro3 .cont .text .item .h1_cont {
  display: flex;
  align-items: center;
  column-gap: 0.16rem;
  margin-bottom: 0.36rem;
}
.pro3 .cont .text .item .h1_cont .ico {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
.pro3 .cont .text .item .h1_cont .h1 {
  flex: 1;
  font-family: var(--f500);
  color: var(--viColor);
}
.pro3 .cont .text .item .p1 {
  line-height: 2;
  color: #333333;
}
.pro4 {
  padding: 1.5rem 1.4rem 0.72rem;
  background: linear-gradient(213.31deg, rgba(255, 255, 255, 0) -24.31%, rgba(148, 173, 222, 0.09) 8.99%, rgba(4, 63, 177, 0.12) 49.81%, rgba(124, 155, 214, 0.09) 97.32%, rgba(255, 255, 255, 0) 117.02%);
}
.pro4 .top {
  margin-bottom: 0.8rem;
}
.pro4 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
  color: #333333;
}
.pro4 .list {
  display: flex;
  /*flex-wrap: wrap;*/
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
  position: relative;
}

.pro4.four .list{
    padding-bottom: 0.4rem;
}

.pro4.four .list .swiper-pagination{bottom: 0.1rem;}

.pro4.four .list .swiper-pagination .swiper-pagination-bullet{
    width: 40px;
    height: 2px;
    border-radius: 2px;
}

.pro4.four .list .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--viColor);
}

.pro4 .list .item {
  width: calc(100% / 3);
  width:100%;
  border-right: 1px solid #e0e0e0;
  display: flex;
  padding: 0.6rem 0.4rem;
  background-color: #ffffff;
  column-gap: 0.37rem;
  transition: all .4s ease;
  cursor: pointer;
}
.pro4 .list .item:hover {
    background: var(--viColor);
}
.pro4 .list .item .ico {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  border: 1px solid rgba(4, 63, 177, 0.1);
  padding: 0.2rem;
  background: #fff;
}
.pro4 .list .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro4 .list .item:last-child {
  border-right: 0;
}
.pro4 .list .item .item_down .num_cont {
  display: flex;
  align-items: center;
  color: var(--viColor);
  margin-bottom: 0.16rem;
  /*-webkit-box-reflect: below -0.3rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*-moz-box-reflect: below -0.3rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  /*box-reflect: below -0.3rem linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
  line-height: 1.5;
  height: 1.5em;
  transition: all .4s ease;
  position: relative;
}

/*.pro4 .list .item0 .item_down .num_cont:after{*/
/*    content: '4';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 70%;*/
/*    transform: scaleY(-1);*/
/*    background: linear-gradient(to top, rgba(4, 63, 177, 0.8) 0%, rgba(4, 63, 177, 0) 100%);*/
/*    -webkit-background-clip: text;*/
/*    background-clip: text;*/
/*    color: transparent;*/
/*    opacity: 0.5;*/
/*}*/

.pro4 .list .item .item_down .num_cont .after{
    /*content: '700g';*/
    position: absolute;
    left: 0;
    top: 70%;
    transform: scaleY(-1);
    background: linear-gradient(to top, rgba(4, 63, 177, 0.8) 0%, rgba(4, 63, 177, 0) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0.5;
}

/*.pro4 .list .item2 .item_down .num_cont:after{*/
/*    content: '95%';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 70%;*/
/*    transform: scaleY(-1);*/
/*    background: linear-gradient(to top, rgba(4, 63, 177, 0.8) 0%, rgba(4, 63, 177, 0) 100%);*/
/*    -webkit-background-clip: text;*/
/*    background-clip: text;*/
/*    color: transparent;*/
/*    opacity: 0.5;*/
/*}*/


/*.pro4 .list .item3 .item_down .num_cont:after{*/
/*    content: '1,600W';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 70%;*/
/*    transform: scaleY(-1);*/
/*    background: linear-gradient(to top, rgba(4, 63, 177, 0.8) 0%, rgba(4, 63, 177, 0) 100%);*/
/*    -webkit-background-clip: text;*/
/*    background-clip: text;*/
/*    color: transparent;*/
/*    opacity: 0.5;*/
/*}*/

.pro4 .list .item:hover .item_down .num_cont {
    color: #fff;
}
.pro4 .list .item .item_down .num_cont .num {
    font-family: var(--f500);
}
.pro4 .list .item .item_down .te {
  color: var(--viColor);
  line-height: 1.5;
  font-family: var(--f500);
  transition: all .4s ease;
  height: 4.5em;
  overflow: auto;
  padding-right: 6px;
}
.pro4 .list .item:hover .item_down .te {
    color: #fff;
}
.pro4 .cont {
  padding: 0.87rem 0.87rem 2rem;
  background-color: #fff;
  border-radius: 0.1rem;
  position: relative;
  margin-bottom: 0.3rem;
}
.pro4 .cont .cont_tit {
  text-align: center;
  width: 5.6rem;
  margin: 0 auto;
  margin-bottom: 2rem;
  line-height: calc(40 / 30);
}
.pro4 .cont .cont_list {
  min-height: 4.9rem;
  display: flex;
  justify-content: space-between;
  column-gap: 5.5rem;
  flex-wrap: wrap;
  row-gap: 0.98rem;
  position: relative;
  z-index: 5;
}
.pro4 .cont .cont_list .item {
  width: calc((100% - 5.6rem) / 2);
  padding-top: 0.26rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.pro4 .cont .cont_list .item:nth-child(2n) .num_cont {
  justify-content: end;
}
.pro4 .cont .cont_list .item:nth-child(2n) .item_text {
  text-align: end;
}
.pro4 .cont .cont_list .item .num_cont {
  display: flex;
  align-items: flex-end;
  column-gap: 0.16rem;
  margin-bottom: 0.19rem;
}
.pro4 .cont .cont_list .item .num_cont .num {
  color: var(--viColor);
  font-family: var(--f500);
}
.pro4 .cont .cont_list .item .num_cont .num_f {
  line-height: 1.5;
  color: #333333;
}
.pro4 .cont .cont_list .item .item_text {
  line-height: 1.6;
  max-height: 4.8em;
  overflow: auto;
  color: #333333;
  padding-right: 6px;
}
.pro4 .cont .img {
  width: 7.69rem;
  height: 7.69rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.67rem;
}
.pro4 .bot_list {
  display: flex;
  column-gap: 0.3rem;
  overflow: auto;
  padding-bottom: 0.3rem;
}
.pro4 .bot_list .item {
  border-radius: 0.1rem;
  background-color: #fff;
  width: 100%;
  min-width: calc((100% - 0.3rem * 2) / 3);
  padding: 0.64rem 1rem 0.84rem;
  transition: all 0.5s;
}

.pro4 .bot_list .item:hover{
    background-color: var(--viColor);
    
}

.pro4 .bot_list .item .ico {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 0.18rem;
  background-color: #f7f7f9;
  padding: 0.1rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.pro4 .bot_list .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro4 .bot_list .item .item_text {
  line-height: 1.6;
  height: 8em;
  overflow: auto;
  padding-right: 6px;
  color: #333;
  text-align: center;
  transition: all 0.5s;
}
.pro4 .bot_list .item:hover .item_text{
    color: #fff;
}

.pro5 {
  padding: 1.6rem 1.4rem 0.9rem;
  background: url('../img/probg.png') repeat;
  background-size: 100% auto;
}
.pro5 .top {
  margin-bottom: 0.8rem;
}
.pro5 .top .tit {
  line-height: calc(80 / 60);
  text-align: center;
  font-family: var(--f500);
}
.pro5 .list .item {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  margin-bottom: 0.9rem;
}
.pro5 .list .item:last-child {
  margin-bottom: 0;
}
.pro5 .list .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.pro5 .list .item .img_cont {
  width: 7rem;
  height: auto;
  border-radius: 0.1rem;
  overflow: hidden;
}
.pro5 .list .item .img_cont:hover .img {
  transform: scale(1.1);
}
.pro5 .list .item .img_cont .img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  object-fit: cover;
}
.pro5 .list .item .text {
  flex: 1;
}
.pro5 .list .item .text .num_cont {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.pro5 .list .item .text .num_cont .num {
  color: #333333;
}
.pro5 .list .item .text .num_cont .af {
  width: 0.8rem;
  border: 1px solid var(--viColor);
}
.pro5 .list .item .text .h1 {
  margin-bottom: 0.6rem;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: auto;
  font-family: var(--f500);
  padding-right: 6px;
}
.pro5 .list .item .text .p1 {
  color: #333333;
  line-height: 1.6;
  max-height: 4.8em;
  overflow: auto;
  padding-right: 6px;
}
.pro6 {
  padding: 0.9rem 1.4rem 1.6rem;
}
.pro6 .top {
  margin-bottom: 0.8rem;
}
.pro6 .top .tit1 {
  text-align: center;
  line-height: calc(80 / 60);
  margin-bottom: 0.24rem;
}
.pro6 .top .tit2 {
  text-align: center;
  margin: 0 auto;
  width: 12.4rem;
  color: #333;
  line-height: calc(40 / 24);
}
.pro6 .cont {
  display: flex;
  column-gap: 0.36rem;
}
.pro6 .cont .item {
  flex: 1;
}
.pro6 .cont .item .img_cont {
  border-radius: 0.1rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pro6 .cont .item .img_cont:hover img {
  transform: scale(1.1);
}
.pro6 .cont .item .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.pro6 .cont .item .right_bot {
  display: flex;
}
.pro6 .cont .right {
  display: flex;
  flex-direction: column;
  row-gap: 0.36rem;
}
.pro6 .cont .right_bot {
  display: flex;
  column-gap: 0.36rem;
}
.pro7 {
  padding: 1.2rem 1.4rem 1rem;
  background-size: cover;
  position: relative;
  background-color: #fff;
}
.pro7 .bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  opacity: 0.5;
}
.pro7 .top {
  margin-bottom: 0.8rem;
  position: relative;
  z-index: 2;
}
.pro7 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.pro7 .list {
  position: relative;
  z-index: 2;
}
.pro7 .list .item {
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
  column-gap: 2.7rem;
}
.pro7 .list .item .img_cont {
  width: 7.4rem;
  /*height: 5.8rem;*/
  height: auto;
  border-radius: 0.1rem;
  overflow: hidden;
}
.pro7 .list .item .img_cont:hover img {
  transform: scale(1.1);
}
.pro7 .list .item .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.pro7 .list .item .text {
  flex: 1;
}
.pro7 .list .item .text .h1 {
  color: var(--viColor);
  font-family: var(--f500);
  margin-bottom: 0.32rem;
}
.pro7 .list .item .text .p1 {
  line-height: 1.5;
  color: #333;
  max-height: 7.5em;
  overflow: auto;
  padding-right: 6px;
}
.pro7 .list .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.pro7 .list .item:last-child {
  margin-bottom: 0;
}
.pro8 {
  background-color: #1a2e70;
  padding: 0.98rem 1.4rem 1.32rem;
}
.pro8 .top1 {
  margin-bottom: 0.74rem;
}
.pro8 .top1 .tit {
  text-align: center;
  color: #fff;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.pro8 .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.24rem;
  row-gap: 0.21rem;
  margin-bottom: 1.33rem;
  /*justify-content: center;*/
}
.pro8 .list .item {
  /*width: calc((100% - 0.26rem * 3) / 4);*/
  border-radius: 0.1rem;
  padding: 0.32rem 0.33rem 0.35rem;
  background-color: #fff;
}
.pro8 .list:has(.item:nth-last-child(n+4):first-child) > .item {
    flex: 0 0 calc((100% - 0.26rem * 3) / 4);
}
.pro8 .list .item{
    flex: 1 0 30%; 
}

.pro8 .list .item .ico {
  width: 0.8rem;
  height: 0.8rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 0.03rem;
}
.pro8 .list .item .item_text {
  color: #333;
  line-height: calc(50 / 32);
  text-align: center;
}
.pro8 .top2 {
  margin-bottom: 0.7rem;
}
.pro8 .top2 .tit {
  text-align: center;
  color: #fff;
  font-family: var(--f500);
  margin-bottom: 0.1rem;
}
.pro8 .top2 .tit2 {
  text-align: center;
  line-height: calc(40 / 24);
  color: #fff;
}
.pro8 .swiper1 {
  width: 100%;
  margin-bottom: 0.6rem;
}
.pro8 .swiper1 .swiper-slide {
  width: auto;
  height: 5rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.pro8 .swiper1 .swiper-slide .bal-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.pro8 .swiper1 .swiper-slide .bal {
  position: absolute;
  height: 100%;
  inset: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pro8 .swiper1 .swiper-slide .bal.bal-before {
  width: 50%;
  z-index: 2;
}
.pro8 .swiper1 .swiper-slide .bal.bal-before .te {
  left: 0.34rem;
}
.pro8 .swiper1 .swiper-slide .bal.bal-after {
  width: 100%;
  z-index: 1;
}
.pro8 .swiper1 .swiper-slide .bal.bal-after .te {
  right: 0.34rem;
}
.pro8 .swiper1 .swiper-slide .bal .te {
  position: absolute;
  z-index: 2;
  color: #fff;
  line-height: calc(40 / 22);
  top: 0.22rem;
}
.pro8 .swiper1 .swiper-slide .bal img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  /*width: calc((100vw - 1.4rem * 2 + 40px) / 2);*/
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.pro8 .swiper1 .swiper-slide .bal-handle {
  position: absolute;
  width: 0.6rem;
  height: 100%;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  cursor: grab;
}
.pro8 .swiper1 .swiper-slide .bal-handle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: calc(50% - 0.3rem);
  width: 1px;
  background-color: #fff;
  transform: translateX(-50%);
}
.pro8 .swiper1 .swiper-slide .bal-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: calc(50% - 0.3rem);
  width: 1px;
  background-color: #fff;
  transform: translateX(-50%);
}
.pro8 .swiper1 .swiper-slide .bal-handle .svg_cont {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  padding: 0.14rem;
  border: 2px solid #ffffff;
  /*background-color: rgba(80, 80, 80, 0.1);*/
  background: #505050;
  backdrop-filter: blur(0.25rem);
}
.pro8 .swiper1 .swiper-slide .bal-handle .svg_cont svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro8 .swiper1_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.pro8 .swiper1_cont .swiper-pagination {
  width: 6.1rem;
  position: static;
  height: 4px;
  background-color: rgba(224, 224, 224, 0.2);
}
.pro8 .swiper1_cont .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.pro8 .swiper1_cont .btn_box {
  display: flex;
  column-gap: 0.28rem;
}
.pro8 .swiper1_cont .btn_box .btn {
  width: 0.45rem;
  height: 0.45rem;
  background-color: #535353;
  border-radius: 50%;
  padding: 0.17rem;
  transition: all 0.4s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pro8 .swiper1_cont .btn_box .btn:hover {
  background-color: var(--viColor);
}
.pro8 .swiper1_cont .btn_box .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro8 .swiper1_cont .btn_box .btn svg.ico {
  transform: rotate(180deg);
}
.pro9 {
  padding: 1.45rem 1.4rem 0.95rem;
  /*background: linear-gradient(180deg, rgba(124, 155, 214, 0.3) 0%, rgba(171, 190, 228, 0.26) 26.67%, rgba(247, 247, 249, 0) 67.04%);*/
  background: linear-gradient(180deg, rgba(124, 155, 214, 0.3) 0%, rgba(171, 190, 228, 0.26) 26.67%, rgba(247, 247, 249, .5) 67.04%,#eeeeee 100%);
}
.pro9 .top {
  margin-bottom: 1rem;
}
.pro9 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.pro9 .cont {
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.58rem 0.6rem;
  column-gap: 0.8rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.43rem;
}
.pro9 .cont .swiper1 {
  flex: 1;
}
.pro9 .cont .swiper1 .swiper-slide {
  background-color: #f7f7f9;
  /*display: flex;*/
  /*flex-direction: column;*/
  border-radius: 0.1rem;
  overflow: hidden;
  height: auto;
  transition: all .4s ease;
  position: relative;
}
.pro9 .cont .swiper1 .swiper-slide .img::after {
    content: "";
    z-index: 2;
    background: hsla(0, 0%, 100%, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, -100%, 0);
    transition: transform .8s;
    width: 100%;
    z-index: 10;
}

.pro9 .cont .swiper1 .swiper-slide:hover .img::after {
    transform: scale3d(1.9, 1.4, 1) rotate(45deg) translate3d(0, 120%, 0);
}
.pro9 .cont .swiper1 .swiper-slide:hover {
    background: var(--viColor);
}
.pro9 .cont .swiper1 .swiper-slide:hover .text {
    color: #fff;
}
.pro9 .cont .swiper1 .swiper-slide .img {
  width: 100%;
  height: auto;
  /*background: #fff;*/
  background: #F7F7F9;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
}
.pro9 .cont .swiper1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.pro9 .cont .swiper1 .swiper-slide .text {
  flex: 1;
  padding: 0.24rem 0.2rem;
  transition: all .4s ease;
  text-align: center;
  color: #333333;
  line-height: calc(28 / 20);
}
.pro9 .cont .btn {
  background-color: #ececee;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  padding: 0.17rem;
  transition: all 0.4s;
  cursor: pointer;
}

.pro9.hid .cont .btn{
    display: none!important;
}

.pro9 .cont .btn:hover {
  background-color: var(--viColor);
}
.pro9 .cont .btn:hover svg path {
  stroke: #fff;
}
.pro9 .cont .btn svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pro9 .cont .btn svg.ico {
  transform: rotate(180deg);
}
.pro9 .cont .btn svg path {
  transition: all 0.4s;
}
.pro9 .swiper-pagination {
  width: 6.1rem;
  margin: 0 auto;
  position: static;
  background-color: #d5d5d5;
}
.pro9.hid .swiper-pagination{display:none}
.pro9 .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: var(--viColor);
}
.pro10 {
  padding: 1.21rem 1.4rem 0.8rem;
}
.pro10 .top {
  margin-bottom: 0.6rem;
}
.pro10 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
  margin-bottom: 0.24rem;
}
.pro10 .top .tit2 {
  text-align: center;
  line-height: calc(40 / 24);
  color: #333333;
}
.pro10 .cont {
  display: flex;
  background-color: #f7f7f9;
}
.pro10 .cont .left {
  flex: 1;
  padding: 0.67rem 0.84rem;
}
.pro10 .cont .left .list{
    max-height: 5rem;
    overflow: auto;
    padding-right: 6px;
}
.pro10 .cont .left .list .item {
  margin-bottom: 0.42rem;
  display: flex;
  align-items: center;
  column-gap: 0.32rem;
}
.pro10 .cont .left .list .item .ico {
  width: 0.4rem;
  height: 0.4rem;
  object-fit: contain;
}
.pro10 .cont .left .list .item .text {
  color: #333;
  line-height: calc(32 / 20);
}
.pro10 .cont .left .list .item:last-child {
  margin-bottom: 0;
}
.pro10 .cont .img_cont {
  width: 7.69rem;
  overflow: hidden;
  border-radius: 0.12rem;
}
.pro10 .cont .img_cont:hover img {
  transform: scale(1.1);
}
.pro10 .cont .img_cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.pro11 {
  padding: 0.8rem 1.4rem 1.2rem;
  background: url(../img/76.png) no-repeat center center;
  background-size: cover;
}
.pro11 .top {
  margin-bottom: 0.8rem;
}
.pro11 .top .tit {
  text-align: center;
  font-family: var(--f500);
  margin-bottom: 0.24rem;
}
.pro11 .top .tit2 {
  text-align: center;
  color: #333;
  line-height: calc(40 / 24);
}
.pro11 .lists{width: 100%;overflow: auto;margin-bottom: 2rem;}
.pro11 .list {
  display: flex;
  column-gap: 0.3rem;
  justify-content: center;
  min-width: 100%;
  position: relative;
  /*overflow: hidden;*/
  width: fit-content;
}

.pro11.five .lists{
    padding-bottom: 0.5rem;
    
}

.pro11.five .list .swiper-pagination{bottom: 0;}

.pro11.five .list .swiper-pagination .swiper-pagination-bullet{
    width: 40px;
    height: 2px;
    border-radius: 2px;
}

.pro11.five .list .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--viColor);
}

.pro11 .list .item {
  width: 2.68rem;
  min-height: 3.09rem;
  border-radius: 0.1rem;
  background-color: #fff;
  box-shadow: 0px 6px 30px 0px rgba(15, 31, 51, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.3rem;
  position: relative;
  overflow: hidden;
  transition: all 0.4s;
}
.pro11 .list .item .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
.pro11 .list .item.on {
  width: 4.42rem!important;
  background-color: var(--viColor);
}
.pro11 .list .item.on .bgimg {
  opacity: 1;
}
.pro11 .list .item.on .ico {
  filter: brightness(100) grayscale(100);
}
.pro11 .list .item.on .text {
  color: #fff;
}
.pro11 .list .item .ico {
  position: relative;
  z-index: 2;
  width: 0.68rem;
  height: 0.68rem;
  object-fit: contain;
  margin-bottom: 0.24rem;
}

.pro11 .list .item.on .text {
    
  -webkit-line-clamp: 200;
}

.pro11 .list .item .text {
  position: relative;
  z-index: 2;
  text-align: center;
  transition: all 0.4s;
  line-height: calc(24 / 16);
  color: #333;
  
  
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.pro11 .bot .h1 {
  text-align: center;
  line-height: calc(30 / 28);
  color: #000;
  font-family: var(--f500);
  margin-bottom: 0.2rem;
}
.pro11 .bot .h2 {
  margin-bottom: 0.6rem;
  text-align: center;
}
.pro11 .bot .btn {
  width: fit-content;
  border-radius: 0.47rem;
  height: 0.47rem;
  padding: 0 0.3rem;
  background-color: var(--viColor);
  color: #fff;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.pro12{
    padding: 0.98rem 1.97rem 1.32rem;
}

.pro12 .top {
  margin-bottom: 1rem;
}
.pro12 .top .tit {
  text-align: center;
  line-height: calc(80 / 60);
  font-family: var(--f500);
}
.pro12 .center{width: 100%;display: flex;flex-wrap: wrap;padding-bottom:0.2rem;column-gap:0.18rem;row-gap:0.25rem;}
/*margin-right: 0.19rem;margin-bottom: 0.25rem;*/
.pro12 .center .item_cont {
    cursor: pointer;
    width:calc((100% - 0.19rem * 3) / 4);
}

.pro12 .center .item_cont:hover .item {
    transform: translateY(-10%);
}
.pro12 .center .item_cont:hover .item .h {
    color: var(--viColor);
}
.pro12 .center .item{border-radius: 0.14rem;background: #F7F7F9;padding:0.33rem;cursor:pointer;transition:all .4s ease;}
.pro12 .center .item:nth-child(4n){margin-right:0;}
.pro12 .center .item .icon{display: block;width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-bottom: 0.25rem;}
.pro12 .center .item .h{color: #333;line-height: 1.3;height: 3.9em;text-align:center;transition:all .4s ease;}
.pro12 .bottom{padding: 0.83rem 0.45rem 0.9rem 0.45rem;width:100%;border-radius:0.14rem;background:url(../img/p12_bj.png)no-repeat center;background-size:cover;}
.pro12 .bottom .h{color: #333;line-height: 1.2;text-transform: capitalize;margin-bottom: 0.4rem;}
.pro12 .bottom .btnx{width:fit-content;padding: 0 0.3rem;color: #fff;background-color: #193EAA;height: 0.48rem;border-radius: 0.24rem;display:flex;align-items: center;justify-content: center;}
.pro12 .bottom .btnx .icon{display: block;width: 0.2rem;margin-right: 0.1rem;}

.search_container .right .ht{text-transform: capitalize;color: #000;margin-bottom: 0.5rem;}
.search_container .right .list{margin-bottom: 0.6rem;}

.search_container .right .list_n {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.38rem;
  row-gap: 0.4rem;
  margin-bottom: 1.04rem;
}
.search_container .right .list_n .item {
  width: calc((100% - 0.38rem * 2) / 2);
  border-radius: 0.1rem;
  background-color: #f6f7f8;
  transition: all 0.3s;
  padding: 0.34rem 0.38rem 0.3rem;
  display: flex;
  flex-direction: column;
  min-height: 4.6rem;
}
.search_container .right .list_n .item:hover {
  background-color: var(--viColor);
}
.search_container .right .list_n .item:hover .item_top .h1 {
  color: #fff;
}
.search_container .right .list_n .item:hover .item_top .time {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.search_container .right .list_n .item:hover .item_bot .h2 {
  color: #fff;
}
.search_container .right .list_n .item:hover .item_bot .btn {
  background-color: #fff;
  border-color: #fff;
}
.search_container .right .list_n .item:hover .item_bot .btn .ico {
  background-color: var(--viColor);
}
.search_container .right .list_n .item:hover .item_bot .btn .ico svg path {
  stroke: #fff;
}
.search_container .right .list_n .item:hover .item_bot .btn .ico svg line {
  stroke: #fff;
}
.search_container .right .list_n .item:hover .item_bot .btn .text {
  color: var(--viColor);
}
.search_container .right .list_n .item .item_top {
  padding-bottom: 0.33rem;
  border-bottom: 1px solid #e4e4e4;
  min-height: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.search_container .right .list_n .item .item_top .h1 {
  transition: all 0.3s;
  line-height: calc(36 / 24);
  color: #423f3f;
  font-family: var(--f500);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search_container .right .list_n .item .item_top .time {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0 0.1rem;
  height: 0.23rem;
  border-radius: 0.23rem;
  color: #333333;
  background-color: #efefef;
  transition: all 0.3s;
}
.search_container .right .list_n .item .item_bot {
  padding: 0.19rem 0 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.search_container .right .list_n .item .item_bot .h2 {
  line-height: 1.5;
  color: #5f5f5f;
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search_container .right .list_n .item .item_bot .btn {
  border-color: #333;
  pointer-events: none;
}
.search_container .right .list_n .item .item_bot .btn .ico {
  background-color: #d6d6d6;
}
.search_container .right .list_n .item .item_bot .btn .text {
  color: #333;
}

.search_container .right .list_d {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.3rem;
}
.search_container .right .list_d .item1 {
  width: calc((100% - 0.6rem) / 3);
  border-radius: 0.14rem;
  background-color: #f6f7f8;
  padding: 0.36rem 0.34rem 0.23rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.search_container .right .list_d .item1 .item_top {
  margin-bottom: 0.25rem;
}
.search_container .right .list_d .item1 .item_top .ico {
  width: 0.36rem;
  height: auto;
  margin-bottom: 0.16rem;
}
.search_container .right .list_d .item1 .item_top .item_h1 {
  line-height: calc(24 / 18);
}
.search_container .right .list_d .item1 .item_bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_container .right .list_d .item1 .item_bot .bot_left {
  color: #666666;
}
.search_container .right .list_d .item1 .item_bot .down {
  display: flex;
  column-gap: 0.08rem;
  color: #666666;
}
.search_container .right .list_d .item1 .item_bot .down svg {
  width: 0.2rem;
  height: auto;
}

.search_container .products2 form{width: fit-content;margin: 0 auto;margin-bottom: 1.3rem;display: flex;border-radius: 0.32rem;padding: 0.04rem;background-color: #F6F7F8;}
.search_container .products2 form input{line-height: 0.6rem;padding: 0 0.26rem;color: #333;font-weight: 500;width:6.2rem;background-color:transparent;}
.search_container .products2 form button{border: none;border-radius: 0.28rem;line-height: 0.56rem;width: 1.5rem;display: flex;align-items: center;justify-content: center;background-color:#193EAA;color:#fff;}
.search_container .products2 form button img{display: block;width: 0.22rem;margin-right: 0.04rem;}

.search_container-new form {
    background-color: #FFFFFF;
}
.search_container-new form input[type="checkbox"] {
    width: auto;
}
.search_container-new form button {
    background-color: #ffffff;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #333333;
}
.search_container-new .MOD_btn .ico {
    flex-shrink: 0;
    display: flex;
}
.my-MOD_btn {
    border: 1px solid #333333;
    margin-top: .2rem;
    cursor: pointer;
}
.my-MOD_btn .ico {
    background-color: #cfd0d0;
}
.my-MOD_btn .text {
    color: #333333;
}
.search_container-new form button {
    width: fit-content;
}
.search_container-new form {
    flex-wrap: wrap;
}
.search_container-new .con_tc form .item2 {
    width: 100%;
}
.search_container-new form {
    display: none;
}
.my-dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}
.my-dialog .con_tc {
    width: 8.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.search_container .my-dialog form button {
    background-color: #ffffff;
    border: 1px solid #333333;
}
.search_container .my-dialog form {
    background-color: #ffffff;
}
.search_container .my-dialog form button {
    width: auto;
}
.search_container .PAGE {
    margin: 20px auto 0;
}

.SLID_right {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    position: fixed;
    z-index: 20;
    right: 20px;
    bottom: 30%;
}
.SLID_left {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    position: fixed;
    z-index: 20;
    left: 20px;
    bottom: 30%;
}
.SLID_left .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: .4rem;
    height: 1.30rem;
    border-radius: .4rem;
    background:#3070c7;
    justify-content: space-between;
    padding: .05rem 0;
}
.SLID_left .item .text {
    white-space: nowrap;
    color: #fff;
    transform: rotate(-90deg) translate(-50%,0);
}
.SLID_left .item .ico {
    width: .34rem;
    border-radius: 50%;
    background: #fff;
    height: .34rem;
    padding: .08rem;
}

.SLID_left .item .ico svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.SLID_right .item {
    width: .42rem;
    height: .42rem;
    background: #3070c7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .13rem;
    cursor: pointer;
    border-radius: 50% 50% 50% 0;
}
.SLID_right .item svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.SLID_right .item.back {
    border-radius: 50%;
}

.SLID_right .item.back {
    background-color:#3070c7;
box-shadow: 0 4px 5.2px 0 rgba(206, 206, 206, 0.25);
}
.about_container  .banner_tabber {
    background: #fff;
}

.ab7 .cont .swiper_bottom {
    display: flex;
    align-items: center;
    column-gap: .4rem;
    width: 100%;
}
.ab7 .cont .swiper_bottom .swiper-pagination {
    flex: 1;
    position: relative;
    inset: 0;
    height: 2px;
}

.ab7 .cont .swiper_bottom .swiper-pagination .swiper-pagination-progressbar-fill {
    background: var(--viColor);
}
.ab7 .cont .btn_box {
    width: flex;
  display: flex;
  align-items: center;
  column-gap: 0.2rem;
  z-index: 3;
}
.ab7 .cont .btn_box .btn {
  width: 0.63rem;
  height: 0.63rem;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ab7 .cont .btn_box .btn:hover {
  background-color: var(--viColor);
  border-color: var(--viColor);
}
.ab7 .cont .btn_box .btn:hover svg path {
  stroke: #fff;
}
.ab7 .cont .btn_box .btn:hover svg line {
  stroke: #fff;
}
.ab7 .cont .btn_box .btn svg {
  width: 0.23rem;
  height: auto;
}
.ab7 .cont .btn_box .btn svg path {
  transition: all 0.3s;
}
.ab7 .cont .btn_box .btn svg line {
  transition: all 0.3s;
}
.ab7 .cont .btn_box .btn svg.rote {
  transform: rotate(180deg);
}

.swiper-in3 {
    width: 100%;
    height: 19.8rem;
}
.swiper-in3-box {
    position: relative;
    height: 21rem;
}
.swiper-in3 .swiper-slide {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}
.swiper-in3 .swiper-slide a {
    display: block;
    width: 100%;
}
.swiper-in3-box .swiper-pagination-bullet-active {
    width: 1.4rem!important;
    height: 2px;
    border-radius: .3rem;
    background: #193EAA!important;
}
.swiper-in3-box .swiper-pagination-bullet {
    width: .6rem;
    height: 2px;
    border-radius: .3rem;
    background: #86868B;
    opacity: 1;
}
.swiper-in3 .swiper-slide .item .bgimg {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-in3-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6.4rem;
    padding: .8rem;
    /*background: #585858;*/
    background: rgba(88, 88, 88, 0.1);
    backdrop-filter: blur(.9rem);
    border-radius: 1rem;
}
.swiper-in3-title {
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: .6rem;
    margin-bottom: .6rem;
}
.swiper-in3-title .swiper-in3-tag {
    padding: .2rem .4rem;
    border-radius: .65rem;
    background-color: #193EAA;
    color: #FFF;
    font-size: .6rem;
    font-weight: 400;
    text-transform: capitalize;
    margin-right: .38rem;
}
.swiper-in3__title {
    color: #FFF;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1rem;
    text-transform: lowercase;
    display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 设置为垂直排列 */
    -webkit-line-clamp: 3; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
}
.pc {
    display: block!important;
}
.pc-flex {
    display: flex!important;
}
.m {
    display: none!important;
}
.m-flex {
    display: none!important;
}
    .m_header {
  display: none;
}
.num-reflect {
        transform: translateY(-.1rem) scaleY(-1);
    background: linear-gradient(to top, transparent, #043fb1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: absolute!important;
  opacity: .3;
}


/*左侧联系表单样式start*/
.con_tc_forcontact form .item2-fornew {
    display: flex;
    justify-content: space-between;
}
.con_tc_forcontact form .item2-fornew .tit.required {
    padding-left: 0.11rem;
}
.con_tc_forcontact form .item2-fornew .tit.required {
    padding-left: 0.11rem;
}

.con_tc_forcontact form .item2-fornew label .tit {
    color: #333;
    line-height: 1.2;
    margin-bottom: 0.1rem;
}
.con_tc_forcontact form .item2-fornew label .tit {
    display: block;
    margin-bottom: 0;
    position: static;
    padding-bottom: 0;
}
    .con_tc_forcontact form .item2-fornew>label {
        margin-bottom: 0.15rem;
        /*display: block;*/
        width: 3.4rem;
        display: flex;
        flex-direction: column;
    }
    .con_tc_forcontact form .item2-fornew label input {
        width: 100%;
        line-height: 1.2;
        padding: 0.1rem 0.16rem;
        border-radius: 0.05rem;
        border: 1px solid #DFDFDF;
    }
    .con_tc_forcontact form .item2x label {
        width: 100%;
    }
    .con_tc_forcontact form .item2-fornew label .tit {
        color: #333;
        line-height: 1.2;
        margin-bottom: 0.1rem;
    }
    .con_tc_forcontact form .item2x {
        display: block;
    }
    .con_tc_forcontact form .item2x label {
        width: 100%;
    }
    .con_tc_forcontact form .item2-fornew .select {
        position: relative;
    }
    .con_tc_forcontact form .item2-fornew label select {
        width: 100%;
        line-height: 1.2;
        padding: 0.1rem 0.16rem;
        border-radius: 0.05rem;
        border: 1px solid #DFDFDF;
    }
    .con_tc_forcontact form .item2x-fortearea textarea {
        width: 100%;
        line-height: 1.2;
        padding: 0.1rem 0.16rem;
        border-radius: 0.05rem;
        border: 1px solid #DFDFDF;
        height: calc(4.8em + 0.28rem);
    }
    .con_tc_forcontact form .item2x .tit {
        line-height: 1.35;
        padding-bottom: 0.1rem;
        color: #333;
    }
    .con_tc_forcontact form .item {
        display: flex;
        column-gap: 0.23rem;
        margin-bottom: 0.42rem;
        justify-content: center;
    }
    .con_tc_forcontact form .item .item_f {
        cursor: pointer;
        display: flex;
        align-items: center;
        column-gap: 0.1rem;
    }
    .con_tc_forcontact .cont_tit {
        line-height: calc(52 / 40);
        text-align: center;
        color: #333333;
        margin-bottom: 0.35rem;
    }
    .con_tc_forcontact form button {
        margin: 0.1rem auto 0;
        cursor: pointer;
    }
    .con_tc_forcontact form .item2-fornew .select {
        position: relative;
    }
    .con_tc_forcontact form .item2-fornew .select:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.15rem;
        width: 0.2rem;
        height: 0.2rem;
        background: url(../img/select_jt.png);
        background-size: 100% 100%;
    }

    .con_tc_forcontact .item .item_f .input_t {
        margin-left: 0.07rem;
        line-height: 2;
    }
    /*左侧联系表单样式end*/

@media screen and (max-width: 1660px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: 1.28rem;
    }
}
@media screen and (max-width: 1550px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: .7rem;
    }
}
@media screen and (max-width: 1440px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: 1.3rem;
    }
}
@media screen and (max-width: 1370px) {
    .in2 .cont{max-height:50vw;}
}
@media screen and (max-width: 1200px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: .8rem;
    }
    /*.Splash .letterCont.show1{transform-origin:calc((66vw) / 2) center;}*/
}
@media screen and (max-width: 1100px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: .6rem;
    }
}
@media screen and (max-width: 1050px) {
    .contactUs_container .ny_top .h2 {
        margin-bottom: .5rem;
    }
    .ESG4{padding: 1.5rem 2.1rem 1.75rem;}
    .index_container,.about_container,.egs_container{overflow: hidden;}
    .service2 .cont .left .left_cont .left_list .item{width: 100%;}
}

@media screen and (min-width: 834px) and (max-width: 1024px) {
    .rd3 .cont .list{width: 100%;}
    
    .ab7 .ab7_cont .cont .item .item_ct {
        padding: 1rem 0.24rem 0;
    }
    .header .header_container nav .nav_list {
        column-gap: 0.28rem;
    }
    .header.sroll .header_right .lang {
        font-size: 12px;
    }
    .contactUs_container .ny_top .h2 {
        margin-bottom: .5rem!important;
    }
    .contactUs1 .map_cont .ads .ads_ico .ads_card {
        left: -1rem;
        width: 4rem;
    }
    .header .header_container {
        margin: 0 0.1rem;
    }
    .ny_top {
        height: auto;
    }
    .ny_top .svg.svg2 {
        bottom: auto;
        top: 3rem;
        right: 1.3rem;
    }
    .ny_top.show .svg.svg2 {
        bottom: auto;
        top: 2.8rem;
        right: 1.36rem;
    }
}
@media (max-width: 834px) {
    html {
      font-size: 5.334vw !important;
    }
    .pc {
        display: none!important;
    }
    .pc-flex {
        display: none!important;
    }
    .m {
        display: block!important;
    }
    .m-flex {
        display: flex!important;
    }
        .m_header {
      display: block;
      background: #ffffff;
    }
    .banner_tabber {
        display: none!important;
    }
    .ab1 {
        margin-bottom: 1.6rem;
    }
    .SLID_right .item:first-child {
        display: none!important;
    }
    .SLID_right .item:nth-child(2) {
        display: none!important;
    }
    
    @keyframes ripple {
      0% {
        width: 100%;
        height: 100%;
        opacity: 1;
      }
      100% {
        width: 300%;
        height: 300%;
        opacity: 0;
      }
    }
    
    .num-reflect {
        transform: translateY(-.5rem) scaleY(-1);
        background: linear-gradient(to top, transparent, #043fb1);
      -webkit-background-clip: text;
      background-clip: text;
      /*-webkit-text-fill-color: transparent;*/
      -webkit-text-fill-color: #043fb1;
      color: transparent;
      position: absolute!important;
      opacity: .1;
    }
    .ab4 .cont .right_img .num_cont {
        bottom: 0;
        width: 7rem;
    }
    .mfooter-nav-box {
        display: none;
    }
    .con_tc_forcontact form .item2-fornew {
        flex-wrap: wrap;
    }
    .con_tc_forcontact form .item2-fornew>label {
        width: 100%;
    }
    .con_tc_forcontact form .item2-fornew .tit {
        font-size: .6rem;
    }
    .con_tc_forcontact form .item2-fornew label input {
        font-size: .6rem;
        margin-bottom: 0.3rem;
        padding: 0.3rem;
    }
    .con_tc_forcontact form .item2-fornew .multiselect6 {
        width: 100%!important;
    }
    .con_tc_forcontact form .item2-fornew .mylabel2 {
        width: 100%!important;
    }
    .con_tc_forcontact form .item2-fornew label select {
        padding: 0.3rem;
        margin-bottom: 0.3rem;
        font-size: .6rem;
    }
    .con_tc_forcontact form .item2x .tit {
        font-size: .6rem;
    }
    .con_tc_forcontact form .item2x-fortearea textarea {
        padding: 0.3rem;
        height: auto;
        margin-bottom: 0.3rem;
        font-size: .6rem;
    }
    .con_tc_forcontact form .item {
        flex-wrap: wrap;
    }
    .con_tc_forcontact form .item .item_f .input_t {
        font-size: .6rem;
    }
    
        .ny_top {
        height: auto;
    }
    .ny_top .svg.svg2 {
        bottom: auto;
        top: 3rem;
        right: 1.3rem;
    }
    .ny_top.show .svg.svg2 {
        bottom: auto;
        top: 2.8rem;
        right: 1.36rem;
    }
}
@media screen and (max-width: 834px) {
    .header {
        display: none;
    }
    .Splash {
        display: none;
    }
    .index_banner .banner_cont .cont {
        padding: 2rem .8rem;
    }
    .index_banner .swiper .swiper-pagination {
        /*display: none;*/
    }
    .in1 .top {
        width: 17.95rem;
    }
    .index_banner .banner_cont .cont .text h1 {
        margin-bottom: .675rem;
        color: #fff;
        font-size: .7rem;
    }
    .MOD_btn {
            width: fit-content;
            height: 1.4rem;
            border-radius: 1rem;
            padding: 0 .875rem 0 .4rem;
            column-gap: .25rem;
            display: flex;
            align-items: center;
            transition: all 0.3s;
            border: 1px solid #fff;
    }
    .MOD_btn .ico {
        width: 1rem;
        height: 1rem;
    }
    .MOD_btn .text {
        
    }
    .in1 {
        padding-bottom: 0;
    }
    .in2 .top {
        padding-top: 2rem;
    }
    .in1 .top .h1 {
        font-size: .9rem;
        line-height: 1.5;
        margin-bottom: .8rem;
        font-weight: 700;
    }
    .in1 .top .h2 {
        font-size: .65rem;
        line-height: 1.6;
        margin-bottom: 2rem;
    }
    .in1 .map_cont .ads .ads_ico .ads_card {
        width: 13.8rem;
    }
    .in1 .list {
        padding: 0 .8rem;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 1.05rem;
        /*column-gap: 0.5rem;*/
        
    }
    .in1 .list .item_cont {
        /*width: 8.3rem;*/
        width: 100%;
        /*height: 7.1rem;*/
        height: 6.1rem;
        margin-bottom: .6rem;
    }
    .in1 .list .item .ico {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: .4rem;
    }
    .in1 .list .item .num_cont {
        
    }
    .in1 .list .item .num_cont .num {
        font-size: .9rem;
    }
    .in1 .list .item .text {
        font-size: .65rem;
    }
    .in1 .list .item {
        height: 100%;
        /*margin-bottom: .6rem;*/
        padding: .7rem;
    }
    .in2 {
        height: auto;
    }
    .in2 .top {
        width: 16.9rem;
        height: auto;
    }
    .in2 .cont {
        height: auto;
        max-height: 9999px;
    }
    .in2 .cont .left .text_card .h1 {
        color: #333;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
    }
    .in2 .top .h1 {
        color: #000;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%;
        text-transform: capitalize;
        /*margin-bottom: .8rem;*/
        margin-bottom: 1rem;
    }
    .in2 .top .h2 {
        width: 17.5rem;
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%;
        text-transform: capitalize;
        margin-bottom: 1.2rem;
    }
    .in2 .cont .left .text_card .h2 {
        width: 17.15rem;
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        letter-spacing: 0.65px;
        text-transform: capitalize;
        margin: 0 auto 1.5rem ;
        text-align: center;
    }
    .in2 .cont .left .text_card .btn {
        margin: 0 auto 1rem;
    }
    .in2 .cont .left {
        opacity: 1;
        padding: 0;
    }
    .in2 .cont .left .text_card {
        width: 100%;
    }
    .in2 .cont .left .text_card .h1 {
        text-align: center;
        color: #333;
        font-size: 1rem;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: .8rem;
        padding: 0 0.8rem;
    }
    .m-swiper1-box {
        position: relative;
    }
    .in2 .cont .swiper1 {
        width: 100%;
        height: 17.15rem;
        position: relative;
        /*background: url("../img/swiper1bg.png") no-repeat;*/
        /*background-size: 17.5rem auto;*/
        background-position: center center;
    }
    .in2 .cont .right {
        position: relative;
        width: 100%;
        transform: translateX(0);
        display: flex;
        flex-direction: column;
        padding: .8rem;
    }
    .in2 .cont .right .swiper2 {
        width: 100%;
        height: 6rem;
    }
    .in2 .cont .right .swiper2 .swiper-slide {
        height: 100%;
    }
    .in2 .cont .right .swiper2 .swiper-slide .img_tit {
        display: none;
    }
    .in2 .cont .right .swiper2 .swiper-slide .img_cont {
        height: 100%;
    }
    .in2 .cont .right .swiper3 {
        flex-direction: row;
        gap: .65rem;
        margin-top: 1.05rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide {
        width: auto;
        flex-direction: row;
        gap: .65rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide .line {
        width: 2px;
        height: .3rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide .line:nth-child(1) {
        width: 2px;
        height: .6rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide .line:last-child {
        width: 2px;
        height: .6rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide .line:last-child::before {
        width: .35rem;
        height: .5rem;
        right: -.175rem;
        top: -.6rem;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
    }
    .in2 .cont .swiper1 .swiper-slide {
        /*background: url("../img/swiper1bg.png") no-repeat;*/
        /*background-size: 17.5rem auto;*/
        /*background-position: center center;*/
    }
    .in3 {
        padding: 3rem .8rem 2rem .8rem;
    }
    .in3 .btn {
        display: none;
    }
    .in3 .top {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .in3 .top .h1 {
        /*width: 16.9rem;*/
        width: 100%;
        color: #000;
        text-align: center;
        font-size: .8rem;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
        text-transform: capitalize;
        margin: 0 auto .8rem;
    }
    .in3 .top .h2 {
        width: 100%;
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .in3 .cont {
        display: none;
    }
    .about_container .ny_top {
        height: 15.85rem;
        padding-top: 5rem;
    }
    .ny_top .svg.svg1 {
        width: auto;
        height: 5.2rem;
    }
    .ny_top .svg.svg1 {
        top: -1.3rem;
    }
    .ny_top .svg.svg2 {
        top: 3.9rem;
    }
    .about_container .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .about_container .ny_top .h2 {
        width: 100%;
        color: #333;
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 39.2px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .about_container .ab1 .cont {
        width: 17.17rem;
        right: .8rem;
        top: -3rem;
        /*height: 15.3rem;*/
        height: 11.3rem;
        border-radius: .7rem;
        padding: .8rem;
    }
    .about_container .ab1 {
        /*height: 15.7rem;*/
        height: 11.7rem;
    }
    .about_container .banner_tabber {
        padding: .8rem;
        font-size: .65rem;
    }
    .about_container .banner_tabber div,.about_container .banner_tabber a {
        font-size: .65rem;
    }
    .about_container  .ab2 {
        
        padding:2rem 0.8rem;padding-top: 0;
    }
    .ab2 .cont {
        width:100%;
        margin:0;
        /*height: 11.8rem;*/
        flex-shrink: 0;
        border-radius: .7rem;
        
    }
    .ab2 .cont.err {
        margin: 0 auto;
    }
    .ab2 .cont .btn_ico {
        width: 2rem;
        height: 2rem;
    }
    .ab2 .cont .btn_ico img {
        
    }
    .ab3 {
        padding: 2rem .8rem;
    }
    .ab3 .cont {
        flex-direction: column;
    }
    .ab3 .cont .left {
        width: 100%;
    }
    .ab3 .cont .right {
        column-gap: .55rem;
    }
    .ab3 .cont .right .right_list {
        width: 8.3rem;
        row-gap: .55rem;
    }
    .ab3 .cont .left .tit {
        text-align: center;
        color: #000;
        font-size: .9rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .ab3 .cont .right .right_list .item {
        height: 11.25rem;
        border-radius: .5rem;
    }
    .ab3 .cont .right .right_r .item:nth-child(2n - 1) {
        height: 8.15rem;
    }
    .ab3 .cont .right .right_l .item:nth-child(2n) {
        height: 8.15rem;
    }
    .ab3 .cont .right .right_list .item .item_cont {
        padding: .5rem;
    }
    .ab3 .cont .right .right_list .item .item_cont .item_h1 {
        color: #FFF;
        font-size: .8rem;
        font-weight: 600;
        line-height: 150%; /* 24px */
        text-transform: capitalize;
    }
    .ab3 .cont .right .right_list .item .item_cont .item_h2 {
        color: #FFF;
        font-size: .6rem;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
        text-transform: capitalize;
    }
    .ab3 .cont .right .right_list .item:hover .item_cont {
        /*background: transparent;*/
        /*background: rgba(4,47,177,.2);*/
    }
    .ab4 {
        padding: 1.5rem .8rem;
    }
    .ab4 .top {
        flex-direction: column;
    }
    .ab4 .top .h1 {
        width: 100%;
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .ab4 .top .h2 {
        width: 100%;
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .ab4 .cont {
        flex-direction: column;
    }
    .ab4 .cont .left {
        width: 100%;
        flex-direction: column;
    }
    .ab4 .cont .right_img {
        width: 100%;
    }
    .ab4 .cont .left .left_t {
        width: 100%;
        flex-direction: row;
        gap: 2.4rem;
    }
    .ab4 .cont .left .left_t .item {
        width: 4rem;
        height: 4rem;
        flex-shrink: 0;
        /*border: .3rem solid #EEEEEE;*/
        box-sizing: border-box;
    }
    .ab4 .cont .left .left_t .item svg {
        width: 100%;
        height: 100%;
        /*stroke-dashoffset: 126px;*/
        /*stroke-dasharray: 126px 126px;*/
        /*-webkit-stroke-dashoffset: 126px;*/
        /*-webkit-stroke-dasharray: 126px 126px;*/
        /*top: -.3rem;*/
        /*left: -.3rem;*/
    }
    .ab4 .cont .left .left_t .item svg circle {
        /*r: 1.8rem;*/
        /*stroke-width: .3rem;*/
    }
    .ab4 .cont .left .left_t .item::after {
        border: 1px dashed #A1A1A1;
        width: 2.5rem;
        height: 1px;
        top: 50%;
        right: -2.65rem;
        left: auto;
        transform: translateY(-50%);
        z-index: -1;
    }
    .ab4 .cont .left .left_text .text_card.on {
        padding-top: 1.7rem;
    }
    .ab4 .cont .left .left_text .text_card .h1 {
        color: #193EAA;
        font-size: .8rem;
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 20.8px */
        /*letter-spacing: 0.8px;*/
        text-transform: capitalize;
        margin-bottom: 1rem;
    }
    .ab4 .cont .left .left_text .text_card .p1 {
        color: #333;
        font-size: .65rem;
        font-weight: 400;
    }
    .ab4 .cont .right_img .num_cont .num_top {
        color: #193EAA;
        -webkit-text-stroke-width: 0.52px;
        -webkit-text-stroke-color: #193EAA;
        font-family: Gilroy;
        font-size: 1.35rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .ab4 .cont .right_img .num_cont .tit {
        color: #193EAA;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .ab4 .cont .right_img .num_cont .num_top .num_f {
        margin-top: -.1rem;
        font-size: .8rem;
    }
    .ab5 .top .tit {
        text-align: center;
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .ab5 .cont {
        flex-direction: column;
        padding: 0 .8rem;
        background: none;
    }
    .ab5 .cont .swiper1 {
        width: 100%;
        display: flex;
        gap: 0.8rem;
        overflow-x: auto;
    }
    .ab5 .cont .left_cont {
        width: 100%;
    }
    .ab5 .cont .swiper1 .h1 {
        flex-shrink: 0;
        color: #333;
        font-size: .7rem;
        font-weight: 400;
        line-height: 130%; /* 18.2px */
        letter-spacing: 0.7px;
        text-transform: capitalize;
        margin-bottom: 1rem;
        transition: all 0.5s;
    }
    .ab5 .cont .swiper1::-webkit-scrollbar {
        height: 0;
    }
    .ab5 .cont .left_cont .left_tit.on {
        color: #193EAA;
        font-size: .8rem;
        font-weight: 600;
        line-height: 130%; /* 20.8px */
        text-transform: capitalize;
        padding-bottom: .8rem;
    }
    .ab5 .cont .left_cont .left_bot {
        flex-direction: column-reverse;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont {
        width: 100%;
    }
    .ab5 .cont .left_cont .left_bot .img_cont {
        width: 100%;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 {
        width: 100%;
        margin-top: .8rem;
        height: auto;
        max-height: 9999px;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box {
        justify-content: center;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn {
        width: 2rem;
        height: 2rem;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont .btn_box .btn svg {
        width: .7rem;
    }
    .ab6 {
        padding: 3.2rem .8rem 0;
    }
    .ab6 .cont {
        gap: .5rem
    }
    .ab6 .top {
        margin-bottom: 1.5rem;
    }
    .ab6 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .ab6 .cont .item {
        width: 100%;
    }
    .ab6 .cont .item .img {
        width: 11.1rem;
    }
    .ab6 .cont .item:nth-child(5n - 4) {
        height: 12.85rem;
    }
    .ab6 .cont .item .text .h1 {
        color: #333;
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        text-transform: capitalize;
    }
    .ab6 .cont .item .text {
        padding: .7rem .4rem;
    }
    .ab6 .cont .item .text .h1 {
        margin-bottom: .4rem;
    }
    .ab6 .cont .item:nth-child(5n - 3) {
        width: 8.3rem;
    }
    .ab6 .cont .item:nth-child(5n - 3) {
        height: 12.75rem;
    }
    .ab6 .cont .item:nth-child(5n - 3) .img {
        height: 6.6rem;
    }
    .ab6 .cont .item:nth-child(5n - 2) {
        width: 8.3rem;
        height: 12.75rem;
    }
    .ab6 .cont .item:nth-child(5n - 2) .img {
        height: 6.6rem;
    }
    .ab6 .cont .item {
        height: 12.85rem;
    }
    .ab6 .cont .item:nth-child(4n) {
        flex-direction: row-reverse;
    }
    .ab6 .cont .item .img {
        width: 11.1rem;
        height: 12.85rem;
        flex-shrink: 0;
        border-radius: .2rem;
    }
    .ab6 .cont .item:nth-child(5n) {
        width: 100%;
    }
    .ab7 .ab7_cont {
        padding: 2.5rem .8rem 2rem .8rem;
    }
    .ab7 .ab7_cont .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .ab7 .ab7_cont .top .p1 {
        width: 100%;
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .ab7 .ab7_cont .cont .item {
        height: 11.5rem;
    }
    .ab7 .ab7_cont .cont .item .item_ct {
        padding-top: 3.4rem;
        row-gap: 3.6rem;
        
    }
    .ab7 .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
        opacity: 1;
    }
    .ab7 .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .ab7 .cont .btn_box {
        display: none;
    }
    .products_container .ny_top {
        height: 18.85rem;
        padding: 5rem .8rem 0 .8rem;
    }
    .products_container .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .products_container .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .products_container .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .products_container .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    .products_container .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .products_container .banner_tabber div,.products_container .banner_tabber a {
        font-size: .65rem;
    }
    .products1 .swiper .swiper-slide .cont {
        flex-direction: column;
        padding: 0;
    }
    .products1 .swiper .swiper-slide .cont .left {
        width: 100%;
        padding: 2rem 15px;
    }
    .products1 .swiper {
        height: auto;
        min-height: 50vw;
    }
    .products1 .swiper .swiper-slide .cont .left .h1 {
        color: #686868;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-bottom: .2rem;
    }
    .products1 .swiper .swiper-slide .cont .left .h2 {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
        margin-bottom: 1rem;
    }
    .products1 .swiper .swiper-slide .cont .left .p1 {
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-bottom: 1.2rem;
    }
    .products1 .swiper .swiper-slide .cont .left .btn {
        border-color: var(--viColor);
        background-color: var(--viColor);
        margin: 0 auto;
    }
    .products1 .swiper .swiper-slide .cont .left .btn .text {
        color: #ffffff;
        font-size: .65rem;
    }
    .products1 .swiper .swiper-slide .cont .left .btn .ico {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
    }
    .products1 .swiper .swiper-slide .cont .left .btn .ico svg {
        width: 80%;
        height: 80%;
    }
    .products1 .swiper .swiper-slide .cont .img {
        margin: 0 auto;
        width: 12rem;
        height: auto;
    }
    .products1 .swiper .swiper-slide {
        padding-bottom: 1.35rem;
    }
    .products1 .swiper .swiper-pagination {
        justify-content: center;
        left: 0;
        gap: .4rem;
    }
    .products1 .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 1rem;
        height: 2px;
        flex-shrink: 0;
    }
    .products1 .swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: 2rem;
        border-radius: .4rem;
        background: #193EAA;
    }
    .products2 {
        padding: 2.5rem .8rem 2.5rem .8rem;
    }
    .products2-h1 {
        display: block;
        text-align: center;
        color: #333;
        font-size: .9rem;
        font-weight: 600;
        margin-bottom: .8rem;
    }
    .products2 .cont {
        flex-direction: column;
    }
    .products2 .cont .left {
        width: 100%;
        background: transparent;
        z-index: 100;
        overflow: initial;
        position: relative;
        top: 0;
    }
    
    .products2 .more_m .more_cont .t1{font-size: .6rem;}
    
    .products2 .cont .left .list {
        display: flex;
        overflow-x: auto;
        margin-bottom: 1.5rem;
    }
    .products2 .cont .left .list::-webkit-scrollbar {
        height: 0;
        
    }
    .products2 .cont .left>a {
        display: none;
    }
    .products2 .cont .left .list .item {
        width: auto;
        flex-shrink: 0;
        background: transparent;
        color: #454856;
        font-size: .8rem;
        font-weight: 500;
        padding: 0;
        line-height: 2;
        padding-right: 0.2rem;
        border-bottom: 0;
    }
    .products2 .cont .left .list .item:last-child {
        margin-right: 0;
    }
    .products2 .cont .left .list .item.on .ico {
        opacity: 0;
    }
    .products2 .cont .right .list .item {
        width: 100%;
        background: #F6F7F8;
        border-radius: .5rem;
        margin-bottom: .8rem;
    }
    .products2 .cont .right .list .item .img {
        width: 6.95rem;
    }
    .products2 .cont .right .list .item .text {
        padding: 1rem .8rem;
    }
    .products2 .cont .right .list .item .text .text_top .h1 {
        color: #193EAA;
        font-size: .8rem;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.8px;
    }
    .products2 .cont .right .list .item .text .text_top .h2 {
        height: auto;
        color: #333;
        font-size: .65rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.1rem;
        display: none;
    }
    .products2 .cont .right .list .item .text .btn {
        padding: 0 .85rem 0 .4rem;
        border: 1px solid #193EAA;
        background: #193EAA;
    }
    .products2 .cont .right .list .item .text .btn .text {
        padding: 0 0 0 .5rem;
        color: #FFF;
        font-size: .6rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .products2 .cont .right .list .item .text .btn .ico {
        width: 1rem;
        height: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
    }
    .products2 .cont .right .list .item .text .btn .ico svg {
        width: 75%;
        height: 75%;
    }
    .products2 .cont .right .list .item .img {
        box-shadow: none;
    }
    .PAGE .btn {
        width: 2rem;
        height: 2rem;
    }
    .PAGE .btn svg {
        width: .4rem;
    }
    .PAGE .num_cont .num {
        padding-left: .6rem;
        padding-right: .6rem;
        font-size: 1rem;
        color: #666666;
    }
    .PAGE .btn.prev {
        margin-right: .6rem;
    }
    .PAGE .btn.next {
        margin-left: .6rem;
    }
    .products1 .swiper .swiper-slide .cont {
        height: auto;
    }
    .pro1 .cont {
        height: 18.85rem;
        justify-content: center;
    }
    .pro1 .cont .cot {
        padding: .6rem 1.5rem;
        height: auto;
        border-radius: 4.95rem;
        color: #FFF;
        font-size: .8rem;
        font-weight: 500;
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .pro1 .cont .h1 {
        color: #FFF;
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
        width: auto;
        margin-bottom: 1.5rem;
        padding: 0 0.8rem;
    }
    .pro1 .cont .p1 {
        color: #FFF;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        width: 13.95rem;
        margin: 0 auto;
    }
    .pro2 {
        box-shadow: 0 4px 20px rgba(47, 48, 58, 0.05);
    }
    .pro2 .list .swiper {
        padding: 0;
    }
    .pro2 .list .item {
        height: 2.6rem;
        padding: 0 .7rem;
        font-size: .8rem;
    }
    .pro_cont .banner_tabber {
        padding: 0 0 0 .8rem;
        height: 2.3rem;
        background: #F9F9FA;
        flex-wrap: wrap;
    }
    
    .pro_cont {
        padding: 0;
    }
    .pro_cont .banner_tabber div {
        height: .65rem;
        font-size: .65rem;
    }
    .pro_cont .banner_tabber a {
        height: .65rem;
        font-size: .65rem;
    }
    .pro3 {
        padding: 2.3rem .8rem 2.5rem .8rem ;
    }
    .pro3 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .pro3 .cont {
        flex-direction: column;
    }
    .pro3 .cont .left {
        width: 100%;
        margin-bottom: 30px;
    }
    .pro3 .cont .left .img {
        width: 100%;
        height: 17.2rem;
        margin-bottom: 1.5rem;
    }
    .pro3 .cont .left .ico {
        width: 2rem;
    }
    .pro3 .cont .text .item {
        margin-bottom: 1.5rem;
    }
    .pro3 .cont .text .item .h1_cont {
        margin-bottom: .8rem;
    }
    .pro3 .cont .text .item .h1_cont .ico {
        width: .9rem;
        height: .9rem;
        margin-right: .4rem;
    }
    .pro3 .cont .text .item .h1_cont .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-weight: 600;
        text-transform: capitalize;
    }
    .pro3 .cont .text .item .p1 {
        color: #333;
        text-align: justify;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .pro4 {
        padding: 2rem .8rem;
    }
    .pro4 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .pro4 .list {
        border-radius: .3rem;
        margin-bottom: .8rem;
        flex-wrap: wrap;
    }
    .pro4 .list .item {
        width: 50%;
        padding: .8rem;
        height: 9rem;
    }
    .pro4 .list .item .ico {
        width: 1.7rem;
        height: 1.7rem;
        border: 0;
        padding: 0;
    }
    .pro4 .list .item .item_down .num_cont .num {
        color: #193EAA;
        -webkit-text-stroke-width: 0.42px;
        -webkit-text-stroke-color: #193EAA;
        font-size: 1.2rem;
        font-weight: 500;
    }
    .pro4 .list .item .item_down .num_cont .num_f {
        color: #193EAA;
        -webkit-text-stroke-width: 0.42px;
        -webkit-text-stroke-color: #193EAA;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: normal;
    }
    .pro4 .list .item .item_down .num_cont .after {
        font-size: 1.2rem;
        top: 50%;
    }
    /*.pro4 .list .item1 .item_down .num_cont .after {*/
    /*    font-size: 1.2rem;*/
    /*    top: 50%;*/
    /*}*/
    /*.pro4 .list .item2 .item_down .num_cont:after {*/
    /*    font-size: 1.2rem;*/
    /*    top: 50%;*/
    /*}*/
    /*.pro4 .list .item3 .item_down .num_cont:after {*/
    /*    font-size: 1.2rem;*/
    /*    top: 50%;*/
    /*}*/
    .pro4 .list .item .item_down .num_cont {
        margin-bottom: .8rem;
    }
    .pro4 .list .item .item_down .te {
        color: #193EAA;
        font-size: .65rem;
        font-weight: 400;
        line-height: normal;
        height: 6em;
    }
    .pro4 .list .item {
        border-bottom: 1px solid #e0e0e0;
    }
    .pro4 .list .item:nth-child(2) {
        border-right: 0;
    }
    .pro4 .cont {
        padding: 2rem .8rem 1rem;
        margin-bottom: .6rem;
    }
    .pro4 .cont .cont_tit {
        width: 14.5rem;
        color: #333;
        text-align: center;
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 24px */
        margin-bottom: .5rem;
    }
    .mobile-img-box {
        width: 100%;
        /*border-bottom: 1px solid #222;*/
        padding-bottom: 2rem;
    }
    .pro4 .cont .mobile-img {
        position: static;
        transform: translateX(0);
        max-width: 13.15rem;
        max-height: 13.15rem;
        margin: 0 auto;
        width: auto;
        height: auto;
    }
    .pro4 .cont .cont_list .item {
        width: 100%;
        padding-top: .8rem;
        padding-bottom: 1rem;
        border-top: 1px solid #222;
    }
    .pro4 .cont .cont_list .item .num_cont {
        align-items: center;
        margin-bottom: .4rem;
    }
    .pro4 .cont .cont_list .item .num_cont .num {
        color: #193EAA;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #193EAA;
        font-family: Gilroy;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: normal;
        margin-right: .2rem;
    }
    .pro4 .cont .cont_list .item .num_cont .num_f {
        color: #333;
        font-family: Gilroy;
        font-size: .8rem;
        font-weight: 500;
        line-height: normal;
    }
    .pro4 .cont .cont_list .item .item_text {
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        line-height: 160%; /* 20.8px */
    }
    .pro4 .cont .cont_list .item:nth-child(2n) .num_cont {
        justify-content: flex-start;
    }
    .pro4 .cont .cont_list .item:nth-child(2n) .item_text {
        text-align: left;
    }
    .pro4 .cont .cont_list {
        row-gap: 0;
    }
    .swiper-botlist .swiper-slide {
        padding: 1rem 1rem 1.6rem 1rem;
    }
    .swiper-botlist .swiper-botlist-icon {
        width: 2rem;
        height: 2rem;
        flex-shrink: 0;
        border-radius: .4rem;
        background: #F7F7F9;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: .6rem;
    }
    .swiper-botlist .swiper-botlist-icon img {
        width: 1.5rem;
        height: 1.5rem;
    }
    .swiper-botlist__p {
        width: 15.15rem;
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-weight: 400;
        line-height: 160%; /* 20.8px */
        margin: 0 auto;
        max-height: 8em;
        overflow: auto;
        padding-right: 6px;
    }
    .swiper-botlist-box {
        border-radius: .3rem;
        padding-bottom: 1.2rem;
        background-color: #ffffff;
        position: relative;
    }
    .swiper-botlist-box .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
    }
    .swiper-botlist-box .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .swiper-pagination-botlist {
        position: relative;
    }
    .pro5 {
        padding: 2rem .8rem;
    }
    .pro5 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .swiper-list {
        height: 47.25rem;
        
    }
    .pro5 .swiper-list {
        height: auto;
        
    }
    .swiper-list .swiper-slide {
        height: auto;
    }
    .swiper-list .swiper-slide:nth-child(2n-1) {
        margin-bottom: 2.25rem;
    }
    .swiper-list-media img {
        width: 17.15rem;
        height: 12.7rem;
        flex-shrink: 0;
        object-fit: cover;
    }
    .swiper-list-media video {
        width: 17.15rem;
        height: 12.7rem;
        flex-shrink: 0;
        object-fit: cover;
    }
    .swiper-list-num {
        display: flex;
        align-items: center;
        margin-top: .8rem;
        margin-bottom: .6rem;
    }
    .swiper-list-num__num {
        color: #333;
        font-size: 1.2rem;
        font-weight: 500;
        text-transform: capitalize;
        margin-right: 1rem;
    }
    .swiper-list-line {
        width: 4rem;
        height: 2px;
        flex-shrink: 0;
        background: #193EAA;
    }
    .swiper-list-title {
        color: #333;
        font-size: .8rem;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
        text-transform: capitalize;
        margin-bottom: 1rem;
    }
    .swiper-list-desc {
        color: #333;
        text-align: justify;
        font-size: .65rem;
        font-weight: 400;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        display: -webkit-box; /* 必须 */
        -webkit-box-orient: vertical; /* 垂直排列 */
        -webkit-line-clamp: 3; /* 限制显示3行 */
        overflow: hidden; /* 隐藏超出内容 */
        text-overflow: ellipsis; /* 可选，部分浏览器不生效 */
    }
    .swiper-pagination-list {
        position: relative;
    }
    .swiper-list-box {
        position: relative;
    }
    .swiper-list-box .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
        opacity: 1;
    }
    .swiper-list-box .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .pro6 {
        padding: .5rem .8rem 2rem .8rem;
    }
    .pro6 .top .tit1 {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
        margin-bottom: .8rem;
    }
    .pro6 .top .tit2 {
        width: 100%;
        color: #333;
        text-align: justify;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .pro6 .cont {
        flex-direction: column;
    }
    .pro6 .cont .left {
        margin-bottom: .8rem;
    }
    .pro6 .cont .right {
        row-gap: 0.8rem;
    }
    .pro6 .cont .right_bot {
        column-gap: 0.8rem;
    }
    .pro6 .cont .item .img_cont img {
        border-radius: .25rem;
    }
    .pro7 {
        padding: 2rem .8rem;
    }
    .pro7 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .pro7 .list .item {
        flex-direction: column;
        margin-bottom: 1.2rem;
    }
    .pro7 .list .item .img_cont {
        width: 100%;
        margin-bottom: .8rem;
    }
    .pro7 .list .item .img_cont img {
        border-radius: .5rem;
    }
    .pro7 .list .item .text .h1 {
        color: #193EAA;
        font-size: .8rem;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .pro7 .list .item .text .p1 {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
    }
    .pro7 .list .item:nth-child(2n) {
        flex-direction: column;
    }
    .pro8 {
        padding: 2rem .8rem 2.5rem .8rem;
    }
    .pro8 .top1 .tit {
        color: #FFF;
        text-align: center;
        font-size: .9rem;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .swiper-area-box {
        position: relative;
    }
    .swiper-area {
        height: 11rem;
        height: auto;
    }
    .swiper-area .swiper-slide {
        width: 8.3rem!important;
        height: 4.9rem;
        flex-shrink: 0;
        border-radius: .2rem;
        background: #FFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: .6rem;
        /*margin-right: .55rem;*/
    }
    .swiper-area__icon {
        width: 1.7rem;
        height: 1.7rem;
        margin-bottom: .2rem;
    }
    .swiper-area__p {
        color: #333;
        text-align: center;
        font-size: .5rem;
        font-weight: 500;
        line-height: 130%; /* 18.2px */
        text-transform: capitalize;
    }
    .swiper-pagination-area {
        position: relative;
        margin-top: .6rem;
    }
    .swiper-pagination-area .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: rgba(255, 255, 255, 0.40);
        opacity: 1;
    }
    .swiper-pagination-area .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #FFF;
    }
    .pro8 .top2 .tit {
        color: #FFF;
        text-align: center;
        font-size: .75rem;
        font-weight: 600;
        line-height: 160%; /* 24px */
        margin-bottom: .6rem;
        margin-top: 1.5rem;
    }
    .pro8 .top2 .tit2 {
        color: #FFF;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
    }
    .pro8 .swiper1 {
        margin-bottom: 1.5rem;
    }
    .pro8 .swiper1 .swiper-slide .bal img {
        width: calc((100vw - 1.4rem * 2 + 40px) );
    }
    .pro8 .swiper1 .swiper-slide {
        height: 10.75rem;
    }
    .pro8 .swiper1_cont .btn_box .btn {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
    }
    .pro8 .swiper1_cont .btn_box .btn svg {
        width: .3rem;
        height: .55rem;
    }
    .pro8 .swiper1_cont .btn_box .btn:hover {
        background-color: #ECECEE;
    }
    .pro8 .swiper1_cont .btn_box {
        column-gap: 1.2rem;
    }
    .pro12 {
        padding: 2.5rem .8rem 1rem;
    }
    .pro12 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .swiper-application .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 8.3rem!important;
        height: 6.8rem;
        flex-shrink: 0;
        background: #F7F7F9;
        border-radius: .3rem;
        /*margin-bottom: .6rem;*/
        margin-bottom: .3rem;
    }
    .swiper-application__icon {
        width: 1.4rem;
        height: 1.4rem;
        margin-bottom: .18rem;
    }
    .swiper-application__p {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
    }
    .swiper-application {
        height: 14.8rem;
    }
    .swiper-application-box {
        position: relative;
    }
    .swiper-pagination-application {
        position: relative;
    }
    .swiper-pagination-application .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
    }
    .swiper-pagination-application .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .pro12 .bottom {
        background: url('../img/pro-adssbg.png') no-repeat;
        background-size: cover;
        padding: 1.1rem 1.4rem 6.2rem;
        position: relative;
        margin-top: 1.5rem;
    }
    .pro12 .bottom .h {
        color: #333;
        text-align: center;
        font-size: .8rem;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
        text-transform: capitalize;
        margin-bottom: 1.5rem;
    }
    .pro12 .bottom .btnx {
        height: 1.9rem;
        border-radius: 4.2rem;
        margin: 0 auto;
        padding: 0 1.25rem;
        font-size: .65rem;
    }
    .pro12 .bottom .btnx .icon {
        width: .82rem;
    }
    .pro-adsstext {
        width: 4.45rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 1rem;
    }
    .pro9 {
        padding: 2rem .8rem;
    }
    .pro9 .top .tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .pro9 .cont {
        padding: .8rem .8rem 2rem .8rem;
        display: block;
        margin-bottom: 1.5rem;
    }
    .pro9-swiper1-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
        column-gap: 1.2rem;
    }
    .pro9 .cont .pro9-swiper1-nav .btn {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pro9 .cont .pro9-swiper1-nav .btn svg {
        width: .3rem;
        height: .55rem;
    }
    .pro9 .swiper-pagination {
        width: 10.45rem;
    }
    .pro10 {
        padding: 2rem .8rem;
    }
    .pro10 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .pro10 .top .tit2 {
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .pro10 .cont {
        display: flex;
        flex-direction: column-reverse;
    }
    .pro10 .cont .img_cont {
        width: 100%;
    }
    .pro10 .top {
        margin-bottom: 1.3rem;
    }
    .pro10 .cont .img_cont img {
        border-radius: .5rem;
    }
    .pro10 .cont .left .list .item .ico {
        width: 1.7rem;
        height: 1.7rem;
        flex-shrink: 0;
    }
    .pro10 .cont .left .list .item .text {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-left: .85rem;
    }
    .pro10 .cont .left .list .item {
        margin-bottom: 1.1rem;
    }
    .pro10 .cont .left {
        padding: 1.1rem .8rem 2rem .8rem;
    }
    .pro11 {
        padding: 2.5rem .8rem 2.5rem .8rem;
    }
    .pro11 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .pro11 .top .tit2 {
        color: #686868;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .swiper-bus .swiper-slide {
        width: 8.3rem;
        height: 9.6rem;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #FFF;
        box-shadow: 0 .185rem .9rem 0 rgba(18, 30, 50, 0.06);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 .8rem;
    }
    .swiper-bus__img {
        width: 1.9rem;
        height: 1.9rem;
        margin-bottom: .4rem;
    }
    .swiper-bus__p {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .swiper-busbox {
        position: relative;
    }
    .swiper-pagination-bus {
        position: static;
        margin-top: 1rem;
    }
    .swiper-pagination-bus .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
    }
    .swiper-pagination-bus .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .pro11 .bot .h1 {
        color: #333;
        text-align: center;
        font-size: .75rem;
        font-style: normal;
        font-weight: 600;
        line-height: 160%; /* 24px */
        width: 11.7rem;
        margin: 1.7rem auto .8rem;
    }
    .pro11 .bot .h2 {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
        margin-bottom: 1.5rem;
    }
    .pro11 .bot .btn {
        height: 1.9rem;
        border-radius: 4.2rem;
        padding: 0 1.25rem;
        color: #FFF;
        font-size: .65rem;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    .news_container .ny_top {
        /*height: 18.85rem;*/
        padding: 5rem .8rem .8rem .8rem;
    }
    .news_container .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .news_container .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .news_container .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .news_container .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    .news_container .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .news_container .banner_tabber div,.news_container .banner_tabber a {
        font-size: .65rem;
    }
    .news1 {
        padding: 2rem .8rem;
    }
    .news1 .top .h1 {
        font-size: .9rem;
    }
    .news1 .top .more {
        padding: 0 .8rem;
        border-radius: .8rem;
    }
    .news1 .top .more .more_cont {
        height: 1.2rem;
    }
    .news1 .top .more ul {
        left: auto;
        right: 0;
        padding: .3rem;
    }
    .news1 .top .more .more_cont svg {
        width: .5rem;
    }
    
    /*.products2 .cont .left .list{display: none!important;}*/
    
    .products2 .more_m {
        display: block!important;
        padding: 0 .8rem;
        border-radius: .8rem;
        margin: 0 auto;margin-bottom: 20px;
    }
    .products2 .more_m .more_cont {
        height: 1.2rem;
    }
    .products2 .more_m ul {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        padding: .6rem;
        width: fit-content;
        white-space: nowrap;
        font-size: .6rem;
    }
    .products2 .more_m .more_cont svg {
        width: .5rem;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide {
        height: auto;
        flex-direction: column;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .img {
        width: 100%;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text {
        padding: .8rem;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .h1 {
        color: #333;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
        margin-bottom: .35rem;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .time {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
        height: auto;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .text_top .p1 {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn {
        margin-top: .6rem;
        width: 6.25rem;
        height: 2rem;
        flex-shrink: 0;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn .ico {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn .ico svg {
        width: .75rem;
    }
    .news1 .cont .swiper_cont .swiper1 .swiper-slide .swiper1_text .btn .text {
        color: #333;
        font-size: .6rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .news1 .cont .swiper_cont .swiper-pagination {
        margin-top: 1rem;
    }
    .news1 .cont .list .item {
        width: 100%;
    }
    .news1 .cont .list .item {
        padding: .8rem;
    }
    .news1 .cont .list .item .item_top .h1 {
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        line-height: 1.6;
        margin-bottom: 0.35rem;
    }
    .news1 .cont .list .item .item_top .time {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%;
        height: auto;
    }
    .news1 .cont .list .item .item_bot {
        padding-top: .8rem;
    }
    .news1 .cont .list .item .item_top {
        padding-bottom: .8rem;
    }
    .news1 .cont .list .item .item_bot .btn {
        margin-top: .4rem;
    }
    .news1 .cont .list .item .item_bot .h2 {
        color: #333;
        font-size: .6rem;
        font-weight: 400;
        line-height: 1.6;
    }
    .news1 .cont .list .item .item_bot .btn .ico {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .news1 .cont .list .item .item_bot .btn .ico svg {
        width: .75rem;
    }
    .news1 .cont .list .item .item_bot .btn .text {
        color: #333;
        font-size: .6rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .newsdetails1 {
        flex-direction: column-reverse;
        padding: 2rem .8rem;
    }
    .newsdetails1 .right {
        position: static;
    }
    .newsdetails1 .left {
        width: 100%;
    }
    .newsdetails1 .left .top h1 {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .newsdetails1 .left .top .time {
        text-align: center;
        font-size: .65rem;
    }
    .newsdetails1 .left .top {
        padding-bottom: .8rem;
    }
    .newsdetails1 .left .cont .bac {
        height: 2rem;
        border-radius: .8rem;
        padding: 0 .8rem;
        font-size: .6rem;
        margin-bottom: .8rem;
    }
    .newsdetails1 .right .list .item .h2 {
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .newsdetails1 .right .list .item .time {
        color: #333;
        text-align: center;
        font-size: .65rem;
        font-weight: 500;
        line-height: 150%;
        height: auto;
    }
    .newsdetails1 .right .h1 {
        margin-bottom: .8rem;
        font-size: .6rem;
    }
    .newsdetails1 .right .list .item {
        margin-bottom: .8rem;
    }
    .newsdetails1 .right .Share .tit {
        font-size: .65rem;
    }
    .newsdetails1 .right .Share .Share_list .ico {
        width: 1rem;
        height: 1rem;
    }
    .service_container  .ny_top {
        /*height: 18.85rem;*/
        padding: 5rem .8rem .8rem .8rem;
    }
    .service_container  .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .service_container  .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .service_container  .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .service_container  .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    .service_container  .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .service_container  .banner_tabber div,.service_container  .banner_tabber a {
        font-size: .65rem;
    }
    .newsdetails_container  .banner_tabber {
        height: 2.3rem;
        background: #F9F9FA;
    }
    .newsdetails_container  .banner_tabber div,.newsdetails_container  .banner_tabber a {
        font-size: .65rem;
        
    }
    .service1 .left {
        width: 100%;
    }
    .service1 .left .h1 {
        width: 100%;
        color: #333;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
        margin-bottom: .8rem;
    }
    .service1 .left .h2 {
        width: 100%;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-bottom: .8rem;
    }
    .service1 .left {
        padding: 2rem .8rem;
    }
    .service1 .left .list {
        /*width: 13rem;*/
        width: 100%;
    }
    .service1 .left .list .item {
        width: 100%;
        padding: .4rem;
    }
    .swiper-aftersale-box {
        position: relative;
    }
    .service1 .left .list .item .item_cont .num_box {
        position: absolute;
        top: 0;
        right: 0;
    }
    .service1 .left .list .item .item_cont {
        padding: 0;
        padding-top: 1.2rem;
    }
    .service1 .left .list .item .item_cont .ico {
        /*width: .8rem;*/
        /*height: .8rem;*/
        width: 1rem;
        height: 1rem;
    }
    .service1 .left .list .item .item_cont .ico_tit {
        font-size: .65rem;
    }
    .service1 .right {
        display: none;
        z-index: -1;
    }
    .service2 {
        padding: 2rem .8rem;
    }
    .service2 .top .h1 {
        color: #333;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .service2 .top .h2 {
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .service2 .cont {
        overflow-x: auto;
        display: none;
    }
    
    .service2 .cont_m{display: block!important;position: relative;overflow: hidden;padding-bottom:40px;}
    .service2 .cont_m .swiper-slide.on{margin-left:0;height:100%;min-height:260px;}
    .service2 .cont .left .card{min-height: 260px;}
    .service2 .cont_m .swiper-pagination{top:auto;bottom:0;}
    
    .ab6 .cont .item{display: block;}
    .ab6 .cont .item .img{width: 100%;}
    .ab6 .cont .item:nth-child(n+2){width:48%!important;}
    .ab6 .cont .item .img{height: auto;}
    .ab6 .cont .item:nth-child(5n - 4){height:auto;}
    .ab6 .cont .item .img{height: 13rem;}
    
    .service2 .cont_m .swiper-pagination .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
        opacity: 1;
    }
    .service2 .cont_m .swiper-pagination .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    
    .service2 .cont .left.on {
        width: 14rem;
    }
    .service2 .cont .left .left_cont {
        height: 9rem;
        height: auto;
    }
    
    .service2 .cont .left .left_cont .left_list .item{width: 48%;padding:0.6rem;}
    /*.service2 .cont .left .left_cont .left_list .item .item_top .ico{width: 26px;*/
    /*    margin-bottom: 0.8rem;}*/
    
    .service2 .cont .left {
        width: 4rem;
        flex-shrink: 0;
    }
    .service2 .cont .left .left_cont .left_list .item .item_top .ico {
        width: 26px;
        margin-bottom: .8rem;
    }
    .service2 .cont .left .left_cont .left_list .item .item_top .item_h1 {
        font-size: .65rem;
    }
    .service2 .cont .left .left_cont .left_list .item .item_bot {
        font-size: .6rem;
    }
    .service2 .cont::-webkit-scrollbar {
        height: 4px;
        background: #efefef;
    }
    .service2 .cont::-webkit-scrollbar-thumb {
        background: #193EAA;
    }
    .swiper-pagination-aftersale {
        position: static;
        margin-top: .8rem;
    }
    .swiper-pagination-aftersale .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
        opacity: 1;
    }
    .swiper-pagination-aftersale .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    
    
    /*弹窗start*/
    .con_tc .con {
        width: 90%;
        padding: .8rem;
    }
    .con_tc form .item2 {
        flex-wrap: wrap;
    }
    .con_tc form .item2>label {
        width: 100%;
        height: auto;
    }
    .con_tc form .item2 label input {
        padding: .3rem;
    }
    .con_tc form .item2 label select {
        padding: .3rem;
        margin-bottom: .3rem;
    }
    .con_tc form .item2 label textarea {
        padding: .3rem;
        height: auto;
        margin-bottom: .3rem;
    }
    .con_tc form .item2 .tit {
        margin-bottom: .3rem;
    }
    .con_tc form .item2 label input {
        margin-bottom: .3rem;
    }
    .con_tc form .f_btn input {
        margin-right: .4rem;
    }
    .con_tc form button {
        margin-top: .3rem;
    }
    .con_tc .con .out {
        width: 1.5rem;
    }
    .con_tc .cont_tit {
        font-size: .9rem;
    }
    /*弹窗end*/
    .service3 {
        height: auto;
    }
    .service3 .bgimg {
        height: 100%;
    }
    .service3 .cont .card {
        width: 12rem;
    }
    .service3 .cont {
        padding: .8rem;
    }
    .service3 .cont .card_mess {
        width: auto;
        height: auto;
    }
    .service3 .cont .card_mess .img {
        width: 3rem;
    }
    .service3 .cont .card_mess .card_text {
        padding-top: .3rem;
    }
    .service3 .cont .card_mess .card_text .card_top .name {
        margin-bottom: .2rem;
        font-size: .65rem;
    }
    .service3 .cont .card_mess .card_text .card_top .email {
        font-size: .65rem;
    }
    .service3 .cont .card_mess .card_text .form {
        font-size: .65rem;
    }
    .service4 .cont .cont_right form .item .item_f .input_t  {
        font-size: .65rem;
    }
    .service4 {
        padding: 2rem .8rem;
    }
    .service4 .top .h1 {
        color: #333;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .service4 .cont .cont_right form .item2-fornew .tit {
        font-size: .65rem;
    }
    .service4 .top {
        width: 100%;
    }
    .service4 .top .h2 {
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .service4 .cont .img {
        display: none;
    }
    
    .service4 .cont .cont_right {
        padding: .8rem;
    }
    .service4 .cont .cont_right .cont_tit {
        color: #333;
        text-align: center;
        font-size: .9rem;
        font-weight: 600;
        line-height: 160%; /* 28.8px */
    }
    .service4 .cont .cont_right form .item {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .service4 .cont .cont_right form .item .item_f {
        margin-bottom: .3rem;
        margin-right: .3rem;
    }
    .service4 .cont .cont_right form .item2-fornew>label {
        /*width: 7.5rem;*/
        width: 100%;
    }
    .service4 .cont .cont_right form .item2-fornew label input {
        padding: 0 .3rem;
        height: 1.5rem;
        margin-bottom: .3rem;
        font-size: .65rem;
    }
    .service4 .cont .cont_right form .item2-fornew label select {
        font-size: .65rem;
    }
    .service4 .cont .cont_right form .item2x .tit {
        font-size: .65rem;
    }
    .service4 .multiselect .select-box {
        min-height: 1.5rem;
    }
    .service4 .multiselect2 {
        /*width: 7.5rem!important;*/
        width: 100%!important;
    }
    .service4 .mylabel2 {
        /*width: 7.5rem!important;*/
        width: 100%!important;
    }
    .multiselect .select-box {
        padding: .3rem;
    }
    .service4 .cont .cont_right form .item2x label {
        width: 100%;
    }
    .service4 .cont .cont_right form .item2-fornew label select {
        padding: .3rem;
        margin-bottom: .3rem;
    }
    .service4 .cont .cont_right form .item2-fornew label .tit {
        margin-bottom: .3rem;
    }
    .service4 .mylabel2 .tit {
        margin-bottom: .3rem;
    }
    .service4 .cont .cont_right form .item2-fornew .select:after {
        width: .5rem;
        height: .5rem;
    }
    .service4 .cont .cont_right form .item2x-fortearea textarea {
        height: 3rem;
        font-size: .65rem;
    }
    .multiselect .placeholder {
        font-size: .65rem;
    }
    .service4 .cont .cont_right form label {
        font-size: .65rem;
    }
    .service4 .cont .cont_right form button .text {
        font-size: .65rem;
    }
    .service4 .cont .cont_right form button {
        border: 1px solid #333333;
        margin-top: .5rem;
    }
    .service4 .cont .cont_right form button .ico svg {
        width: .75rem;
    }
    .service2 .cont .left .left_cont .left_list .item .item_bot .bot_left {
        font-size: 10px;
    }
    .service2 .cont .left .left_cont .left_list .item .item_bot .down {
        font-size: 10px;
    }
    
    
    
    
    .egs_container  .ny_top {
        /*height: 18.85rem;*/
        padding: 5rem .8rem .8rem .8rem;
    }
    .egs_container  .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .egs_container  .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .egs_container  .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .egs_container  .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    .egs_container  .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    .egs_container  .banner_tabber div,.egs_container  .banner_tabber a {
        font-size: .65rem;
    }
    .ESG2 {
        padding: 2rem .8rem;
    }
    .ESG4 {
        padding: 2rem .8rem;
    }
    .ESG4 .list .item .text {
        width: 8rem;
    }
    .ESG2 .cont .left .ico {
        width: 1rem;
    }
    .ESG3 .cont {
        height: 10.33rem;
    }
    .ESG3 .bgimg {
        height: 100%;
    }
    .ESG3 .cont .list .item {
        padding: .4rem;
    }
    .ESG3 .cont .ico1 {
        width: 1rem;
        height: 1rem;
    }
    .ESG2 .cont .left .h1 {
        font-size: .65rem;
    }
    .ESG2 .cont .left .p2 {
        font-size: .65rem;
    }
    .ESG3 .cont .h2 {
        font-size: .65rem;
    }
    .ESG4 .list .item .text .h1 {
        font-size: .8rem;
    }
    .ESG4 .list .item .text .h2 {
        font-size: .65rem;
    }
    .ESG5 .top .tit {
        color: #333;
        text-align: center;
        font-size: .8rem;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
        text-transform: capitalize;
    }
    .ESG3 .cont .h1 {
        font-size: .8rem;
    }
    .ESG5 .swiper .swiper-slide {
        height: auto;
    }
    .ESG5 .swiper_cont .text_cont .h1 {
        font-size: .65rem;
    }
    .ESG5 .swiper_cont .btn_box .btn {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ESG5 .swiper_cont .btn_box .btn svg {
        width: .8rem;
    }
    
    .contactUs_container  .ny_top {
        /*height: 18.85rem;*/
        padding: 5rem .8rem .8rem .8rem;
    }
    .contactUs_container  .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .contactUs_container  .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .contactUs_container  .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .contactUs_container  .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    
    .search_container .ny_top {
        /*height: 18.85rem;*/
        padding: 5rem .8rem .8rem .8rem;
    }
    .search_container .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .search_container .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .search_container .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .search_container .ny_top .h2 {
        width: 90%;
        margin-bottom: .8rem;
    }
    .contactUs_container  .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
    }
    
    .index_banner {
        height: auto;
    }
    .index_banner .swiper {
        height: auto;
        min-height: 13rem;
    }
    .index_banner .banner_cont {
        min-height: 13rem;
    }
    .in2 .cont .right .swiper3 .swiper-slide .line {
        border-color:#86868b ;
    }
    .in2 .cont .right .swiper3 .swiper-slide.on .line {
        border-color:var(--viColor) ;
    }
    .in2 .cont .right .swiper3 .swiper-slide.act .line:last-child {
        border-color: var(--viColor);
    }
    .banner_tabber {
        font-size: .8rem;
    }
    .ab4 .cont .right_img .num_cont .num_top .num {
        font-size: 1.35rem;
    }
    .in1 .top .btn .text {
        font-size: .6rem;
    }
    .in1 .top .btn .ico {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .in1 .top .btn .ico svg {
        width: .75rem;
    }
    .products2 .cont .left .list .item .h1 {
        font-size: .8rem;
    }
    .ab1 .cont .cont_text {
        font-size: .65rem;
    }
    .ab5 .cont .left_cont .left_bot .swiper2_cont .swiper2 .swiper-slide .h1 ul li {
        font-size: .65rem;
    }
    .ab6 .cont .item .text .p1 {
        font-size: .65rem;
    }
    .ab7 .ab7_cont .cont .item .item_ct .t {
        font-size: .65rem;
    }
    .index_banner .banner_cont .cont .MOD_btn .text {
        font-size: .6rem;
    }
    .index_banner .banner_cont .cont .ico {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index_banner .banner_cont .cont .ico svg {
        width: .74rem;
    }
    
    
    /*移动端头部start*/


.m_header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  /*background-color: transparent;*/
  padding: 20px 15px;
  z-index: 98;
  justify-content: space-between;
  transition: all 0.5s;
  z-index: 999999999;
}

.m_header-inner {
  position: sticky;
  background-color: #ffffff;
}

.m_header.on {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.m_header .logo {
  /*width: 62px;*/
  /*width: 6.7rem;*/
  width: 5.4rem;
}

.m_header .logo img {
  width: 100%;
  display: block;
}

.m_header .right {
  display: flex;
  align-items: center;
}

.m_header .right .tel {
  font-size: 16px;
  font-weight: 600;
  margin-right: 12px;
  padding-left: 26px;
  line-height: 26px;
  background: url(../img/m_tel.svg)no-repeat left center;
  background-size: 22px auto;
}

.m_header .right .search{margin-right: 17px;display:block;}

/*.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%;
}


.mh_nav .Newsletter {
  padding:0 12px;
  margin-top: 18px;
  height: 24px;
  border-radius: 24px;
  background-color: var(--viColor);
  display: flex;
  align-items: center;
  column-gap: 6px;
  width: fit-content;
}
.mh_nav .Newsletter .ico {
  width: 13px;
  height: auto;
}
.mh_nav .Newsletter .text {
  color: #fff;
  line-height: calc(24 / 16);
}


.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: 30px;
  height: 1px;
  background-color: #fff;
  border-radius: 1px;
  transition: all 0.3s;
}

.m_header .btn div {
  background-color: #333;
}

.m_header .btn div:nth-child(1) {
  transform: translate(0, -10px);
}

.m_header .btn div:nth-child(2) {
  transform: translate(12px, 0);
  width: 20px;
}

.m_header .btn div:nth-child(3) {
  transform: translate(0px, 10px);
}

.m_header .btn:hover div:nth-child(1) {
  transform: translate(0, -10px);
}

.m_header .btn:hover div:nth-child(2) {
  transform: translate(0, 0);
  width: 30px;
}

.m_header .btn:hover div:nth-child(3) {
  transform: translate(0, 10px);
}

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

.mh_nav {
  display: block !important;
}

.mh_nav {
  position: fixed;
  top: 0;
  left: 10%;
  /*width: 90%;*/
  width: 90vw;
  transform: translateX(120%);
  z-index: 999999999999;
  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;
  /*right: 40px;*/
  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-size: .6rem;
  line-height: 3;
  font-family: hm;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*.mh_nav .nav>li>a img {*/
/*    width: 12px;*/
/*    height: 12px;*/
/*}*/

.mh_nav .nav>li:after {
  content: "";
  position: absolute;
  right: 0;
  /*top: 24px;*/
  /*top: 50%;*/
  top: .65rem;
  transition: all 0.5s;
  /*width: 12px;*/
  /*height: 12px;*/
  width: .7rem;
  height: .7rem;
  background: url(../img/select_jt.png)no-repeat center;
  background-size: auto 100%;
  transform: rotate(-90deg);
  /*transform: translateY(-50%) rotate(-90deg);*/
}

.ab4 .cont .right_img .num_cont .num_top .num::after {
    content: none;
}

.mh_nav .nav>li.on:after {
  transform: rotate(0deg);
}

.mh_nav .nav>li:nth-child(1):after {
  display: none;
}

/*.mh_nav .nav>li:nth-child(4):after {*/
/*  display: none;*/
/*}*/

.mh_nav .nav>li .nav1 {
  padding: 15px;
  line-height: 24px;
  display: none;
  font-size: 14px;
  font-family: hm;
  padding-top: 0;
}

.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;
  display: block;
  font-size: .6rem;
  line-height: 2.5;
}

.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;
}
.in2 .cont .left .text_card .btn .text {
    font-size: .65rem;
}
.in2 .cont .left .text_card .btn .ico {
    display: flex;
    justify-content: center;
    align-items: center;
}
.in2 .cont .left .text_card .btn .ico svg {
    width: .75rem;
}
.index_banner .banner_cont .cont {
    position: absolute;
}
.news1 .top .more .more_cont .t1 {
    font-size: .65rem;
}
.m-footer {
    width: 100%;
    background: #000000;
    border-radius: .8rem .8rem 0 0;
    padding: 2rem .8rem 1.2rem .8rem;
}
.footer-logo {
    display: block;
    width: 6.7rem;
    height: 1.2rem;
    margin: 0 auto 1.3rem ;
}
.m-footer-follow {
    text-align: center;
    color: #E8E8E8;
    font-size: .65rem;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}
.m-footer-follow a {
    margin-left: .65rem;
    margin-right: .65rem;
}
.m-footer-follow a img {
    width: 1.95rem;
    height: 1.95rem;
}
.m-footer-email {
    width: 14.5rem;
    margin: 0 auto;
    color: #E8E8E8;
    text-align: center;
    font-size: .8rem;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    text-transform: capitalize;
}
.mfooter-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.mfooter-nav a {
    color: #FFF;
    font-size: .8rem;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .85rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #ffffff;
    position: relative;
}
.mfooter-nav a:before {
    content: "";
    width: 6rem;
    height: 2px;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #193EAA;
}
.mfooter-nav a img {
    width: .3rem;
}
.mfooter-nav-li {
    padding-top: .8rem;
    width: 100%;
    display: none;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1.3rem;
}
.mfooter-nav-li a {
    opacity: 0.85;
    color: #FFF;
    font-size: .65rem;
    font-weight: 300;
    line-height: 200%;
    text-transform: lowercase;
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 0;
}
.mffoter-submit {
    width: 100%;
    padding-bottom: .6rem;
    border-bottom: 1px solid #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.45rem;
}
.mffoter-submit input {
    border: 0;
    outline: 0;
    width: 12rem;
    background: transparent;
    color: #FFF;
    font-size: .65rem;
    font-weight: 300;
    /*text-transform: capitalize;*/
}
.mffoter-submit input::placeholder {
    color: #FFF;
    font-size: .65rem;
}
.mffoter-submit button {
    width: 4.35rem;
    height: 1.5rem;
    flex-shrink: 0;
    border-radius: 1.375rem;
    border: 1px solid #FFF;
    background: transparent;
    color: #FFF;
    font-size: .6rem;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
}
.mffoter-submit button .mffoter-submit-dot {
    display: block;
    width: .9rem;
    height: .9rem;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #ffffff;
}
.mfooter-copyright {
    display: block;
    width: 15.6rem;
    margin: 1.2rem auto 0;
    color: #FFF;
    font-size: .65rem;
    font-weight: 400;
    line-height: 1.6;
    text-transform: lowercase;
    text-align: center;
}
.mfooter-nav-li a:before {
    content: none;
}
.mfooter-nav a.on img {
    transform: rotate(90deg);
    transition: all .3s ease;
}
.mfooter-sitelink {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: .8rem;
}
.mfooter-sitelink a {
    color: #FFF;
    text-align: center;
    /*font-size: 13px;*/
    font-size: .6rem;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
}
.mfooter-sitelink a::after {
    content: "";
    width: 1px;
    height: .6rem;
    background: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.mfooter-sitelink a:last-child::after {
    content: none;
}
.news1 .top .more ul a {
    font-size: .65rem;
}
.service3 .cont .card .card_t2 {
    font-size: .65rem;
}
.service3 .cont .card .card_t {
    font-size: .65rem;
}
.contactUs_container .banner_tabber div,.contactUs_container .banner_tabber a {
    font-size: .65rem;
}
.contactUs1 .top .h1 {
    font-size: .65rem;
}
.contactUs1 .list .item .item_top .t1 {
    font-size: .65rem;
}
.contactUs1 .list .item.on .item_cont .t1 {
    font-size: .65rem;
}
.contactUs1 .list .item .item_cont .it1 .t2 {
    font-size: .65rem;
}

.rd_container .ny_top {
        min-height: 18.85rem;
        height: auto;
        padding: 5rem .8rem 1.7rem .8rem;
    }
    .rd_container .ny_top .p1 {
        padding-left: 0;
        font-size: .65rem;
    }
    .rd_container .ny_top .h1 {
        color: #193EAA;
        font-size: .9rem;
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .rd_container .ny_top .h2 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 130%; /* 36.4px */
        letter-spacing: 1.4px;
        text-transform: capitalize;
    }
    .rd_container .ny_top .h2 {
        /*width: 90%;*/
        width: 100%;
        margin-bottom: .8rem;
    }
    .rd_container .banner_tabber {
        height: 2.3rem;
        padding: 0 .8rem;
        display: flex;
        align-items: center;
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        text-transform: capitalize;
        background: #F9F9FA;
    }
    .rd_container .banner_tabber div,.rd_container .banner_tabber a {
        font-size: .65rem;
    }
    .headPADD {
        padding-top: 0;
    }
    .rd2 {
        padding: 2rem .8rem;
    }
    .rd2 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .rd2 .list .item_cont {
        /*width: 8.3rem;*/
    }
    .rd2 .list .item .ico {
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rd2 .list .item .ico img {
        width: 1.45rem;
        height: 1.45rem;
    }
    .rd2 .list .item .item_text .t1 {
        color: #333;
        text-align: center;
        font-size: .5rem;
        font-weight: 500;
        line-height: 1.5;
        height: 3em;
        margin-bottom: .4rem;
    }
    .rd2 .list .item_cont:hover .item {
        transform: translateY(0);
    }
    .rd2 .list .item {
        padding: 1.3rem 0 1.05rem;
        row-gap: 1rem;
    }
    .rd2 .list .item .item_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .rd2 .list .item .item_text .num_cont .num {
        color: #193EAA;
        -webkit-text-stroke-width: 0.51px;
        -webkit-text-stroke-color: #193EAA;
        font-size: 0.9rem;
        font-weight: 500;
        line-height: normal;
    }
    .rd2 .list .item .item_text .num_cont .num_f {
        font-size: .8rem;
    }
    .rd3 {
        background: #ffffff;
        padding-top: 0;
        padding-bottom: 0;
    }
    .rd3-mtitle {
        text-align: center;
        color: #000;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: 1rem;
    }
    .rd3-mbgimg {
        display: block;
        width: 100%;
    }
    .swiper-mrd3-box {
        position: relative;
        width: 17.15rem;
        padding-top: .8rem;
        padding-bottom: 0;
        transform: translateY(-2rem);
        margin: 0 auto;
    }
    .swiper-mrd3 {
        height: 16.7rem;
        border-radius: .8rem 0 0 0;
        /*border: 1px solid #E0E0E0;*/
        /*border-radius: .8rem 0 0 0;*/
    }
    .swiper-mrd3 .swiper-slide {
        /*padding: 1rem;*/
        /*height: 8.3rem;*/
        height: 8.1rem;
        /*border-bottom: 1px solid #E0E0E0;*/
        /*border: 1px solid #E0E0E0;*/
    }
    /*.swiper-mrd3 .swiper-slide .ico {*/
    /*    width: 1.5rem;*/
    /*    height: 1.5rem;*/
    /*    margin-bottom: .8rem;*/
    /*}*/
    /*.swiper-mrd3 .swiper-slide.on {*/
    /*    border-radius: .8rem 0 0 0;*/
        /*border-bottom: 0;*/
    /*}*/
    /*.swiper-mrd3 .swiper-slide.noton {*/
    /*    border-top: 0;*/
    /*}*/
    
    .swiper-mrd3 .swiper-slide div {
        width: calc( 100% - 1px );
        padding: 1rem;
        /*height: 8.3rem;*/
        height: 8.05rem;
        /*border-bottom: 1px solid #E0E0E0;*/
        border: 1px solid #E0E0E0;
        background: #fff;
    }
    .swiper-mrd3 .swiper-slide .ico {
        width: 1.5rem;
        height: 1.5rem;
        margin-bottom: .8rem;
    }
    .swiper-mrd3 .swiper-slide.on div {
        border-radius: .8rem 0 0 0;
        /*border-bottom: 0;*/
    }
    .swiper-mrd3 .swiper-slide.noton div {
        border-top: 0;
    }
    .swiper-mrd3-title {
        color: #333;
        font-size: .8rem;
        font-weight: 700;
        line-height: normal;
        margin-bottom: .6rem;
    }
    .swiper-mrd3-desc {
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        line-height: 160%; /* 20.8px */
    }
    .swiper-pagination-mrd3 {
        position: static;
        margin-top: 1.3rem;
    }
    .swiper-pagination-mrd3 .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
        opacity: 1;
    }
    .swiper-pagination-mrd3 .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .rd4 .cont {
        flex-direction: column;
        padding: 2rem .8rem 0;
        margin-bottom: 0;
    }
    .rd4 .cont .img {
        width: 100%;
    }
    .rd4 .cont .text {
        padding: 1rem 0 .8rem;
    }
    .rd4 .cont .text .h1 {
        color: #193EAA;
        font-size: .8rem;
        font-weight: 500;
        line-height: 150%; /* 24px */
        text-transform: capitalize;
    }
    .rd4 .cont .text .p1 {
        color: #686868;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .rd4 .list {
        width: 17.15rem;
        margin: 0 auto;
        display: flex;
        /*flex-direction: column;*/
        flex-direction: row;
    }
    .rd4 .list .item {
        /*width: 100%;*/
        width: 33.333%;
        justify-content: flex-start;
        flex-direction: column;
        padding: 30px 20px;
        border-bottom: 1px solid #E0E0E0;
        border-right: 0;
        column-gap: 1.7rem;
        position: relative;
        border-bottom: 0;
    }
    .rd4 .list .item::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 1px;
        height: 2rem;
        background: #eeeeee;
    }
    .rd4 .list .item:last-child::after {
        content: none;
    }
    .rd4 .list .item .item_text .h1_cont {
        justify-content: center;
    }
    .rd4 .list .item:last-child {
        border-bottom: 0;
    }
    .rd4 .list .item .ico {
        /*width: 4.4rem;*/
        /*height: 4.4rem;*/
        width: 2.5rem;
        height: 2.5rem;
    }
    .rd4 .list .item .item_text .h1_cont .h1 {
        color: #193EAA;
        -webkit-text-stroke-width: 0.59px;
        -webkit-text-stroke-color: #193EAA;
        /*font-size: 1.5rem;*/
        font-size: .8rem;
        font-weight: 500;
        line-height: 1;
        margin-bottom: .1rem;
    }
    .rd4 .list .item .item_text .h1_cont .h1_f {
        /*font-size: 1.5rem;*/
        font-size: .8rem;
    }
    .rd4 .list .item:nth-child(3) .item_text .h1_cont .h1_f {
        font-size: .8rem;
        margin-left: .5rem;
    }
    .rd4 .list .item:nth-child(3) .item_text .h1_cont {
        align-items: flex-start;
    }
    .rd4 .list .item .item_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #num0::after {
        /*font-size: 1.5rem;*/
        font-size: .8rem;
        left: 0;
        /*left: 50%;*/
        /*transform: translateX(-50%) scaleY(-1);*/
    }
    #num1::after {
        /*font-size: 1.5rem;*/
        font-size: .8rem;
        left: 0;
        /*left: 50%;*/
        /*transform: translateX(-50%) scaleY(-1);*/
    }
    #num2::after {
        /*font-size: 1.5rem;*/
        font-size: .8rem;
        /*left: 50%;*/
        /*transform: translateX(-50%) scaleY(-1);*/
    }
    .rd4 .list .item .item_text .p1 {
        color: #193EAA;
        font-size: .65rem;
        font-weight: 500;
        margin-top: .9rem;
        display: none;
    }
    .rd5 {
        padding: 2rem .8rem;
    }
    .rd5 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .rd5 .cont {
        flex-direction: column-reverse;
    }
    .rd5 .cont .right {
        width: 100%;
    }
    .rd5 .cont .right .card .swiper {
        height: 6.4rem;
    }
    .rd5 .cont .right .card:last-child .swiper {
        height: 10.4rem;
    }
    .rd5 .cont .right .card .swiper .swiper-slide .v_btn {
        width: 1.9rem;
        height: 1.9rem;
    }
    .rd5 .cont .right .card .swiper .swiper-slide .h1_cont .h1 {
        color: #FFF;
        text-align: center;
        font-size: .6rem;
        font-weight: 600;
        line-height: 150%; /* 21px */
        text-transform: capitalize;
        width: 9.1rem;
        width: 100%;
        padding: 0 0.8rem 0 1rem;
        margin: 0 auto;
    }
    .rd5 .cont .right .card .swiper .swiper-slide {
        border-radius: 15px;
    }
    .rd5 .cont .left {
        width: 100%;
    }
    .rd5 .cont .left .item {
        color: #333;
        font-size: .8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 3.7rem; /* 203.148% */
        padding: 0 0 0 1rem;
        margin-bottom: 0;
        height: 3.7rem;
    }
    .rd6 {
        padding: 2rem .8rem;
    }
    .rd6 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .rd6 .cont .item {
        width: 100%;
        min-height: 16.05rem;
        border-radius: .4rem;
    }
    .rd6 .cont .item .item_cont {
        padding: 1rem .8rem 1.8rem;
    }
    .rd6 .cont .item .item_cont .ico {
        width: 1.7rem;
        height: 1.7rem;
        margin-bottom: .8rem;
    }
    .rd6 .cont .item .item_cont .h1 {
        color: #333;
        font-size: .8rem;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
        margin-bottom: .8rem;
    }
    .rd6 .cont .item .item_cont .h2 {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .rd6 .cont .item .bgimg {
        min-height: 16.05rem;
        border-radius: .6rem;
    }
    .rd6 .cont {
        row-gap: .4rem;
    }
    .rd7 {
        padding: 0 .8rem 2.5rem;
    }
    .rd7 .top {
        margin-bottom: 1.5rem;
    }
    .rd7 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .swiper-rd7-box {
        position: relative;
    }
    .swiper-rd7 .swiper-slide {
        /*padding: 1.2rem .8rem;*/
        position: relative;
    }
    .swiper-rd7 .swiper-slide .bgimg {
        display: block;
        width: 100%;
        height: auto;
        border-radius: .5rem;
    }
    .bgimg-board {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .bgimg-board {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 1.2rem .8rem;
        background: linear-gradient(0deg, rgba(4, 63, 177, 0.9) -3.12%, rgba(4, 63, 177, 0) 66.79%);
    }
    .bgimg-board-title {
        color: #FFF;
        font-size: .8rem;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
        margin-bottom: .4rem;
    }
    .bgimg-board-desc {
        height: 2.1rem;
        color: #FFF;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
        -webkit-box-orient: vertical; /* 设置为垂直排列 */
        -webkit-line-clamp: 2; /* 限制显示两行 */
        overflow: hidden; /* 隐藏超出内容 */
        text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
    }
    .swiper-pagination-rd7 {
        position: static;
        margin-top: 1rem;
    }
    .swiper-pagination-rd7 .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
    }
    .swiper-pagination-rd7 .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .rd8 {
        padding: 0 .8rem 2rem;
    }
    .rd8 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .rd8 .top {
        margin-bottom: 1.5rem;
    }
    .rd8 .cont .card_top {
        display: flex;
        flex-direction: column;
    }
    .rd8 .cont .card_top .item {
        width: 100%;
        margin-bottom: .6rem;
        border-radius: .5rem;
    }
    .rd8 .cont .card_top .item .item_cont {
        padding: 1rem .8rem  1.2rem;
        
    }
    .rd8 .cont .card_top .item .item_cont .ico {
        width: 1.7rem;
        height: 1.7rem;
        margin-bottom: .8rem;
    }
    .rd8 .cont .card_top .item .item_cont .h1 {
        color: #333;
        font-size: .8rem;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
        margin-bottom: .4rem;
    }
    .rd8 .cont .card_top .item .item_cont .h2 {
        color: #193EAA;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .rd8 .cont .card_top .item .item_cont .p1 {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .rd8 .cont .card_bot {
        flex-direction: column;
    }
    .rd8 .cont .card_bot .card {
        width: 100%;
    }
    .rd8 .cont .card_bot .card {
        width: 100%;
    }
    .rd8 .cont .card_bot .card.left .item {
        /*width: 5.4326rem;*/
        width: calc( ( 100% - .4rem ) / 2 ) ;
        height: 4.9886rem;
        flex-shrink: 0;
    }
    .rd8 .cont .card_bot .card.left .item .ico {
        width: 1.2rem;
        height: 1.2rem;
        margin-bottom: .4rem;
    }
    .rd8 .cont .card_bot .card.left .item .t1 {
        color: #333;
        text-align: center;
        font-size: .6rem;
        font-weight: 500;
        line-height: 120%; /* 14.4px */
        text-transform: capitalize;
    }
    .rd8 .cont .card_bot .card.left {
        /*column-gap: .426rem;*/
        row-gap: .426rem;
        justify-content: space-between;
        margin-bottom: .8rem;
    }
    .rd8 .cont .card_bot .card.right .item {
        padding: 1rem .8rem 1.2rem;
    }
    .rd8 .cont .card_bot .card.right .item .ico {
        width: 1.7rem;
        height: 1.7rem;
        margin-bottom: .8rem;
    }
    .rd8 .cont .card_bot .card.right .item .h1 {
        color: #333;
        font-size: .8rem;
        font-weight: 600;
        line-height: 160%; /* 25.6px */
        margin-bottom: .4rem;
    }
    .rd8 .cont .card_bot .card.right .item .h2 {
        color: #193EAA;
        font-size: .65rem;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
        margin-bottom: .4rem;
    }
    .rd8 .cont .card_bot .card.right .item .p1 {
        color: #333;
        font-size: .65rem;
        font-weight: 500;
        line-height: 160%; /* 20.8px */
        text-transform: capitalize;
    }
    .rd9 {
        padding: 0 .8rem 2rem;
    }
    .rd9 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
    }
    .rd9 .top {
        margin-bottom: 1.5rem;
    }
    .swiper-rd9-box {
        position: relative;
    }
    .swiper-rd9 .swiper-slide {
        height: 6.1rem;
        padding: .85rem .6rem 0 1.15rem;
        border-radius: .2rem;
        background: #F7F7F9;
    }
    .swiper-rd9 .swiper-slide:hover {
        background: #193EAA;
    }
    .swiper-rd9 .swiper-slide:hover .swiper-rd9-title {
        color: #ffffff;
    }
    .swiper-rd9 .swiper-slide:hover .swiper-rd9-desc {
        color: #ffffff;
    }
    .swiper-rd9 .swiper-slide:hover .swiper-rd9-title:before {
        background: #ffffff;
    }
    .swiper-pagination-mrd9 {
        position: static;
        margin-top: 1.5rem;
    }
    .swiper-rd9-title {
        color: #333;
        font-size: .7rem;
        font-weight: 500;
        text-transform: capitalize;
        margin-bottom: .2rem;
        position: relative;
    }
    .swiper-rd9-title:before {
        content: "";
        width: .3rem;
        height: .3rem;
        flex-shrink: 0;
        background: #193EAA;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -.5rem;
        border-radius: 50%;
    }
    .swiper-rd9-desc {
        color: #333;
        font-size: .65rem;
        font-weight: 400;
        line-height: 140%;
    }
    .swiper-pagination-mrd9 .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: 6px;
        background: #86868B;
        opacity: 1;
    }
    .swiper-pagination-mrd9 .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    .contactUs1 {
        padding: 2rem 0 0;
    }
    .contactUs1 .top .tit {
        color: #000;
        text-align: center;
        font-size: .9rem;
        font-weight: 500;
        line-height: 150%; /* 27px */
        text-transform: capitalize;
        margin-bottom: 1rem;
    }
    .contactUs1 .top .h1 {
        width: 16.9rem;
    }
    .contactUs1 .list {
        padding: .8rem;
        /*overflow-y: hidden;*/
        /*overflow-x: auto;*/
        /*flex-wrap: nowrap;*/
        display: none;
    }
    
    .contactUs1 .list_m{
        display: block!important;
        position: relative;
    }
    
    .contactUs1 .list_m .select{
        position: absolute;
        top: calc(12px + .8rem);
        right: calc(12px + .8rem);
        width: fit-content;
    }
    
     .contactUs1 .list_m .select .h{padding-right: 15px;position:relative;}
     
      .contactUs1 .list_m .select .h:after{content:"";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 13px;height: 100%;background: url(../img/select_jt1.png)no-repeat center;background-size: 13px auto;}
     .contactUs1 .list_m .select ul{position: absolute;top: 120%;left: 0;display:none;}
     .contactUs1 .list_m .select ul li{margin-top: 5px;}
    
    .contactUs1 .list_m .select img{height: 0.54rem;}
    
    .contactUs1 .list::-webkit-scrollbar {
        height: 0;
        background: transparent;
    }
    .contactUs1 .list .item {
        /*width: 48%;*/
        width: 100%;
        flex-shrink: 0;
        margin-bottom: 10px;
        padding: 12px;
        display: none;
    }
    
    .contactUs1 .list .item.on{
        display: block;
    }
    
    .contactUs1 .list .item .item_cont .it1 .t1 {
        font-size: .6rem;
    }
    .contactUs1 .list .item .item_cont .lx .lx_item .lx_ico {
        width: .8rem;
        height: .8rem;
    }
    .contactUs1 .list .item.on .item_cont .lx_item .lx_tit {
        font-size: .6rem;
        word-break: break-all;
    }
    .contactUs1 .list .item .item_cont .lx .lx_item .lx_tit {
        font-size: .6rem;
        word-break: break-all;
    }
    .in1 .map_cont .ads .ads_ico {
        width: 1.6rem;
        height: 1.6rem;
    }
    
    /*.ads {*/
    /*    position: relative;*/
    /*}*/
    .ads .ads_card {
        width: 13.8rem;
        position: absolute;
        left: .8rem;
        right: 0;
        bottom: 80%;
        padding: .6rem;
        opacity: 1;
        z-index: 9999;
        background: #ffffff;
        box-shadow: 0 1px .65rem rgba(128, 128, 128, 0.20);
        border-radius: .2rem;
    }
    .in1 .ads .ads_card {
        left: 0;
    }
    .ads .ads_card .tit {
        color: #193EAA;
        font-size: .7rem;
        font-weight: 400;
        margin-bottom: .4rem;
    }
    .ads .ads_card .p1 {
        margin-bottom: .4rem;
    }
    .ads .ads_card .p1:last-child {
        margin-bottom: 0;
    }
    .ads .ads_card .p1 .p1_tit {
        color: #000;
        font-size: .65rem;
        font-weight: 300;
        line-height: 140%; /* 18.2px */
    }
    .ads .ads_card .p1 .p1_p {
        color: #000;
        font-size: .65rem;
        font-weight: 300;
        line-height: 140%; /* 18.2px */
    }
    .contactUs1 .map_cont .ads .ads_ico {
        width: 1.6rem;
        height: 1.6rem;
    }
    
    .contactUs1 .map_cont .ads .ads_ico.on .ads_card {
        opacity: 0;
    }
    .contactUs1 .list .item .item_top .ico {
        width: 1rem;
        height: 1rem;
    }
    .in1 .map_cont .ads .ads_ico:hover .ads_card {
        opacity: 0;
    }
    
    .SLID_left .item {
        width:  1rem;
        height: 4.60rem;
    }
    .SLID_left .item .text {
        font-size: .65rem;
    }
    .SLID_left .item .ico {
        width: .6rem;
        height: .6rem;
    }
    .SLID_left .item {
        padding: .25rem 0;
    }
    .SLID_left {
        left: .8rem;
    }
    .map_cont-box {
        position: relative;
        margin-top: 6.75rem;
    }
    .map_cont-box .map_cont {
        overflow: hidden;
    }
    .in1 .ads {
        overflow: hidden;
    }
    
    .map_cont-box .ads_card {
        width: 13.8rem;
        position: absolute;
        /*left: .8rem;*/
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        bottom: 75%;
        padding: .6rem;
        opacity: 1;
        z-index: 99;
        background: #ffffff;
        box-shadow: 0 1px .65rem rgba(128, 128, 128, 0.20);
        border-radius: .2rem;
    }
    .map_cont-box .ads_card {
        /*left: 0;*/
    }
    .map_cont-box .ads_card .tit {
        color: #193EAA;
        font-size: .7rem;
        font-weight: 400;
        margin-bottom: .4rem;
    }
    .map_cont-box .ads_card .p1 {
        margin-bottom: .4rem;
    }
    .map_cont-box .ads_card .p1:last-child {
        margin-bottom: 0;
    }
    .map_cont-box .ads_card .p1 .p1_tit {
        color: #000;
        font-size: .65rem;
        font-weight: 300;
        line-height: 140%; /* 18.2px */
    }
    .map_cont-box .ads_card .p1 .p1_p {
        color: #000;
        font-size: .65rem;
        font-weight: 300;
        line-height: 140%; /* 18.2px */
    }
    .SLID_right .item {
        width: 1rem;
        height: 1rem;
        right: .8rem;
    }
    .SLID_right .item svg {
        width: 80%;
        height: 80%;
    }
    
    .con_tc .con .cont_right>.item .item_f .input_t {
        font-size: .6rem;
    }
    .con_tc form .item2 .tit.required {
        font-size: .6rem;
    }
    .con_tc form .item2 label input {
        font-size: .6rem;
    }
    .con_tc .con .cont_right>.item {
        flex-wrap: wrap;
    }
    .con_tc form .item2 .tit {
        font-size: .6rem;
    }
    .con_tc form .item2 .mylabel {
        width: 100%;
    }
    .con_tc form .item2 .mylabel .multiselect {
        width: 100%;
    }
    .multiselect .option label {
        font-size: .6rem;
    }
    .multiselect .arrow {
        width: .6rem;
        height: .6rem;
    }
    .con_tc form .item2 label select {
        font-size: .6rem;
    }
    .con_tc form .f_btn .f_14 {
        font-size: .6rem;
    }
    .con_tc form button .text {
        font-size: .6rem;
    }
    .con_tc form button .ico {
        width: 1rem;
        height: 1rem;
    }
    .con_tc form button .ico svg {
        width: .75rem;
    }
    .con_tc form .item2 label textarea {
        font-size: .6rem;
    }
    .multiselect .selected-item {
        font-size: .6rem;
    }
    .pro9 .cont .swiper1 .swiper-slide .text {
        font-size: .75rem;
    }
    .swiper-area .swiper-wrapper {
        padding-left: 2px;
    }
    .pro_cont .banner_tabber div {
        flex-shrink: 0;
    }
    .news1 .contactus_cont .contactus .contactus_top .h1 {
        font-size: .6rem;
    }
    .news1 .contactus_cont .contactus .contactus_top .text {
        font-size: .6rem;
    }
    .news1 .contactus_cont .contactus .btn .ico {
        width: 1.4rem;
        height: 1.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .news1 .contactus_cont .contactus .btn .ico svg {
        width: .75rem;
    }
    .newsdetails1 .left .cont {
        font-size: .6rem;
    }
    .service1 .left .list .item .item_top {
        display: block;
        font-size: .6rem;
    }
    .service1 .left .list .item .item_cont .num_box {
        font-size: .6rem;
    }
    .service1 .left .list .item .item_cont .num_box .num {
        font-size: .6rem;
    }
    .service1 .left .list .item {
        padding-bottom: 2.6rem;
    }
    .service1 .left .list .item .item_top {
        height: 1.6rem;
        opacity: 1;
        line-height: 1.6rem;
        text-align: center;
    }
    .service2 .cont .left.on .left_tit {
        font-size: .6rem;
    }
    .service2 .cont .left .left_tit {
        font-size: .6rem;
    }
    .con_tc form .item2 .multiselect3 {
        width: 100%;
    }
    .con_tc form .f_btn label {
        font-size: .6rem;
    }
    .con_tc form .item2x .item2-label {
        width: 100%;
    }
    .ab7 .ab7_cont .cont .item .item_ct .logo {
        height: 1.4rem;
    }
    .swiper-list-title {
        display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
        -webkit-box-orient: vertical; /* 设置为垂直排列 */
        -webkit-line-clamp: 2; /* 限制显示两行 */
        overflow: hidden; /* 隐藏超出内容 */
        text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
    }
    .service3 .cont {
        display: flex;
        justify-content: center;
    }
    .service4 .cont .cont_right form .item2-fornew {
        margin-bottom: .3rem;
        flex-direction: column;
    }
    .service4 .cont .cont_right form .item2-fornew>label {
        /*margin-bottom: .3rem;*/
    }
    .service4 .cont .cont_right form .item2-fornew label select {
        margin-bottom: .6rem;
    }
    .service4 .cont .cont_right form .item {
        margin-bottom: .6rem;
    }
    .service4 .cont .cont_right .cont_tit {
        margin-bottom: .6rem;
    }
    .contactUs1 .map_cont .ads .ads_ico .am {
        pointer-events: none;
    }
    .contactUs1 .map_cont .ads .ads_ico .am2 {
        pointer-events: none;
    }
    .in1 .map_cont .ads .ads_ico .am {
        pointer-events: none;
    }
    .in1 .map_cont .ads .ads_ico .am2 {
        pointer-events: none;
    }
    .in2 .cont .bgimg {
        transform: translate(-50%,-50%) scale(1);
        left: 50%;
        top: 50%;
        width: 17.15rem;
    }
    .swiper_bottom .swiper-pagination  {
        margin-top: 1rem;
    }
    .ab6 {
        background: none;
    }
    .newsdetails1 .left .cont .bac img {
        width: .8rem;
    }
    .newsdetails1 .right .Share .Share_list .ico {
        margin-right: .2rem;
    }
    .news1 .contactus_cont .contactus .contactus_top .h1 {
        font-size: .8rem;
        margin-bottom: .6rem;
    }
    .news1 .contactus_cont .contactus .contactus_top .h2 {
        font-size: .6rem;
        margin-bottom: .5rem;
    }
    .news1 .contactus_cont .contactus .contactus_top .MOD_btn {
        height: 1.7rem;
        padding: 0 .7rem 0 .4rem;
    }
    .news1 .contactus_cont .contactus .btn .ico {
        width: 1.2rem;
        height: 1.2rem;
    }
    .service4 .cont .cont_right form .item2-fornew .select {
        margin-bottom: .6rem;
    }
    .service4 .cont .cont_right form .item2-fornew label select {
        margin-bottom: 0;
    }
    .con_tc form .item2 .mylabel {
        margin-bottom: .3rem;
    }
    .con_tc .con {
        max-height: 80vh;
    }
    .service2 .cont .left.on {
        width: 95%;
        margin-right: 0.2rem;
    }
    .service1 .left .list .item .item_cont .num_f {
        display: none;
    }
    .in1 .list .item .num_cont .num_f {
        font-size: .9rem;
    }
    
    .map_cont-box .ads_card .p1:nth-child(2) {
        display: none;
    }
    
    .ab3 .cont .right .right_list .item .item_cont {
        /*background: transparent;*/
        /*background: rgba(4,47,177,.2);*/
    }
    
    .ab3 .cont .right .right_list .item:hover .item_cont {
        /*background: transparent;*/
        /*background: rgba(4,47,177,.2);*/
    }
    .news1 .contactus_cont .contactus {
        background: rgba(0,0,0,.2);
    }
    .news1 .contactus_cont {
        height: 8rem;
    }
    .news1 .contactus_cont .contactus {
        padding: 1.5rem 1rem 1.12rem;
        background: rgba(0,0,0,.2);
    }
    
    .search_container .products2 form input{width: 200px;line-height: 30px;}
    .search_container .products2 form button{width: 90px;}
    .search_container .products2 form button img{width: 15px;margin-right: 4px;}
    .search_container .right .ht{font-size: 0.9rem;margin-bottom: 20px;}
    .products2 .cont .right .list .item .text .text_top .h1{line-height: 1.3;max-height: 2.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .products2 .cont .right .list .item .img{width: 6.95rem;height: 6.95rem;}
    .search_container .right .list_n .item .item_top{padding-bottom: 0.8rem;}
    .search_container .right .list_n .item .item_bot{padding-top: 0.8rem;}
    .search_container .right .list_n .item{padding: 0.6rem;width: 100%;}
    .search_container .right .list_n .item .item_top .h1{font-size: 0.8rem;margin-bottom: 12px;}
    .search_container .right .list_n .item .item_bot .h2{margin-bottom: 12px;}
    .search_container .right .list_d .item1{width: 48%;padding: 0.6rem;}
    .search_container .right .list_d .item1 .item_top .ico{width: 26px;margin-bottom: 0.8rem;}
    .search_container .right .list_d .item1 .item_bot .bot_left{font-size: 10px;}
    .products2 .cont .left .tit{padding: 0.6rem;}
    
    .rd6 .cont{display: none;}
    .rd6 .contm{display: flex!important;position:relative;overflow:hidden;padding-bottom:30px;}
    
     .rd6 .contm .swiper-pagination {
       bottom: 0;
    }
    .rd6 .contm .swiper-pagination .swiper-pagination-bullet {
        width: .6rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #86868B;
    }
    .rd6 .contm .swiper-pagination .swiper-pagination-bullet-active {
        width: 1.4rem;
        height: 2px;
        flex-shrink: 0;
        border-radius: .3rem;
        background: #193EAA;
    }
    
    .rd6 .cont .item:nth-child(2) .item_cont{opacity:0!important;}
    .rd6 .cont .item:nth-child(3) .bgimg{opacity:0!important;}
    .rd6 .cont .item:nth-child(4) .bgimg{opacity:1!important;}
    @keyframes ripple {
      0% {
        width: 100%;
        height: 100%;
        opacity: 1;
      }
      100% {
        width: 200%;
        height: 200%;
        opacity: 0;
      }
    }
    .swiper-aftersale-box{display: block;}
    .news1 .top .more ul{
         left: -25%;
    width: 150%;
    }
    .products2 .cont .right{width: 100%;}
    
    .noresult-desc li{padding-left: .8rem;}
    .noresult .MOD_btn{border-color:#333;margin-top:1rem;}
    /*.mh_nav .lag{display: flex;color:#000;align-items: center;font-size:.6rem;margin-top:18px;}*/
    /*.mh_nav .lag a{color: #000;margin-left:20px;}*/
    
    .mh_nav .m_bottom{display: flex;align-items: center;margin-top:30px;}
    
    .mh_nav .Newsletter{margin-top: 0;padding:0 18px;height:1.4rem;}
    .mh_nav .Newsletter .text{font-size: .6rem;}
    .mh_nav .Newsletter .ico{width: 0.75rem;}
    
    .mh_nav .lang {
      margin-left: 50px;
      display: flex;
      align-items: center;
      column-gap: 0.08rem;
      position: relative;
      height: 0.86rem;
      font-size: .6rem;
    }
    
    .mh_nav .lang ul{position: absolute;
        top: 100%;
        left: -0.05rem;
        width: fit-content;
        padding: 0.36rem 0.5rem;
        line-height: 1.8;
        background-color: #fff;
        display: none;
        white-space: nowrap;
        text-align: center;
        border-bottom-right-radius: 0.06rem;
        border-bottom-left-radius: 0.06rem;
    }
    
    .mh_nav .lang ul a{transition:all 0.5s;color:#333;line-height:1.8;margin-bottom:0.12rem;font-size: .6rem;}
    .mh_nav .lang ul a:hover{color:var(--viColor);}
    
    .mh_nav .lang .ico {
      width: 0.25rem;
      height: auto;
    }
    .mh_nav .lang .dwon {
      width: 0.28rem;
      height: auto;
    }
    .mh_nav .lang svg path {
        transition: all .4s ease;
        fill: #333;
    }
    
    .mh_nav .lang{color: #333;}
    
    .pro8 .swiper1 .swiper-slide .bal-handle{width: 1.6rem;}
    .pro8 .swiper1 .swiper-slide .bal-handle .svg_cont{width: 1.6rem;height: 1.6rem;}
    .pro8 .swiper1 .swiper-slide .bal-handle::after{height:calc(50% - 0.8rem);}
    .pro8 .swiper1 .swiper-slide .bal-handle::before{height:calc(50% - 0.8rem);}
    
    .index_banner .banner_cont .bgimg.pc{display: none;}
    .index_banner .banner_cont .bgimg.mb{display: block!important;}
    
    .pro4.four .list{padding-bottom: 0.8rem;}
    
/*.mh_nav .nav>li:nth-child(4) .nav1 {*/
/*  display: none !important;*/
/*}*/
/*移动端end*/
    /*.ab6 .cont .item:nth-child(5n - 3) {*/
    /*    width: 100%;*/
    /*    flex-direction: row;*/
    /*}*/
    /*.ab6 .cont .item:nth-child(5n - 3) .img {*/
    /*    height: 100%;*/
    /*}*/
}
@media screen and (max-width: 834px) {
    .m_header {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      /*background-color: transparent;*/
      padding: 10px 15px;
      z-index: 98;
      justify-content: space-between;
      transition: all 0.5s;
      z-index: 998;
      height: 2.6rem;
    }
    .pro2 {
        position: static;
        top: 0;
    }
    .m_header{transition: all 0.5s;}
    .m_header.hid{transform:translateY(-100%);}
}