@charset "UTF-8";
body{color:#2b3242;overflow-x:hidden}
.theme-color{color:var(--theme-wone)}
.theme-bg{background-color:var(--theme-wone)}
.body-bg{background-color:#f9f9f9}
::selection{color:#fff;background:var(--theme-wone)}
::-moz-selection{color:#fff;background:var(--theme-wone)}
::-webkit-selection{color:#fff;background:var(--theme-wone)}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background-color:#f1f1f1}
::-webkit-scrollbar-thumb{background-color:#555}
a{color:#000}
a:hover{color:var(--theme-wone)}
.am-alert{margin-bottom:0}
.m-hd ul,.m-header-banner ul{padding:0}
.m-hd ul li,.m-header-banner ul li{list-style-type:none}
.m-header-banner .wone-text{margin-top:-120px}
.m-contact-infobox,.m-contact-infobox:hover,.m-footer .ico i,.m-footer .ico i:hover,.m-hd .am-sticky,.m-partner li img,.m-partner li img:hover,.m-service-list li:hover,.m-service-page .ico ul li span,.m-service-page .ico ul li span:hover,a,a:hover{-webkit-filter:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
[class*=am-u-]+[class*=am-u-]:last-child{float:left}
.m-images-container section img,.m-news-container section img{max-width:100%;height:auto}
.am-container{max-width:1576px}
.am-g-fixed{max-width:1576px}
.am-badge-gray{background-color:#ececec}
.header-height{height:110px;opacity:0}
.m-hd{width:100%;position:absolute;z-index:2;height:110px;padding:0}
.m-hd ul{margin:0}
.m-hd ul li{list-style-type:none}
.m-hd .am-container{position:relative}
.m-hd .am-sticky{background:var(--theme-header-bg);padding:0 0 8px 0;opacity:.96;box-shadow:0 0 10px 0 var(--theme-header-bg)}
.m-hd .am-header a{color:#fff}
.m-hd .m-nav a{color:var(--theme-menu-font-color)}
.m-hd .m-nav a:hover{background:var(--theme-wone);border-radius:2px;-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out}
.min-nav a:hover{background:var(--theme-wone);-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out}
.m-hd .am-nav>li.am-active>a,.m-hd .am-nav>li.am-active>a:focus,.m-hd .am-nav>li.am-active>a:hover{color:#fff;background-color:var(--theme-wone);cursor:default}
.m-hd .am-dropdown-content{background:var(--theme-wone);border:none}
.m-hd .am-dropdown-content>li>a:hover{color:#fff}
.m-hd .am-dropdown-content:after,.m-hd .am-dropdown-content:before{border:8px dashed var(--theme-wone)}
.m-hd .am-dropdown-content>.am-active>a,.m-hd .am-dropdown-content>.am-active>a:focus,.m-hd .am-dropdown-content>.am-active>a:hover{background-color:var(--theme-wone)}
.m-logo{display:block;float:left;font-size:22px;line-height:36px;width:252px;color:#fff;text-indent:-9999px;background:url('../img/logo-xx2.svg') no-repeat left center;-webkit-background:url('../img/logo-xx2.svg') no-repeat left center;-moz-background:url('../img/logo-xx2.svg') no-repeat left center;-ms-background:url('../img/logo-xx2.svg') no-repeat left center;-o-background:url('../img/logo-xx2.svg') no-repeat left center;background-size:252px 36px;-webkit-background-size:252px 36px;-moz-background-size:252px 36px;-ms-background-size:252px 36px;-o-background-size:252px 36px;margin-right:0;z-index:9999!important}
.min-logo{display:block;float:left;font-size:22px;line-height:36px;width:252px;color:#fff;text-indent:-9999px;background:url('../img/logo-xx2.svg') no-repeat left center;-webkit-background:url('../img/logo-xx2.svg') no-repeat left center;-moz-background:url('../img/logo-xx2.svg') no-repeat left center;-ms-background:url('../img/logo-xx2.svg') no-repeat left center;-o-background:url('../img/logo-xx2.svg') no-repeat left center;background-size:252px 36px;-webkit-background-size:252px 36px;-moz-background-size:252px 36px;-ms-background-size:252px 36px;-o-background-size:252px 36px;margin-top:5px}
.m-about li{float:left;margin-left:5px}
#r-nav .am-offcanvas-bar{width:200px}
#r-nav .logo{margin-bottom:20px}
#r-nav p{border-bottom:1px solid #4f4f4f;padding-bottom:20px}
.m-header-banner{height:420px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:260px;color:#fff}
.m-header-banner h2{font-size:50px;margin:0;font-weight:100}
.m-header-banner p{font-size:20px}
.m-header-banner nav{display:inline-block}
.m-header-banner nav li{float:left;margin-right:10px;font-size:12px}
.m-header-banner nav li a{color:#fff}
.m-header-banner nav li.am-active a{font-weight:700}
.m-header-1{height:180px;padding-top:145px;background:#1a1f2a}
.m-list-header{height:450px}
.m-list-join{height:450px}
@media screen and (min-width:960px) and (max-width:1199px){
    .m-header-banner{height:420px;padding-top:240px}
    .m-header-banner h2{font-size:46px;margin:0}
    .m-header-banner p{font-size:20px;padding:0}
    .m-header-1{height:180px;padding-top:145px}
}
@media screen and (min-width:768px) and (max-width:959px){
    .m-hd .am-nav>li>a{position:relative;display:block;padding:.4em;font-size:14px}
    .m-hd .m-about li{float:left;margin-left:5px;font-size:14px}
    .m-hd .am-btn{padding:.5em .4em}
    .m-header-banner{height:420px;padding-top:220px;text-align:center}
    .m-header-banner .wone-text{margin-top:-100px}
    .m-header-banner h2{font-size:30px;margin:0}
    .m-header-banner p{font-size:20px;padding:0;margin:30px 0 15px 0}
    .m-header-1{height:180px;padding-top:145px}
    .sub-menu .menu-item a{font-size:14px}
}
@media only screen and (min-width:641px) and (max-width:767px){
    .m-hd{height:100px;padding:0}
    .header-height{height:100px}
}
@media only screen and (min-width:480px) and (max-width:641px){
    .m-hd{height:50px;padding:0}
    .header-height{height:50px}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .m-header-banner .wone-text{margin-top:-60px}
    .m-hd .am-nav>li>a{position:relative;display:block;padding:.4em;font-size:14px}
    .m-hd .m-about{display:none}
    .m-hd .m-about li{float:left;margin-left:5px;font-size:14px}
    .m-hd .am-btn{padding:.5em .4em}
    .m-header-banner{height:380px;padding-top:120px;text-align:center}
    .m-header-banner h2{font-size:30px;margin:0}
    .m-header-banner p{font-size:18px;padding:0;margin:20px 0 15px 0}
    .m-header-1{height:120px;padding-top:75px}
    .phone-banner{height:300px!important;overflow:hidden}
    .phone-banner-height{height:260px!important;overflow:hidden}
}
.PC-56{width:56%}
.PC-44{width:44%}
.PC-76{width:76%}
.PC-24{width:24%}
@media only screen and (min-width:1px) and (max-width:1024px){
    .PC-56{width:100%}
    .PC-44{width:0%}
    .PC-76{width:100%;padding:0}
    .PC-24{width:0%}
}
@media screen and (max-width:479px){
    .m-header-banner .wone-text{margin-top:-60px}
    .m-hd{height:50px;padding:0}
    .header-height{height:50px}
    .m-header-banner{height:380px;padding-top:120px;text-align:center}
    .m-header-banner h2{font-size:30px;margin:0}
    .m-header-banner p{font-size:14px;padding:0;margin:0}
    .m-header-1{height:120px;padding-top:75px}
    .phone-banner{height:300px!important;overflow:hidden}
    .phone-banner-height{height:260px!important;overflow:hidden}
    .phone-top-banner{height:220px}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .m-logo{background:url('../images/logo@2x.png');-webkit-background-size:125px 40px;background-size:125px 40px;background-repeat:no-repeat}
}
.am-btn-danger{background:#d22e3e;border:1px solid #d22e3e}
.am-btn-danger:hover{background:var(--theme-wone);border:1px solid var(--theme-wone)}
.m-home-box{padding-bottom:50px}
.m-home-box h2{margin:40px 0 0 0}
.m-home-box p{margin:0 0 20px 0;font-size:14px;color:#c6c6c6}
.m-home-box h4{margin:8px 0 20px 0;font-size:15px;color:#464749}
.m-home-box ul h2{padding:0;margin:0}
.m-home-black{padding-bottom:50px}
.m-home-black h2{margin:40px 0 0 0}
.m-home-black p{margin:0 0 20px 0;font-size:16px;color:#969696}
.m-home-black h4{margin:8px 0 20px 0;font-size:15px;color:#464749}
.m-home-black ul h2{padding:0;margin:0}
.m-mn-box{position:relative;background-color:#fff;margin-bottom:60px}
.m-mn-box-join{position:relative;background-color:#fff;margin-bottom:20px;width:100%}
.m-mn-box section h2{margin:0;padding:0}
.m-mn-box section h3{margin:20px 0 10px 0;padding:0}
.m-mn-box section p{margin-top:0}
.m-container{margin:0 0 60px 0}
.banner-pic{background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;position:relative;z-index:99999}
.am-slider-i2 .am-slider-images{height:620px;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}
.am-slider-i2 .am-slider-desc{position:absolute;left:0;top:40%;right:0;color:#fff;text-align:center}
.am-slider-i2 .am-slider-title{font-weight:400;margin-bottom:5px;display:block;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:right}
.am-slider-i2 .am-slider-en{font-size:12px}
.am-slider-i2 .am-btn{margin-top:20px;margin-right:10px}
.am-slider-i2 .am-direction-nav,.am-slider-i2 .am-pauseplay{display:none}
@media screen and (min-width:960px) and (max-width:1199px){
    .am-slider-i2 .am-slider-images{height:360px}
    .am-slider-i2 .am-slider-desc{top:40%}
    .am-slider-i2 .am-direction-nav,.am-slider-i2 .am-pauseplay{display:none}
}
@media screen and (min-width:768px) and (max-width:959px){
    .am-slider-i2 .am-slider-images{height:360px}
    .am-slider-i2 .am-slider-desc{top:200px}
    .am-slider-i2 .am-slider-content h2{font-size:40px}
    .am-slider-i2 .am-slider-content p{font-size:24px}
    .am-slider-i2 .am-btn{margin-top:10px}
    .am-slider-i2 .am-direction-nav,.am-slider-i2 .am-pauseplay{display:none}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .am-slider-i2 .am-slider-images{height:220px}
    .am-slider-i2 .am-slider-desc{text-align:center;top:35%}
    .am-slider-i2 .am-slider-content h2{font-size:20px}
    .am-slider-i2 .am-slider-content p{font-size:14px}
    .am-slider-i2 .am-btn{margin-top:10px}
    .am-slider-i2 .am-direction-nav,.am-slider-i2 .am-pauseplay{display:none}
}
@media screen and (max-width:479px){
    .am-slider-i2 .am-slider-images{height:220px}
    .am-slider-i2 .am-slider-desc{text-align:center;top:110px}
    .am-slider-i2 .am-slider-content h2{font-size:20px}
    .am-slider-i2 .am-slider-content p{font-size:14px}
    .am-slider-i2 .am-btn{margin-top:10px}
    .am-slider-i2 .am-direction-nav,.am-slider-i2 .am-pauseplay{display:none}
}
.m-case-list li{margin-top:0;margin-bottom:0;padding-bottom:5px}
.m-case-list li figure{margin-bottom:0;position:relative;z-index:1;display:inline-block;overflow:hidden;background:#000;text-align:center;cursor:pointer}
.m-case-list li figure img{position:relative;display:block}
.m-case-list li figure figcaption{padding:20px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:50px}
.m-case-list li figure figcaption::after,.m-case-list li figure figcaption::before{pointer-events:none}
.m-case-list li figure a,.m-case-list li figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%}
.m-case-list li figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.m-case-list li figure h3{word-spacing:-0.15em;font-weight:300}
.m-case-list li figure h3 span{font-weight:800}
.m-case-list li figure h3{margin:40px 0 0 0;text-shadow:2px 2px 5px #464749}
.m-case-list li figure p{margin:0;letter-spacing:1px;font-size:68.5%}
.m-case-big{z-index:9999;background:#fff}
.m-case-big li{margin-top:0;margin-bottom:0;padding-bottom:5px}
.m-case-big li figure{margin-bottom:0;position:relative;z-index:1;overflow:hidden;background:#000;text-align:center;cursor:pointer}
.m-case-big li figure img{position:relative;display:block}
.m-case-big li figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:2.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:100px}
.m-case-big li figure figcaption::after,.m-case-big li figure figcaption::before{pointer-events:none}
.m-case-big li figure a,.m-case-big li figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%}
.m-case-big li figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.m-case-big li figure h3{word-spacing:-0.15em;font-weight:700}
.m-case-big li figure h3 span{font-weight:800}
.m-case-big li figure h3{margin:40px 0 0 0;text-shadow:2px 2px 5px #464749}
.m-case-big li figure p{margin:0;letter-spacing:1px;font-size:68.5%}
.icon-bg{position:relative;background:#f0f0f0}
.go-bg{position:relative;background:#adadad}
figure.effect-lily img{width:-webkit-calc(100% + 50px);width:calc(100% + 50px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;background:url('../images/loading.gif') 50% 50% no-repeat}
figure.effect-lily figcaption{top:auto;bottom:0;text-align:left}
figure.effect-lily h3,figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
figure.effect-lily h3{-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.effect-lily p{color:rgba(255,255,255,.6);opacity:0;-webkit-transition:opacity .2s,-webkit-transform .35s;transition:opacity .2s,transform .35s}
figure.effect-lily:hover img,figure.effect-lily:hover p{opacity:1}
figure.effect-lily:hover h3,figure.effect-lily:hover img,figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#fff}
figure.effect-lily:hover img{opacity:.4}
figure.effect-lily:hover p{-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transition-duration:.35s;transition-duration:.35s}
.m-cat-nav{border-bottom:1px solid #e9e9e9;margin-bottom:20px}
.m-cat-nav ul li{float:left;list-style-type:none;margin-right:20px;padding-top:20px}
.m-cat-nav ul li.am-active a{color:#dd514c}
.m-cat-nav p{font-size:12px;margin-bottom:60px}
.m-contact{background:url('../images/banner.jpg') 50% 0 no-repeat fixed;padding:30px 0 50px 0;color:#fff}
.m-contact p{color:#fff}
.m-contact-us{padding:30px 0 0 0}
.m-contact-us span{padding-top:10px}
.m-contact-us .am-btn{width:100%}
.m-contact-infobox{border:1px solid #d8d8d8;background:#fff;border-radius:5px;padding:40px 0;text-align:center}
.m-contact-infobox:hover{border:1px solid #0d121b;background:#1a1f2a;color:#fff}
@media only screen and (min-width:480px) and (max-width:767px){
    .m-contact-us{text-align:center}
}
@media screen and (max-width:479px){
    .m-contact-us{text-align:center}
}
.m-images-container{margin-top:-30px;border-radius:3px}
.m-images-container section{padding:30px}
.m-images-container section p{margin-bottom:2rem}
.m-images-show hgroup h1{font-size:58px;line-height:68px;font-weight:400;margin-bottom:30px}
.m-images-show hgroup p{width:100%;font-size:26px;margin:0}
.m-images-show hgroup ul{margin:0;font-size:14px;display:inline-block}
.m-images-show hgroup ul li{float:left;margin-right:5px;padding-bottom:30px}
.m-images-show .am-animation-fade{-webkit-animation-duration:.4s;animation-duration:.4s}
@media screen and (min-width:960px) and (max-width:1199px){
    .m-images-show{height:400px;padding-top:15 0}
}
@media screen and (min-width:768px) and (max-width:959px){
    .m-images-show{height:300px;padding-top:130px}
    .m-images-show hgroup h1{font-size:48px;line-height:48px}
    .m-images-show hgroup p{width:100%;font-size:16px;margin:0}
    .m-images-show hgroup ul{margin:0;font-size:12px}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .m-images-show{height:300px;padding-top:110px}
    .m-images-show hgroup h1{font-size:28px;line-height:28px}
    .m-images-show hgroup p{width:100%;font-size:14px;margin:0}
    .m-images-show hgroup ul{margin:0;font-size:12px}
}
@media screen and (max-width:479px){
    .m-images-show{height:200px;padding-top:70px;text-align:center}
    .m-images-show hgroup h1{font-size:28px;line-height:28px}
    .m-images-show hgroup p{width:100%;font-size:14px;margin:0}
    .m-images-show hgroup ul{margin:0;font-size:12px}
}
.m-news article{margin-bottom:80px;position:relative}
.m-news h3{font-size:28px}
.m-news-date{font-family:arial;color:#999;border-right:1px solid #e9e9e9}
.m-news-date span{display:block;font-size:40px;color:#333}
.m-news-data{padding-bottom:30px}
.m-news-data span{color:#aaa;margin-right:20px}
.m-news-desc{color:#2b3242;height:100px;overflow:hidden}
.m-news-container{margin-top:60px;margin-bottom:60px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff}
.m-news-container header{background:#1a1f2a;border-radius:3px 3px 0 0;color:#fff;padding:20px}
.m-news-container header a{color:#fff}
.m-news-container header span{margin-right:10px}
.m-news-container section{padding:40px 20px 20px}
.m-news-container section .com a{color:#dd514c}
.m-services{background:#fff;padding:10px 0 40px 0;color:#000}
.m-service-container{margin:0 0 60px 0}
.m-service-container .am-pagination{margin-top:20px}
.m-service-container .am-pagination .am-active a{background:#dd514e;border-color:#dd514c}
.m-service-list li{margin-bottom:30px;padding:15px;border:1px solid #fff}
.m-service-list li:hover{background:#13c161;border:1px solid #13c161;border-left:10px solid #0f9a4b;color:#fff;margin-bottom:30px}
.m-service-list-icon{font-size:50px;text-align:center}
.m-web-list figure{background:#fff}
.m-web-list figure h3{margin:0}
.m-web-list figure figcaption{padding:10px}
.m-list article{margin-bottom:60px}
.m-web-relevantdesc{font-size:12px;height:40px;overflow:hidden}
.m-item{margin-top:60px}
.m-item article .thumbnail{height:200px;overflow:hidden}
@media only screen and (min-width:480px) and (max-width:767px){
    .m-contact-us{text-align:center}
}
@media screen and (max-width:479px){
    .m-contact-us{text-align:center}
}
.m-partner li img{border:1px solid #e6e6e6;border-radius:6px}
.m-partner li img:hover{border:1px solid var(--theme-wone);transform:scale(1.02)}
.m-partner p{margin:0 0 30px 0}
@media only screen and (min-width:480px) and (max-width:767px){
    .m-contact-us{text-align:center}
}
@media screen and (max-width:479px){
    .m-contact-us{text-align:center}
}
.m-top-cbbfixed{position:fixed;right:10px;transition:bottom ease .3s;bottom:-85px;z-index:3;cursor:pointer}
.m-top-cbbtn{width:40px;height:40px;display:block;background-color:var(--theme-wone);border-radius:6px}
.m-top-go{transition:background-color ease .3s;margin-top:1px}
.m-top-go:hover{background-color:var(--theme-wone)}
.m-top-goicon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background:url('../images/side-icon02.png')}
.m-footer{background:#f4f4f4;padding:60px 0 0 0;color:#b7b7b7;font-size:14px}
.m-footer a{color:#555d6d}
.m-footer a:hover{color:#13c161}
.m-footer ul{list-style-type:none;padding:0;margin:0}
.m-footer section h2{font-size:16px;margin-bottom:20px}
.m-footer i{margin-left:10px}
.m-footer-container{padding-bottom:10px}
.m-footer-container h2{color:#fff}
.m-footer-container a{color:#c6c6c6}
.m-footer-flink{padding-bottom:10px}
.m-footer-flink h2{color:#fff}
.m-footer-flink a{color:#c6c6c6}
.m-footer-flink a,.m-footer-subnav a{margin-right:10px}
.m-footer-bottom{font-size:12px;padding:0 0 30px 0;color:#c6c6c6}
.m-footer-bottom a{color:#c6c6c6}
.video-bg{z-index:-1;width:100vw;overflow:hidden}
.bg-grid{position:absolute;left:0;top:-10px;width:100vw;z-index:1;transform:translateZ(0)}
.bg-grid-min{position:absolute;left:0;top:0;width:100vw;z-index:1;background:url('../images/banner.jpg');transform:translateZ(0)}
.img-opacity{opacity:0}
.text-title{width:100%;position:absolute;margin:20% 0;text-align:center;z-index:1;color:#fff}
.text-title h1{font-size:4vw;font-weight:400}
.text-title p{font-size:2vw}
.scroll-title h1{font-size:4vw;font-weight:400}
.scroll-title p{font-size:2vw}
.text-soft h1{font-size:3vw;font-weight:400}
.text-soft h1 span{font-size:6vw;font-weight:400}
.text-soft p{font-size:2vw}
.text-margin{position:relative;margin-top:20%;font-size:24px}
.easy-body{max-width:1576px;margin-left:auto;margin-right:auto}
.easy-width{min-height:500px}
.easy-button{padding:40px 0 40px 0;right:0;max-width:1576px;margin-left:auto;margin-right:auto}
.am-nav li:hover .sub-menu{display:block}
.am-nav li .sub-menu{display:none;padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#2f3638;border-radius:0 0 3px 3px;margin:0}
.theme-black .am-nav li .sub-menu{padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#817b7b;border-radius:0 0 3px 3px;margin:0}
.nav-bg{margin:2px 0 0 0}
.am-nav li .sub-menu .menu-item a{min-width:104px;position:relative;padding:8px 15px}
.am-nav li .sub-menu .menu-item a{display:block}
.sub-menu li a{text-align:left;font-weight:100;color:#000}
.sub-menu li a:hover{color:#fff;background:var(--theme-wone)}
.hover-white :hover{color:#fff}
.am-text-bold{font-weight:700}
.am-min-nav{font-size:18px}
.am-nav-min li .sub-menu{display:none;padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#fff;border-radius:0 0 3px 3px;margin:0;width:100%}
.border-min{border-bottom:1px solid #4f4f4f}
.am-nav-min li .sub-menu .menu-item a{min-width:120px;position:relative;padding:8px 10px}
.am-nav-min li .sub-menu .menu-item a{display:block}
.title-menu li{list-style-type:none}
.am-nav li:hover .title-menu{display:block}
.am-nav li .title-menu{display:none;padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#fff;border-radius:0 0 3px 3px;margin:0}
.theme-black .am-nav li .title-menu{padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#817b7b;border-radius:0 0 3px 3px;margin:0}
.nav-bg{margin:2px 0 0 0}
.am-nav li .title-menu .menu-item a{min-width:104px;position:relative;padding:8px 15px}
.am-nav li .title-menu .menu-item a{display:block}
.title-menu li a{text-align:left;font-weight:100;color:#000}
.title-menu li a:hover{color:#fff;background:var(--theme-wone)}
.am-nav-min li .sub-menu{display:none;padding-left:0;position:absolute;box-shadow:0 0 6px rgba(0,0,0,.15);top:100%;left:0;z-index:1000!important;background:#fff;border-radius:0 0 3px 3px;margin:0;width:100%}
.border-min{border-bottom:1px solid #4f4f4f}
.am-nav-min li .sub-menu .menu-item a{min-width:120px;position:relative;padding:8px 10px}
.am-nav-min li .sub-menu .menu-item a{display:block}
.promo_detailed{position:relative;min-height:500px;background:#f0f0f0}
.promo_detailed .promo_detailed-container{position:relative;z-index:1;height:100%;padding-left:10px}
.promo_detailed .am-g{margin-left:-15px;margin-right:-15px}
.promo_detailed .am-g .promo_detailed--list{padding:0 0 1px}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item{position:relative;padding:0 20px 0 80px;margin-top:40px;list-style:none}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon{display:block;top:5px;left:0;border:2px solid #13c161;border-radius:3px;width:56px;height:56px;box-sizing:border-box;position:absolute}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item .promo_detailed--list_item_icon i{color:#13c161;font-size:32px;top:50%;left:50%;margin-top:-2px;margin-left:8px}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl,.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dt{font-size:20px;color:#262626}
.promo_detailed .am-g .promo_detailed--list .promo_detailed--list_item dl dd{font-size:16px;line-height:23px;color:#969696}
.promo_detailed .promo_detailed--cta{padding:0 25px;position:relative;height:514px}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap{position:absolute;top:40%;transform:translate(0,-50%);text-align:center}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_text{background:rgba(84,137,198,.7);border-radius:3px;padding:38px 20px 38px 28px;max-width:495px;color:#fff;font-size:20px;line-height:36px;font-weight:300;text-align:left}
.promo_detailed .promo_detailed--cta .promo_detailed--cta_wrap .promo_detailed--cta_footer{padding-top:50px}
.promo_detailed .promo_detailed-img{background-size:cover;width:50%;height:100%;background-color:#7d7e75;position:absolute;top:0;right:0}
.am-container .more-img img{display:block;max-width:100%;height:auto;margin:15px auto}
@media screen and (max-width:640px){
    .promo_detailed .promo_detailed--list{padding-left:15px!important}
    .promo_detailed .promo_detailed--list .promo_detailed--list_item{padding:0 0 0 80px!important}
    .promo_detailed .am-g{margin:0}
    .promo_detailed .am-g .am-u-md-6:nth-of-type(2){padding-right:0;padding-left:0}
    .index-container .index-more{padding:35px 0 0}
    .index-page .index-banner .index-mask{padding:70px 0 0}
    .index-page .index-banner .slide_simple--title{font-size:40px}
    .promo_detailed-img{width:100%!important;z-index:-1}
    .promo_detailed--cta_wrap{position:relative!important}
    .promo_detailed .promo_detailed--cta{height:420px}
    .phone-top-banner{height:220px}
}
@media (min-width:1576px){
    .container{width:1170px!important;margin:0 auto}
}
@media only screen and (min-width:100px) and (max-width:1199px){
    .hide-min{display:none}
    .phone-clear-padding{padding:0!important}
    .phone-clear-margin{margin:0!important}
}
@media only screen and (min-width:100px) and (max-width:640px){
    .m-top-cbbfixed{display:none}
    .video-all{display:none}
    .text-margin{position:relative;margin-top:0;font-size:16px}
    .m-case-list li figure figcaption{margin-top:100px}
    .am-thumbnail{padding:12px 12px 0 12px}
    .phone-title{padding:10px 0 0 0!important;margin:0}
    .phone-container{padding:10px!important}
    .phone-container-all{padding:10px!important}
    .phone-container-left{padding:0 20px!important}
    .phone-container-bottom{padding:20px 0!important}
    .phone-container-bottom-min{padding:10px 0!important}
    .phone-container-title{margin:10px 0!important;border-bottom:2px solid #aaaAAA20}
    .dd-hover{padding-bottom:0!important;margin-bottom:0!important;font-size:14px}
    .dd-hover2{padding-bottom:0!important;margin-bottom:0!important;font-size:14px}
    .dd-hover2 .solution-height{border-radius:10px!important}
    .dd-hover2 .rank-height{border-radius:10px!important}
    .dd-hover2 .am-img-responsive{border-radius:10px!important}
    .dd-hover2 .dd-clamp-text-2{margin:0!important}
    .dd-hover3{padding-bottom:0!important;margin-bottom:0!important;font-size:14px}
    .dd-hover3 .am-img-responsive{border-radius:10px!important}
    .m-contact-us{padding:0!important;margin:0!important}
    .phone-clear-padding{padding:0!important}
    .phone-clear-margin{margin:0!important}
    .dd-hover3 .dd-clamp-text-1{font-size:20px}
    .dd-hover3 .home-konw{display:none;padding-top:0!important}
    .dd-hover3 .am-padding-top .am-fr{display:none;padding-top:0!important}
    .m-cat-nav{border-bottom:1px solid #e9e9e9;margin-bottom:0}
    .am-tabs .am-tabs-nav span{font-size:10rpx!important}
    .dd-hover3 .am-padding-top .am-fl{width:100%!important;padding-bottom:20px;text-align:left}
    .phone-bottom{margin-bottom:10px}
    .phone-text-center{text-align:center}
    .phone-button{position:fixed;bottom:0;z-index:999}
    .phone-button button{width:42vw!important}
    .phone-button3{position:fixed;bottom:0;z-index:999}
    .phone-button3 button{width:40vw!important}
    .phone-button2{position:fixed;bottom:0;z-index:999}
    .phone-button2 button{width:50vw!important;margin-left:15vw}
    .phone-download{position:fixed;bottom:0;z-index:999}
    .solution-height{width:46vw!important;height:46vw!important}
    .brand-height{width:22vw!important;height:11vw!important}
    .rank-height{width:46vw!important;height:46vw!important}
    .know-height{width:46vw!important;height:46vw!important}
    .product-height{width:46vw!important;height:46vw!important}
}
.home-hover{transition:all .2s}
.home-hover:hover{transform:translateX(2px);transform:scale(1.2)}
@media only screen and (min-width:641px) and (max-width:1900px){
    .am-gotop-fixed.am-active{top:20px;opacity:1;transition:all .2s;transition-delay:0s}
}
@media only screen and (min-width:641px) and (max-width:1024px){
    .m-case-list li figure figcaption{margin-top:160px}
}
@media only screen and (min-width:641px){
    .pic-all{display:none}
}
.am-container section ul li img{display:block;max-width:100%;height:auto}
.dd-hover{transition:all .2s;margin-bottom:30px}
.dd-hover:hover{transform:translateY(-10px)}
.dd-hover2{transition:all .2s;margin-bottom:30px}
.dd-hover2:hover{transform:scale(1.02)}
.dd-hover3{transition:all .2s}
.dd-hover3:hover{transform:translateX(6px)}
.dd-hover4{transition:all .2s}
.dd-hover4:hover{transform:scale(1.02)}
.dd-active{color:var(--theme-wone)!important;border-bottom:2px solid var(--theme-wone)}
.auto-align{text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.auto-align:not(:first-line){text-align:left}
.dd-clamp-text-1{-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.dd-clamp-text-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:2rem}
.dd-clamp-text-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.dd-clamp-text-3-left{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;text-align:left;-webkit-box-pack:start}
.dd-clamp-text-4{-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.dd-clamp-text-5{-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.am-page-active{border:1px solid var(--theme-wone);background-color:var(--theme-wone)}
.dd-flex{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.dd-flex-basic-xs{flex-basis:20%}
.dd-flex-basic-sm{flex-basis:40%}
.dd-flex-basic-md{flex-basis:50%}
.dd-flex-basic-lg{flex-basis:60%}
.dd-flex-basic-xl{flex-basis:80%}
.dd-flex-basic-full{flex-basis:100%}
.dd-flex-direction-column{flex-direction:column}
.dd-flex-direction-row{flex-direction:row}
.dd-flex-direction-column-reverse{flex-direction:column-reverse}
.dd-flex-direction-row-reverse{flex-direction:row-reverse}
.dd-flex-wrap{flex-wrap:wrap}
.dd-flex-nowrap{flex-wrap:nowrap}
.dd-flex-center{align-self:center}
.dd-flex-top{align-self:flex-start}
.dd-flex-end{align-self:flex-end}
.dd-flex-stretch{align-self:stretch}
.dd-flex-col-center{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}
.dd-flex-col-top{align-items:flex-start}
.dd-flex-col-bottom{align-items:flex-end}
.dd-flex-row-center{justify-content:center}
.dd-flex-row-left{justify-content:flex-start}
.dd-flex-row-right{justify-content:flex-end}
.dd-flex-row-between{justify-content:space-between}
.dd-flex-row-around{justify-content:space-around}
.dd-col-12{width:100%}
.dd-col-11{width:91.66666667%}
.dd-col-10{width:83.33333333%}
.dd-col-9{width:75%}
.dd-col-8{width:66.66666667%}
.dd-col-7{width:58.33333333%}
.dd-col-6{width:50%}
.dd-col-5{width:41.66666667%}
.dd-col-4{width:33.33333333%}
.dd-col-3{width:25%}
.dd-col-2{width:16.66666667%}
.dd-col-1{width:8.33333333%}
.dd-float-left{float:left}
.dd-float-right{float:right}
.dd-clear-float{clear:both}
.dd-clear-float::after,.dd-clear-float::before{content:" ";display:table;clear:both}
.image-box{width:100%;max-width:400px;margin:0 auto;position:relative;padding-bottom:100%;border-radius:12px;overflow:hidden}
.image-box2{width:100%;max-width:400px;margin:0 auto;position:relative;padding-bottom:70%;border-radius:12px;overflow:hidden}
.image-box3{width:100%;max-width:600px;margin:0 auto;position:relative;padding-bottom:60%;border-radius:12px;overflow:hidden}
.image-square{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.banner-box{width:100%;max-width:200px;margin:0 auto;position:relative;padding-bottom:100%;border-radius:12px;overflow:hidden}
.banner-square{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.brands-box{width:100%;max-width:400px;margin:0 auto;position:relative;padding-top:40%;border-radius:6px;border:1px solid #f9f9f9;background-color:#f9f9f9}
.brands-square{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;aspect-ratio:1}
.type-hover{border:1px solid #dbdbdb;background-color:#f9f9f9;border-radius:6px}
.type-hover:hover{border:1px solid var(--theme-wone);background-color:rgb(from var(--theme-wone) r g b / 10%);color:var(--theme-wone);border-radius:6px}
.tabs-new{margin:0 auto}
.tabs-new h2{font-size:24px;color:#333;line-height:1;font-weight:400;padding-bottom:10px;padding-left:10px}
.tabs-new .category{width:100%;position:relative;overflow:hidden}
.tabs-new .category:after{content:"";position:absolute;width:100%;left:0;top:0;height:1px;z-index:2}
.tabs-new .category:before{content:"";position:absolute;width:100%;left:0;bottom:16px;height:1px;margin-left:24px;background-color:#ededed;z-index:0}
.tabs-new .category a:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.tabs-new .category .prev{display:none;position:absolute;top:0;width:50px;height:50px;border:1px solid #e1e3e6;border-radius:1000px;background:#fff;text-align:center;font-size:0;left:0}
.tabs-new .category .prev span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);background-position:96.77% 25%;background-size:initial}
.tabs-new .category .next span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);background-position:61.29% 25%;background-size:initial}
.tabs-new .category .next{position:absolute;top:0;width:50px;height:50px;border:1px solid #e1e3e6;border-radius:1000px;background:#fff;text-align:center;font-size:0;right:0;border-left:1px solid #e1e3e6}
.tabs-new .category ul li{display:table-cell;white-space:nowrap;font-size:14px;text-align:center;border-bottom:4px solid transparent;cursor:pointer;position:relative;padding:14px 25px 18px 25px}
.tabs-new .category ul li.pc-active{border-bottom-color:var(--theme-wone);color:var(--theme-wone);font-weight:700}
.tabs-new .cont{display:none}
.tabs-new .cont.pc-active{display:block}
.logo-box{width:100%;max-width:100px;margin:0 auto;position:relative;padding-top:10%;border-radius:6px;border:1px solid #f9f9f9;background-color:#f9f9f9}
.logo-square{width:100px;height:58px}
.sticky-bar{position:sticky;top:130px!important}
.nav-hover a{color:var(--theme-wone)!important}
.store-img{height:50px;margin:10px;overflow:hidden;object-fit:cover}
.inline-header{display:inline;margin:0;padding:0;font-size:inherit;font-weight:inherit}
.m-header-banner h1{font-size:50px;margin:0;font-weight:100}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lang-dropdown{position:relative}
.lang-trigger{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 0;user-select:none}
.dropdown-arrow{transition:transform .3s ease;font-size:12px}
.lang-dropdown.active .dropdown-arrow{transform:rotate(180deg)}
.lang-list{position:absolute;bottom:100%;left:0;right:0;max-height:0;overflow:hidden;transition:all .3s ease;margin:0!important;opacity:0;transform:translateY(10px);background-color:inherit;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.1)}
.lang-dropdown.active .lang-list{max-height:200px;opacity:1;transform:translateY(0);bottom:calc(100% + 5px)}
.lang-list-container{width:100%;max-height:200px;overflow-y:auto;background-color:var(--theme-header-bg,#fff)}
.lang-list .am-menu-nav{background-color:inherit;margin:0;padding:0}
.lang-list .am-parent{border-bottom:1px solid #4f4f4f}
.lang-list .am-parent:last-child{border-bottom:none}
.lang-list .am-parent a{display:block;padding:10px 15px;color:#000!important;font-weight:600;text-decoration:none;transition:all .2s ease;background-color:inherit}
.lang-list .am-parent a:hover{background-color:rgba(0,0,0,.05);padding-left:20px}
.phone-menu-p .lang-dropdown .lang-list{position:relative;bottom:auto;margin-top:10px!important}
.phone-menu-p .lang-dropdown.active .lang-list{bottom:auto;margin-top:10px!important}
.am-offcanvas-content .lang-dropdown.active .lang-list{bottom:auto;margin-top:10px!important}
.am-padding-sm{padding:0!important}
.inline-a-link{display:block;text-decoration:none;color:inherit}
.am-slider-images{position:relative}
.banner-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;text-decoration:none;color:transparent}
@media screen and (max-width:768px){
    .am-slider.am-slider-a1,.am-slides,.am-slides li{height:300px!important;min-height:300px}
}