/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3509487 */
  src: url('//at.alicdn.com/t/c/font_3509487_wm5gyp8jzel.woff2?t=1728017955285') format('woff2'),
       url('//at.alicdn.com/t/c/font_3509487_wm5gyp8jzel.woff?t=1728017955285') format('woff'),
       url('//at.alicdn.com/t/c/font_3509487_wm5gyp8jzel.ttf?t=1728017955285') format('truetype');
}
#sliding-popup{display:none !important}
.vlt-animated-block .fontt{font-size:3.8rem;z-index: 8;display: block;position: relative;}
.contact-map{padding:2%}
[data-anchor="Home"] .vlt-section__content{display:block;}
.sliding-popup{display: none;}
.saoys{padding: 7% 0 3%;font-weight: 400;text-align: center;font-size: 1rem;}
*{
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
body,*{font-family: 'yahei',"OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.swiper-slide .text,.slogin-fixed{font-weight: 700;font-family: "OPPOSans2_En_design-Heavy", "OPPOSans2_En_design-Regular", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;}
.swiper-slide .text{line-height: 1;font-style: oblique; font-variation-settings: 'wght'750;}
.point{font-size:10.5000pt;}
.vlt-fullpage-slider .vlt-section.active .vlt-section__projects-background img.is-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.conta_txt h6,.conta_txt a,.vlt-offcanvas-menu__copyright p,.vlt-footer-copyright p,
[contenteditable = "true"], input, textarea ,.vlt-navbar-inner,.vlt-navbar-inner--right,.vlt-navbar-inner--right.align-items-center,.vlt-navbar-contacts,.vlt-navbar-contacts a{
  moz-user-select: -moz-text;
  -moz-user-select: text;
  -o-user-select:text;
  -khtml-user-select:text;
  -webkit-user-select:text;
  -ms-user-select:text;
  user-select:text;}
.vlt-navbar-contacts{font-size:15px}
.flex{display: flex;flex-wrap: wrap;}
@media (min-width: 1200px){
    .about_s{width: 600px;padding: 0;}
    .con_home .offset-xl-2{margin-left: 0%;}
}
@media (min-width: 992px){
  .iconfont.iconweixin{display: none;}
  .mc_ft1_qrxl{display: block;position: relative;width: 200px;}
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inspection1{display: flex;    align-items: center;}
.inspection1 .row{width: 47%;}
.compression-tooling{text-align: initial;}
.compression-tooling b{font-size: 1.5rem;color: #fff;}
.compression-tooling p{margin: 0 0 0.875rem;}
.compression-tooling span{font-weight: 600;font-size: 1.1rem;}
.pro_part{display: flex;justify-content: space-between;padding-bottom:25px;}
.pro_bt{}
.pro_bt a{font-size: 18px;align-items: center;display: flex;    padding:10px 25px;border: solid 1px #fff; color:white;font-size: 16px;align-items: center;display: flex;border-radius: 99px;transition: 600ms;}
.pro_bt i{font-size:16px;}
.pro_bt a:hover{color: #cf000f;}
.vlt-is--single-product .vlt-main .vlt-product-hero-title{padding:0;display: flex;align-items: center;}
.xxx{position: relative;z-index: 999;    min-height: initial;  margin-bottom: 0; border: 0;  border-radius: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.vlt-default-menu__navigation .sf-menu{height: 70px;text-align: center;}
.xxx i{font-size: 5px;}
.mc_navbar_r{display: flex;justify-content: center}
/* .jinzhi{pointer-events:none} */
.more-{float:right;margin:-1rem 6rem 2rem;font-weight: 600;}
.icon-arrowdown:before{content: '\e698'}

@import url('https://fonts.googleapis.com/css?family=Poppins:900i');
.wrapper {
  display: flex;
  justify-content: center;
}
.tiaozhuan{overflow: visible !important;}
.cta {
    display: flex;
    padding: 3px 15px;
    text-decoration: none;
    font-size: 25px;
    letter-spacing: 0.03em;
    color: white;
    background: #2f56a4;
    transition: 1s;
    padding-top:0.8%;
    box-shadow: 6px 6px 0 black;
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
}

.cta:focus {
   outline: none; 
}

.cta:hover {
    transition: 0.5s;
    box-shadow: 10px 10px 0 #FBC638;
}

.cta span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.cta:hover  span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}
.cta span {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg); 
    color: white;
    width:6.5rem;
  }

  .cta span:nth-child(2) {
    width: 20px;
    margin-left: 2px;
    position: relative;
    top: -7%;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
}

.cta:hover path.three {
    -webkit-animation: color_anim 1s infinite 0.2s;
            animation: color_anim 1s infinite 0.2s;
}

.cta:hover path.one {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-animation: color_anim 1s infinite 0.6s;
            animation: color_anim 1s infinite 0.6s;
}

.cta:hover path.two {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-animation: color_anim 1s infinite 0.4s;
            animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@-webkit-keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #FBC638;
    }
    100% {
        fill: white;
    }
}



.rela{position: relative;}
.car-image {
  width: 100%;
  display: block;
}
.label1 {
  position: absolute;
  /* background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  padding: 5px 10px;
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center; */
}
/* .label1::after {
  content: '>';
  margin-left: 10px;
  color: blue;
}
.label1.solution::after {
  content: '解决方案 >';
  margin-left: 10px;
  color: blue;
}
.label1::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: blue;
  border-radius: 50%;
  margin-right: 10px;
} */
/* .mc_850{width: 850px;} */
.label1 .mc_a1t_title{margin-left: 2em;margin-right: 2em;}
.label1 .mc_a1t_dian,.label1 .mc_a1t_dian:before,.label1 .mc_a1t_dian:after{cursor: pointer;}
.label11 {top: 20%;left: 41%;}
.label12 {top: 17%;left: 53%;}
.label13 {top: 10%;left: 83%;}
.label14 {top: 31%;left: 40%;}
.label15 {top: 24%;left: 79%;}
.label16 {top: 77%;left: 31%;}
.label17 {top: 67%;left: 22%;}
.label18 {top: 51%;left: 63%;}
.label121 {top: 34.5%;left: 63%;}
.label1b1{top: 33%;left: 38%;}
.label1b2{top: 18%;left: 38%;}

.juzhong .mc_d2s1_title{text-align: center;}
.juzhong .mc_d2s1_txt,.juzhong .mc_d2s1_videobox{margin-left: auto;margin-right: auto;text-align: initial;font-size: 16px;}

.mc_d3s1,.mc_d3s2{background: #f7f8fa;}
.mc_d3s1{padding-top: 100px;}
.mc_d3s1_list{display: flex;flex-wrap: wrap;}
.PPbx0 span{margin: 0;padding: 0;float: left;display: flex;align-items: center;font-size: 14px;}
.PPbx0 span img{margin: 0;}

.jrwm{background: #fafafa;}
.sidebar {
  width: 200px;
  background-color: #fff;
  /* padding: 20px; */
  /* box-shadow: 2px 0 5px rgba(0,0,0,0.1); */
  box-sizing: border-box;
  margin-right: 20px;height: fit-content;
}
.sidebar p {
  display: block;
  width: 100%;
  padding: 10px;
  /* margin: 10px 0; */
  border: none;
  color: #333;
  /* background: #f0f0f0; */
  cursor: pointer;
  /* border-radius: 5px; */
  transition: all 0.3s;
  border-bottom: 1px solid #e8e8e8;
  text-align: center !important;
  font-weight: 700;
  font-size: 1rem;
}
.sidebar p:hover {
  color: #0056b3;
}
.sidebar p.active {
  background-color: #0056b3;color: #fff;
}

.-ckiC {    margin-top: 30px}
.-ckiC .hBudz {background: #fff;box-shadow: 0 2px 12.09px .91px hsla(0,0%,60%,.17);    margin-bottom: 20px}
.-ckiC .hBudz ._9qy5S {display: flex;align-items: center;justify-content: space-between;    padding: 15px 30px 20px}
.-ckiC .hBudz ._9qy5S .VlWC7 {color: #333;
    font-size: 18px;font-weight: 700;    margin-bottom: 20px}
.-ckiC .hBudz ._9qy5S .PPbx0 {    font-size: 12px}
.-ckiC .hBudz ._9qy5S .PPbx0 .anticon {margin-right: 10px;    font-size: 16px}
.-ckiC .hBudz ._9qy5S .PPbx0 .custom-icon img {margin-right: 10px;    width: 18px}
.-ckiC .hBudz ._9qy5S .PPbx0 .custom-icon.positon img {vertical-align: middle;    margin-top: 0px}
.-ckiC .hBudz ._9qy5S .PPbx0>span:not(:last-child):after {content: "";display: inline-block;width: 1px;height: 12px;background: #999;vertical-align: middle;    margin: 2px 10px 0}
.-ckiC .hBudz ._9qy5S:hover {cursor: pointer;    background-color: RGBA(0,86,179,.1)}
.-ckiC .hBudz ._0JwRS {max-height: 0;overflow: hidden;    transition: all .5s}
.-ckiC .hBudz ._0JwRS::-webkit-scrollbar-thumb {    background-color: transparent}
.-ckiC .hBudz ._0JwRS .yU3kW {border-top: 1px solid #0056b3;    padding: 0 30px 30px}
.-ckiC .hBudz ._0JwRS .yU3kW .ApWLd {color: #000;font-size: 18px;font-weight: 700;    margin-bottom: 20px}
.-ckiC .hBudz ._0JwRS .yU3kW .-GKVc {color: #333;    margin-bottom: 25px}
.-ckiC .hBudz ._0JwRS .yU3kW .-GKVc h5 {color: #0056b3;font-size: 16px; margin-top:26.5px;   margin-bottom: 10px;font-weight: 600;}
.-ckiC .hBudz ._0JwRS .yU3kW .-GKVc pre,.-ckiC .hBudz ._0JwRS .yU3kW .-GKVc .pre {font-size: 14px;color: #141414;line-height: 30px;font-weight: 400;white-space: pre-line;    word-break: break-all}
.-ckiC .hBudz ._0JwRS .yU3kW .Fxkwh {padding-top: 20px;font-size: 14px;color: hsla(0,0%,54.9%,.8);font-weight: 400;    margin-bottom: 10px}
.-ckiC .hBudz ._0JwRS .yU3kW .Fxkwh span.TJNQF {color: #ffa42e;    font-weight: 500}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv {display: flex;    align-items: center}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv .Ui3lt {    margin-right: 10px;    color: #fff;background-color: #0056b3;box-shadow: 0 2px 0 rgba(0,86,179, 0.06);font-size: 14px;padding: 4px 15px;border-radius: 6px;}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv .Ui3lt span:nth-child(2){margin-left: 8px;}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv .i9o\+6 .anticon {    color: #ffa42e}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv .TOPLL {flex: 1;    text-align: right}
.-ckiC .hBudz ._0JwRS .yU3kW .vtlZv .TOPLL .anticon.anticon-right {    margin-left: 2px!important}
.-ckiC .hBudz ._0JwRS.SoD2i {max-height: 1000px;    overflow: auto}
.-ckiC .hBudz ._0JwRS.KYbs {max-height: 0;overflow: hidden}

/* .bufen .mc_g1li_top,.bufen .mc_g1li_top p{font-size:28px} */
.xtk .mc_a1t_xl {
  position: relative;white-space: break-spaces;
  /* left: calc(42 / 653 * 100%); */
}

/* 伪元素创建点、斜线 */
.xtk .mc_a1t_li .dot{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px !important;
  height: 10px;
  background-color: #ffffffbd;
  border-radius: 50%;
  scale: 0;display: none;
}

.xtk .mc_a1t_li .line {
  content: '';
  position: absolute;
  top: 6px;
  left: 9px;
  width: 0;
  height: 2px;
  background-color: #ffffffbd;
  /* transform: rotate(45deg); 将线条旋转45度，形成斜线 */
  transform-origin: 0 0;display: none;
}
.xtk .mc_a1t_li .mc_a1t_title{position: absolute;
  top: 10px;
  left: 29px;
  padding: 10px;
  width: 100%;
  /* width: 350px;max-width: 100%; */
  text-align: initial;line-height: 2;
  background: rgba(0, 0, 0, 0.44);
  color: #ffffffdb;
  border: 1px solid #ffffffbd;
  border-radius: 5px;
  opacity: 0;
}

.xtk .mc_a1t_li.in-viewport .dot{
  scale: 1;
  transition: scale .4s linear;
}
.xtk .mc_a1t_li.in-viewport .mc_a1t_xl::before{width: 0;display: none;}
.xtk .mc_a1t_li.in-viewport .mc_a1t_xl::after{width: 0;display: none;}

.xtk .mc_a1t_li.in-viewport .line {
  width: 26%;
  transition: width .4s .7s linear, transform .4s .7s linear;
}
.xtk .mc_a1t_li.in-viewport .mc_a1t_title{position: absolute;
  opacity: 1;
  /* transition: opacity .4s 1.2s linear; */
  transition: opacity .4s linear;
}
/* .xtk  */
.xtk{display: flex;flex-wrap: wrap;}
.xtk_{position: relative;width: 48%;margin: 1% 1% 3%;}
.xtk .xwb p,.xtk .xwb h3{text-align: center;font-variation-settings:'wght'750}
.xtk h3{color: rgb(29, 29, 31);line-height: 2;font-family: 'yaheibold';}
.xtk .xwb h3{font-size: 20px;}
.xtk .xwb p{font-size: 18px;color: rgb(29, 29, 31);}
.xtk .xtk_:nth-child(even) .mc_a1t_li.in-viewport .dot{transition:scale .4s .4s linear;}
.xtk .xtk_:nth-child(even) .mc_a1t_li.in-viewport .line{transition: width .4s 1.1s linear, transform .4s 1.1s linear;}
.xtk .xtk_:nth-child(even) .mc_a1t_li.in-viewport .mc_a1t_title{transition: opacity .4s .4s linear;}
.xtk .label18.mc_a1t_li.in-viewport .line{top: 3px;left: 3px;}
/* transform: rotate(-135deg); */
/* .xtk .label18.mc_a1t_li.in-viewport .mc_a1t_title{    top: -290%;left: -137%;} */
.mc_a1t_li.in-viewport{width: 54%;}
.xtk {
  display: flex;
  flex-wrap: wrap;
}

.xtk_ {
  position: relative;
  width: 48%;
  margin: 1% 1% 3%;
}

.xtk .xtk_:nth-child(even) .mc_a1t_li.in-viewport .mc_a1t_title {
  transition: opacity 0.4s 1.6s linear;
}

.xtk .label18.mc_a1t_li.in-viewport .line {
  top: 3px;
  left: 3px;
}

/* .xtk .label18.mc_a1t_li.in-viewport .mc_a1t_title {
  top: -290%;
  left: -137%;
} */

.xtk .mc_a1t_li .dot {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px !important;
  height: 10px;
  background-color: #ffffffbd;
  border-radius: 50%;
  scale: 0;
}

.xtk .mc_a1t_li .line {
  content: '';
  position: absolute;
  top: 6px;
  left: 9px;
  width: 0;
  height: 2px;
  background-color: #ffffffbd;
  transform-origin: 0 0;
}

.xtk .mc_a1t_li .mc_a1t_title {
  position: absolute;
  top: 10px;
  left: 29px;
  padding: 10px;
  width: 100%;
  text-align: initial;
  line-height: 2;
  background: rgba(0, 0, 0, 0.44);
  color: #ffffffdb;
  border: 1px solid #ffffffbd;
  border-radius: 5px;
  opacity: 0;
}

.xtk .mc_a1t_li.in-viewport .dot {
  scale: 1;
  transition: scale 0.4s linear;
}

.xtk .mc_a1t_li.in-viewport .line {
  width: 26%;
  transition: width 0.4s 0.7s linear, transform 0.4s 0.7s linear;
}

.xtk .mc_a1t_li.in-viewport .mc_a1t_title {
  opacity: 1;
  transition: opacity 0.4s 1.2s linear;    display: block;
  top: 50%;
  left: 50%;transform: translate(-50% , -50%);
}

.label19{top: 30%;left: 34%;}
.label10{top: 30%;left: 7%;}
.xtk .label1{top: 50%;transform: translate(0, -50%);left: 30%;}
@keyframes showDot {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

@keyframes growLine {
  from { width: 0; }
  to { width: 75px; }
}

@keyframes showText {
  from { opacity: 0; }
  to { opacity: 1; }
}

.cnxt .mc_nc1s1_li{width: 20%;}
.mc_nc1s1_list:hover .mc_nc1s1_li {width: 15%;}
.mc_nc1s1_list .mc_nc1s1_li:hover {width: 40%;}
.content {
  flex: 1;    position: relative;
  transition: opacity 0.3s;
  /* padding: 20px; */
  box-sizing: border-box;
  overflow-y: auto;
  /* position: relative; */
  background: #fff;
}
.content .content-item {
  display: none;
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
  transform: translateY(20px);
  /* position: absolute; */
  width: 100%;
}
.content .active {
  display: block;
  opacity: 1;padding: 30px;
  transform: translateY(0);
}
.content .active h2{display: none;}

.mc_j2s1_list:after{position: absolute;width: 100%;height: 100%;content: '';top: 0;left: 0;background: #2f56a4;opacity: 0.5;}

.mc_ny{font-size: 16px;background: #fff;}
.mc_contny{}
.mc_contny img{width: 70%;}
.mc_ny *{line-height: 30px;}
.kong1{padding-left: 1em;}
.kong2{padding-left: 3em;}
.mc_cont950 *{line-height: 1.75;margin-bottom: 1em;}
.mc_cont950 a{margin-bottom: auto;color: #0028aa;}
.mc_cont950 img{width: 70%;}
.mc_nd1_li .mc1_b1s3{display: none;}
.fctx{margin-top: 2.5em;margin-bottom: 1.25em;line-height: 1.2;font-weight: 600;}
.fctx span{font-variation-settings:'wght'400;font-weight: 400;}
/* .newsny .mc_pc_hd{height: 70px;} */
@media (max-width: 600px) {
  .sidebar {
      width: 100px;
      padding: 10px;
  }
  .sidebar a {
      padding: 5px;
      margin: 5px 0;
  }
  .xtk_{width: 98%;}
  .xtk .label1{top: 35%;width: 86%;left: 2%;}
  .xtk .mc_a1t_li .mc_a1t_title{line-height: 1.5;}
}
@media (max-width: 359px) {.xtk .label{    top: 38%;
  width: 70%;
  left: 16%;}

}
a{display: inline-block;}
.jarallax-img{height: 100%;}
.whitebg h3{color: #1d1d1f;z-index: 2;text-align: center;padding: 15px;}
.whitebg{padding: max(3rem,3%) 0;}
/* .ma_b1s1{    padding-top: 130px;} */
.vlt-main .whitebg p{color: #333;}
/* .vlt-main.page{color: #333;}
.vlt-main.page h3{color: #1d1d1f;} */
.whitebg .container{max-width: 1600px;width: 80%;}
.submenu_show .bg_hover{ display:block !important;border-top: 1px solid #e5e5e5; width: 100%; height: 75%; background:#fff; z-index: 1; position: absolute; top: 70px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}
.submenu_show .vlt-navbar-inner--center{color: #666;}
.solutions .col-md-4{position: relative;padding: 1px;display: flex;}
.solutions .col-md-4 a,.solutions .col-md-4 img{width: 100%;}
.solutions .col-md-4 h4{position: absolute;bottom: 0;z-index: 2;padding: 15px;width: 100%;text-align: center;font-size: 1.35rem;font-weight: 600;}
.solutions .col-md-4::before,.solutions .col-md-4::after{content: '';display: block;position: absolute;top: 1px;left: 1px;bottom: 1px;right: 1px;pointer-events: none;}
.solutions .col-md-4::before{background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));transition: .3s;z-index: 1;top: 1px;left: 1px;bottom: 1px;right: 1px;}
.solutions .col-md-4::after{transition: .3s;background: linear-gradient(to top, rgba(230, 33, 41, 1), rgba(230, 33, 41, 0));opacity: 0;z-index: 0;}
.solutions .col-md-4:hover::after{opacity: 1;}
.solutions .col-md-4:hover::before{opacity: 0;}
.newslist{display: flex;flex-wrap: wrap;}
.newslist_img{width: 100%;max-height: 320px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.newslist_text h3{text-align: start;padding: 0;}
.newslist .mc_list_imgbox{overflow: hidden;}
.conta_txt h3{line-height: 1.3;}
.conta_txt p{color: #666;text-transform: none;margin:5% 0 0 0;font-size:1rem;line-height: 1.8;}
.sy-title{margin-bottom: 20px;}
.flex-.container{display: flex;position: relative;flex-direction: column;width: 100% !important;max-width: 100% !important;}
/* [data-anchor="Blog"] .flex-.container{padding: 0 100px;} */
[data-anchor="Blog"] .news{border-top: 1px solid #e5e5e5;}
.container {
  display: flex;
  flex-direction: column;
}

.categories {
  width: 20%;
  padding: 20px;
  border: 1px solid #ccc;
}

.categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories li {
  margin-bottom: 10px;
  cursor: pointer;
}

.categories li.active {
  background-color: #f0f0f0;
}

.products {
  width: 80%;
  padding: 20px;
  border: 1px solid #ccc;
}

.products-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  display: none; /* Hide all products lists initially */
}

.products-list.active {
  display: grid; /* Show the active products list */
}

/* Responsive styles */

@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .categories {
    width: 100%;
    margin-bottom: 20px;
  }

  .products {
    width: 100%;
  }

  .products-list {
    grid-template-columns: 1fr;
  }
}






.mc_pos_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@keyframes a_bg_hover_show {
	0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
	100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
	0%{ -webkit-transform:scale(1,1); opacity: 1;}
	100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}
.down input, .down select, .down textarea{color:#000;border-bottom: 1px solid rgb(0 0 0 / 40%);}
.down input::-webkit-input-placeholder,.down textarea::-webkit-input-placeholder{color:#000}
.down form{width: 100%;}
.down .vlt-btn--primary:hover{background-color: #cf000f;}
@media (min-width: 768px){
  .down{width: 32%;}
}
.swiper-pro .col-xl-3{padding: 0;}
.swi_btn i{font-size: 54px;}
.sanse .col-xl-6 p{color: #ccc;}
.vlt-fixed-socials .iconfont{color: #fff;font-size: 21px;}
.vlt-fixed-socials .i2{font-size: 25px;}
.vlt-fixed-socials .iconfont:hover{color: #2f56a4;transition: .3s;}
.red{color:#2f56a4;}
.cools{letter-spacing: 0.1rem;}
/* .coolss{font-weight:400 !important} */
.dax{text-transform: uppercase;letter-spacing: 0.03em;}
.vlt-post--masonry .vlt-post-media::before{position: relative;}
.vlt-post--masonry:hover .vlt-post-media img{transition: all .3s;opacity: 0.01;}
.vlt-post--masonry:hover .vlt-post--masonry .vlt-post-media::before{position: relative;}
.none{display: none;transition: .9s;}
.vlt-post--masonry .vlt-post-content{background-color: rgba(22,22,22,.5);width: 320px;height: 522.17px;}
.vlt-post--masonry .vlt-post-media:active{background: #eee;display: none;transition: .7s;}
.font{text-transform: uppercase;}
.home_{display: -webkit-box;}
.vlt-navbar .vlt-navbar-logo img{width: auto !important;height: 60px;padding: 3%;}
.erji{position: absolute;  left: 0px;  top: 100%;  background: #0000;  padding: 15px;  white-space: nowrap;  display: none;  z-index: 2000;width: 100%;justify-content: center;align-items: center;height: 80%;}
.erji{position: fixed;top: 70px;width: 100%;height: auto;padding: 0;}
/* .erji div{display: inline-block;  padding: 15px;  line-height: 26px;  font-size: 15px;  color: #666;  margin: 7px;  border-radius: 50px;position: relative;} */
.erji div{display: inline-block;padding: 15px 0;line-height: 26px;font-size: 15px;color: #666;margin: 0 22px;border-radius: 50px;position: relative;min-height: 100%;}
.erji div:hover a{    color: #2f56a4;}
.erji a{transition:0}
.vlt-navbar-logo img:nth-child(2){display: block;}
.vlt-navbar-logo img:nth-child(1){display: none;}

.vlt-navbar--solid .vlt-navbar-logo img:nth-child(1){display: block;}
.vlt-navbar--solid .vlt-navbar-logo img:nth-child(2){display: none;}

.vlt-default-menu__navigation .sf-menu>li{position: relative;}
.vlt-default-menu__navigation .sf-menu>li:hover::before,.erji div:hover::before{width: 100%;}

.con_home{max-width: 1400px;}
.vlt-animated-block .home_txt p{font-size: 40px;color: white;line-height: 1.2;}
.home_img{width: 80%;float: right;}
.home_txt span{display: block;color: #2f56a4;}
.news .swiper-slide{display:flex}
.about_s h3 span{color: #2f56a4;}
.about_{display: flex;}
.about_ b{    font-size: 119px;  float: right;    display: flex; font-weight: 400;   flex-direction: row-reverse;}
.about_ span{display: flex;    flex-direction: column;    font-size: 45px;padding: 0 0 0 5%;line-height:0.98;}
.about_ i{font-size: 70.5px;margin: 0 0 0 -13%;}
.about{    display: flex;    flex-wrap: wrap;border: 1px solid rgba(255,255,255,.4);    border-left: none;padding: 12% 6% 12% 0}
.about>div{width: 50%;padding: 5% 0;}
.about .ab:hover,.about>div .about_:hover{color: #2f56a4 !important;transform: scale(1.08);transition: .7s;}
.about .ab,.about>div .about_{transition: .6s;}
.vlt-timeline-item .row img{max-width: 130px;max-height: 130px;height: auto;width: auto;}
.jiai p{color:#fff}
.jiai h5{font-weight:700;line-height:1.4}
.vlt-testimonials-anchor{text-align:center;}
.vlt-testimonial__meta{margin-bottom:-5px}
.vlt-navbar-inner--left{z-index: 2;}
.partner .list-block /deep/ .swiper-wrapper{             transition-timing-function:linear !important;}

.arrow {
  height: 0;
  width: 0;
  margin: 2em 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  -webkit-transition: border 150ms ease-in-out, -webkit-transform 300ms ease-in;
  transition: border 150ms ease-in-out, -webkit-transform 300ms ease-in;
  transition: border 150ms ease-in-out, transform 300ms ease-in;
  transition: border 150ms ease-in-out, transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
.arrowright{-webkit-animation: bounces 1.75s infinite;  animation: bounces 1.75s infinite;border-left: 20px solid gray;}
.arrowleft{border-right: 20px solid gray;-webkit-animation: bounce 1.75s infinite;  animation: bounce 1.75s infinite;}
.arrow:hover,
.arrow:focus {
  -webkit-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}
.arrowright:hover,.arroleft:focus {
  border-left: 20px solid white;
}
.arrowleft:hover,.arroleft:focus {
  border-right: 20px solid white;
}

/* 列表图片 */
.mc_list_imgbox {
  position: relative;
  overflow: visible;
}

.mc_list_png {
  width: 100%;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.mc_list_img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

@-webkit-keyframes bounce {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  10% {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  30% {
      -webkit-transform: translateX(-25%);
      transform: translateX(-25%);
  }
  40% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(-10%);
      transform: translateX(-10%);
  }
  60% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  70% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  80% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}
@keyframes bounce {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  10% {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  30% {
      -webkit-transform: translateX(-25%);
      transform: translateX(-25%);
  }
  40% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(-10%);
      transform: translateX(-10%);
  }
  60% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  70% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  80% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}


@-webkit-keyframes bounces {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  10% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
  }
  20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  30% {
      -webkit-transform: translateX(25%);
      transform: translateX(25%);
  }
  40% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
  60% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  70% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  80% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}
@keyframes bounces {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  10% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
  }
  20% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  30% {
      -webkit-transform: translateX(25%);
      transform: translateX(25%);
  }
  40% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(10%);
      transform: translateX(10%);
  }
  60% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  70% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  80% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
}
.vlt-progress-bar__title{font-size: 12.5rem;}
/* [data-anchor=Contact] p{font-size: 0.96rem;  color: #fff; letter-spacing: 0.05em;} */
[data-anchor="About"] h3{text-transform: none;}
.conta_txt{padding: 5% 15px;}
.conta_txt h5,.conta_txt h6{
  /* font-weight: 400; */
  line-height: 1.3;}
.conta_txt h5{margin:0 0 3%;font-size:1.2rem;color: #333;transition: all .6s 0s linear;font-variation-settings: 'wght'750;font-family: 'yaheibold';}
h3{font-family: 'yaheibold';font-weight:600}
.conta_txt h6{color: #c3c3c3;text-transform: none;margin:6% 0 0 0;font-size:1rem;}
.con .vlt-post--masonry .vlt-post-border span{color:#A80532;background:#A80532}
.con .vlt-post--masonry .vlt-post-border .xhx{border-bottom: 2px solid rgba(255, 255, 255, .4);  width: 130px;  display: -moz-inline-box;  display: inline-block;background-color: rgba(255, 255, 255, .4);}
.contact{display: flex;    flex-wrap: wrap;  align-content: center;}
.svg_{width: 60px;height: 40px;padding: 3%;}
/* .cn-,.us-,.in-,.me-,.eu-,.sk-{width: 60px;  height: 44px;  display: inline-block;  vertical-align: middle;}
.cn-{background: url(../img/flag.png);}
.us-{background: url(../img/flag.png) -60px;}
.in-{background: url(../img/flag.png) -120px;}
.me-{background: url(../img/flag.png) -180px;}
.eu-{background: url(../img/flag.png) -240px;}
.sk-{background: url(../img/flag.png) -300px;} */

.modal-wrapper-{    position: absolute;width: 300px;background: #fff;padding: 15px;right: 100%;top: 0;z-index: 999;border-radius: 15px;}
.modal-wrapper{display: flex;align-items: center;}
.modal-wrapper img{width: 52%;padding: 3%;}
.modal-wrapper h2{color: #000;margin-bottom: 5%;letter-spacing:0.01em;font-weight: 600;font-family: 'yaheibold';text-align: initial;}
.modal-wrapper>div{text-align: center;}
.modal-wrapper p{    color: #000 !important;  font-size: 1rem;  line-height: 130%;  letter-spacing: 0.08rem;text-align: initial;}

.vlt-fullpage-slider-{height: 100vh;}
.vlt-fullpage-slider- .vlt-section__ken-burn-background{    position: absolute;  z-index: -1;  top: 0;  left: 0;  overflow: hidden;  width: 100%;  height: 100%;  pointer-events: none;}
[data-anchor="Home"] .vlt-section__ken-burn-background,[data-anchor="Home"] .vlt-section__content{position: relative;}
.vlt-section__ken-burn-background{position: absolute;width: 100%;height: 100%;overflow: hidden;}
@media (max-width: 1300px){
  .vlt-section__ken-burn-background{position: absolute;width: max-content;height: 100%;overflow: hidden;}
  .vlt-section__ken-burn-background .video{width: fit-content !important;}}
.vlt-section__ken-burn-background img{height: 100%;width: 100%;object-fit: cover;}
.vlt-section__content{
  /* min-height: 100vh; */
  position: relative;display: flex;align-items: center;justify-content: center;height: 100%;padding: 3.5rem 0;}
[data-anchor="Home"] .vlt-section__content{padding: 0;}
.vlt-section .vlt-section__projects-background {  position: absolute;  z-index: -1;  top: 0;  left: 0;  overflow: hidden;  width: 100%;  height: 100%;  pointer-events: none}

.vlt-section .vlt-section__projects-background img {  position: absolute;top: 0;  left: 0;  width: 100%;  height: 100%;  -webkit-transition: opacity 1.5s,-webkit-transform 2.5s;
  transition: opacity 1.5s,-webkit-transform 2.5s;  transition: transform 2.5s,opacity 1.5s;  transition: transform 2.5s,opacity 1.5s,-webkit-transform 2.5s;  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);  transform: scale(1.15);  opacity: 0;  -o-object-fit: cover;  object-fit: cover;  will-change: transform,opacity}
.vlt-section .vlt-section__projects-background img.is-active {    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    opacity: 1;}
.pp-scrollable{overflow: hidden;}
.vlt-fullpage-slider-progress-bar{display: none;}
.vlt-navbar-inner--center.hid,.vlt-navbar-inner.hid{background: #fff;z-index: 1;color: #666;}
.vlt-navbar-inner--center{display: block;transition: 0.2s ease-out;}
[data-anchor="Home"] .vlt-section__ken-burn-background{position: relative;width: 100vw;height: 95vh;}
/* [data-anchor="Home"] .vlt-section__ken-burn-background:before{position: absolute;width: 100%;height: 100%;content: '';top: 0;left: 0;background: #000;opacity: .5;} */
.vlt-timeline-item__title span{display:none}
.sanse-logo{position: absolute;top: -4%;left: 35%;max-width: 28%;z-index: 2;}
.vlt-main.article h2,.vlt-main.article h3,.vlt-main.article h4{color: #333;font-weight: 600;}
.newslist .mc_list_imgbox img{aspect-ratio: 425 /249;}
@media (max-width: 1500px){
.vlt-slider-controls--style-2 .vlt-swiper-button-next, .vlt-slider-controls--style-2 .vlt-swiper-button-prev {display: initial;}
.vlt-slider-controls--style-2 .vlt-swiper-button-next{right: -2.5rem;}
.vlt-slider-controls--style-2 .vlt-swiper-button-prev{left: -2.5rem;}
}

.vlt-section{z-index: 0;}
[data-anchor=Cases]{z-index: 8;}


/* html {
  overflow: hidden;
} */

/* [data-modal="demoModal3"]:hover ~ #demoModal3 {
  _active;
} */

.modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;

  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 10px;
  transition: 0.6s linear;
}
#demoModal0,#demoModal1,#demoModal2,#demoModal3,#demoModal4,#demoModal5{transition: 0.05s linear}
#demoModal0 .modal-content,#demoModal1 .modal-content,#demoModal2 .modal-content,#demoModal3 .modal-content,#demoModal4 .modal-content,#demoModal5 .modal-content{transition: 0.05s cubic-bezier(0.34, 1.56, 0.64, 1)}
#demoModal0._active,#demoModal1._active,#demoModal2._active,#demoModal3._active,#demoModal4._active,#demoModal5._active{transition: 0.2s cubic-bezier(0, 0.92, 1, 1)}
#demoModal0._active .modal-content,#demoModal1._active .modal-content,#demoModal2._active .modal-content,#demoModal3._active .modal-content,#demoModal4._active .modal-content,#demoModal5._active .modal-content{transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}
.modal._active,[data-modal="demoModal3"]:hover + #demoModal3  {
  visibility: visible;
}


.modal._active .modal-content, [data-modal="demoModal3"]:hover + #demoModal3 .modal-content{
  opacity: 1;
  transform: scale(1);
}

.modal-body {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-close:hover {
  color: #f00;
}
.modal-open{transition:.1s}
.modal-open:hover {
  color: #fff;
}
.modal-content {
  position: relative;
  max-width: 106em;
  padding: 3em 2em;
  margin: 3em 0;
  background-color: #fff;
  border-radius: 1em;
  opacity: 0;
  transform: scale(0.5);
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal-close {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  font-size: 2em;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  visibility: hidden;
  transition: 0.4s ease-in-out;
}

.modal-overlay._active {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: visible;
}

.vlt-navbar-contacts a:hover{color: #cf000f;}


        img {
            display: block;
            max-width: 100%;
            margin: auto;
        }

        .wrapper {
            overflow: hidden;
        }

        .section {
            position: relative;
            width: 5vw;
            height: 5vh;
            overflow: hidden;
        }

            .section a {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 5;
                display: inline-block;
                padding: 2rem;
                transform: translate(-50%, -50%);
                font-size: 4rem;
                text-decoration: none;
                color: #fff;
                text-align: center;
                border-bottom: 3px solid #fff;
                white-space: nowrap;
                transition: 0.4s ease-in-out;
            }

                .section a:hover {
                    background-color: #fff;
                    color: #333;
                }

            .section::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .section img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                animation: bg 12s ease-in-out infinite alternate;
            }
        @media screen and (max-width: 78.6rem) {
            .section a {
                font-size: 3.5rem;
            }
        }

        @media screen and (max-width: 57.6rem) {
            .section a {
                font-size: 2.5rem;
                padding: 1.5rem;
            }
        }

        @media screen and (max-width: 36rem) {
            .section a {
                font-size: 1.8rem;
                padding: 1rem;
            }
        }

        @keyframes bg {
            from {
                transform: scale(1.3);
            }

            to {
                transform: scale(1);
            }
        }

        .modal-wrapper > * {
            margin: 0 0 2rem 0;
        }

            .modal-wrapper > *:last-child {
                margin: 0;
            }

        .modal-wrapper h2 {
            font-size: 2.4rem;
        }


.intl-tel-input .country-list{background: #eee;}
.pp-scroller{overflow-y: hidden;}
p:last-of-type{text-align:start;}
.vlt-section__content .col-xl-3{text-align: center;}
.vlt-timeline-item .row{display: flex;  align-items: center;}
.vlt-timeline-item .img_{display: flex;justify-content: center;}
.vlt-timeline-item .img_ img{margin: 0;}
.vlt-product-hero-title .ani-image{position: absolute;width: 100%;height: 100%;}
.ani-image {
	overflow: hidden;
	position: relative;
	/* top: 0; */
	/* left: 0; */
  /* position: absolute; width: 100%;height: 100%; */
}

.ani-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 34% center;
}

.ani-image img:last-child {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-animation: breathImg 10s ease-in-out both infinite;
	-moz-animation: breathImg 10s ease-in-out both infinite;
	-ms-animation: breathImg 10s ease-in-out both infinite;
	animation: breathImg 10s ease-in-out both infinite;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
}
@-webkit-keyframes breathImg {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	48% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	52% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes breathImg {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	48% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	52% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
.ani-slideUp {
	-webkit-animation: aniSlideUp 1s ease-in-out both;
	-moz-animation: aniSlideUp 1s ease-in-out both;
	-ms-animation: aniSlideUp 1s ease-in-out both;
	animation: aniSlideUp 1s ease-in-out both;
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	animation-delay: .3s;
}
@-webkit-keyframes aniSlideUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		opacity: 0;
		visibility: visible;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}
@keyframes aniSlideUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
		opacity: 0;
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}


.slogin-scroll {padding: 0 30%;}
.swiper-banner {height: 115px;}
.slogin .swiper-slide {height: 115px;text-align: center;}
.swiper-slide .text {transition-duration: .3s;opacity: 0;font-size: 90px;line-height: 1.25;color: #fff;letter-spacing: 0.05em;}
.swiper-slide-duplicate-active .text,.swiper-slide-active .text {transform: translateX(0);opacity: 1;}
.slogin-fixed {font-size: 30px;color: #fff;text-align: center;margin-top: 5px;letter-spacing: 0.1em;position: relative;}

  

/* .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
} */

*html .clearfix {
  height: 1%;
}


.map-service {
  width: 748px;
  position: relative;
  height: 760px;
  background: transparent;
}

.map-service-right {  padding-top: 60px;}
.sanse .offset-xl-2{margin: 0;padding: 0;  margin-left: -6%;}
.sanse .row{align-items: center;}
.china-map {
  /* width: 748px; */
  /* height: 618px; */
  /* background: url(../img/map.png) center no-repeat; */
  position: relative;margin: auto;width: fit-content;
}

.region-list {
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-partner .swiper-slide img{width: 75%;}
.swiper-partner .swiper-wrapper{    -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}
@-webkit-keyframes warn {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      opacity: 1;
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

@-moz-keyframes warn {
  0% {
      -moz-transform: scale(0);
      transform: scale(0);
      opacity: 1;
  }

  100% {
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

@-o-keyframes warn {
  0% {
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 1;
  }

  100% {
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

@keyframes warn {
  0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 1;
  }

  100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      opacity: 0;
  }
}

.area-box .dot {
  display: block !important;
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #a2a9b4;
  opacity: 1;
  filter: alpha(opacity=100);
}

.area-box .pulse {
  position: absolute;
  top: -28px;
  left: -28px;
  height: 66px;
  width: 66px;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  -webkit-box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
  -moz-box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
  box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
  opacity: .12;
  filter: alpha(opacity=0);
  -webkit-animation: warn 2s ease-out both;
  -moz-animation: warn 2s ease-out both;
  -o-animation: warn 2s ease-out both;
  animation: warn 2s ease-out both;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background: 0 0;
}

.area-box .delay-01 {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

.area-box .delay-02 {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}

.area-box .delay-03 {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}

.area-box .delay-04 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.area-box .delay-05 {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.area-box .delay-06 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}

.area-box .delay-07 {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  -o-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.area-box .delay-08 {
  -webkit-animation-delay: -.4s;
  -moz-animation-delay: -.4s;
  -o-animation-delay: -.4s;
  animation-delay: -.4s;
}

.area-box .delay-09 {
  -webkit-animation-delay: -.8s;
  -moz-animation-delay: -.8s;
  -o-animation-delay: -.8s;
  animation-delay: -.8s;
}

.area-box .delay-10 {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.area-box .delay-11 {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

.region-list.active .area-box .dot {
  background: #2f56a4;
}

.region-list.active .area-box .pulse {
  border-color: #2f56a4;
  top: -39px;
  left: -39px;
  height: 88px;
  width: 88px;
  -webkit-box-shadow: 0 0 12px #2f56a4,0 0 20px #2f56a4 inset;
  -moz-box-shadow: 0 0 12px #2f56a4,0 0 20px #2f56a4 inset;
  box-shadow: 0 0 12px #2f56a4,0 0 20px #2f56a4 inset;
}

.region-list.waite .area-box .dot {
  background: #f90;
}

.region-list.waite .area-box .pulse {
  border-color: #f90;
}

.show-regin {
  position: absolute;
  left: 2px;
  height: 0;
  top: 0;
  width: 11px;
  opacity: 0;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.online-node .show-regin, .region-list:hover .show-regin, .underline-node .show-regin, .waite-node .show-regin {
  height: 11px;
  opacity: 1;
}

.show-regin span {
  width: 80px;transition: .1s;
  position: absolute;
  left: -37px;
  top: -36px;
  padding: 3px 10px;
  font-size: 17px;
  color: #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  display: block;
}
.postition-6 .show-regin span {
  top: 12px;
}
.postition-8 .show-regin span {
  top: -12px;
  left: 10px;
}
.area-box {
  z-index: 1;
}
.show-regin {
  z-index: 66;
}
.region-list.active .show-regin span {
  position: relative;
  color: #ccc;    position: relative;
  color: #666;
  color: #000;
  font-weight: 500;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0px 4px #000;
}
.dot:hover .region-list.active .show-regin span{color: #fff;transition: .1s;}
/* .region-list.active .show-regin span:hover{color: #fff;transform: scale(1.1);} */
/* .region-list.active .show-regin span:hover a{color: #fff;} */
.region-list.waite .show-regin span {
  color: #ccc;
}
.mc_d2s3_map .vlt-section{width: auto;}
.postition-2 {
  left: calc(531 / 748 * 100%); /* ≈ 71.12% */
  top: calc(400 / 618 * 100%);  /* ≈ 64.72% */
}

.postition-6 {
  left: calc(630 / 748 * 100%); /* ≈ 84.23% */
  top: calc(426 / 618 * 100%);  /* ≈ 68.93% */
}

.postition-7 {
  left: calc(659 / 748 * 100%); /* ≈ 88.10% */
  top: calc(148 / 618 * 100%);  /* ≈ 23.95% */
}

.postition-8 {
  left: calc(640 / 748 * 100%); /* ≈ 85.56% */
  top: calc(410 / 618 * 100%);  /* ≈ 66.34% */
}

.postition-9 {
  left: calc(637 / 748 * 100%); /* ≈ 85.16% */
  top: calc(371 / 618 * 100%);  /* ≈ 60.03% */
}

.postition-10 {
  left: calc(568 / 748 * 100%); /* ≈ 75.94% */
  top: calc(434 / 618 * 100%);  /* ≈ 70.23% */
}

.postition-7.region-list.active .area-box .pulse {
  top: -50px;
  left: -50px;
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.postition-9.region-list.active .area-box .pulse {top: -50px; left: -50px;width: 110px;height: 110px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;  }
.douhao {width: 0;}
/* .vlt-is--single-post p{color: rgba(255,255,255,.6);} */
.vlt-section__ken-burn-background .video{min-width: 100%;position: absolute;top: 50%;left: 50%;min-height: 100%;transform: translate(-50%, -50%);/* height: 100vh; */}

.mob-div li{border-bottom: 1px solid rgba(51,51,51,.12);flex-flow: row wrap;}
.mob-div li > a{    font-size: 1.875rem;  font-weight: 500;  line-height: 1.1;  padding: 0.3125rem 0;  letter-spacing: .02em;}
.mob-div i{padding: 15.2px 0;    color:#fff;min-width: 30px;text-align: center;transition: transform .3s ease-out;}

.mob-div .act{transform: rotate(45deg);}
.menu-list1{margin-left: 20px;margin-bottom:16px;width:100%;display:none;}
.menu-list1 li{border:0;}
.menu-list1 li > a{padding:5.2px 0 5.2px 0;font-size: 14px;width: calc(100% - 33px);color:#fff;}
.mob-div{display: flex !important;align-items: center;display: -webkit-flex !important;    flex-flow: row wrap;}
.mob-div>a{width: calc(100% - 55px);}
.cta svg{width:66px;height:23px}
.container{position: relative;}
.vlt-slider-controls--style-2 .vlt-swiper-button-next, .vlt-slider-controls--style-2 .vlt-swiper-button-prev{top: calc(50% - 2px);}
.vlt-product-hero-title .mc_cont1360 h1.vlt-large-heading{font-size: 4.1rem;margin-top: 5rem;    white-space: pre-line;font-family: 'yaheibold';}
.vlt-product-hero-title .mc_cont1360 p{font-size: 2.7rem;font-weight: 600;color: #fff;letter-spacing: .1rem;line-height: 1;margin-top: .5rem;font-family: 'yaheibold';}
/* .mc_nav_a{font-size: 17px;} */
.ma_b1s1ml_li.mc_pos_center h3{padding: 0;text-align: initial;}


.mc_nav_li.mc_nav_nor:last-child .mc_nav_xl{height: 100px; white-space: initial;}
.mc_navbar.mc_fixed .mc_nav_li.yxnav_active1:last-child .mc_nav_xl{animation: mcslidedown1 .36s forwards;}
.mc_nav_li.mc_nav_nor:last-child .mc_nav_xl .mc_navxl_container{width: 1420px;}
@keyframes mcslidedown1 {
  0% {
      height: 0;
  }

  100% {
      height: 100px;
  }
}

.procont_cont li{display: block;text-align: justify;margin: 1%;color: #000000d0;}
/* .procont_cont li p{text-indent: 2em;} */
.procont_pic{max-width: 720px;padding: 0 0 2%;}
.procont{padding-top: 5%;display:flex;}
.procont_pic img{max-width:150px;width: 25%;}
.procont_pic .bigone{width: 800px;max-width:100%;margin-bottom:10px;}
.procont_pic div{display:flex}
#DivImg img{opacity:0.64;cursor:pointer}
#DivImg .check{opacity:1}
.propage_right h2{font-size: 1.5rem;color: #000000db;font-family: 'yaheibold';text-align: center;}
.propage_right h3{font-size: 1.1rem;color: #000000d0;}
.propage_right>h3{font-size: 1.5rem;}
.procont_cont{color: rgba(255,255,255,.9);width:100%;max-width:500px;}

.prolist{display:flex;flex-wrap: wrap;justify-content: flex-start;}
.prolist dl{padding: 1%;width: 300px;max-width: 100%;/* border: 1px solid #ddd; */}
.prolist ol{width: 130px}
.mid_pos{position: absolute;bottom: 10%;right:5%;z-index: 9;}
.mid_pos ul{display: flex;flex-wrap:wrap;justify-content:flex-end}
.mid_pos ul li{display: contents}
.pagelist{width: 100%;}
.prolist dd,.pagelist{text-align: center;}
.prolist dd{/* font-weight:100; *//* font-family: 'heiti'; */margin-top: 1em;}



@media (min-width: 482px){

.slogin {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;}
.more_{margin-top: 15%;position: absolute;  left: 50%;bottom:19%;  right: 50%;  transform: translateX(-50%);}
.home_home{position: absolute;top: 32%;left: 20%;}}
@media (min-width: 1200px){.ban_txt{max-width: 1040px;}.vlt-navbar-inner--right-{display: none;}}
@media (max-width: 1200px){
.vlt-main{overflow: initial !important;}
/* .vlt-section{width: 1200px;} */
.vlt-section__ken-burn-background{width: 100%;height: 100%;}
.col-xl-6,.col-md-6,.col-xl-5{width: 575px;}
.sanse-logo{top: 30%;left: 4%;}
.sanse-logo img{max-width: 40%;}
.dim-logo{width: 70%;}
.col-xl-3{width: 25%;}
.main- .logo_img{width: 200px;}
.main- .vlt-menu-burger svg{width: 1.8em;height: 1.8em;}
[data-anchor="Home"] .vlt-section__vertical-align{height: 100%;}
[data-anchor="Home"] .vlt-section__ken-burn-background{height: auto;}
.main- .vlt-offcanvas-menu__navigation .sf-menu>li>a{font-size: 3.375rem;}
.main- .vlt-offcanvas-menu__header .vlt-language-switcher{font-size: 2.3125rem;}
.main- .mob-div i{font-size: 30px;}
.main- .menu-list1 li > a{font-size: 37px;}
.main- .vlt-menu-burger{font-size: 2.25rem;display: flex;align-items: center;}
.main- .vlt-offcanvas-menu__navigation .sf-menu>li{padding: 1.625rem 0;}
.main- .vlt-navbar .vlt-navbar-inner{padding: 2rem;}
.vlt-testimonial__text,[data-anchor=Contact] p{font-size: 1.09rem;}
body .main-,.conta_txt h6{font-size: 1.2rem;}
body{font-size: max(.9rem,14px);}
.vlt-main.article h2{font-size: 20px;}
.vlt-main.article h3{font-size: 17px;}
.text-center .h3,.text-center h3{font-size: 1.4rem;}
.conta_txt h5{font-size: 1.35rem;}
.show-regin span{font-size: 18px;}
.vlt-footer{position: relative;}
.vlt-is--homepage .vlt-footer{position: absolute;}
.vlt-footer .vlt-language-switcher{display: none;}
.vlt-slider-controls--style-2 .vlt-swiper-button-prev{left: 1.2rem;}
.vlt-slider-controls--style-2 .vlt-swiper-button-next{right: 1.2rem;}
/* .col-xl-7 .vlt-animated-block:nth-child(2){width: 340px;} */
/* .col-xl-7 .vlt-animated-block:nth-child(3){width: 200px;} */
.vlt-section__content{padding: 7.5rem .3rem;}
.container{max-width: 100%;}
[data-anchor="Cases"] .container,[data-anchor="Blog"] .container{max-width: 98%;}
.vlt-fixed-socials{display: none;}
.vlt-post--masonry .vlt-post-content{width:auto;height: 370px;padding: 15px;}
.pro_swiper{padding: 0 5%;}
.pro_swiper h3{font-size: 5em;}
.pro_swiper p{font-size: 2em;}
.pro_swiper a{font-size: 1.5em;}
.vlt-project-excerpt{max-width: 40rem;}
/* .home_home{margin: 4rem 18.5rem 0;} */
[data-anchor="Cases"]{font-size: 2rem;}
.h5, h5{font-size: 1.7rem;}
.sanse .row{justify-content: space-between;}
 .china-map{width: 575px;background-size: contain;}
 /* .postition-2 {
  left: 407px;
  top: 373px;
}
.postition-6 {
  left: 476px;
  top: 398px;
}

.postition-7 {
  left: 495px;
  top: 181px;
} */

  .postition-7.region-list.active .area-box .pulse {
      top: -50px;
      left: -50px;
      width: 110px;
      height: 110px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
  }

/* .postition-8 {
  left: 484px;
  top: 379px;
}

.postition-9 {
  left: 483px;
  top: 352px;
}
.postition-10 {
  left: 426px;
  top: 413px;
} */
}
@media (max-width: 1024px){[data-anchor="Home"] .vlt-section__content{padding: 7.5rem .3rem 0.5rem;}}
@media (max-width: 835px){.vlt-timeline-item .row{flex-wrap: wrap;}
.row .col-xl-3:nth-child(3) .vlt-timeline-item__title{padding-bottom: 2%;}
.vlt-section__ken-burn-background img{height: 100%;}}
@media (max-width: 481px){
  .vlt-navbar .vlt-navbar-inner{padding: 1rem;}
  .vlt-post-hero-title h1{font-size: 2rem;}
  .swiper-banner{height: 70px;}
  .vlt-section__content .slogin-fixed{font-size: 18px;}
  .vlt-section__content .swiper-slide .text{font-size: 45px;}
  .mc_d3s1{padding-top: 40px;}
  .vlt-menu-burger{font-size: 1rem;display: flex;align-items: center;}
  .vlt-is--single-product .vlt-main .vlt-product-hero-title{padding: 15rem 0;}
  .logo_img{width: 90px;}
  .show-regin span{font-size: 14px;}
  .area-box .dot{width: 6px;height: 6px;}
  .gap-875{height: 9.75rem;}
  .vlt-slider-controls{text-align: center;}
  .slogin-scroll{padding: 0;}
  .slogin{margin: 10% 0 20%;}
  .more_{margin-bottom: 20%;}
  .about_ b{font-size: 84px;}
  .about_ span{font-size: 22px;}
  .about_ i{font-size: 53.5px;}
  .vlt-product-hero-title .mc_cont1360 h1.vlt-large-heading{font-size: 3.05rem;}
  .vlt-product-hero-title .mc_cont1360 p{font-size: 1.87rem;}
  .mc_a1t_xl{padding: 0px;}
  .mc_cont1360.rela.mc_d2s1_videobox{width: 88%;margin-left: 0;}
  .label1 .mc_a1t_title{line-height: 28px;margin-left: 1.3em;margin-right: 1.3em;font-size: 11px;}
  [data-anchor="Home"] .vlt-section__content{padding: 16.5rem .3rem 8.5rem;}

  .mc_contny img{width: 100%;}
  .china-map{width: 100%;float: right;}
  .china-map .modal-wrapper{flex-wrap: wrap;}
  .china-map .modal-wrapper img{width: 100%;}
  .china-map .modal-wrapper p{line-height: 1.3;}
  .mc_d3s1_content .sidebar{width: 100%;margin: 0;}
  .mc_d3s1_content .content{width: 100%;overflow: visible;background: transparent;}
  .mc_cont950 img{width: 100%;}
  .row .content .active{padding: 1em;}
  .content .active{padding: 0;}
  .row .contact,.row .contact>div,.col-xl-7 .vlt-animated-block:nth-child(2){width: 100% !important;padding: 0;}


  .disapp{display: none;}
  .h1.vlt-large-heading, h1.vlt-large-heading{font-size: 2.3rem;}
  .vlt-footer .vlt-language-switcher a+a{margin: 0;}
  [data-anchor="Home"] .vlt-section__ken-burn-background{position: initial;}
/* .vlt-section__ken-burn-background_h video{width: auto;z-index:-2;} */
.vlt-section__ken-burn-background_h img{z-index:-1;    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 2.5s;
    transition: -webkit-transform 2.5s;
    transition: transform 2.5s;
    transition: transform 2.5s,-webkit-transform 2.5s;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -o-object-fit: cover;
    object-fit: cover;
    will-change: transform;
}
.vlt-experience-block__title::before{width:2.8rem;}
.cta{font-size:23px}
.cta svg{height:20px}
.modal-wrapper > *{margin: 0 0 0.1rem 0;}
.modal-wrapper h2{font-size: 1.1rem;margin-bottom: 1%;}
.modal-wrapper p{font-size:0.75rem;line-height:105%;letter-spacing: 0.01rem;}
.modal-content{margin:2em;padding:2em 1em;}
.jiai p{line-height:1.5;}
.h1, h1{font-size: 4rem;}
}


.mc_d3s2_content ::-webkit-scrollbar-track {  
  background: #f1f1f1;  
  border-radius: 10px;  
} 
.mc_d3s2_content .mc_d3s2li_txt{overflow: auto;padding-right: 10px;}