﻿/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
  font-family: 'Tttgb';
  src:url(../fonts/Rajdhani-Regular.ttf);
}
@font-face {
	font-family:'Cool';
	/* src: url(../fonts/Coolvetica.otf); */
  src: url("../fonts/Rajdhani-Regular.ttf");
}
@font-face {
	font-family:'Benthams';
	src: url(../fonts/Rajdhani-Regular.ttf);
}

  @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3905444 */
  src: url('//at.alicdn.com/t/c/font_3905444_hu0q0a5l4d7.woff2?t=1686624038699') format('woff2'),
       url('//at.alicdn.com/t/c/font_3905444_hu0q0a5l4d7.woff?t=1686624038699') format('woff'),
       url('//at.alicdn.com/t/c/font_3905444_hu0q0a5l4d7.ttf?t=1686624038699') format('truetype');
}
body{font-family:'Roboto', sans-serif;}
[data-anchor="Home"] .vlt-section__content{display:block;}
.sliding-popup{display: none;}
.container_{max-width:100%}

.icon {  width: 1em; height: 1em;  vertical-align: -0.15em;  fill: currentColor;  overflow: hidden;}
.swiper-slide p:last-of-type{text-align:center;line-height: 2;margin-top: 4%;}
.swiper-slide .icon{margin: 0 1.5rem;}
.swiper-slide .iconfont{vertical-align: 0;font-size: 20px;color:#077dff}
.vlt-contact-form input::placeholder,textarea::placeholder{color: #5c5c5c;}
.vlt-contact-form input,textarea{color: #5c5c5c;font-size: 1.3rem;}
.vlt-default-menu__navigation .sf-menu>li>a,.vlt-default-menu__navigation .sf-menu>li>p>a{font-size: 1.1rem;color: #818181;}
.bounce_bg{width: 100%;position: absolute;height: 100%;opacity: .6;background-color: #fff;}
.bounce_bg,.double-bounce-one, .double-bounce-two{height: 5px;margin-top: 5%;}
.bounce_bg{background-color: #c0d8e5;}
.bounce_img{background:url("data:image/png;base64,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ARsABQAAAAEAAAEmASgAAwAAAAEAAgAAAgEABAAAAAEAAAEuAgIABAAAAAEAAAAAAAAAAAAAAEgAAAABAAAASAAAAAEISCk4AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTAyLTIyVDAzOjI0OjEzKzAwOjAwA8MXkQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wMi0yMlQwMzoyNDoxMyswMDowMHKery0AAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDItMjJUMDM6MjQ6MTMrMDA6MDAli47yAAAAKXRFWHRkYzpmb3JtYXQAYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcOStn1QAAAARdEVYdGV4aWY6Q29sb3JTcGFjZQAxD5sCSQAAACF0RVh0ZXhpZjpEYXRlVGltZQAyMDIzOjAyOjIyIDExOjIzOjQxmcXIawAAABN0RVh0ZXhpZjpFeGlmT2Zmc2V0ADE2NMx7KxQAAAAYdEVYdGV4aWY6UGl4ZWxYRGltZW5zaW9uADIyMQFFrCAAAAAXdEVYdGV4aWY6UGl4ZWxZRGltZW5zaW9uADU06gO8IQAAACp0RVh0ZXhpZjpTb2Z0d2FyZQBBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3Mp0WGmcAAAABx0RVh0ZXhpZjp0aHVtYm5haWw6Q29tcHJlc3Npb24ANvllcFcAAAAodEVYdGV4aWY6dGh1bWJuYWlsOkpQRUdJbnRlcmNoYW5nZUZvcm1hdAAzMDJFJGpdAAAALHRFWHRleGlmOnRodW1ibmFpbDpKUEVHSW50ZXJjaGFuZ2VGb3JtYXRMZW5ndGgAMNY9rcAAAAAfdEVYdGV4aWY6dGh1bWJuYWlsOlJlc29sdXRpb25Vbml0ADIlQF7TAAAAH3RFWHRleGlmOnRodW1ibmFpbDpYUmVzb2x1dGlvbgA3Mi8x2ocYLAAAAB90RVh0ZXhpZjp0aHVtYm5haWw6WVJlc29sdXRpb24ANzIvMXTvib0AAAA4dEVYdGljYzpjb3B5cmlnaHQAQ29weXJpZ2h0IChjKSAxOTk4IEhld2xldHQtUGFja2FyZCBDb21wYW55+Vd5NwAAACF0RVh0aWNjOmRlc2NyaXB0aW9uAHNSR0IgSUVDNjE5NjYtMi4xV63aRwAAACZ0RVh0aWNjOm1hbnVmYWN0dXJlcgBJRUMgaHR0cDovL3d3dy5pZWMuY2gcfwBMAAAAN3RFWHRpY2M6bW9kZWwASUVDIDYxOTY2LTIuMSBEZWZhdWx0IFJHQiBjb2xvdXIgc3BhY2UgLSBzUkdCRFNIqQAAABV0RVh0cGhvdG9zaG9wOkNvbG9yTW9kZQAzVgKzQAAAACZ0RVh0cGhvdG9zaG9wOklDQ1Byb2ZpbGUAc1JHQiBJRUM2MTk2Ni0yLjEcL2wLAAAAF3RFWHR0aWZmOlhSZXNvbHV0aW9uACAgICA3MjevBYoAAAAXdEVYdHRpZmY6WVJlc29sdXRpb24AICAgIDcy2P2zawAAACh0RVh0eG1wOkNyZWF0ZURhdGUAMjAyMy0wMi0yMlQxMDoxODo1MiswODowMI5o+1IAAAAsdEVYdHhtcDpDcmVhdG9yVG9vbABBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpKBmP8QAAACp0RVh0eG1wOk1ldGFkYXRhRGF0ZQAyMDIzLTAyLTIyVDExOjIzOjQxKzA4OjAwR+TKpQAAACh0RVh0eG1wOk1vZGlmeURhdGUAMjAyMy0wMi0yMlQxMToyMzo0MSswODowMHtAmRsAAABLdEVYdHhtcE1NOkRvY3VtZW50SUQAYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY0MjAzMzkwLWMxMWQtYzY0OC1hMzI3LTVmOWEyMzJlMThkN70N2cYAAAA9dEVYdHhtcE1NOkluc3RhbmNlSUQAeG1wLmlpZDozYTBmYWFlNS02MWQwLWRkNDYtOWI1Yy05ZDUxM2QzMWZiNDJ1BXajAAAARXRFWHR4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQAeG1wLmRpZDpiOTAzNGNhOS0xODI5LTJjNDEtOTNiYy01NzE1MGU5ZjdlZjUYp4t7AAAAAElFTkSuQmCC");width: 221px;height: 54px;margin: auto;}
.bounce_img::before,.bounce_img::after{content: '';}
/* width: 100%;max-width:460px */
.about img{height: 380px;}
.text{max-width: 700px;margin: auto;}
.text span{font-size: 2.5rem;}
.ul_text li{opacity: 0;animation: fadeout 3s;display: none;}
.ul_text li.hover {opacity: 1;animation: fadein 3s;display: block;}
.prolist{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.prolist dl{width: 25%;padding: 0;}
.prolist dt{height:235px;display:flex;background: #fff;    border: 1px solid #d9e8f0;box-shadow: 2px 2px 6px rgb(119 113 113 / 68%);padding: 2%;}
.procont .prolist dl{margin: 1% 0;}
#pro_list_pic{display: flex;}
#pro_list_pic img{max-width:150px;opacity:0.68;cursor:pointer;}
.prolist dt img:hover{transform: scale(1.05);transition: 1.5s;}
#pro_list_pic .check{opacity:1;}
/* .vlt-is--single-product .vlt-main p{color:rgb(52 52 52 / 80%)}   box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);*/
.intl-tel-input.allow-dropdown input::placeholder, .intl-tel-input.allow-dropdown input[type=tel]::placeholder{color:#acacac;}
.vlt-is--single-product .vlt-main p{color: rgb(96 94 94);font-size: 1.1em;}
.vlt-is--single-product .vlt-main h2{font-size: 2rem;color: #666;margin: 6% auto 2%;}
.vlt-is--single-product li{display: contents;}
.vlt-is--single-product .vlt-main .propage li a{display: inline-block;padding: 3px 1%;margin: 1%;background: #ddd;border-radius: 3px;}
.h1.vlt-large-heading, h1.vlt-large-heading{font-size: 3.5rem;text-transform:uppercase}
.vlt-btn--primary{font-size: 1.25rem;}
.vlt-is--single-product .vlt-contact-form input, .vlt-is--single-product .vlt-contact-form textarea{    border: 1px solid #c1b9b9 !important;  border-radius: 5px;background: #ffffff50;}
.about_us_cp{padding-top:5%;display:flex;display:-ms-flexbox;display:-webkit-flex;}
.about_us_cp1{margin-bottom:2%;}
.about_us_cp1 h2{font-size:18px;margin-bottom:10px;}
.about_us_cp1 p{font-size:14px;    color: #7e7777;line-height:24px;}
.about_us_cp1 i{color:#00639c;}
.about_us_cp3{width:60%;padding:0 25px;text-align: initial;}
.about_us_cp2{width:40%;margin:0 25px;overflow: hidden;}
.swiper-about{position: relative;}
.about_last{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content: space-around;-ms-flex-pack:justify;    padding-top: 5%;}
.about_last1{background: #fff;border: 1px solid #e1e1e1;padding: 40px 25px;; width: 30%;text-align: center;}
.about_last1 p{font-size:14px;    color: #7e7777;line-height:24px;}
.about_last1 i{color:#00639c;}
.about_last1 h2{font-size:24px;padding:15px 0;}
.about_us_cp_part a{font-size: 1.2rem;line-height: 1.3;}
.vlt-is--single-product .vlt-main .about_us_cp_part p{font-size: 1rem;color: #686363;}
.vlt-is--single-product .vlt-main .about_us_cp_part h2{margin: 0.5% auto;font-size: 1rem;}
.col-lg-10{margin: auto;}
.col-sy{display: flex;flex-wrap: wrap;justify-content: center;}
.vlt-footer--fixed{position: relative;bottom:15%}
.vlt-footer--fixed p{color: #4c4a4a !important;font-weight: 400 !important;}
.vlt-is--single-product .vlt-footer--fixed{bottom:1.5%}
.left_n:before{font-family: "iconfont";}
@media (min-width: 1200px){.col-sy .col-xl-2 {max-width: 11%;}}

.col-sy .col-xl-2{background: #fff;margin: 1%;border-radius: 15px;display: flex;align-items: center;}
.col-sy .col-xl-2 img:nth-child(2){display: none;transition: .3s;}
.col-sy .col-xl-2:hover img:nth-child(1){display: none;transition: .3s;}
.col-sy .col-xl-2:hover img:nth-child(2){display: block;transition: .3s;}
.col-sy .col-xl-2:before{content: '';width: 100%;}
.vlt-main{padding-bottom: 8%;}
.nav1{position: absolute;display:none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);z-index: 99;min-width: 282px;font-size: 1rem;}
.probg{display: flex;flex-wrap: wrap;padding-top: 2%;justify-content: center;}
/* 小放大镜 */
.little .mark{  width: 150px;  height: 150px;  background-color: #939393; opacity: 0.5; position: absolute; left: 0; top: 0;cursor: move;display: none;}

/* 大放大镜 */
.great{  width: 480px;  height: 300px;background: #fff; border: 1px solid #000; overflow: hidden;  position: absolute;  display: none; margin-left:33%;z-index: 100;}
.great img{  position: absolute;  left: 0;  top: 0;  width: 1600px;  max-width: 300%;max-height: 300%;}
@media (min-width: 992px){
.vlt-is--single-product .vlt-main .offset-lg-2{margin-left: 7.666667%;}
.col-lg-8{-ms-flex: 0 0 85.666667%;  flex: 0 0 85.666667%;  max-width: 85.666667%;}
.mid_left{line-height:17px;float:left;margin:0 0 50px 0}
.mid_left>a{display:block!important;line-height:35px!important;border-bottom:1px solid #eaeaea;color:#000!important;background-color:#e5eefa!important;padding:0 0 0 5px!important;
  font-size:0.8em!important;margin:0!important;float:none!important;border-radius:0!important;height:35px!important;text-decoration:none;text-transform:capitalize}
.mid_left>a.active_1,.mid_left>a:hover{color:#fff!important;background-color: #1c499b!important;}
.mid_left span{font-size:12px;color:#a6ce39;padding-right:3px}
.mid_left>a:before{content:'\e609';width:15px;display:inline-block;text-align:center;}
.left_er a{color:#666;display:block;padding-left:18px;line-height:30px;border-bottom:1px solid #eee;font-size:0.75em;text-decoration:none;text-transform:capitalize}
.active_2,.left_er a:hover{background: #21599d;color: #fff !important;}
.section{float:right;width:calc(100% - 250px)}
.product-grid,.prolist.wid>div{width:30%;margin:0 1.66%;float:left;position:relative;padding:1%;box-sizing:border-box;text-align:center;overflow:hidden;background:#f5f5f5;margin-bottom:15px;background-color:#eaeaea}
.mid_cont,.neirong{padding-left:15px;margin-top:1vw;padding-right:1.66%}
.neirong p{font-size:14px;line-height:23px;margin:15px 0;color:#666}
.col-lg-9{margin: auto;}
.mid_nav{display: none;}
.pro_pro .mid_nav{display: block;}
}
@media ((max-width:1300px) and (min-width:992px)){.mid_left>a{font-size: 0.7em !important;}.left_er a{font-size: 0.7em;}}
.mid_nav{padding:3% 0;}
.mid_nav_l{position: relative;}
.mid_nav h3{  font-size: 1.125rem;  min-width: 250px; font-weight: lighter;border: solid 1px rgba(204,204,204,.5);padding: 8px 16px 8px 16px;     justify-content: space-between;align-items: center;cursor: pointer;}
.mid_nav h3:hover{border:solid 1px rgba(146, 146, 146, 0.5);}
.mid_nav_ul{ margin-top: 15px;background: white;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);}
.mid_nav_div{position: absolute; display:none; z-index: 55;width:100%;}
.mid_h3{}
.mid_nav a,.mid_nav .sf-menu .erji a,.mid_nav .sf-menu .erjii a{transition: 600ms;display: block; font-family: 'proppns'; color: black;font-size: 16px;margin:3px 0;    padding: 3px 16px 3px 16px;}
.mid_nav a:hover{color:rgb(103, 135, 191);}
.mid_nav .act{color:rgb(103, 135, 191);}
.mid_nav li i{margin-top: -30px;margin-right: 5px;float:right}
.mid_nav .erji,.mid_nav .erjii{position: relative;top: 0;left: 0;}
.mid_nav .sf-menu a{width:calc(100% - 40px)}
@media screen and (max-width:992px){
.vlt-footer .vlt-language-switcher a, .vlt-footer .vlt-footer-copyright p{margin: 0;}
.xqproductimg,.procont_cont{width: 100%}
.product-grid,.prolist.wid>div{width:48%;margin:0 1%;float:left;position:relative;padding:1%;box-sizing:border-box;text-align:center;overflow:hidden;background:#f5f5f5;margin-bottom:15px;background-color:#eaeaea}
.prolist.wid>div p{font-size:13px}
.mid_left{display: none;}
.mid_left a,.mid_left a span{display:none;display: block!important;line-height: 30px;border-radius: 5px;background: #6d6d6d;box-sizing: border-box;padding: 0 10px;color: #fff;margin: 3px 6px 3px 0;font-size: 13px;float: left;}
.vlt-footer--fixed{bottom: 6%;}
.active_1+div>a,.active_2,.active_3{display:block!important;height:30px;line-height:30px;border-radius:5px;background:#6d6d6d;box-sizing:border-box;padding:0 10px;color:#fff;margin:3px 6px 3px 0;font-size:13px;float:left}
.mid_left .active_1,.mid_left .active_2{background-color:#00639c}
.section h1{font-size:25px;margin:10px 0}

.little{   position: relative;}
.little{  width: 99%;  height: auto;}
.little .mark,.great{  width: 0%;display: none !important;}
.little img {  height: auto;}
}

#pro_big{max-width: 550px;width: 100%;}
.procont .procont_desc{display: flex;justify-content:space-between}
.mid_pos{float: right;font-size: 1.1rem;margin-top: 3rem;}
.vlt-navbar--solid{background: #ffffff;}
.pagelist *{padding: 0 5px;}
.vlt-navbar--solid .logo{color: #00639c;a;}
[data-anchor="capability"] h2,[data-anchor="capability"] p:last-of-type {color: #fff;text-align: center;}
.circle{border: 6px solid #fff;width: 250px;height: 250px;border-radius: 50%;text-align: center;color: aliceblue;display: flex;align-items: center;margin: 55px;justify-content: center;}
.bk:after{    content: '';  background: #0000004a;  position: absolute;  width: 100%;  height: 100%;}

[data-anchor="home"] .row{justify-content: space-between;}
@keyframes fadein {from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeout {from{opacity: 1;}to{opacity: 0;}}
.more{    color: #007bff;margin: 20px;  display: block;  width: 110px;  background: #b2cee6;  text-align: center;border-radius: 15px;padding: 0.8% 0;}
.logo{font-weight:700;font-size:2rem;color: #00639c;a;}
/* .vlt-navbar--solid{background: #000;} */
/*.js-form-item-telephone{display:flex;}*/
*{
  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;
  /*  */
}
.vlt-default-menu__navigation_ .sf-menu>li+li{margin: 0;}
.vlt-fullpage-slider .vlt-section__content_{padding:7.5rem 0.5rem 0}
.vlt-section__content_>.vlt-section__ken-burn-background:before{content: '';width: 100%;height: 100%;opacity: 0.3;position: absolute;background: linear-gradient(360deg,#000 0%, #00000069 70%);}
.vlt-fixed-socials_::after, .vlt-fixed-socials_::before{background: none;}
.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;}
@media (min-width: 1200px){
    .about_s{width: 600px;padding: 0;}
    .con_home .offset-xl-2{margin-left: 0%;}
    .col-xl-8-{flex: 0 0 59.666667%;  max-width: 59.666667%;}
    .con_home,.container__{max-width: 1200px;}
    [data-anchor="products"] .container{padding: 0px;}
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.s{font-weight:300;}
.l{font-size: 1.9rem;}
.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;}
.swiper_pro{background: #fff;height: 340px;display: flex;}
.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: #00639c;}

.vlt-is--single-product .vlt-main .vlt-product-hero-title{padding: 7rem 0;background-color: rgba(247, 247, 247, 1);border-bottom: 1px solid #e1e1e1;}
.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-navbar-inner--center .container{width: 60%;margin-left: 300px;margin: 0 auto;}
@media (max-width: 1310px){
.vlt-navbar-inner--center .container{max-width: 500px;}.about_us_cp_part a{font-size: 1.1rem;}
.vlt-is--single-product .vlt-main .about_us_cp_part p{font-size: 0.9rem;}
.vlt-footer--fixed{bottom:11%}}
@media (min-width: 1200px){.vlt-navbar-inner--center .container{max-width: 900px;}.ban_txt{max-width: 1040px;}}
.vlt-default-menu__navigation .sf-menu{height: 7.906rem;display: flex;justify-content: space-between;}
.xxx i{color: #818181;}
/* #tips1{margin-left: 14%} */
.can{text-align: initial;display: flex;  align-items: center;flex-wrap:wrap}
.can img{margin: 0;width: 200px;max-width:100%;margin: auto;}
.rd_hr{position: relative;padding:25px 0;margin-bottom: 2%;}
.rd_hr span{width: 100%;position: absolute;border-top: 1px solid #e1e1e1;display: block;top: 50%;transform: translate(0,-50%);}
.rd_hr p{color: rgba(88, 88, 88, 0.6);left: 3%;background: #fbfbfb;padding: 5px; position: absolute;    display: block; top: 50%; transform: translate(0,-50%);}
.propage input,.propage textarea{padding: 0.5rem;font-size: 22px}
@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;
    /* a; */
    font-size: 30px;
    letter-spacing: 0.03em;
    color: white;
    background: #be0019;
    transition: 1s;
    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{color: white;}
.cta span {
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg) 
  }

  .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;
    }
}
.submenu_show .bg_hover{ display:block !important; width: 100%; height: 250px; background:#000; z-index: 1; position: absolute; top: 0px; 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%;}
@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: #00639c;}
@media (min-width: 768px){.down{width: 32%;}}
@media (max-width: 768px){.prolist dl{width: calc(100%/3);}.procont_desc{flex-wrap: wrap;}}
.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: #0000008c;font-size: 21px;}
.vlt-fixed-socials .i2{font-size: 25px;}
.vlt-fixed-socials .iconfont:hover{color: #00639c;transition: .3s;}
.red{color:#be0019;}
.cool{}
.cools{letter-spacing: 0.5rem;}
.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;}
/* .vlt-post-media:hover{transform: scale(1.08);transition: .7s;} */
.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;}
.logo_img{width: 137px;height: auto !important;}
.erji,.erjii{position: absolute; left: -30px; top: 5rem; background: #ffffff;padding: 15px; white-space: nowrap;display: none;z-index: 2000;}
.erjii{left:90%;top: 0;}
.erji a,.erjii a{display: block; color:#818181; padding: 0 5px;  line-height: 26px;  font-size: 15px;  margin: 7px 0;  border-radius: 50px;}
.erji a:hover,.erjii a:hover{    color: #00639c;}
.ii{position: relative;}
.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: #be0019;}
.news .swiper-slide{display:flex}
/* .about_s h3{font-size: 2.5em;} */
.about_s h3 span{color: #be0019;}
.about_{display: flex;}
.about_ b{    font-size: 119px; width: 67px;    float: right;    display: flex;    flex-direction: row-reverse;}
.about_ span{display: flex;    flex-direction: column;    font-size: 39px;}
.about_ i{font-size: 70.5px;padding: 0 0 0 17%;}
.about_ .sp{padding: 0 0 0 10%;}
.about{    display: flex;    flex-wrap: wrap;  border-left: none;padding: 12% 6% 12% 0;justify-content: center;}
.about>div{width: 100%;padding: 5% 0;}
.about .ab:hover,.about>div .about_:hover{color: #be0019 !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;}
.vlt-testimonials-anchor{text-align:center;}
.vlt-testimonial__meta{margin-bottom:-5px}

.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;background: url(../img/right.png);width: 50px;height: 50px;border:none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: 'none';}
.swiper-button-next, .swiper-button-prev{width: 50px;}
.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;
} */
@-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-project{max-width: 626px;}
.btn{float: right;bottom: 30px;}
.vlt-video-button{margin-left: 30%;} */
.vlt-progress-bar__title{font-size: 12.5rem;}
[data-anchor=Contact] p{font-size: 0.96rem;  color: #fff;  font-weight: 700;  letter-spacing: 0.05em;}
[data-anchor="About"] h3{text-transform: none;}
.conta_txt{padding: 5%;}
.conta_txt h5,.conta_txt h6{font-weight: 400;line-height: 1.3;}
.conta_txt h5{margin:0 0 1%;font-size:1.2rem;}
.conta_txt h6{color: #8b8989;text-transform: none;margin:5% 0 0 0;font-size:1.3rem;}
.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{display: flex;align-items: center;}
.modal-wrapper img{width: 52%;padding: 3%;}
.modal-wrapper h2{color: #000;margin-bottom: 5%;}
.modal-wrapper>div{text-align: center;}
.modal-wrapper p{    color: #000 !important;  font-size: 1rem;  line-height: 120%;  letter-spacing: 0.05rem;  font-weight: 600;}

.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;}
.vlt-section{z-index: 0;}
[data-anchor=Cases]{z-index: 8;}


html._modal {
  overflow: hidden;
}

.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;
}

.modal._active {
  visibility: visible;
}

.modal._active .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: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 {color:#222222;font-size: 0.8rem;}
.vlt-navbar-contacts a:hover{color: #00639c;}


img {    display: block;    max-width: 100%;    margin: auto;  max-height: 100%;}
.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;color: #000;} */
.vlt-offcanvas-menu .vlt-language-switcher a.is-active{color: #64c1f7;}
.vlt-offcanvas-menu .vlt-language-switcher a{color: #fff;}
.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-fullpage-slider .vlt-section .ani-image {
	overflow: hidden;
	/* position: relative; */
	top: 0;
	left: 0;
  position: absolute; width: 100%;height: 100%;
}

.vlt-fullpage-slider .vlt-section .ani-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.vlt-fullpage-slider .vlt-section .ani-image img:last-child {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-animation: breathImg 18s ease-in-out both infinite;
	-moz-animation: breathImg 18s ease-in-out both infinite;
	-ms-animation: breathImg 18s ease-in-out both infinite;
	animation: breathImg 18s 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);
	}
	30% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	70% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes breathImg {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	30% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	70% {
		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: 100px;}
.slogin .swiper-slide {height: 100px;text-align: center;}
.swiper-slide .text {transition-duration: .3s;opacity: 0;font-size: 70px;line-height: 1.25;color: #fff;}
.swiper-slide-duplicate-active .text,.swiper-slide-active .text {transform: translateX(0);opacity: 1;}
.slogin-fixed {font-size: 30px;color: #fff;text-align: centermargin-top: -18px;letter-spacing: 0.12em;}

  

.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: url(../img/map_balck_whole_bg.jpg) center no-repeat; */
  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_black_bg.png) center no-repeat;
  position: relative;
}

.region-list {
  position: absolute;
  left: 0;
  top: 0;
}
.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: #be0019;
}

.region-list.active .area-box .pulse {
  border-color: #be0019;
  top: -39px;
  left: -39px;
  height: 88px;
  width: 88px;
  -webkit-box-shadow: 0 0 12px #be0019,0 0 20px #be0019 inset;
  -moz-box-shadow: 0 0 12px #be0019,0 0 20px #be0019 inset;
  box-shadow: 0 0 12px #be0019,0 0 20px #be0019 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;
  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;
}
.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);transition: .1s;}
.region-list.waite .show-regin span {
  color: #ccc;
}
.postition-2 {
  left: 531px;
  top: 400px;
}
.postition-6 {
  left: 630px;
  top: 426px;
}

.postition-7 {
  left: 659px;
  top: 148px;
}

  .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: 640px;
  top: 410px;
}

.postition-9 {
  left: 637px;
  top: 371px;
}
.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 video{height: 112%;position: absolute;top: auto;left: 50%;bottom: 0;transform: translate(-50%, 0);}

.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}
.home_home_{display: none;}

@media (min-width: 482px){
.wenben{animation-delay:3.8s;}
.slogin {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;}
.more_{margin-top: 10%;position: absolute;  left: 50%;bottom:15%;  right: 50%;  transform: translateX(-50%);}
.home_home{position: absolute;top: 30%;left: 0%;}}
.home_home:nth-child(2){left: 27%;}
@media (max-width: 1200px){.prolist dt{height: 190px;}}
@media (max-width: 980px){
.erji, .erjii{position: relative;top: 0;left: 0;background: unset;margin: 0;flex-direction: column;padding: 2px 7px;}
.sf-menu li i{min-width:30px;padding: 5px 10px;float:right}
.sf-menu a{width: calc(100% - 40px);text-align: start;}
.sf-menu .erji a,.sf-menu .erjii a{display: block;margin: 3px;color: #fff;}
}
@media (max-width: 769px){[data-anchor="Sanse"] .vlt-section__content{padding: 7.5rem 0;}}
@media (max-width: 481px){
  .home_home_{display: block;}
  .vlt-section video{display: none;}
  body{font-size: 15px;}
  .vlt-footer--fixed{display: none;}
  .about_us_cp{flex-wrap:wrap}
  .about_us_cp3,.about_us_cp2{width: 100%;}
  .prolist dl{width: 50%;}
  .about img{height: auto;}
  .vlt-fullpage-slider .vlt-section__content{padding: 4.5rem 0;}
  .vlt-fullpage-slider .vlt-section .vlt-section__ken-burn-background{width: 100% !important;}
  .slogin-scroll{padding: 0;}
  .home_home{margin-top: 25%;top: 0 !important;}
  .home_home:nth-child(2){margin: 13% 0;}
  .col-sy .col-xl-2{width: 44%;}
  .slogin{margin: 10% 0 20%;}
  /* .home_home,.slogin,.more_{position: relative;}
    .slogin{top: 0;left: 0;transform: none;} */
  .more_{margin-bottom: 20%;}
  .about_ b{font-size: 84px;}
  .about_ span{font-size: 22px;}
  .about_ i{font-size: 53.5px;}
  .modal-wrapper{flex-wrap: wrap;}
  .modal-wrapper img{width: 100%;}
  .disapp{display: none;}
  .vlt-footer .vlt-language-switcher{    display: flex;  flex-direction: column;display:-webkit-flex;min-width:30px;-webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;}
  .h1.vlt-large-heading, h1.vlt-large-heading{font-size: 2.3rem;}
  .vlt-footer .vlt-language-switcher a+a{margin: 0;}
  .news .swiper-slide{flex-direction: column;}
  .vlt-post--masonry .vlt-post-content{width: auto;height: auto;padding: 0;}
  .postition-2{left: 131px;}
  .postition-6{left: 230px;}
  .postition-7{left: 259px;}
  .postition-8{left: 240px;}
  .postition-9{left: 237px;}
  .china-map{width: 348px;background: url(../img/map_black_bg.png) right;}
  .swiper-slide .text{font-size: 2.5rem;}
.slogin-fixed{font-size:24px;}
.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;}
.vlt-offcanvas-menu__navigation a{}
/*.vlt-navbar--solid .xxx{background:#000}*/
}