/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
@font-face {
  font-family: "gilroy";
  font-weight: 100;
  src: url("../fonts/Gilroy-Thin-13.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 300;
    src: url("../fonts/Gilroy-Light-11.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: regular;
    src: url("../fonts/gilroy-regular-3.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 500;
    src: url("../fonts/Gilroy-Medium-2.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: bold;
    src: url("../fonts/gilroy-bold-4.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 700;
    src: url("../fonts/Gilroy-ExtraBold.otf") format("opentype");
}
@font-face {
    font-family: "gilroy";
    font-weight: 900;
    src: url("../fonts/gilroy-black-6.otf") format("opentype");
}
@font-face {
  font-family: "Mg";
  font-weight: bold;
  src: url("../fonts/Morganite-ExtraBold-5.ttf") format("truetype");
}
@font-face {
  font-family: "Mg";
  font-weight: 900;
  src: url("../fonts/Morganite-Black-2.ttf") format("truetype");
}
.Mg{font-family: 'Mg';font-weight: 900; letter-spacing:2px;}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_5t8650575w.woff2?t=1753080052658') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_5t8650575w.woff?t=1753080052658') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_5t8650575w.ttf?t=1753080052658') format('truetype');
}
html{overflow-x: hidden;font-size: 16px;}
body {min-width: 320px;color: #0e0301;overflow: hidden;font-family:"gilroy","PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro","Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei,tahoma, Arial, Verdana, sans-serif;}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: #787878!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.goomay a:hover{color: #fff!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
*{word-break:normal !important}
li {list-style: none;}
i {font-style: normal;}
a {color: #0e0301;}
a:focus{text-decoration: none;outline: none;color:#0e0301;}
a:hover { color: #0e0301;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border: 0;max-width: 100%;}
.relative {position: relative;}
.container {max-width: 1200px;  padding: 0 10px;}
.container2 {max-width: 100%; width:100%;  margin: 0 auto; padding: 0 11.458vw;}
.container3 {max-width: 100%; width:100%;  margin: 0 auto; padding: 0 8.33vw;}
#page{padding-top: 0px; overflow: hidden;}
#page.ov{overflow: inherit;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; transition: .3s all;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top:-100px;display: block;height: 0;overflow: hidden;}
img[src=""],img:not([src]){opacity:0 !important;}
.table{display: table;width: 100%;height: 100%;margin:0;}
.table>.middle{display: table-cell;vertical-align: middle;}
.none{display: none !important;}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.swiper-container,.swiper-container .swiper-slide{position: relative;}
.swiper-container{
  --swiper-theme-color: #f32b14;/* 设置Swiper风格 */
  --swiper-preloader-color: #f32b14;/* 单独设置预加载圆圈的颜色 */
}
/* 滚动条 */
::-webkit-scrollbar{width: 3px;  height: 5px;  background-color: #F5F5F5;  }  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 0;background-color: #F5F5F5;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{border-radius: 0;background-color: #f32b14;border-radius: 3px;}  
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
/*IE滚动条颜色*/
html {scrollbar-face-color:#bfbfbf;/*滚动条颜色*/scrollbar-highlight-color:#000;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000;scrollbar-Shadow-color:#adadad;/*滑块边色*/scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/scrollbar-track-color:#eeeeee;/*背景颜色*/}

/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}



.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 1.0416vw;}
.f22{font-size: 1.145833vw;}
.f24{font-size: 1.25vw;}
.f26{font-size: 1.35416vw;}
.f28{font-size: 1.4583vw;}
.f30{font-size: 1.5625vw;}
.f32{font-size: 1.666vw;}
.f36{font-size: 1.875vw;}
.f38{font-size: 1.979vw;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.1875vw;}
.f44{font-size: 2.2916vw;}
.f46{font-size: 2.396vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f52{font-size: 2.708vw;}
.f54{font-size: 2.8125vw;}
.f56{font-size: 2.917vw;}
.f60{font-size: 3.125vw;}
.f64{font-size: 3.333vw;}
.f66{font-size: 3.438vw;}
.f70{font-size: 3.64583vw;}
.f72{font-size: 3.75vw;}
.f76{font-size: 3.958vw;}
.f80{font-size: 4.16vw;}
.f90{font-size: 4.6875vw;}
.f100{}
/* header */
.header{width: 100%;z-index: 999;position: fixed;top:0;left: 0;transition: 0.35s;}
.header .inner{transition: 0.36s;background: transparent;position: relative;font-weight: 500;}
.header .inner .flex{display: -webkit-flex;display: -ms-flexbox;display: flex;height: 6.25vw;min-height: 60px;transition: 0.5s;align-items: center;padding: 0 5.208vw;}
.header .inner .logo{font-size: 0;position: absolute;left:50%;top: 1.198vw;transform: translateX(-50%);line-height: 1;transition: .25s;}
.header .inner .logo img{transition: 0.35s;width: 6.875vw;min-width: 60px;filter: brightness(0) invert(1);}
.header .inner nav {margin-right: auto;}
.header .inner nav ul{font-size: 0;display: flex;}
.header .inner nav ul li{display: flex;align-items: center;margin-right: 1.563vw;position: relative;}
.header .inner nav ul li:last-child{margin-right: 0;}
.header .inner nav ul li>a{transition: color 0.3s;display: flex;align-items: center;line-height: 1;position: relative;color:#fff;padding: 10px 0;}
.header .inner nav ul li>a span{margin-right: 5px;}
.header .inner nav ul li>a i.fa{color:#f32b14;}
.header .inner nav ul li .child{white-space: nowrap;position: absolute;top:100%;margin-top:10px;left:50%;transform: translateX(-50%);display: none;padding: 15px 10px;background: rgba(255,255,255,1);box-shadow: 0 0 5px 2px rgba(0,0,0,0.05);min-width: 164px;text-align: center;border-radius: 5px;line-height: 1;}
.header .inner nav ul li .child::before{content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid rgba(255,255,255,1);position: absolute;left: 50%;margin-left: -5px;bottom: 100%;}
.header .inner nav ul li .child p{padding:0;margin-bottom: 12px;}
.header .inner nav ul li .child p:last-child{margin-bottom: 0;}
.header .inner nav ul li .child a{font-size:15px;color:#222;text-transform: none;transition: 0.35s;font-weight: 500;}
.header .inner nav ul li .child a:hover{color: #f32b14;}
.header .inner .language{font-size: 0;height: 35px;position: relative;margin-right: 20px;}
.header .inner .language .inner_lang>a{display: flex;align-items: center;padding: 0 10px;height: 35px;line-height: 35px;white-space: nowrap;color:#fff;transition: .25s;}
.header .inner .language .inner_lang>a i.iconfont{color:#f32b14;}
.header .inner .language .inner_lang>a span{margin: 0 5px 0 8px;}
.header .inner .language .lang-none{display: none;position: relative;z-index: 3;}
.header .inner .language .lang-none a{display: block;text-align: center;height: 35px;line-height: 35px;color:#000;background: #fff;}
.header .inner .language:hover .inner_lang{box-shadow: 0px 0px 9px 0px rgba(6, 0, 1, 0.18);background: #fff;}
.header .inner .language:hover .inner_lang>a{color:#000;}
.header .inner .language .lang-none a:hover{background: #000;color:#fff;}
.header .inner .index-search{position: relative;font-size: 0;line-height: 1;}
.header .inner .index-search>a{display: flex;align-items: center;justify-content: center;transition: 0.35s;color:#fff;width: 38px;height: 38px;background: #f32b14;border-radius: 50%;}
.header .inner .index-search i.iconfont{font-size: 21px;}
.header .inner .index-search .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;}
.header .inner .index-search .content .container{position: relative;height: 100%;}
.header .inner .index-search .content .s-content{background: #fff;text-align: center;padding:5vh 0;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .inner .index-search .content a.close{position: absolute;font-size: 32px;top:10px;right: 20px;}
.header .inner .index-search .content .title{color:#242424;margin-bottom: 10px;line-height: 1.5;font-weight: 500;}
.header .inner .index-search .content .input{font-size: 0;line-height: 1;}
.header .inner .index-search .content input{height: 60px;outline: none;vertical-align: middle}
.header .inner .index-search .content .inpt3{padding-left: 20px;border:1px solid #d2d2d2;font-size: 16px;width: 60%;color:#292929;}
.header .inner .index-search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .inner .index-search .content .inpt4{width: 60px;background: #313131;border:none;color:#fff;font-family: 'iconfont';}
.header .inner .index-search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}
.header .inner .contact{display: flex;align-items: center;color:#fff;margin-right: 2.344vw;line-height: 1;}
.header .inner .contact i.iconfont{color:#f32b14;margin-right: 6px;}

.header.active{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.15)}
.header.active .inner .flex{height: 80px;}
.header.active .inner .logo{top: auto;}
.header.active .inner .logo img{width: 4.5vw;filter: none;} 
.header.active .inner nav ul li>a,.header.active .inner .language a,.header.active .inner .contact{color:#0e0301;}
.header.header-2 .inner .logo img{filter: brightness(0) invert(1);}
.header.header-3 .inner nav ul li>a,.header.header-2 .inner nav ul li>a,.header.header-2 .inner .language a,.header.header-2 .inner .contact{color:#fff;}




/* banner */
#index-body .section{height: 100vh;}
.col-banner {transition: 0.5s all ease;position: relative;padding: 0 !important;overflow: hidden;}
.col-banner .swiper-slide {font-size: 0;}
.col-banner .swiper-slide .img{font-size: 0;width: 100%;height: 100%;}
.col-banner .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
.col-banner .swiper-slide .ban_cont{position: absolute;top: 50%;transform: translateY(-50%);color:#fff;left: 0;width: 100%;z-index: 2;transition: .15s;}
.col-banner .swiper-slide .ban_cont .content{opacity: 0;position: relative;}
#col-index-banner .banner-container .swiper-slide::after{content:'';width: 37.188vw;height: 37.188vw;border-radius: 50%;border:6.25vw solid rgba(243,43,20,.2);position: absolute;left: -11.823vw;bottom: -22.865vw;z-index: 1;}
#col-index-banner .banner-container .swiper-slide {height: 100vh !important;position: relative;}
#col-index-banner .banner-container .swiper-slide video{width: 100vw;height: 100%;object-fit: cover;position: relative;}
#col-index-banner .banner-container .swiper-slide .ban_cont .content .title{font-size: 7.344vw;line-height: 0.834;max-width: 520px;text-transform: uppercase;}
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content{font-weight: 700;}
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3{font-family: 'Mg';font-weight: 900;margin-top: 3.646vw;font-size: 2.969vw;line-height: .9;}
#col-banner .swiper-container{position: fixed;top: 0;left: 0;width: 100%;z-index: 1;} 
#col-banner .swiper-container,#col-banner {height: 46.875vw !important;min-height: 280px;}
#col-banner .swiper-container .swiper-slide .ban_cont .content{padding-right: 31.354vw;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .namemark{font-weight: bold;}
#col-banner .swiper-container .swiper-slide .ban_cont .content h2{font-size: 9.0625vw;line-height: 0.8;text-transform: uppercase;margin-bottom: 6.25vw;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .mbx{display: flex;align-items: center;font-weight: 500;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .mbx a{color:#fff;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .mbx i.fa{margin-right: 15px;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .s-content{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 31.354vw;}
#col-banner .swiper-container .swiper-slide .ban_cont .content .s-content img{width: 100%;}

#index-body .fadein{opacity: 0;transition: 0.2s;}
#index-body .fadeinup{transform: translateY(40px);opacity: 0;transition: 0.2s;}
#index-body .fadeinleft{transform: translateX(-40px);opacity: 0;transition: 0.2s;}
#index-body .fadeinright{transform: translateX(40px);opacity: 0;transition: 0.2s;}
#index-body .section.active .fadein{opacity: 1;transition: 0.5s;transition-delay: 0.6s;}
#index-body .section.active .fadeinup,#index-body .section.active .fadeinleft,#index-body .section.active .fadeinright{transform: none;opacity: 1;transition: 0.5s;transition-delay: 0.6s;}
#index-body .section.active .delay1{transition-delay: 0.7s;}
#index-body .section.active .delay2{transition-delay: 0.8s;}
#index-body .section.active .delay3{transition-delay: 0.9s;}
#index-body .section.active .delay4{transition-delay: 1s;}
#index-body .section.active .delay5{transition-delay: 1.1s;}
#index-body .section.active .delay6{transition-delay: 1.2s;}
#index-body .section.active .delay7{transition-delay: 1.3s;}
#index-body .section.active .delay8{transition-delay: 1.4s;}
#index-body .section{height: 100vh;}
.init-1{position: relative;overflow: hidden;}
.init-1 .circle{width: 37.188vw;height: 37.188vw;border-radius: 50%;background: linear-gradient(to bottom,rgba(243,43,20,1),rgba(243,43,20,.2));position: absolute;left: -11.823vw;top: -14.323vw;z-index: -1;}
.init-1 .circle::after{content:'';width: 24.688vw;height: 24.688vw;border-radius: 50%;background: #fff;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.init-1 .flex{justify-content: space-between;align-items: flex-end;margin-bottom: 1.563vw;line-height: 1;flex-wrap: wrap;}
.init-1 .flex .right{color:#f6f6f6;text-align: right;}
.init-1 .flex .right .title{text-transform: uppercase;}
.init-1 .flex h2{font-size: 5.208vw;text-transform: uppercase;line-height: 1;}
.init-1 .slides{position: relative;}
.init-1 .slides .swiper-button{width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;background: #fff;position: absolute;top: 50%;margin-top: 0;transform: translateY(-50%);outline: none;opacity: 1;box-shadow: 0px 0px 17.64px 3.36px rgba(8, 4, 5, 0.13);border-top-left-radius: 0.521vw;border-bottom-right-radius: 0.521vw;color:#0e0301;pointer-events: inherit;transition: .25s;}
.init-1 .slides .swiper-button::after{display: none;}
.init-1 .slides .swiper-button-prev{left: -5.781vw;}
.init-1 .slides .swiper-button-next{right: -5.781vw;}
.init-1 .slides .swiper-button:hover{background: #f32b14;color:#fff;}
.init-1 .slides .swiper-slide .img{border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.init-1 .slides .swiper-slide .title{text-align: center;font-weight: bold;margin-top: 1.25vw;text-transform: uppercase;transition: .25s;}
.init-1 .slides .swiper-slide:hover .title{color: #f32b14;}
.init-1 .child{display: flex;border-radius: 41px;background: #f6f6f6;margin-top: 2.5vw;}
.init-1 .child a{padding: 9px 10px;transition: .25s;font-weight: 500;flex-grow: 2;text-align: center;border-radius: 41px;display: flex;align-items: center;justify-content: center;}
.init-1 .child a:hover{background: #f4432f;color:#fff;}
.init-1 .child a.more{background: #f4432f;color:#fff;text-transform: uppercase;flex-grow: 1;width: 11.458vw;min-width: 120px;}
.init-2 {position: relative;z-index: 1;}
.init-2::after{content:'';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.2));z-index: -1;}
.init-2 .videoBg{position: absolute;left: 0;top:0;width: 100%;height: 100%;object-fit: cover;z-index: -2;}
.init-2 .flex{justify-content: space-between;flex-wrap: wrap;align-items: flex-end;color:#fff;}
.init-2 .flex .left{width: 42%;padding-left: 11.458vw;}
.init-2 .flex .left .title{line-height: 1;}
.init-2 .flex .left h2{font-size: 5.208vw;text-transform: uppercase;line-height: 1;margin-bottom: 2.604vw;}
.init-2 .flex .left .content{line-height: 1.389;margin-bottom: 3.125vw;}
.init-2 .flex .left .videoBox{display: flex;align-items: center;}
.init-2 .flex .left .videoBox a.play{width:3.75vw;height: 3.75vw;max-width: 72px;max-height: 72px;min-width: 35px;min-height: 35px;border-radius: 50%;background: #f32b14;color:#fff;display: flex;align-items: center;justify-content: center;position: relative;padding-left: 0.23vw;margin-right: 28px;}
.init-2 .flex .left .videoBox a.play::after{content:'';width: 125%;height: 125%;border-radius: 50%;background: rgba(243,43,20,.2);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.init-2 .flex .left .videoBox a.play::before{content:'';width: calc(125% + 6px);height: calc(125% + 6px);border-radius: 50%;background: rgba(243,43,20,.2);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.init-2 .flex .left .videoBox .desc ul{display: flex;align-items: center;line-height: 0.91;font-size: 1.875vw;text-transform: uppercase;max-width: 150px;}
.init-2 .flex .left .videoBox .desc ul li:nth-child(1){font-size: 4.531vw;margin-right: 6px;}
.init-2 .flex .right{width: 41%;}
.init-2 .flex .right .num ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.init-2 .flex .right .num ul li{font-weight: 500;width: 49%;margin-top: 2.083vw;}
.init-2 .flex .right .num ul li p:nth-child(1) {border-bottom: 1px solid rgba(255,255,255,.2);font-size: 5.365vw;font-family: 'Mg';font-weight: 900;line-height: .8;margin-bottom: 6px;}
.init-2 .flex .right .num ul li p:nth-child(1) .odometer{font-family: 'Mg';line-height: .8;vertical-align: baseline;font-weight: 900;}
.init-3{position: relative;}
.init-3::after{content:'';width: 11.302vw;height: 8.594vw;background: url(../images/bg.jpg) no-repeat center/100% 100%;position: absolute;top: 8.906vw;right: 0;z-index: -1;}
.init-3 .flex{flex-wrap: wrap;justify-content: space-between;align-items: center;}
.init-3 .flex .left{width: 43%;color:#fff;}
.init-3 .flex .left .bg{position: absolute;width: 50%;height: 100%;z-index: -1;left: 0;top: 0;}
.init-3 .flex .left .bg img{width: 100%;height: 100%;object-fit: cover;}
.init-3 .flex .left .title{font-size: 10.313vw;line-height: 0.835;max-width: 340px;margin-bottom: 3.125vw;text-transform: uppercase;}
.init-3 .flex .left .content{font-weight: 700;}
.init-3 .flex .left .content h3{font-family: 'Mg';font-size: 2.917vw;line-height: 0.88;font-weight: 900;}
.init-3 .flex .right{width:43%}
.init-3 .flex .right .title{line-height: 1;margin-bottom: 2.5vw;}
.init-3 .flex .right .title h2{line-height: 1;font-size: 5.313vw;}
.init-3 .flex .right .slides{position: relative;}
.init-3 .flex .right .swiper-container{padding-right: 4.271vw;margin-right: -11.458vw;}
.init-3 .flex .right .swiper-container .swiper-slide .img{border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.init-3 .flex .right .swiper-container .swiper-slide .playBtn{color:#fff;position: absolute;bottom: 1.094vw;right: 1.25vw;display: flex;align-items: center;}
.init-3 .flex .right .swiper-container .swiper-slide .playBtn span{margin-right: 10px;}
.init-3 .flex .right .swiper-container .swiper-slide .playBtn i.fa{width: 3.125vw;height: 3.125vw;border-radius: 50%;background: #f32b14;color:#fff;max-width: 60px;max-height: 60px;min-width: 30px;min-height: 30px;display: flex;align-items: center;justify-content: center;padding-left: 0.2vw;}
.init-3 .flex .right .swiper-container a.more{margin-top: 2.865vw;margin-left: 21.875vw;width: 11.51vw;height: 2.656vw;max-width: 221px;min-width: 120px;min-height: 30px;max-height: 51px;display: flex;align-items: center;justify-content: center;background: #f4432f;color:#fff;font-weight: 500;text-transform: uppercase;border-radius: 50px;}
.init-3 .flex .right .slides .swiper-button{width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;background: #fff;position: absolute;top:auto;bottom: 0;margin-top: 0;outline: none;opacity: 1;box-shadow: 0px 0px 17.64px 3.36px rgba(8, 4, 5, 0.13);border-top-left-radius: 0.521vw;border-bottom-right-radius: 0.521vw;color:#0e0301;pointer-events: inherit;transition: .25s;}
.init-3 .flex .right .slides .swiper-button::after{display: none;}
.init-3 .flex .right .slides .swiper-button-prev{left:0;}
.init-3 .flex .right .slides .swiper-button-next{right: auto;left: 75px;}
.init-3 .flex .right .slides .swiper-button:hover{background: #f32b14;color:#fff;}
.init-4 .title{line-height: 1;margin-bottom: 2.5vw;}
.init-4 .title h2{line-height: 1;font-size: 5.313vw;}
.init-4 .slides{position: relative;}
.init-4 .slides .swiper-button{width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;background: #fff;position: absolute;top: 50%;margin-top: 0;transform: translateY(-50%);outline: none;opacity: 1;box-shadow: 0px 0px 17.64px 3.36px rgba(8, 4, 5, 0.13);border-top-left-radius: 0.521vw;border-bottom-right-radius: 0.521vw;color:#0e0301;pointer-events: inherit;transition: .25s;}
.init-4 .slides .swiper-button::after{display: none;}
.init-4 .slides .swiper-button-prev{left: -5.781vw;}
.init-4 .slides .swiper-button-next{right: -5.781vw;}
.init-4 .slides .swiper-button:hover{background: #f32b14;color:#fff;}
.init-4 .slides .swiper-slide{height: auto;}
.init-4 .slides .swiper-slide a{display: block;width: 100%;height: 100%;background: url(../images/bg2.jpg) no-repeat center/cover;padding: 3vh 25px;border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.init-4 .slides .swiper-slide a .date{margin-bottom: 2.083vw;}
.init-4 .slides .swiper-slide a .date p.f40{color:#f32b14;font-weight: bold;line-height: 1.1;}
.init-4 .slides .swiper-slide a .date p.f12{font-size: 12px;color:#5d5d5d;}
.init-4 .slides .swiper-slide a h3{line-height: 1.361;font-weight: bold;margin-bottom: 2vh;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-webkit-line-clamp: 2;-moz-line-clamp: 2;-ms-flex-line-pack: center;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: .25s;}
.init-4 .slides .swiper-slide a .s-content{font-weight: 500;line-height: 1.361;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-webkit-line-clamp: 5;-moz-line-clamp: 5;-ms-flex-line-pack: center;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.init-4 .slides .swiper-slide a i.iconfont{color:#f32b14;margin-top: 2.396vw;display: block;}
.init-4 .slides .swiper-slide a:hover h3{color:#f32b14;}

.footer{position: relative;z-index: 1;}
.footer .mask{width: 2.604vw;height: 2.604vw;background: #e6e7e6;position: absolute;left: 0;top: 0;z-index: -1;}
.footer.inner-footer .mask{background: #fff;width: 100%;height: 100%;}
.footer .wrap{background: #161616;border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;position: relative;color:#787878;}
.footer .flex{padding: 4.792vw 0 7.396vw;justify-content: space-between;flex-wrap: wrap;}
.footer .flex h2,.footer .flex h2 a{color:#fff;text-transform: uppercase;}
.footer .flex .left{width: 16%;}
.footer .flex .left .logo{margin-bottom: 12px;}
.footer .flex .left .logo a{display: flex;align-items: center;}
.footer .flex .left .logo a img{width: 3.438vw;;max-width:66px;min-width: 30px;margin-right: 8px;}
.footer .flex .left .logo a .title{color:#fff;font-weight: bold;}
.footer .flex .left .logo a .title h3{font-family: 'Mg';line-height: 1;font-size: 1.354vw;font-weight: 900;}
.footer .flex .left .content{line-height: 1.389;color: rgb(120, 120, 120);font-weight: 500;}
.footer .flex .center{width: 40%;}
.footer .flex .center .footer-nav{display: flex;justify-content: space-between;}
.footer .flex .center .footer-nav li .child{margin-top: 2vh;}
.footer .flex .center .footer-nav li .child p{margin-bottom: 6px;}
.footer .flex .center .footer-nav li .child p a{display: flex;align-items: center;color:#787878;transition: .25s;font-weight: bold;}
.footer .flex .center .footer-nav li .child p a i.fa{margin-right: 5px;font-weight: bold;}
.footer .flex .center .footer-nav li .child p a:hover{color:#fff;}
.footer .flex .right{width: 30%;padding-left: 3.75vw;}
.footer .flex .right::before{content: "";width: 1px;height: 90%;background: #454545;position: absolute;left: 0;top: 10%;}
.footer .flex .right .contact{margin-top: 2vh;line-height: 1.389;font-weight: 500;}
.footer .bottom{display: flex;align-items: center;justify-content: space-between;padding-bottom: 2.5vw;}
.footer .bottom .copyright{font-weight: bold;}
.footer .bottom .copyright a{color:#787878;}
.footer .bottom .share {display: flex;align-items: center;}
.footer .bottom .share a{position: relative;width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;border-radius: 50%;border: 1px solid #444444;display: flex;align-items: center;justify-content: center;margin-right: 6px;color:#838383;transition: .25s;}
.footer .bottom .share a:hover{color:#fff;border-color: #fff;}

#gotoTop{position: fixed;z-index: 999;bottom: 50px;right: 1.5vw;width: 45px;height: 45px;text-align: center;line-height: 45px;background: #f32b14;color:#fff;font-size: 20px;display: none;cursor: pointer;border-radius: 50%;transition: 0.25s;}

/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#666;padding:0 2px;margin:0 10px;font-size: 18px;}
.page ul li.disabled a{border:none;background: none;}
.page ul li.active a{border:none;background: none;color: #f32b14;border-bottom: 4px solid #f32b14;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}
/* 内页 */
.overflow{overflow: hidden;}
.overflow img,.smallImg img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.smallImg:hover img{-webkit-transform:scale(0.92);transform:scale(0.95);}
.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 9999999999;display: none;text-align: center;padding:5vh 1vw;}
.videoPop .col-video2{position: relative;width: 100%;height: 100%;}
#Video{max-width: 100%;max-height: 100%;position: absolute;max-width: 970px;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#videoClose{position: absolute;right:10px;top:5px;color: #fff;cursor: pointer;font-size: 36px;transition: 0.5s;z-index: 99;}
#videoClose:hover{color: #eee;}

.col-page{background: #fff;position: relative;z-index: 1;}

.col-page-about h2{/*font-size: 6.25vw;*/color:#364151;line-height: 1;margin-bottom: 2.813vw;text-transform: uppercase;}
.col-page-about .col-1{padding: 5.208vw 0;}
.col-page-about .col-1 .content{padding-right: 21.25vw;position: relative;font-weight: 500;color: #364151;line-height: 1.66;}
.col-page-about .col-1 .content ul{position: absolute;top: 0;right: 0;}
.col-page-about .col-1 .content ul li{margin-bottom: 1.5vw;transition: .25s;}
.col-page-about .col-1 .content ul li:last-child{margin-bottom: 0;}
.col-page-about .col-1 .content ul li p:nth-child(1),.col-page-about .col-1 .content ul li .odometer{font-family: 'Mg';font-weight: 900;line-height: .8;vertical-align: baseline;font-size: 3.646vw;}
.col-page-about .col-1 .content ul li:hover{color:#f32b14}
.col-page-about .col-2{padding: 14.167vw 0;color:#fff;}
.col-page-about .col-2 .flex{align-items: center;justify-content: space-between;}
.col-page-about .col-2 h2{margin-bottom: 0;color:#fff;line-height: .8;}
.col-page-about .col-2 .content{font-weight: bold;}
.col-page-about .col-2 a.play{width:3.75vw;height: 3.75vw;max-width: 72px;max-height: 72px;min-width: 35px;min-height: 35px;border-radius: 50%;background: #f32b14;color:#fff;display: flex;align-items: center;justify-content: center;position: relative;padding-left: 0.23vw;z-index: 1;}
.col-page-about .col-2 a.play::after{content:'';width: 125%;height: 125%;border-radius: 50%;background: rgba(243,43,20,.2);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.col-page-about .col-2 a.play::before{content:'';width: calc(125% + 6px);height: calc(125% + 6px);border-radius: 50%;background: rgba(243,43,20,.2);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;}
.col-page-about .col-3{padding: 10.417vw 0 11.458vw;}
.col-page-about .col-3 .flex{align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.col-page-about .col-3 .flex h2{width: 29.7%;}
.col-page-about .col-3 .flex .content{width: 70.3%;}
.col-page-about .col-3 .flex .content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-page-about .col-3 .flex .content ul li{width: 28%;font-weight: 500;line-height: 1.66;}
.col-page-about .col-3 .flex .content ul li p:nth-child(1){font-family: 'Mg';font-weight: 900;color:#ebebeb;line-height: 1;font-size: 6.25vw;}
.col-page-about .col-3 .flex .content ul li strong{color:#364151;font-weight: 900;line-height: 1.214;margin:10px 0 1.25vw;display: block;font-size: 1.458vw;color:#364151;}
.col-page-about .col-4{position: relative;padding: 7vh 0 0;color:#fff;}
.col-page-about .col-4 .mountain{position: absolute;bottom: 0;left:0;width: 100%;z-index: 2;}
.col-page-about .col-4 .flex{align-items: center;margin-bottom: 2.813vw;}
.col-page-about .col-4 .flex h2{color:#fff;margin-right: auto;margin-bottom: 0;}
.col-page-about .col-4 .flex .swiper-button{position: relative;width: 8.33vw;height: 2.813vw;min-width: 40px;min-height: 24px;border-radius: 54px;border: 2px solid #fff;display: flex;align-items: center;justify-content: center;color:#fff;top: auto;left: auto;right: auto;margin-top: 0;outline: none;opacity: 1;pointer-events: auto;transition: .25s;margin: 0 1.25vw 0 0;}
.col-page-about .col-4 .flex .swiper-button::after{display: none;}
.col-page-about .col-4 .flex .swiper-button:hover{border-color: #364151;color:#364151;}
.col-page-about .col-4 .swiper-container .swiper-slide{padding:0 3.125vw 23.438vw 30px;}
.col-page-about .col-4 .swiper-container .swiper-slide::before{content:'';width: 14px;height: 14px;border-radius: 50%;background: #fff;position: absolute;left: 0;top: 1.042vw;}
.col-page-about .col-4 .swiper-container .swiper-slide::after{content:'';width: 2px;height: calc(100% - 1.042vw);position: absolute;left: 6px;top: 1.402vw;background: #fff;}
.col-page-about .col-4 .swiper-container .swiper-slide .title{margin-bottom: 6px;line-height: 1;}
.col-page-about .col-4 .swiper-container .swiper-slide .content{font-weight: 500;line-height: 1.444;}
.col-page-about .col-5{padding: 6.25vw 0;background-color: #f9f9f9;}
.col-page-about .col-6{padding: 6.25vw 0;}
.col-page-about .col-6 .swiper-slide{border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.col-page-about .slide{position: relative;}
.col-page-about .slide .swiper-container a.more{margin-top: 2.5vw;margin-left: auto;width: 11.51vw;height: 2.656vw;max-width: 221px;max-height: 51px;min-width: 120px;min-height: 30px;display: flex;align-items: center;justify-content: center;background: transparent;border: 2px solid #e6232a;color:#364151;font-weight: 500;text-transform: uppercase;border-radius: 50px;transition: .25s;}
.col-page-about .slide .swiper-container a.more:hover{background-color: #e6232a;color:#fff;}
.col-page-about .slide .swiper-button{width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;background: #fff;position: absolute;top:auto;bottom: 0;margin-top: 0;outline: none;opacity: 1;box-shadow: 0px 0px 17.64px 3.36px rgba(8, 4, 5, 0.13);border-top-left-radius: 0.521vw;border-bottom-right-radius: 0.521vw;color:#0e0301;pointer-events: inherit;transition: .25s;}
.col-page-about .slide .swiper-button::after{display: none;}
.col-page-about .slide .swiper-button-prev{left:0;}
.col-page-about .slide .swiper-button-next{right: auto;left: 75px;}
.col-page-about .slide .swiper-button:hover{background: #f32b14;color:#fff;}

.ProductChild{margin-bottom: 2.865vw;display: flex;border-radius: 40px;overflow: hidden;background: #f6f6f6;}
.ProductChild a{flex: 1;padding: 10px;transition: .25s;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;border-radius: 40px;}
.ProductChild a:hover,.ProductChild a.active{background: #f32b14;color:#fff;}
.col-page-product{padding: 3vh 0 6.25vw}
.col-page-product ul.list{display: flex;flex-wrap: wrap;}
.col-page-product ul.list li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.col-page-product ul.list li:nth-child(4n){margin-right: 0;}
.col-page-product ul.list li .img{border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.col-page-product ul.list li h2{text-align:center; padding:15px 0;}
.col-page-product .product-desc{}
.col-page-product .product-desc h2,.col-page-product .product-desc h3,.col-page-product .product-desc h4, .col-page-product .product-desc h5,.col-page-product .product-desc strong,.col-page-product .product-desc p{margin-bottom:15px;}
.col-page-product .product-desc p{line-height:1.75;}
.col-product-detail .pro_show{padding: 3vh 0 6.25vw;}
.col-product-detail .pro_show .flex{align-items: center;justify-content: space-between;flex-wrap: wrap;}
.col-product-detail .pro_show .flex .left{width: 51%;}
.col-product-detail .pro_show .flex .right{width: 40%}
.col-product-detail .pro_show .flex .right h1{font-size: 5.208vw;color:#364151;margin-bottom: 3.542vw;text-transform: uppercase;}
.col-product-detail .pro_show .flex .right .content{line-height: 1.944;}
.col-product-detail .pro_show .flex .right .content strong{color:#364151;font-weight: bold;display: block;font-size: 1.66vw;line-height: 1;}
.col-product-detail .pro_show .flex .right a.more{margin-top: 5vw;width: 13.021vw;height: 2.604vw;max-width: 250px;max-height: 50px;min-width: 120px;min-height: 30px;display: flex;align-items: center;justify-content: center;background: transparent;border: 2px solid #e6232a;color:#364151;font-weight: 500;text-transform: uppercase;border-radius: 50px;transition: .25s;}
.col-product-detail .pro_show .flex .right a.more:hover{background-color: #e6232a;color:#fff;}
.col-product-detail .detail{background: #f6f6f7;padding: 6.25vw 0;}
.col-product-detail .detail h2{margin-bottom: 2.5vw;text-transform: uppercase;color:#364151;}
.col-product-detail .detail .content table{width: 100%;}
.col-product-detail .detail .content table td{padding: 1.3vw 0;font-weight: 500;background: #fff;}
.col-product-detail .detail .content table tr:nth-child(1){color:#fff;border-bottom: 8px solid #f6f6f7;}
.col-product-detail .detail .content table tr:nth-child(1) td{font-weight: 300;background: #364151;}
.col-product-detail .detail .content table td:nth-child(1){padding-left: 5vw;}
.col-product-detail .related{padding:6.25vw 0}
.col-product-detail .related h2{margin-bottom: 2.5vw;text-transform: uppercase;color:#364151;}
.col-product-detail .related .slide {position: relative;}
.col-product-detail .related .slide .swiper-container a.more{margin-top: 2.5vw;margin-left: auto;width: 11.51vw;height: 2.656vw;max-width: 221px;max-height: 51px;min-width: 120px;min-height: 30px;display: flex;align-items: center;justify-content: center;background: transparent;border: 2px solid #e6232a;color:#364151;font-weight: 500;text-transform: uppercase;border-radius: 50px;transition: .25s;}
.col-product-detail .related .slide .swiper-container a.more:hover{background-color: #e6232a;color:#fff;}
.col-product-detail .related .slide .swiper-button{width: 2.604vw;height: 2.604vw;max-width: 50px;max-height: 50px;min-width: 30px;min-height: 30px;background: #fff;position: absolute;top:auto;bottom: 0;margin-top: 0;outline: none;opacity: 1;box-shadow: 0px 0px 17.64px 3.36px rgba(8, 4, 5, 0.13);border-top-left-radius: 0.521vw;border-bottom-right-radius: 0.521vw;color:#0e0301;pointer-events: inherit;transition: .25s;}
.col-product-detail .related .slide .swiper-button::after{display: none;}
.col-product-detail .related .slide .swiper-button-prev{left:0;}
.col-product-detail .related .slide .swiper-button-next{right: auto;left: 75px;}
.col-product-detail .related .slide .swiper-button:hover{background: #f32b14;color:#fff;}

.col-page-news{padding: 6.25vw 0;}
.col-page-news h2{color:#364151;margin-bottom: 5.208vw;text-transform: uppercase;font-size: 6.25vw;}
.col-page-news ul.list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.col-page-news ul.list li{width: 48%;margin-bottom: 5%;padding-bottom: 3.5vh;border-bottom: 2px solid #e6e6e6;}
.col-page-news ul.list li a{display: flex;align-items: center;justify-content: space-between;}
.col-page-news ul.list li a .img{width: 34%;overflow: hidden;}
.col-page-news ul.list li a .content{width: 58%;}
.col-page-news ul.list li a .content .title{font-weight: bold;line-height: 1.25;color:#364151;transition: .25s;margin-bottom: 1.66vw;}
.col-page-news ul.list li a .content .info{display: flex;justify-content: space-between;align-items: center;}
.col-page-news ul.list li a .content .info span.date{font-weight: bold;color:#5d5d5d;}
.col-page-news ul.list li a .content .info span.column{color:#364151;}
.col-page-news ul.list li a:hover .content .title{color:#f32b14;}

.col-page-video{padding: 6.25vw 0;}
.col-page-video h2{color:#364151;margin-bottom: 5.208vw;text-transform: uppercase;font-size: 6.25vw;}
.col-page-video ul.list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.col-page-video ul.list li{width: 31%;margin-bottom: 5%;margin-right: 3.5%;position: relative;}
.col-page-video ul.list li:nth-child(3n){margin-right: 0;}
.col-page-video ul.list li .img{border-top-left-radius: 2.604vw;border-bottom-right-radius: 2.604vw;overflow: hidden;}
.col-page-video ul.list li .playBtn{color:#fff;position: absolute;bottom: 1.094vw;right: 1.25vw;display: flex;align-items: center;}
.col-page-video ul.list li .playBtn span{margin-right: 10px;}
.col-page-video ul.list li .playBtn i.fa{width: 3.125vw;height: 3.125vw;border-radius: 50%;background: #f32b14;color:#fff;max-width: 60px;max-height: 60px;min-width: 30px;min-height: 30px;display: flex;align-items: center;justify-content: center;padding-left: 0.2vw;}

.col-news-detail{padding: 6vh 0;}
.col-news-detail h1{font-size: 6.25vw;color:#364151;font-weight: bold;line-height: 0.9;text-transform: uppercase;}
.col-news-detail .info{padding: 12px 0 15px;border-bottom: 1px dotted #c6c6c6;margin-bottom: 4vh;font-size: 1.25vw;font-weight: bold;color:#364151;display: flex;flex-wrap: wrap;}
.col-news-detail .content{line-height: 1.875;font-weight: 500;}
.col-news-detail .content p{margin-bottom: 5px;}
.col-news-detail .content h2{font-weight: bold;margin: 5px 0 12px;font-size: 1.875rem;}
.col-news-detail .content h3{font-weight: bold;margin: 2px 0 8px;font-size: 1.65rem;}
.col-news-detail .content h4{font-weight: bold;margin: 0 0 4px;font-size: 1.5rem;}
.col-news-detail .content hr{border-color: #f32b14;margin: 3vh 0;width: 100%;}
.col-news-detail .content table{width: 100%;}
.col-news-detail .content table td{width: auto;border: 1px solid #ddd;padding: 10px;}
.col-news-detail .content a{display: inline-block;border-bottom: 1px solid;color:#f32b14;}
.col-news-detail .col_page{margin-top: 9vh;}
.col-news-detail .col_page li{padding: 8px 0;color:#5a5a5a;}
.col-news-detail .col_page li:not(:last-child){border-bottom: 1px dotted #c6c6c6;} 
.col-news-detail .col_page li a{color:#9d9d9d;transition: 0.2s;}
.col-news-detail .col_page li a:hover{color:#f32b14;}

.col-page-contact .col-1{padding: 5.208vw 0 11.094vw;}
.col-page-contact .col-1 .flex{position: relative;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.col-page-contact .col-1 .flex .left{width:37%;}
.col-page-contact .col-1 .flex .left table{width: 100%;}
.col-page-contact .col-1 .flex .left table td{width: auto;padding: 2px 0;color:#3a6689;line-height: 1.66;}
.col-page-contact .col-1 .flex .left table td:nth-child(1){padding-left: 15px;padding-right: 1.563vw;}
.col-page-contact .col-1 .flex .left table td img{width: 16px;max-width: none;}
.col-page-contact .col-1 .flex .right{width: 40.5%;position: relative;}
.col-page-contact .col-1 .flex .right .message{background: #fff;border-radius: 21px;padding: 25px 35px 3.75vw;position: absolute;bottom: 0;left: 0;width: 100%;box-shadow: 2px 3.464px 13.6px 2.4px rgba(8, 4, 5, 0.03);color:#3a6689;}
.col-page-contact .col-1 .flex .right .message::before{content:'';width: 80%;height: 4px;background: #e6232a;position: absolute;top: 0;left: 10%;}
.col-page-contact .col-1 .flex .right .message h2{text-transform: uppercase;margin-bottom: 1.875vw;}
.col-page-contact .col-1 .flex .right .message .s-content{line-height: 1.455;margin-bottom: 3.542vw;}
.col-page-contact .col-1 .flex .right .message form ul li {margin-bottom: 15px;}
.col-page-contact .col-1 .flex .right .message form ul li input,.col-page-contact .col-1 .flex .right .message form ul li textarea{width: 100%;height: 50px;border:none;border-bottom: 1px solid #b3cce0;outline: none;background: transparent;}
.col-page-contact .col-1 .flex .right .message form ul li textarea{height: auto;min-height: 150px;padding-top: 10px;}
.col-page-contact .col-1 .flex .right .message form ul li input::-webkit-input-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li input:-moz-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li input::-moz-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li input:-ms-input-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li textarea::-webkit-input-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li textarea:-moz-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li textarea::-moz-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li textarea:-ms-input-placeholder {color: #3a6689;}
.col-page-contact .col-1 .flex .right .message form ul li.code{display: flex;}
.col-page-contact .col-1 .flex .right .message form ul li.code input{width: 120px;}
.col-page-contact .col-1 .flex .right .message form ul li.code img{max-width: calc(100% - 120px);}
.col-page-contact .col-1 .flex .right .message form .sub{padding: 10px 22px;color:#fff;background: #003056;border-radius: 50px;font-weight: bold;border: 4px solid #fff;box-shadow: 2px 3.464px 13.6px 2.4px rgba(8, 4, 5, 0.14);margin-top: 5vh;outline: none;}
.col-page-contact .col-2{background: linear-gradient(to bottom,#f3f9ff,#fff);}
.col-page-contact .col-2 .flex{flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.col-page-contact .col-2 .flex .left{width: 46%;padding: 4.792vw 20px 4vh 11.458vw;}
.col-page-contact .col-2 .flex .left .inner{max-width: 340px;}
.col-page-contact .col-2 .flex .left .inner .namemark{font-weight: 500;color:#e6232a;margin-bottom: 12px;text-transform: uppercase;}
.col-page-contact .col-2 .flex .left .inner h2{color:#3a6689;line-height: 0.834;padding:0 0 1.458vw 0;position: relative;margin-bottom: 1.66vw;text-transform: uppercase;}
.col-page-contact .col-2 .flex .left .inner h2::after{content:'';width: 12.188vw;height:1.354vw;background: url(../images/line.png) no-repeat center/100% 100%;position: absolute;left: 0;bottom: 0;;}
.col-page-contact .col-2 .flex .left .inner .content{color:#3a6689;line-height: 1.455;margin-bottom: 2.083vw;}
.col-page-contact .col-2 .flex .left .inner a.more{display: inline-block;padding: 10px 22px;color:#fff;background: #003056;border-radius: 50px;font-weight: bold;border: 4px solid #fff;box-shadow: 2px 3.464px 13.6px 2.4px rgba(8, 4, 5, 0.14);}
.col-page-contact .col-2 .flex .left .inner a.more>*{display: inline-block;vertical-align: middle;}
.col-page-contact .col-2 .flex .left .inner a.more img{margin-right: 6px;}
.col-page-contact .col-2 .flex .right{width:54%}
.col-page-contact .col-2 .flex .right .map{border-bottom-left-radius: 4.635vw;overflow: hidden;height: 36.094vw;min-height: 240px;}
.col-page-contact .col-2 .flex .right .map iframe{width:100%;height: 100%;}


/* search */
#search{padding: 8vh 0 6vh;overflow:hidden}
#search .goomay-keywords-light{background: #f32b14 !important;color:#ffffff !important;}
#search .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
#search .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
#search .s_head h2{line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color:#333;}
#search .s_body ul{margin-top: 10px;}
#search .s_body ul span{display: block;color: #333;line-height: 40px;}
#search .s_body ul input,.s_body ul select{height: 35px;width: 100%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
#search .s_body .sub input{height: 45px;line-height: 45px;background: #333;border: 0;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;font-size: 16px;}
#search .search_right .no-result{text-align: center;font-size: 30px;color:#333;margin-top:50px;}
#search .search-result-title{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
#search .entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
#search .entry-c{position: relative;overflow: hidden;}
#search .search-result-info{padding:5px 0;}
#search .search-result-info li{display: inline-block;}
#search .entry-content p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#search .search_right em{color: #f32b14;}
#search .search_right .search-result{margin-left:25px;}
#search .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
#search .search_right li{overflow: hidden;}
#search .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
#search .search-result-info li:first-child:before { display: none; }
#search .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
#search .product_img{float: left;}
#search .product_img img{border-radius: 50%;}
#search .product_img img:hover{width: 90px;height: 90px;}
#search .product_body{float: left;margin-left: 20px;margin-top: 10px;}
#search .se_news{float: right;width: 79%;}
#search .news ul li .se_news a {color:#f32b14;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
#search .search_right .news .date em{color: #fff;}


/* media */

@media (max-width: 1800px) {

}
@media (max-width: 1600px) {

  .f14{font-size: 13px;}
  .f15{font-size: 14px;}
  .f16{font-size: 15px;}
  .f17{font-size: 16px;}
  .f18{font-size: 17px;}
  .f20{font-size: 1.2vw;}
  .f22{font-size: 1.3vw;}
  .f24{font-size: 1.4vw;}
  .f26{font-size: 1.5vw;}
  .f28{font-size: 1.6vw;}
  .f30{font-size: 1.7vw;}
  .f32{font-size: 1.8vw;}
  .f36{font-size: 1.9vw;}
  .f38{font-size: 2vw;}
  .f40{font-size: 2.1vw;}
  .f42{font-size: 2.15vw;}
  .f44{font-size: 2.2vw;}
  .f46{font-size: 2.25vw;}
  html{font-size: 15px;}
}
@media (max-width: 1460px) {
  .col-page-contact .col-1 .flex .right .message .s-content{margin-bottom: 12px;}
  .col-page-contact .col-1 .flex .right .message form ul li input, .col-page-contact .col-1 .flex .right .message form ul li textarea{height: 40px;}
  .col-page-contact .col-1 .flex .right .message form ul li textarea{min-height: 100px;}
  .col-page-contact .col-1{padding-top: 8.33vw;}
  .init-3 .flex .right .swiper-container{margin-right: -8.33vw;}
  .container2{padding: 0 8.33vw;}
  .init-2 .flex .left,.col-page-contact .col-2 .flex .left{padding-left: 8.33vw;}
  

  .f14{font-size: 12px;}
  .f15{font-size: 13px;}
  .f16{font-size: 14px;}
  .f17{font-size: 15px;}
  .f18{font-size: 16px;}
  .f20{font-size: 1.3vw;}
  .f22{font-size: 1.4vw;}
  .f24{font-size: 1.5vw;}
  .f26{font-size: 1.6vw;}
  .f28{font-size: 1.7vw;}
  .f30{font-size: 1.8vw;}
  .f32{font-size: 1.9vw;}
  .f36{font-size: 2vw;}
  .f38{font-size: 2.1vw;}
  html{font-size: 14px;}
  
}
@media (max-width: 1200px) {
  .header.active .inner .flex{height: 60px;}
  .init-3 .flex .right .slides .swiper-button-next,.col-page-about .slide .swiper-button-next,.col-product-detail .related .slide .swiper-button-next{left: 40px}

  .f15{font-size: 12.5px;}
  .f16{font-size: 13px;}
  .f17{font-size: 14px;}
  .f18{font-size: 15px;}
  .f20{font-size: 1.55vw;}
  .f22{font-size: 1.65vw;}
  .f24{font-size: 1.7vw;}
  .f26{font-size: 1.75vw;}
  .f28{font-size: 1.8vw;}
  .f30{font-size: 1.85vw;}
  html{font-size: 13px;}
  
}
@media (max-width: 992px) {
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .title,.init-1 .flex h2,.init-2 .flex .left .videoBox .desc ul li:nth-child(1),.init-2 .flex .right .num ul li p:nth-child(1),.init-2 .flex .left h2,.init-3 .flex .right .title h2,.init-4 .title h2,.col-page-about .col-1 .content ul li p:nth-child(1), .col-page-about .col-1 .content ul li .odometer,.col-page-about h2,.col-product-detail .pro_show .flex .right h1,.col-page-news h2,.col-news-detail h1{font-size: 40px;}
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3,.init-2 .flex .left .videoBox .desc ul,.init-3 .flex .left .content h3{font-size: 24px;}
  .col-page-about .col-3 .flex .content ul li strong{font-size: 16px;}
  #col-banner .swiper-container .swiper-slide .ban_cont .content .namemark{font-size: 14px;}
  
  .init-1 .child a{width: 25%;flex-grow: 0;}
  .init-1 .child a.more{min-width: 0;}
  .col-page-contact .col-2 .flex .left .inner h2{padding-bottom: 18px;}
  .col-page-contact .col-2 .flex .left .inner h2::after{width: 120px;height: 14px;}
  .col-page-contact .col-1 .flex .right .message{position: relative;padding: 20px;}
  .col-product-detail .detail .content table td{width: auto;font-size: 12px;}
  .col-product-detail .detail .content table td:nth-child(1){padding-left: 10px;}
  .ProductChild{flex-wrap: wrap;border-radius: 0;}
  .ProductChild a{flex:auto;width: 25%;padding: 5px 10px;}
  #col-banner .swiper-container .swiper-slide .ban_cont .content .mbx i.fa{margin-right: 3px;}
  .footer .flex .left,.footer .flex .right,.footer .bottom{width: 100%;display: block;}
  .footer .bottom .share{margin-top: 10px;}
  .footer .flex .right{padding-left: 0;margin-top: 20px;}
  .init-3 .container2{padding: 0;}
  .init-3 .flex .right .swiper-container a.more{margin-left: auto;}
  .init-3 .flex .left,.init-3 .flex .right{width: 100%;position: relative;}
  .init-3 .flex .left,.init-3 .flex .right,.col-page-contact .col-2 .flex .left{padding: 5vh 5.2vw;}
  .init-3 .flex .left .bg,.col-page-contact .col-2 .flex .left,.col-page-contact .col-2 .flex .right{width: 100%;}
  .init-3 .flex .right .swiper-container{margin-right: 0;padding: 0;}
  .init-2 .wrap{padding: 0 5.2vw;}
  .init-2 .flex .left,.init-2 .flex .right,.col-page-about .col-3 .flex h2,.col-page-about .col-3 .flex .content,.col-product-detail .pro_show .flex .left,.col-product-detail .pro_show .flex .right,.col-page-news ul.list li,.col-page-contact .col-1 .flex .left,.col-page-contact .col-1 .flex .right{width: 100%;max-width: none;margin-bottom: 25px;}
  .init-2 .flex .left{padding: 0;}
  .init-1 .child{flex-wrap: wrap;border-radius: 0;}
  .init-1 .slides .swiper-button-prev,.init-4 .slides .swiper-button-prev{left: -4vw;}
  .init-1 .slides .swiper-button-next,.init-4 .slides .swiper-button-next{right: -4vw;}
  .container2{padding: 0 5.2vw;}
  .header .inner .flex{padding: 0 10px 0 20px;}
  .header .inner nav,.header .inner .language,.init-3::after,.footer .flex .center,#col-banner .swiper-container .swiper-slide .ban_cont .content .mbx,.footer .flex .right{display: none !important;}
  .header .inner .logo{position: relative;left: auto;top: auto;transform: none;margin-right: auto;top: 0 !important;}
  
  #sider a,#gotoTop{width: 35px;height: 35px;line-height: 35px;font-size: 18px;}

  
  
  .f15{font-size: 12.2px;}
  .f16{font-size: 12.5px;}
  .f17{font-size: 13px;}
  .f18{font-size: 14px;}
  .f20{font-size: 16px;}
  .f22{font-size: 17px;}
  .f24{font-size: 17.5px;}
  .f26{font-size: 18px;}
  .f28{font-size: 19px;}
  .f30{font-size: 20px;}
  .f32{font-size: 21px;}
  .f36{font-size: 22px;}
  .f38{font-size: 22.5px;}
  .f40{font-size: 23px;}
  .f42{font-size: 23.5px;}
  .f44{font-size: 24px;}
  .f46{font-size: 24.2px;}
  .f48{font-size: 24.5px;}
  .f50{font-size: 25px;}
  .f52{font-size: 25.1px;}
  .f54{font-size: 25.2px;}
  .f56{font-size: 25.3px;}
  .f60{font-size: 25.5px;}
  .f64{font-size: 25.6px;}
  .f66{font-size: 25.8px;}
  .f70{font-size: 26px;}
  .f72{font-size: 26.2px;}
  .f76{font-size: 26.4px;}
  .f80{font-size: 26.8px;}
  .f90{font-size: 28px;}
  html{font-size: 12px;}
  
}
@media (max-width: 768px) {
  .ProductChild a{width:50%}
  .col-page-product ul.list li{width: 49%;}
  .col-page-product ul.list li:nth-child(4n){margin-right: 2%;}
  .col-page-product ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-about .col-3 .flex .content ul li{width: 100%;margin-bottom: 20px;}
  .col-page-about .col-1 .content{padding-right: 0;}
  .col-page-about .col-1 .content ul{position: relative;margin-top: 20px; display:flex; align-items:center; flex-wrap:wrap}
  .col-page-about .col-1 .content ul li{width:48%;}
  .header .inner .index-search>a{width: 30px;height: 30px;}
  .header .inner .index-search i.iconfont{font-size: 18px;}
  
  html{font-size: 11px;}

  
}
@media (max-width: 468px) {
  .init-1 .child a{width: 50%;}
  .col-page-news ul.list li a {flex-wrap: wrap;}
  .col-page-news ul.list li a .img{margin-bottom: 10px;}
  .col-page-news ul.list li a .img,.col-page-news ul.list li a .content{width: 100%;}
  .col-page-about .col-3 .flex .content ul li p:nth-child(1){font-size: 30px;}
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .title,.init-1 .flex h2,.init-2 .flex .left .videoBox .desc ul li:nth-child(1),.init-2 .flex .right .num ul li p:nth-child(1),.init-2 .flex .left h2,.init-3 .flex .right .title h2,.init-4 .title h2,.col-page-about .col-1 .content ul li p:nth-child(1), .col-page-about .col-1 .content ul li .odometer,.col-page-about h2,.col-product-detail .pro_show .flex .right h1,.col-page-news h2,.col-news-detail h1{font-size: 30px;}
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3,.init-2 .flex .left .videoBox .desc ul,.init-3 .flex .left .content h3{font-size: 20px;}
  
  .f20{font-size: 16.2px;}
  .f22{font-size: 16.3px;}
  .f24{font-size: 16.4px;}
  .f26{font-size: 16.5px;}
  .f28{font-size: 16.6px;}
  .f30{font-size: 16.7px;}
  .f32{font-size: 16.8px;}
  .f36{font-size: 17px;}
  .f40{font-size: 18px;}
  .f42{font-size: 18.1px;}
  .f44{font-size: 18.2px;}
  .f46{font-size: 18.4px;}
  .f48{font-size: 18.8px;}
  .f50{font-size: 19px;}
  .f52{font-size: 19.5px;}
  .f54{font-size: 20px;}
  .f56{font-size: 21.2px;}
  .f60{font-size: 21px;}
  .f64{font-size: 21.2px;}
  .f66{font-size: 21.4px;}
  .f70{font-size: 22px;}
  .f72{font-size: 23px;}
  .f76{font-size: 23.5px;}
  .f80{font-size: 24px;}
  .f90{font-size: 25px;}
  html{font-size: 10px;}

  
}
@media (max-height: 700px) {

}


/*手机版菜单*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 60px;height:60px;position: relative;padding: 15px;z-index: 12; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .35s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .35s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header.active .mm_btn .menu_bar_item .rect,#header.cur .mm_btn .menu_bar_item .rect{background: #333;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .35s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .35s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}