@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
*, ::after, ::before {
  box-sizing: inherit;
}

body {
  color: #111820;
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.8rem;
    --header-height: 10rem;
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
    line-height: 1.15;
}
a {
  color: #111820;
  text-decoration: none;
}

.mshow{display: none}
.PCshow{display: block;}

.btn {
  border-radius: .6rem;
font-size: 1.4rem;
    line-height: 1.4rem;
    padding: 2.2rem 3rem;
  font-weight: 600;
  letter-spacing: .2px;
  text-align: center;
  transition: color .4s cubic-bezier(.01,.78,.22,1);
}
.screenreader-text{clip:rect(0 0 0 0);border:0;height:1px;margin:0;overflow:hidden;padding:0;position:absolute!important;width:1px}::-moz-selection{background:#111820;color:#fff}
header {
  color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  transition: transform .8s cubic-bezier(.01,.78,.22,1);
  width: 100%;
  z-index: 10;
  padding-top: 2.5rem;
}
.inner {padding: 0 4rem;}
@media (max-width: 768px){
    .mshow{display: block}
    .PCshow{display: none;}    
    
}
@media (min-width: 1000px) {
    .inner {padding: 0 3rem;}
    .content-wrapper {padding: 0 3rem 0 4rem;}
}
@media (min-width: 1440px) {
  .content-wrapper {
    padding: 0 4rem 0 6rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
    
section.section--dark{}
.section__title{align-items:center;color:#0166fb;display:flex;flex-direction:row;justify-content:space-between;padding:4rem 0 4rem;width:100%}
.section__title--dark{color:#0166fb}
.section__title h2{flex-grow:1;font-size:2.4rem;letter-spacing:.3px;line-height:2.4rem}
.section__title a{display:none;flex-grow:0}
.section__title a:not(:nth-child(2)){margin-left:3.6rem}
@media(min-width:600px){
    .section__title{padding:5rem 0 5rem 0}
    .section__title a{display:block;position:relative;z-index:4}
}
@media(min-width:1440px){
    .section__title{padding:10rem 0 7rem}
    .section__title h2{font-size:2.8rem;line-height:2.8rem}
}

.background{background-color:#fff;color:#111820}
.background--dark{background-color:#1f252b;color:#fff}
.background--darkgradient{background:#111820;background:linear-gradient(45deg,#151c24 40%,#4d5257)}

.label{background:red;border-radius:.2rem;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.5px;line-height:1rem;padding:.4rem .6rem;text-align:center;text-transform:uppercase}
.form .control{position:relative}
.form .control.active .form-label{opacity:1;transform:translateY(-100%);visibility:visible}
.form .control.error .file-input,.form .control.error .text-input{border-color:#e02a19}
.form .control.error .error-label{opacity:1;transform:translateY(100%);visibility:visible}
.form .file-input:hover{background:#f47a00}
.form .file-input:hover label{color:#fff}
.form .file-input input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}
.form .file-input .input-wrapper{padding:0 2.5rem}
.form .file-input label{align-items:center;cursor:pointer;display:flex;height:100%}
.form .area-input,.form .file-input,.form .text-input{background:#fff;border:1px solid rgba(17,24,32,.1);border-radius:.6rem;overflow:hidden;position:relative}
.form .text-input .input-wrapper{padding:0 2.5rem}
.form .text-input input{border:none;height:5.5rem;width:100%}
.form .area-input .input-wrapper{height:auto;padding:2.5rem}
.form textarea{border:none;width:100%}
.form .input-wrapper{height:5.5rem}
.form .error-label,.form .form-label{left:2.5rem;opacity:0;position:absolute;transition:all .4s cubic-bezier(.01,.78,.22,1);visibility:hidden}
.form .form-label{top:0}
.form .error-label{bottom:0;color:#e02a19}
.form label{display:flex;position:relative}
.form label span{cursor:pointer;padding-left:3rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.form label span:before{background-color:#fff;border-radius:2px;height:1rem;left:5px;width:1rem;z-index:2}
.form label span:after,.form label span:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}
.form label span:after{border:2px solid rgba(17,24,32,.2);border-radius:4px;height:2rem;left:0;width:2rem;z-index:1}
.form label input{height:2.8rem;opacity:0;pointer-events:none;position:absolute}
.form label input:checked+span:before{background-color:#f47a00}
.form .select{background:#fff;border:1px solid rgba(17,24,32,.1);border-radius:.6rem}@media(min-width:1000px){.form label{padding-left:0}
.form label input{left:.2rem}}


.outer {  
  margin-left: auto;
  margin-right: auto;
  max-width: 206.8rem;
  width: 100%;
}
.outer--dark{}
.news-slider.section--dark .container{}
.news-slider.section--dark .swiper-pagination span:not(.swiper-pagination-bullet-active){}
.section--dark .swiper-pagination span.swiper-pagination-bullet-active {
  background: red;
}
.news-slider.section--dark .swiper-pagination span:first-child:before,.news-slider.section--dark .swiper-pagination span:last-child:after{background-color:#fff}
.news-slider .outer:not(.outer--dark){background:#f8f8f8}
.news-slider .container{border-radius:.6rem .6rem 0 0;padding-bottom:4vw}
.news-slider .section__title{padding-top:5rem}
.news-slider .slider{width:100%;}
.news-slider .swiper-pagination{bottom:0}
.news-slider .swiper-pagination span:first-child:before,.news-slider .swiper-pagination span:last-child:after{background-color:#1f252b}
@media(min-width:600px){.news-slider .container{}}
@media(min-width:768px){.news-slider .container{}}
@media(min-width:1000px){
    .news-slider .container{}
    .news-slider .section__title{padding-bottom:5rem;padding-top:5rem}
}
@media(min-width:1440px){
    .news-slider .container{}
    .news-slider .section__title{padding-bottom:5rem;padding-top:5rem}
}
@media(min-width:1800px){
    .news-slider .container{}
}
@media(min-width:1921px){
    .news-slider .container{}
    .news-slider .section__title{padding-bottom:8rem;padding-top:6rem}
}

.swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}
.swiper-container-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px}
button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}
.swiper-pagination-white{--swiper-pagination-color:#fff}
.swiper-pagination-black{--swiper-pagination-color:#000}
.swiper-pagination-lock{display:none}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination span {
  background: rgba(31,37,43,.15);
  border-radius: 100%;
  height: .8rem;
  margin: 0 1rem !important;
  opacity: 1;
  width: .8rem;
}
 .section--dark .swiper-pagination span {
  background: #26313c;
}
.slider .pagination {
    bottom:0;background: url("../images/line.png") repeat-x center;height: 30px;
}

body.isNavOpen header .logo{transform:translateX(30%)}
body.isNavOpen header nav{transform:translateX(0)}
body.isNavOpen header .toolbox{transform:translate(30%,-1.5rem)}
@media(min-width:1000px){
    body.isNavOpen header .logo,body.isNavOpen header .toolbox,body.isNavOpen header nav{transform:none}
    body.isNavOpen header:not(.scrl-unpinned) .clickable{display:block}
}

header{left:0;position:fixed;top:0;transition:transform .8s cubic-bezier(.01,.78,.22,1);width:100%;z-index:10}
header.scrl-unpinned{transform:translateY(-100%)}
header.scrl-pinned{transform:translateY(-60%)}
header.scrl-top{transform:translateY(0)}
header .col,header .container{padding:0;}
header a{background-color:#353b40;border-radius:.6rem;font-family:Helvetic,sans-serif;font-size:1.9rem;font-weight:500;transition:color .4s cubic-bezier(.01,.78,.22,1)}
header .navi-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;height: 100px;}
header .logo{background-color:#fff;border-radius:0 0 .6rem .6rem;order:1;padding:1rem 2rem;transform:translateX(0);transition:transform .4s cubic-bezier(.01,.78,.22,1);width:100%;z-index:2}
header .logo img{display:block;width:20.2rem}
header .logo p{white-space: nowrap;}
header nav{background-color:#1f252b;display:flex;flex:1 1 auto;flex-direction:row;height:100vh;justify-content:flex-start;left:0;order:3;overflow-y:auto;position:absolute;top:0;transform:translateX(-100%);z-index:3}
header .toolbox,header nav{transition:transform .4s cubic-bezier(.01,.78,.22,1);width:100%}
header .toolbox{background-color:rgba(17,24,32,.6);border-radius:0 0 .6rem .6rem;flex:0 0 auto;order:2;padding:2.6rem 1.5rem 1rem;transform:translateY(-1.5rem)}
header .toolbox .active{background:none}
header .toolbox>ul,header nav>ul{align-items:center;display:flex;flex-direction:row;justify-content:space-between;list-style:none}
header .toolbox ul{max-width:38rem}
header nav>ul{align-items:stretch;flex:1 1 auto;flex-direction:column;justify-content:flex-start}
header nav>ul>li{padding:1rem 1.5rem 0}
header nav>ul>li>a{align-items:center;display:flex;height:5.2rem;padding:0 0 0 2rem;background: #fff;}
header nav>ul>li>a span{letter-spacing:.4px;opacity:.6}
header nav>ul>li>a:focus,header nav>ul>li>a:hover{color:#0066ff}
header nav>ul>li>a:focus span,header nav>ul>li>a:hover span{opacity:1}
header nav>ul>li>a:not(.parent){position:relative}
header nav>ul>li>a:not(.parent):after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:24px;position:absolute;right:1.6rem;top:50%;transform:rotate(0) translate(-3px,-50%);width:25px;z-index:1}
header nav>ul>li:last-child{margin-bottom:10rem}
header:not(.scrl-unpinned) .active{background:#111820}
header:not(.scrl-unpinned) .active .parent{opacity:1}
header:not(.scrl-unpinned) .active .parent:after{transform:rotate(-90deg) translate(1rem)}
header:not(.scrl-unpinned) .active .parent:before{opacity:1;visibility:visible}
header:not(.scrl-unpinned) .active .parent:focus,header:not(.scrl-unpinned) .active .parent:hover{color:#111820}
header:not(.scrl-unpinned) .active .parent span{opacity:1}
header:not(.scrl-unpinned) .active .subnav{height:auto;opacity:1;transform:translateY(0);visibility:visible}
header:not(.scrl-unpinned) .active .sub-wrapper{display:flex}
header:not(.scrl-unpinned) .active .download{transform:translate(-50%,100%)}
header .mobile-nav-header{background-color:#111820;border-radius:0 0 .6rem .6rem;display:flex;justify-content:space-between;padding:5.7rem 1.5rem 1rem}
header .mobile-nav-header .close{align-items:center;background-color:rgba(255,255,255,.06);display:flex;flex:1 0 auto;font-size:1.4rem;font-weight:400;height:5.2rem;letter-spacing:.93px;line-height:1.4rem;padding-left:5.6rem;position:relative;text-transform:uppercase;color: #fff;}
header .mobile-nav-header .close:after{content:none}
header .mobile-nav-header .close span{background-color:#f47a00;height:2px;left:1.8rem;position:absolute;top:calc(50% - 1px);transform:rotate(45deg);width:2rem}
header .mobile-nav-header .close span:before{background-color:#f47a00;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(90deg);width:100%}
header .mobile-nav-header .search{background-color:rgba(255,255,255,.06);flex-basis:0;height:5.2rem;padding:0;position:relative;visibility:hidden}
header .mobile-nav-header .search:after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:2.1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.1rem}
header .mobile-nav-header .search:after,header .mobile-nav-header .search:focus:after,header .mobile-nav-header .search:hover:after{}
header .parent{padding:0 0 0 2rem;position:relative;z-index:3}
header .parent span{position:relative;z-index:2}
header .parent:after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:24px;position:absolute;right:1.6rem;top:50%;transform:rotate(90deg) translate(-1rem);width:24px;z-index:1}
header .parent:before{background-color:#0066ff;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .4s cubic-bezier(.01,.78,.22,1);transition-delay:.2s;width:100%;z-index:0}
header .parent:before,header .subnav{border-radius:.6rem;opacity:0;visibility:hidden}
header .subnav{height:0;transform:translateY(10rem);transition:all .4s cubic-bezier(.01,.78,.22,1);transition-property:opacity,transform}
header .sub-wrapper{align-items:flex-start;border-radius:.6rem;display:none;justify-content:space-between;position:relative;width:100%;z-index:3}
header .industries .list li:not(.active)>div:nth-child(2),header .products .list li:not(.active)>div:nth-child(3){align-items:flex-start;display:flex}
header .products .tiles img{bottom:-2rem;max-height:90%;max-width:70%;right:0}
header .products .tiles a:focus,header .products .tiles a:hover{background-color:#0066ff}
header .products .tiles a:focus .label,header .products .tiles a:hover .label{background:#1f252b}
header .products .tiles a:focus img,header .products .tiles a:hover img{transform:scale(1.1)}
header .industries .tiles img{bottom:2rem;height:40%;right:2rem}
header .industries .tiles a:focus,header .industries .tiles a:hover{background-color:#0066ff}
header .industries .tiles a:focus img,header .industries .tiles a:hover img{filter:grayscale(1) brightness(3);transform:scale(1.1)}
header .list{counter-reset:prod;flex:0 0 100%;list-style:none;padding:2.2rem 1rem 0 4.6rem}
.mlist{display: none}
header .list .content{display:none}
header .list li{margin-bottom:2rem;max-width:39rem}
header .list li .thumb-wrapper,header .list li a:nth-child(2){display:none}
header .list li .thumb-wrapper img{height:8rem}
header .list li a{background:transparent;display:inline-block;font-size:1.1rem;font-weight:500;letter-spacing:.79px;line-height:1.8rem;text-transform:uppercase;color: #ffffff;}
header .list li a:first-child:focus,header .list li a:first-child:hover{color:#0066ff}
header .list .active{border-bottom:1px solid rgba(255,255,255,.22);border-top:2px solid #fff;display:flex;margin-bottom:2rem;padding:1rem 0 2rem}
header .list .active .thumb-wrapper,header .list .active a:nth-child(2){display:block}
header .counter {
  position: relative;
}
header .list .active .counter:before{color:#0066ff;opacity:1}
header .list .counter::before {
  content: counter(prod,decimal-leading-zero);
  counter-increment: prod;
  left: -4.3rem;
  position: absolute;
  margin-top: -5px;
}
header .list .active a:first-child{color:#0066ff;font-weight:500;letter-spacing:.86px;padding-top:.7rem}
header .list .active a:nth-child(2){display:block;font-size:1rem;font-weight:500;letter-spacing:normal;line-height:1rem;opacity:.65;text-decoration:underline;text-transform:unset}
header .list .active a:nth-child(2):focus,header .list .active a:nth-child(2):hover{opacity:1}
header .list .counter:before{content:counter(prod,decimal-leading-zero);counter-increment:prod;left:-4.3rem;position:absolute;margin-top: -5px;}
header .tiles{align-items:flex-start;display:none;flex:0 0 65%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;list-style:none}
header .tiles li{flex:0 0 23.8754%;position:relative;transition:opacity .4s cubic-bezier(.01,.78,.22,1);transition-duration:.6s}
header .tiles li:not(.sudo){background:#111820;background:linear-gradient(45deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.15));border-radius:.6rem;margin-bottom:1.2rem;overflow:hidden;padding-bottom:23.8754%}
header .tiles a{border:2px solid transparent;border-radius:.6rem;height:100%;left:0;padding:1rem 1.5rem;position:absolute;top:0;width:100%;color: #fff;}
header .tiles .label{background-color:red;bottom:1.5rem;font-size:1.4rem;left:1.5rem;line-height:1.4rem;padding:.4rem 1.2rem;position:absolute;text-align:center}
header .tiles img{position:absolute;transform:scale(1);transition:transform .3s ease-in-out}
header .tiles .title{font-size:1.5rem;font-weight:500;line-height:1.8rem;position:relative;z-index:1}
header .download{background:#111820;background:linear-gradient(90deg,#111820 30%,#2c3239);border-radius:0 0 2.5rem 2.5rem;bottom:0;display:none;left:50%;padding:2.5rem;position:absolute;transform:translate(-50%,-10rem);transition:transform .4s cubic-bezier(.01,.78,.22,1);transition-delay:.3s;width:calc(100% - 3.2rem)}
header .download a{background:rgba(255,255,255,.05);border:2px solid red;border-radius:.6rem;display:inline-block;font-size:1.6rem;font-weight:500;letter-spacing:.23px;line-height:1.6rem;padding:1.8rem 4rem 1.8rem 2rem;position:relative}
header .download a:after{content:url(../images/icon_download.png);position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}
header .download a:hover{background:red;box-shadow:none}
header .mobi-menu,header .search{background:rgba(70,75,80,.5);border-radius:.6rem;transition:background-color .4s cubic-bezier(.01,.78,.22,1)}
header .mobi-menu a,header .search a{border-radius:.6rem}
header .mobi-menu a:focus,header .mobi-menu a:hover,header .search a:focus,header .search a:hover{background-color:red}
header .mobi-menu{height:4.6rem;position:relative}
header .mobi-menu>a{align-items:center;display:block;display:flex;font-size:1.4rem;font-weight:400;height:100%;justify-content:center;letter-spacing:.93px;line-height:1.4rem;padding-left:4rem;padding-right:1.6rem;position:relative;text-transform:uppercase;width:100%}
header .mobi-menu span{background-color:#f47a00;height:2px;left:1.3rem;position:absolute;top:calc(50% - 1px);width:1.4rem}
header .mobi-menu span:after,header .mobi-menu span:before{background-color:#f47a00;content:"";height:2px;left:0;position:absolute;width:100%}
header .mobi-menu span:before{top:-.5rem}
header .mobi-menu span:after{top:.5rem}
header .search{height:4.6rem;width:4.6rem}
header .search>a{align-items:center;display:block;display:flex;height:100%;justify-content:center;position:relative}
header .search>a:after{background-image:url(../images/search-v2.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2rem}
header .search>a:focus:after,header .search>a:hover:after{background-image:url(../images/search-white.svg)}
header .search img{display:block;height:auto;width:2.1rem}
header .search .input-wrapper{border:1px solid rgba(255,255,255,.31);border-radius:.6rem;display:flex;padding:.3rem;width:100%}
header .search input{background:transparent;border:none;color:#fff;font-size:1.8rem;min-height:3rem;padding:0 2rem;width:100%}
header .search.active a:after{background-image:url(../images/search-white.svg)}
header .search.active .subnav{background:#111820;height:auto;position:absolute;top:calc(var( --header-height ) + .7rem);width:calc(100% - .4rem);z-index:3}
header .search.active .sub-wrapper{flex-direction:column;padding:3rem}
header .search.active h3{font-size:2.5rem;font-weight:500;line-height:2.5rem;margin-bottom:2rem}
header .search.active .input-wrapper .search-btn{background:red;font-size:1.4rem;letter-spacing:.2px;line-height:1.4rem;padding:1.5rem 2rem;color: #fff;BORDER:none;border-radius: .6rem;}
header .search.active .input-wrapper .search-btn:hover{background:red}
header .lang{padding:0 .3rem}
header .lang>a{align-items:center;background-color:transparent;display:flex;font-size:1.2rem;font-weight:400;height:5.2rem;opacity:.55;padding:0 .8rem;position:relative;transition:all .4s cubic-bezier(.01,.78,.22,1);transition-property:opacity color;z-index:3}
header .lang>a:focus,header .lang>a:hover{opacity:1}
header .lang>a:before{background-color:#f47a00;border-radius:.6rem;content:"";height:9rem;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s cubic-bezier(.01,.78,.22,1);transition-delay:.2s;visibility:hidden;width:100%;z-index:0}
header .lang>a span{position:relative;text-transform:uppercase;z-index:2}
header .clickable{background-color:rgba(31,37,43,.9);display:none;height:100vh;left:0;position:absolute;top:0;width:100%;z-index: -5}
@media(max-width:600px){
    header{padding-top:0}
    header .logo{padding: 10px;background: #fff;}
    header .logo p{font-size: 10px;}
    header .mobi-menu > a,header .lang > a{color: #fff;}
    header .search input{min-height:5.5rem}
    header .search.active .subnav{left:auto;right:.2rem;}
    header .search.active h3{font-size:2rem;line-height:2rem;margin-bottom:3rem}
    header .search.active .input-wrapper .search-btn{padding:2rem;}
    /*header .mobi-menu .parent::before{background-color:red;}*/
    header:not(.scrl-unpinned) .active .parent:before{opacity:1;visibility:hidden;}
    header .list .active .thumb-wrapper{display: none;}
    header .products .list{display: none;}
    header .mlist{display: block;padding: 2.2rem 1rem 0 4.6rem;counter-reset: prod; /* 初始化计数器 */}
    header .mlist a{background:transparent;display:block;font-size:1.1rem;font-weight:500;letter-spacing:.79px;line-height:1.8rem;text-transform:uppercase;color: #ffffff;margin-bottom: 2rem;position: relative;}
    header .mlist a:hover,header .mlist a:focus{color: #0066ff;}
    header .mlist a:before{content:counter(prod,decimal-leading-zero);counter-increment:prod;left:-4.3rem;position:absolute;}


}
@media(min-width:1000px){
header{padding-top:2.5rem}
header.scrl-pinned{transform:translateY(0)}
header:not(.scrl-unpinned) .active{background:transparent}
header:not(.scrl-unpinned) .active .parent:after{transform:rotate(0deg) translateY(-.5rem)}
header .col{padding:0 1.5rem}
header a{background-color:transparent;border-radius:0;font-size:1rem;font-weight:500}
header .navi-wrapper{align-items:center;background-color:#fff;flex-direction:row;justify-content:space-between;padding:0 0 0 2rem;filter: drop-shadow(0 2px 4px rgba(0,0,0,.2));}
header .logo{background:transparent;border-radius:0;flex:0 0 15%;padding:0;transform:none;width:auto}
header .logo img{}
header .logo img:first-child{display:block}
header .logo img:nth-child(2){display:none}
header nav{flex:1 1 auto;height:auto;justify-content:flex-end;order:2;overflow-y:visible;position:unset;z-index:0}
header .toolbox,header nav{background-color:transparent;transform:none}
header .toolbox{border-radius:0;flex:0 0 auto;order:3;padding:0;width:auto}
header .mobile-nav-header{display:none}
header nav>ul{align-items:center;flex:0 1 auto;flex-direction:row;justify-content:space-between;margin-right:1rem}
header nav>ul>li{padding:0}
header nav>ul>li>a{display:block;height:auto;padding:1rem}
header nav>ul>li>a:not(.parent):after{content:none}
header nav>ul>li:last-child{margin-bottom:0}
header .active{background-color:transparent;background:none}
header .active .parent:after{background-image:url(../images/menu-arrow-white-v2.png);transform:rotate(0deg) translateY(-50%)}
header .parent{padding:1rem 2rem 1rem 1rem}
header .parent:after{background-image:url(../images/menu-arrow-v2.png);height:10px;right:.6rem;transform:translateY(-50%);width:10px}
header .parent:before{height:12rem;top:1.2rem}
header .subnav{background:#111820;height:auto;right:.2rem;position:absolute;top:calc(var( --header-height ) + .7rem);width:calc(100% - .4rem);z-index:3}
header .sub-wrapper{background-color:#111820;box-shadow:0 14px 15px 0 rgba(17,24,32,.35);-webkit-box-shadow:0 14px 15px 0 rgba(17,24,32,.35);-moz-box-shadow:0 14px 15px 0 rgba(17,24,32,.75);display:flex;padding:1.8rem 2rem 0 4rem}
header .sub-wrapper:after{border:2px solid #0066ff;border-radius:.6rem;bottom:0;content:"";left:0;padding:2px;position:absolute;right:0;top:0;z-index:-1}
header .list{flex:0 0 33%;padding:2.2rem 1rem 2rem 4.6rem}
header .list li{margin-bottom:1.2rem}
header .list li a{font-size:1rem;font-weight:400;letter-spacing:.4px;line-height:1.6rem;padding-right:1rem}
header .tiles{display:flex}
header .tiles li{flex:0 0 32%}
header .tiles li:not(.sudo){padding-bottom:32%}
header .tiles .title{font-size:1.2rem;line-height:1.6rem}
header .download{display:block;padding:2rem}
header .download a{font-size:1.4rem;line-height:1.4rem;padding:1.6rem 4rem 1.6rem 1,8rem;color: #fff;}
header .mobi-menu{display:none}
header .search{height:4rem;margin-right:.8rem;width:4rem}
header .search.active{background-color:red}
header .search.active .subnav{width:59rem}
header .search.active h3{font-size:2rem;line-height:2rem;margin-bottom:2rem}


}
@media(min-width:1200px){
    header a{font-size:1.1rem;font-weight:500;}
    header .list li{margin-bottom:1.5rem}
    header .list li a{font-size:1.1rem;line-height:1.6rem;padding-right:5rem}
    header .tiles li{flex:0 0 23.8754%}
    header .tiles li:not(.sudo){padding-bottom:23.8754%}
    header .tiles .title{font-size:1.4rem;line-height:1.6rem}
}
@media(min-width:1440px){
    header a{font-size:1.3rem;font-weight:400}
    header .logo{flex:0 0 20rem}
    header nav>ul{margin-right:2.6rem}
    header nav>ul>li>a{padding:1.8rem 1.4rem}
    header .parent{padding:1.8rem 3.6rem 1.8rem 1.4rem}
    header .parent:after{height:10px;right:1.6rem;width:12px}
    header .list li{margin-bottom:2rem}
    header .list li a{font-size:1.2rem;line-height:1.8rem;padding-right:6rem}
    header .tiles .title{font-size:1.5rem;line-height:1.8rem}
    header .download{padding:2.5rem}
    header .download a{font-size:1.6rem;line-height:1.6rem;padding:1.8rem 5.6rem 1.8rem 2rem;color: #fff;}
    header .search{height:5.2rem;width:5.2rem}
    header .search.active h3{font-size:2.5rem;line-height:2.5rem;margin-bottom:3rem}
    header .search>a:after{height:2.3rem;width:2.3rem}

}
@media(min-width:1600px){header .logo{flex:0 0 20rem}}



.hero .swiper-pagination span,.section--dark .swiper-pagination span{background:#aaccff}
.hero .swiper-pagination span.swiper-pagination-bullet-active,.section--dark .swiper-pagination span.swiper-pagination-bullet-active{background:#11377e}
.on-top .hero .sticky-link{opacity:1;transform:translatex(0);visibility:visible}
.hero{overflow:hidden}
.hero .outer{padding-bottom:3rem}
.hero .swiper-container{height:120vh;max-height:75rem;overflow:hidden;position:relative;width:100%}
.hero .swiper-wrapper{box-sizing:content-box;display:flex;z-index:1}
/*.hero .swiper-slide,.hero .swiper-wrapper{height:100%;position:relative;transition-property:transform;width:100%}*/

.hero .swiper-slide{position:relative;}
.hero .swiper-slide img{width:100%;height:auto;}
.hero .content-wrapper{position: absolute;left: 0;top: 30%;z-index: 10;padding: 0 10rem;}
.hero .sldr-container{height:100%;width:100%}
.hero .image-wrapper{opacity:1;z-index:-1}
.hero .image-wrapper,.hero .image-wrapper:before{height:100%;left:0;position:absolute;top:0;width:100%}
.hero .image-wrapper:before{background-color:rgba(0,0,0,.4);content:""}
.hero .image-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .4s cubic-bezier(.01,.78,.22,1);transition-duration:2s;width:100%}.hero .video-wrapper{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}
.hero .video-wrapper iframe{height:56.25vw;left:50%;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}
.hero .slide{align-items:flex-end;display:flex;justify-content:flex-start}
.hero .slide h1,.hero .slide h2{color:#0066ff;font-size:4rem;font-weight:600;letter-spacing:.42px;line-height:4.4rem;margin:0 0 3rem;text-shadow: 2px 2px 4px #a4a4a4;}
.hero .slide .content{align-items:flex-start;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:10rem;width:100%}
.hero .slide p{font-size:1.6rem;line-height:2.7rem;margin-bottom:10rem;text-shadow: 2px 2px 4px #000;}
.hero .swiper-pagination{bottom:3.5vw;display:none}
.hero .play-icon:before{border-radius:3.3rem}
.hero .sticky-link{align-items:center;background:rgba(17,24,32,.54);border-radius:1rem 0 0 1rem;display:none;height:8rem;padding-left:2.4rem;position:absolute;right:0;top:80%;transform:translateX(100%);transition:all .4s cubic-bezier(.01,.78,.22,1);width:14rem;z-index:2}
.hero .sticky-link img{display:block;width:7.5rem}

@media(max-width:768px){
    .hero .content-wrapper{padding: 0 20px;}
    .hero .slide{}
}
@media(min-width:1000px){
    .hero .swiper-container{height:100vh;max-height:70vw}
    .hero .slide{align-items:center}
    .hero .slide h1,.hero .slide h2{font-size:4.722vw;letter-spacing:.71px;line-height:4.722vw;margin-bottom:1vw}
    .hero .slide .content{padding-bottom:0;width:37.8vw}.hero .slide p{font-size:1.111vw;line-height:1.875;margin-bottom:3.472vw}
    .hero .swiper-pagination{display:block}.hero .sticky-link{display:flex;opacity:0;visibility:hidden}
    
}
@media(min-width:1440px){
    .hero .slide h1,.hero .slide h2{font-size:6.8rem;letter-spacing:.71px;line-height:7rem;margin-bottom:1.2rem}
    .hero .slide .content{width:66rem}
    .hero .slide p{font-size:1.6rem;line-height:3rem;margin-bottom:6rem}
    .hero .swiper-pagination{bottom:5rem}
}
@media(min-width:1920px){
    .hero .swiper-container{max-height:108rem}
}

.btn--play{padding:2.5rem 6rem 2.5rem 10rem;position:relative}
.btn--play:before{background-color:#fff;border-radius:3.3rem;height:5.5rem;left:.4rem;transform:translateY(-50%);width:5.5rem}
.btn--play:after,.btn--play:before{content:"";position:absolute;top:50%}
.btn--play:after{background-image:url(../images/menu-arrow.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.5rem;left:2.3rem;transform:translateY(-50%) rotate(-90deg);transition:transform .4s cubic-bezier(.01,.78,.22,1);width:1.8rem}
.btn--play:hover:after{transform:translateY(-50%) rotate(-90deg) scale(1.3)}
.btn--grey{background:#bcbec0;background:linear-gradient(0deg,#bcbec0,#ceced0)}

@media(max-width:768px){
.btn--play{padding:2.5rem 5rem 2.5rem 8rem;}
}
@media(min-width:1000px){
    .btn--big{padding:2.5rem 5rem}
    .btn--transparent.btn--play{padding:2.3rem 3rem 2.3rem 8rem}
    .btn--play{padding:2.5rem 3rem 2.5rem 8rem}
}
@media(min-width:1200px){
    .section__title .btn{min-width:22rem}
    .btn{font-size:1.4rem;line-height:1.4rem;padding:2.2rem 3rem}
    .btn--big{padding:2.5rem 5rem}
    .btn--transparent.btn--play{padding:2.3rem 3rem 2.3rem 8rem}
    .btn--play{padding:2.5rem 3rem 2.5rem 8rem}
    .btn--transparent{padding:1.9rem 2.7rem}
}
@media(min-width:1921px){
    .btn{padding:2.4rem 5rem}
    .btn,.btn--big{font-size:1.8rem;line-height:1.8rem}
    .btn--big{padding:2.5rem 4rem}
    .btn.btn--play{padding:2.3rem 4rem 2.1rem 8rem}
}
.btn--round{border-radius:3.3rem}
    

.applications .outer {
  padding-bottom:6rem
}
.applications .container {
  border-radius:.6rem;
  overflow:hidden;
  position:relative
}
.applications .slider {
  width:100%
}
.applications .slider .slide {
  cursor:pointer;
  height:62vw;
  margin-bottom:11rem;
  position:relative;
  width:85vw
}
.applications .slider h4 {
  color:#818181;
  font-size:1.7rem;
  font-weight:500;
  text-align: center;
  letter-spacing:.5px;
  line-height:2.1rem;
  overflow-wrap:normal;
  text-transform:uppercase;
  width:100%;
  z-index:3;position: absolute;bottom:25%;
}
.applications .slider .icon {
  top:0;
  /*filter:grayscale(1) brightness(1) opacity(0.5);*/
  height:55%;
  position:absolute;
  right:24%;
  text-align:right;
  border-radius:50%;
  z-index:3
}
.applications .slider .icon img {
  max-height:100%;
  max-width:100%
}
.applications .slider .shape {
  /*  border:3px solid #818181;  border-radius: 50%;*/
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1
}
.applications .slider .content {
  display:none
}
.applications .slider .active .shape {
 
}
.applications .slider .active h4{color:#143c97;}
.applications .slider .active .icon,.applications .slide:hover .icon {
 background:#143c97;
}
.applications .slider .active .icon img,.applications .slide:hover .icon img{ filter: grayscale(1) brightness(100) opacity(1);}
.applications .slider .swiper-pagination {
  bottom:3rem
}
.applications h5 {
  flex:0 0 100%;
  font-size:2.6rem;
  letter-spacing:.46px;
  line-height:2.6rem;
  margin-bottom:3rem;color:#0166fb;
}
.applications .list {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap
}
.applications ul {
  flex:0 0 100%;
  list-style:none
}
.applications li {
  font-size:1.2rem;
  letter-spacing:.6px;
  line-height:1.6rem;
  margin-bottom:2rem;
  opacity:1;
  padding-left:1rem;
  position:relative;
  text-transform:uppercase;
  transition:opacity .4s cubic-bezier(.01,.78,.22,1);list-style: square;
}
.applications li::marker {
  font-size: 150%; /* 增大标记的大小 */
}
.applications li a {
  position:relative;
  z-index:3
}
.applications li a:after {
  background:#0166fb;
  bottom:-.6rem;
  content:"";
  height:.2rem;
  left:0;
  position:absolute;
  transform:scale(0);
  width:100%
}
/*.applications li a:before {
  background-image:url();
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  height:2.2rem;
  opacity:0;
  position:absolute;
  right:-4rem;
  top:50%;
  transform:translate(-2rem,-50%);
  transition:all .4s cubic-bezier(.01,.78,.22,1);
  transition-property:opacity,transform;
  width:2.4rem
}*/
.applications li a:focus:after,
.applications li a:hover:after {
  transform:scale(1)
}
.applications li a:focus:before,
.applications li a:hover:before {
  opacity:1;
  transform:translateY(-50%)
}
.applications li span {
  left:0;
  letter-spacing:.7px;
  opacity:.5;
  position:absolute;
  top:0
}
.applications .icon-wrapper {
  display:none
}
@media(max-width:768px) {
  .applications .slider .slide {
    height:34.28568vw;margin-bottom: 6rem;
  }
  .applications ul {
    flex:0 0 100%
  }
  .applications .icon-wrapper {
    bottom:0;
    display:block;
    height:70%;
    position:absolute;
    right:0;
    text-align:right;
    z-index:-1
  }
  .applications .icon-wrapper img {
    height:100%;
    width:auto
  }
    .applications .slider .icon{height: 65%;right: 15%;}
    .applications .slider h4{bottom:15%;font-size: 14px;}    
    
}
@media(min-width:1000px) {
  .applications .outer {
  }
  .applications .container:after {
    bottom:16rem;
    right:0
  }
  .applications .section__title {
    
  }
  .applications .slider .slide {
    height:15.5vw;
    margin-bottom:3rem
  }
  .applications .slider .shape {
    
  }
  .applications .slider .pagination {
    bottom:0;
  }
  .applications .list {
    padding-top:3rem
  }
  .applications ul {
    flex:0 0 45%
  }
    
}
@media(min-width:1440px) {
  .applications .outer {
    padding-bottom:8rem;
  }
  .applications .container:after {
    bottom:4rem;
    right:0
  }
  .applications .section__title {
    padding-bottom:6rem;
    padding-top:5rem
  }
  .applications .slider .slide {
    height:15.87296vw
  }
  .applications .slider h4 {
    
  }
  .applications h5 {
    font-size:2.8rem;
    line-height:2.8rem
  }
  .applications ul {
    flex:0 0 42%
  }
  .applications li {
    font-size:1.4rem;
    letter-spacing:1.56px;
    line-height:1.8rem;
    margin-bottom:2rem;
  }
}
@media(min-width:1921px) {
  .applications .outer {
    padding-bottom:0;
  }
  .applications .container {
    padding-bottom:9rem
  }
  .applications .section__title {
    padding-top:5rem
  }
  .applications .section__title a {
    background:transparent;
    position:relative
  }
  .applications .section__title a:after {
    border:2px solid #f47a00;
    border-radius:1rem;
    bottom:0;
    content:"";
    left:0;
    padding:3px;
    position:absolute;
    right:0;
    top:0;
    z-index:1
  }
  .applications .section__title a:hover:after {
    border-color:#fff
  }
  .applications .slider .slide {
    height:29rem;
    margin-bottom:8rem
  }
  .applications .list {
    padding-top:5rem
  }
}

.application{width: 100%;padding: 50px 0;}

.application ul li{width: 8%;float:left;margin-right: 1%;list-style: none;text-align: center;font-size: 14px;cursor: pointer;line-height: 20px;}
.application ul li:first-child{margin-left:1%;}
.application ul li img{width:100%;height: auto;margin-bottom: 10px;display: block;}
.application ul li:last-child{margin-right: 1%;}
.application ul li .icon{background: #fff;border-radius:50%;text-align: center;width: 80%;margin: 0 auto;}
.application ul li:hover img{/*filter: grayscale(1) brightness(1) opacity(0.5);*/filter: grayscale(1) brightness(100) opacity(1);}
.application ul li:hover .icon{background: #143c97;border-radius:50%;}
.application ul li:hover{color:#143c97; }
.clear{clear: both;}

.btn--download{border:2px solid red;padding-right:6rem!important;position:relative}
.btn--download:before{content:url(../images/icon_download_blue.png);position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:2}
.btn--download.btn--download-dark:before,.btn--download:hover:before{content:url(../images/icon_download.png)}
.btn, .section--dark .btn--transparent {
  color: #fff;
}
.home section.products h2{color: #fff;}
.home section.products .items a{height:100%;width:100%}
.home section.products .items img{bottom:0;position:absolute;right:3rem;width:50%}
.home section.products ul{list-style:none;width:100%}
.home section.products li{position:relative}
.home section.products li a{background:#111820;background:linear-gradient(45deg,#11377e 30%,#0066ff);border-radius:.6rem;color:#fff;height:100%;left:0;overflow:hidden;padding:0;position:absolute;top:0;width:100%}
.home section.products li div{padding:2rem}
.home section.products h5{font-size:2.5rem;font-weight:500;letter-spacing:.3px;line-height:2.9rem;margin-bottom:1rem}
.home section.products .label{display:inline-block;font-size:1.3rem;line-height:1.3rem;padding:.4rem .6rem}
.home section.products img{transition:transform .4s cubic-bezier(.01,.78,.22,1);width: 100%;height: auto;}
.home section.products .swiper-pagination{bottom:-1rem}
.home section.products .content{display:none}

.home section.products .outer{}
.home section.products .section__title{padding:0}
.home section.products .content-wrapper{background:#11377e;background:linear-gradient(45deg,#11377e 60%,#0066ff);border-radius:.6rem;margin-bottom:4rem;padding-bottom:2rem;padding-top:2rem}
.home section.products .items{padding-bottom:3rem}
.home section.products .items .inner-wrapper{height:auto;padding:0 3rem}
.home section.products ul{grid-gap:2rem;display:grid;grid-template-columns:2fr 1fr 1fr}
.home section.products li a{padding:2rem}
.home section.products li a div{padding:0}
.home section.products li a:focus,.home section.products li a:hover{box-shadow:0 8px 6px 0 rgba(17,24,32,.5);-webkit-box-shadow:0 8px 6px 0 rgba(17,24,32,.5);-moz-box-shadow:0 8px 6px 0 rgba(17,24,32,.5)}
.home section.products li a:focus img,.home section.products li a:hover img{transform:scale(1.1)}
.home section.products li:before{content:"";display:block;padding-bottom:90%}
.home section.products li:first-child{grid-row-end:3;grid-row-start:1}
.home section.products li:first-child a:focus img,.home section.products li:first-child a:hover img{transform:translateX(10%) scale(1.1)}
.home section.products li:first-child h5{font-size:2.4rem;line-height:3rem}
.home section.products li:first-child .label{letter-spacing:.6px;padding:.4rem 1rem}
.home section.products li:first-child img{height:75%;left:0;transform:translateX(10%) scale(1);width:auto;margin-top:100px;}
.home section.products h5{font-size:1.6rem;line-height:2rem}
.home section.products .label{padding:.4rem 1rem .3rem}

@media(max-width:768px){
    .section__title h2{padding-left: 20px;}
    .home section.products ul{grid-gap: 1rem;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto auto;}
    .home section.products li a{padding: 10px;}
    .home section.products li:first-child{grid-column: 1 / 3; }
    .home section.products li:first-child h5{font-size: 16px;line-height: 1.2;letter-spacing: 0;}
    .home section.products h5{font-size: 12px;letter-spacing: 0;font-weight: normal;line-height: 1.2;}
    .home section.products li:first-child img{width: 100%;height: auto;transform: translateX(0) scale(1);margin-top: 0;}
    
}
@media(min-width:1000px){

}

@media(min-width:1440px){

}
@media(min-width:1921px){

}


@media (min-width: 1440px) {
    .home section.products .outer{}
    .home section.products .content-wrapper{margin-bottom:6rem;padding-bottom:3.5rem;padding-top:3.5rem}
    .home section.products .items .inner-wrapper{}
    .home section.products li a{padding:3rem 5rem}
    .home section.products li:first-child h5{font-size:3.8rem;line-height:4.2rem}
    .home section.products li:first-child .label{font-size:1.3rem;letter-spacing:.6px;line-height:1.3rem}
    .home section.products h5{font-size:2.6rem;line-height:2.9rem}
}



.features.section--dark .slide{background:#111820;background: linear-gradient(45deg,#11377e 30%,#0066ff);}
.features.section--dark .slide .line{background:#fb0705}
.features.section--dark .slide:not(:last-child) svg{stroke:#fff}
.features.section--dark .slide:last-child svg{fill:#fff;stroke:#fff}
.features.section--dark .slide:hover img{filter:none}
.features.section--dark .slide img{filter:grayscale(1) brightness(3)}
.features.features--full .claim{margin-bottom:2rem}
.features.features--full .subclaim{margin-bottom:4rem}
.features.features--full .slider{height:auto;margin-left:auto;margin-right:auto}
.features.features--full .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}
.features.features--full .slide,.features.features--full .sudo{flex:0 0 100%}
.features .outer{padding-bottom:3rem;padding-top:6rem;}
.features .container{display:block}
.features .claim{font-size:1.8rem;letter-spacing:.29px;line-height:2.7rem;margin-bottom:4rem;padding:0 2rem;width:100%}
.features .claim,.features .subclaim{text-align:center}
.features .subclaim{font-size:1.3rem;font-weight:500;line-height:1.6rem}
.features .slider{height:36rem}
.features .slide{border-radius:.6rem;color: #fff;}
.features .slide>div{padding:2.8rem 3.5rem 4rem}
.features .slide .wrapper{width:10rem}
.features .slide img,.features .slide svg{margin-bottom:2.5rem}
.features .slide h6{font-size:1.8rem;font-weight:500;line-height:2.3rem;margin-bottom:3rem;}
.features .slide .line{background:#fb0705;height:.4rem;margin-bottom:3rem;opacity:1;width:7.5rem}
.features .slide p{font-size:1.4rem;line-height:2.4rem;opacity:.5;}
.features .slide:not(:last-child) svg{stroke:#111820}
.features .slide:last-child svg{fill:#111820;stroke:#111820}
.features .slide img{filter:grayscale(1) brightness(0);max-height:5rem}
@media(min-width:600px){
    .features.features--full .slide,.features.features--full .sudo{flex:0 0 50%}    
}
@media(min-width:1000px){
    .features.features--full .slide,.features.features--full .sudo{flex:0 0 33%}
    .features.section--dark .slide{}
    .features.section--dark .slide:hover{background:#111820;background:linear-gradient(45deg,#1d232a,#3d434a)}
    .features.section--dark .slide:hover .line{background:#fff}
    .features.section--dark .slide:hover:not(:last-child) svg{stroke:#aaccff}
    .features.section--dark .slide:hover:last-child svg{fill:#aaccff;stroke:#aaccff}
    .features:not(.section--dark) .claim{font-weight:600;max-width:120rem;width:auto}
    .features:not(.section--dark) .claim.claim-left{padding-right:20%;text-align:left}
    .features:not(.section--dark) .slider{padding-bottom:2rem}
    .features:not(.section--dark) .slide{border:1px solid rgba(31,37,43,0)}
    .features:not(.section--dark) .slide:hover{border:1px solid rgba(31,37,43,.16);filter:drop-shadow(0 6px 9px rgba(0,0,0,.08));-webkit-filter:drop-shadow(0 6px 9px rgba(0,0,0,.08))}
    .features .claim{font-size:2rem;letter-spacing:.29px;line-height:3rem;margin-left:auto;margin-right:auto;width:96rem}
    .features .subclaim{font-size:1.5rem;line-height:1.9rem;margin-left:auto;margin-right:auto;width:76rem}
    .features .slider{height:45rem;/*max-width:120rem;padding:0 2rem*/}
    .features .slide{background:#fff}
    .features .slide svg{margin-bottom:1.5rem}
    .features .slide > div{padding: 2rem;}
    .features .slide h6{font-size:1.6rem;margin-bottom:2rem;}
    .features .slide .line{margin-bottom:2rem;}
}
@media(min-width:1200px){
    .features .slider{height:38rem}
}
@media(min-width:1440px){
    .features.features--full .slide,.features.features--full .sudo{flex:0 0 25%}
    .features .outer{padding-bottom:3rem;}
}
@media(min-width:1600px){
    .features .claim{margin-bottom:7rem;font-size:2.8rem;}
    .features .slider{width: 100%;}
    .features .slide img{display:block}
    .features .slide img,.features .slide svg{margin-bottom:4rem}
    .features .slide h6{font-size:2.1rem;line-height:2.3rem;margin-bottom: 3rem;}
    .features .slide .line{height:.3rem;width:10.6rem;margin-bottom: 3rem;}
    .features .slide p{font-size:1.6rem;line-height:2.4rem}
    .features .slide>div{padding:3rem }
}


.news-item{border-radius:.6rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));overflow:hidden;padding-bottom:5rem}
.news-item.cert:focus .img-wrapper,.news-item.cert:hover .img-wrapper{background-color:#f35d16}
.news-item:focus,.news-item:hover{filter:drop-shadow(9px 25px 19px rgba(0,0,0,.1))}
.news-item:focus .img-wrapper,.news-item:hover .img-wrapper{background-color:#aaccff}
.news-item:focus .overlay,.news-item:hover .overlay{opacity:1;visibility:visible}
.news-item a{height:100%;width:100%}
.news-item .img-wrapper{padding-bottom:70%;position:relative;width:100%}
.news-item .overlay{background-color:#aaccff;left:0;mix-blend-mode:multiply;opacity:0;top:0;transition:opacity .4s cubic-bezier(.01,.78,.22,1);visibility:hidden;z-index:1}
.news-item .overlay,.news-item img{display:block;height:100%;position:absolute;width:100%}
.news-item img{/*filter:grayscale(100%);*/-o-object-fit:cover;object-fit:cover}
.news-item .content{background-color:#fff;border-radius:.6rem;color:#333;padding:3rem;position:relative;transform:translateY(-2rem);z-index:2}
.news-item .content.case h4{font-size:2.1rem;margin-bottom:3rem;}
.news-item .content.case p{margin-bottom:1rem}
.news-item .content .label{display:inline-block}
.news-item .content>div{margin-top:2rem}
.news-item p{font-size:1.4rem;line-height:2.1rem;opacity:.6}
.news-item h4{font-size:1.8rem;font-weight:600;line-height:1.5;min-height:5rem;color: rgba(70,75,80,.7);display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
@media(min-width:1000px){
    .news-item .content{min-height:18rem}    
}
@media(min-width:1200px){
    .news-item .content{min-height:12rem}
}
@media(min-width:1921px){
    .news-item .content{min-height:18rem}
}
@media(max-width:768px){.news-item h4{font-size: 1.6rem;line-height: 1.2;font-weight:500;}}

.news-slider--certs .news-item .content{min-height:0}



.section--dark .btn--orange {
  background:#0166fb;color: #fff;
}


@media(min-width:1440px){

}
@media(min-width:1921px){

}


footer {
  background-color:#11377e;
  color:#fff;
  width:100%
}
footer.section--dark {
  background-color:#11377e;
}
footer.section--dark .outer {
  padding-top:0
}
footer a {
  color:#fff
}
footer .outer {
  flex-direction:column;
  padding-bottom:3.5rem;
  padding-top:4rem
}
footer .outer>div {
  width:100%
}
footer .outer:first-child {
  display:none
}
footer .outer:last-child {
  padding-top:4rem
}
footer .inner {
  padding:0 1.5rem
}
footer .footer__menus {
  display:flex;
  flex-direction:column;
  margin-bottom:6rem
}
footer .footer__menus>* {
  flex:0 0 100%
}
footer .footer__logo {
  display:none
}
footer .footer__menu {
  margin-bottom:0
}
footer .footer__menu--active {
  margin-bottom:3rem
}
footer .footer__menu--active h6:before {
  transform:rotate(-90deg)
}
footer .footer__menu--active .footer__content {
  height:auto;
  opacity:1;
  transform:translateY(0);
  display: block;
}
footer .footer__mobile-only {
  display:block
}
footer .footer__address {
  margin-top:2rem
}
footer .footer__address .name {
  font-weight:600
}

.footer__content {
  font-size:1.2rem;
  /*height:0;*/
  line-height:2rem;
  opacity:1;
  overflow:hidden;
 /*transform:translateY(2rem);*/
  transition:all .4s cubic-bezier(.01,.78,.22,1);
  transition-delay:.2s;
  transition-property:opacity,transform;
 display: block;
}

footer .footer__content ul {
  list-style:none
}
footer .footer__content a,footer .footer__content ul a {
  line-height:3rem;
  opacity:.5
}
footer .footer__content ul a:focus,
footer .footer__content ul a:hover {
  opacity:1;
  text-decoration:underline
}

footer .footer__social {
  display:flex;
  margin-top:3rem
}
footer .footer__social li {
  height:2.6rem;
  position:relative;
  width:2.6rem
}
footer .footer__social li:not(:first-child) {
  margin-left:2.4rem
}
footer .footer__social a {
  display:block;
  height:100%;
  text-align:center;
  width:100%
}
footer .footer__social a:focus,
footer .footer__social a:hover {
  opacity:1
}
footer .footer__social a img {
  width:1.6rem
}
footer .footer__bottom {
  display:flex;
  flex-direction:column;
  position:relative;text-align: center;
}
footer .footer__bottom div{width: 100%;}
footer .footer__bottom div:first-child {
  order:2
}
footer .footer__bottom div:nth-child(2) {
  position:relative
}
footer .footer__bottom div:nth-child(2):after {
  background-color:#2c343f;
  border-radius:.2rem;
  bottom:2rem;
  content:"";
  height:.4rem;
  left:0;
  position:absolute;
  width:100%
}
footer .footer__bottom img {
  display:block;
  margin-bottom:4rem;
  width:100%
}
footer .footer__bottom a,
footer .footer__bottom p {
  font-size:1.2rem;
  line-height:2.4rem;
  opacity:.5
}
footer .footer__bottom a:nth-child(2) {
  margin-right:2rem
}
footer .footer__bottom a:focus,
footer .footer__bottom a:hover {
  opacity:1
}
@media(min-width:600px) {
  footer .footer__bottom img {
    max-width:34rem
  }
}
/* 移动端样式 */
@media (max-width: 768px) {
  .footer__menu h6 {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
  }
  
  .footer__menu h6::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
  }
  
  .footer__menu h6.active::after {
    content: "-";
  }
  
  .footer__content {
    display: none;
  }
  
  .footer__content.active {
    display: block;
  }
}
@media(min-width:1000px) {
  footer.section--dark .outer:first-child {
    background:#1f252b;
    border-radius:0
  }
  footer.section--dark .outer:first-child:after,
  footer.section--dark .outer:first-child:before {
    
  }
  footer.section--dark .footer__links .btn {
    background:#11377e;
  }
  footer.section--dark .footer__links .btn:hover {
    background:#353b40;
  }
  footer .outer {
    padding-top:0
  }
  footer .outer:first-child {
    display:block;
    padding-bottom:0;
    position:relative;
    z-index:2
  }
  footer .outer:first-child:before {
    background:rgba(31,37,43,.05);
    border-radius:.6rem .6rem 0 0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1
  }
  footer .outer:first-child:after {
    background-color:#fff;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
  }
  footer .outer:first-child .inner {
    position:relative;
    z-index:2
  }
  footer .outer:last-child {
    background:#11377e;
    border-top:1px solid #979797;
    padding-bottom:0;
    padding-top:1rem
  }
  footer .inner {
    padding:0 3rem
  }
  footer .footer__links {
    display:flex;
    justify-content:center;
    padding:4rem 0
  }
  footer .footer__links a:not(:first-child) {
    margin-left:3rem
  }
  footer .footer__links .btn {
    background:rgba(31,37,43,.25)
  }
  footer .footer__links .btn:hover {
    background:#111820;
    background:linear-gradient(0deg,#111820 30%,#2c3239)
  }
  footer .footer__menus {
    flex-direction:row;
    margin-bottom:4rem;
    padding-top:4rem
  }
  footer .footer__menus>* {
    flex:0 0 20%;
    padding-right:6rem
  }
  footer .footer__menu:nth-child(5) {
    padding-right:0
  }
  footer .footer__logo {
    display:block;
    padding-right:0;
    padding-top:.8rem
  }
  footer .footer__address {
    font-size:1.1rem;
    line-height:2.2rem;
    margin-top:3rem
  }
  footer h6 {
    font-size:1.4rem;
    letter-spacing:.69px;
    line-height:2.4rem;
    margin-bottom:2rem
  }
  footer h6:after {
    background:rgba(255,255,255,.15);
    bottom:0;
    height:.1rem
  }
  footer h6:before {
    content:none
  }
  footer .footer__content {
    height:auto;
    opacity:1;
    transform:translateY(0);
    visibility:visible
  }
  footer .footer__content ul li {
    margin-bottom:.5rem
  }
  footer .footer__content ul a {
    font-size:1.1rem;
    line-height:1.8rem
  }
  footer .footer__mobile-only {
    display:none
  }
  footer .footer__bottom {
    flex-direction:row;
    justify-content:space-between;
    padding:2rem 0 ;
  }
  footer .footer__bottom:after {
    background-color:rgba(255,255,255,.1);
    content:"";
    height:.2rem;
    left:0;
    position:absolute;
    top:0;
    width:100%
  }
  footer .footer__bottom div:first-child {
    order:unset
  }
  footer .footer__bottom div:nth-child(2):after {
    content:none
  }
}
@media(min-width:1200px) {
  footer .footer__links {
    padding:6rem 0
  }
  footer .footer__links a:not(:first-child) {
    margin-left:4rem
  }
}
@media(min-width:1440px) {
  footer .inner {
    padding:0 4rem
  }
  footer .footer__menus>* {
    padding-right:10rem
  }
}
@media(min-width:1921px) {
  footer .inner {
    padding:0
  }
  footer .footer__links {
    padding:7rem 0
  }
  footer .footer__links a:not(:first-child) {
    margin-left:8rem
  }
  footer .footer__menus {
    padding:5rem 0
  }
  footer .footer__logo {
    text-align:center
  }
  footer .footer__address {
    font-size:1.3rem;
    line-height:2.2rem
  }
  footer h6 {
    font-size:1.4rem;
    letter-spacing:.88px;
    line-height:2.8rem;
    margin-bottom:2.3rem
  }
  footer .footer__content ul a {
    font-size:1.3rem;
    line-height:1.6rem;
    line-height:2.7rem
  }
  footer .footer__social li {
    height:4rem;
    width:4rem
  }
  footer .footer__social li:not(:first-child) {
    margin-left:3rem
  }
  footer .footer__social li a img {
    width:2.5rem
  }
}

.trant{display:block; width:955px;text-align:center;line-height:35px;margin:0 auto; padding-top:5px; padding-bottom:15px; background:#FFF;}
.trant ul{ margin-left:15px;}
.trant li{float:left;margin-right:6px; line-height:35px;list-style: none;display: flex;align-items: center;}
.trant li a{display: flex;align-items: center;}
.trant li a span{color:#333}
.trant li img{ width:20px; height:14px;}

@media (max-width: 768px){
    .trant{width:100%;display: none;}    
    
}

.addprotable{}
.addprotable table{width: 100%;border-collapse: collapse;}
.addprotable table tr,.addprotable table td{padding:5px 10px;border:none;}
.addprotable h1{font-size: 36px; color:#0066ff;font-weight: normal;padding-bottom: 30px;}
@media (max-width: 768px){
    .addprotable h1{font-size:24px;}
    .addprotable table tr,.addprotable table td{padding:2px 5px;}
    
}