.home{background-color:#a9d6d2;min-height:100%}.page-header{background-image:url(../img/B1_Banner.4a449739.jpg);height:400px;background-size:calc(100% + 60px) auto;background-repeat:no-repeat;padding-top:26px;-webkit-animation-name:headerbg;animation-name:headerbg;-webkit-animation-duration:3s;animation-duration:3s;position:relative;text-align:center}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:after{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-size:54px;line-height:50px;color:#ff4142;font-weight:200;font-style:normal;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;margin:.67em 0;margin-top:150px}.down-icon,h1{text-align:center}.down-icon{display:inline-block;position:absolute;margin:0 auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:5%;font-size:18px;color:#999}.submenu{height:30px;background-color:#fff;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex}.submenu :after,.submenu:before{-webkit-box-sizing:border-box;box-sizing:border-box}.submenu-m{display:none}.navbar-collapse{min-height:30px;width:1170px;border-radius:0;border:0;margin-bottom:0}.navbar-nav{margin:0 auto;padding:0;border-color:#e7e7e7;height:auto!important;overflow:visible!important;position:relative;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav :after,.navbar-nav:before{-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-nav{color:#3a3e3d;line-height:30px;font-weight:300;font-size:12px}.navbar-li{margin-left:15px;margin-right:30px}.our-vision{background-color:#ff4142;height:285px;color:#fff}.our-vision-text{text-align:center;width:50vw;font-weight:300;letter-spacing:.5px}.our-vision-text .our-vision-title{font-size:40px;line-height:1.4em;padding:.4em;padding-bottom:10px;letter-spacing:1px;-webkit-animation-name:text-down;animation-name:text-down;-webkit-animation-duration:.75s;animation-duration:.75s}.our-vision-text .text-faded{line-height:1.5em;margin:0 0 10px;font-size:17px;-webkit-animation-name:text-up;animation-name:text-up;-webkit-animation-duration:.75s;animation-duration:.75s}.our-vision-bottom{background-image:url(../img/B1_OurVision.50ac1c04.jpg);height:285px;background-size:calc(100% + 60px) auto;background-repeat:no-repeat;-webkit-animation-name:headerbg;animation-name:headerbg;-webkit-animation-duration:3s;animation-duration:3s;position:relative;text-align:center}.challenge{background-color:#fff;padding:95px 0;text-align:center}.challenge .challenge-text{width:40%;font-weight:300;letter-spacing:.5px}.challenge .challenge-text .challenge-title{padding:16px 0;font-size:40px}.challenge .challenge-text .challenge-content{padding:0 0 15px;font-size:17px;line-height:1.5em;letter-spacing:.5px}.in .challenge-title{-webkit-animation-name:title-in;animation-name:title-in}.in .challenge-content,.in .challenge-title{-webkit-animation-duration:.75s;animation-duration:.75s;color:#3a3e3d}.in .challenge-content{-webkit-animation-name:content-in;animation-name:content-in}.out .challenge-title{-webkit-animation-name:title-out;animation-name:title-out}.out .challenge-content,.out .challenge-title{-webkit-animation-duration:.75s;animation-duration:.75s;color:#fff}.out .challenge-content{-webkit-animation-name:content-out;animation-name:content-out}.sliders-wrapper{height:400vh;display:block}.m-sliders-wrapper,.sliders-wrapper{background-color:#e6e7e8;width:100%;overflow:hidden}.m-sliders-wrapper{display:none}.wrapper{height:100vh;width:100%;background-color:#e6e7e8;letter-spacing:.5px}.wrapper .image-design{background-size:cover;width:55%;height:100%;background-repeat:no-repeat}.wrapper .txt-content{width:45%}.wrapper .txt-content .txt-info{width:75%;margin-left:8.3333%}.wrapper .txt-content .txt-info .txt-title{font-size:28px;margin-bottom:14px;font-weight:300;color:#3a3e3d}.wrapper .txt-content .txt-info .txt-faded{font-size:16px;line-height:1.5em;letter-spacing:.5px;font-weight:300;color:#3a3e3d}.first-wrapper .image-design{background-image:url(../img/B21_DesignInnovation.1e87da6e.jpg)}.second-wrapper .image-design{background-image:url(../img/B22_Quality_ManufactureExcellence.74993c4b.jpg)}.thired-wrapper .image-design{background-image:url(../img/B23_Service_ValueADD.d81e0a85.jpg)}.fourth-wrapper .image-design{background-image:url(../img/B24_A_Partner4_TheFuture.84c6046d.jpg)}.in-single .image-design{-webkit-animation-name:right-pic-in;animation-name:right-pic-in;-webkit-animation-duration:1s;animation-duration:1s}.in-single .txt-content .txt-title{-webkit-animation-name:left-title-in;animation-name:left-title-in;-webkit-animation-duration:1s;animation-duration:1s}.in-single .txt-content .txt-faded{-webkit-animation-name:left-faded-in;animation-name:left-faded-in;-webkit-animation-duration:1s;animation-duration:1s}.out-single .image-design{-webkit-animation-name:right-pic-out;animation-name:right-pic-out;-webkit-animation-duration:1s;animation-duration:1s}.out-single .txt-content .txt-title{-webkit-animation-name:left-title-out;animation-name:left-title-out;-webkit-animation-duration:1s;animation-duration:1s}.out-single .txt-content .txt-faded{-webkit-animation-name:left-faded-out;animation-name:left-faded-out;-webkit-animation-duration:1s;animation-duration:1s}.in-double .image-design{-webkit-animation-name:left-pic-in;animation-name:left-pic-in;-webkit-animation-duration:1s;animation-duration:1s}.in-double .txt-content .txt-title{-webkit-animation-name:right-title-in;animation-name:right-title-in;-webkit-animation-duration:1s;animation-duration:1s}.in-double .txt-content .txt-faded{-webkit-animation-name:right-faded-in;animation-name:right-faded-in;-webkit-animation-duration:1s;animation-duration:1s}.out-double .image-design{-webkit-animation-name:left-pic-out;animation-name:left-pic-out;-webkit-animation-duration:1s;animation-duration:1s}.out-double .txt-content .txt-title{-webkit-animation-name:right-title-out;animation-name:right-title-out;-webkit-animation-duration:1s;animation-duration:1s}.out-double .txt-content .txt-faded{-webkit-animation-name:right-faded-out;animation-name:right-faded-out;-webkit-animation-duration:1s;animation-duration:1s}.no-show .image-design,.no-show .txt-content .txt-faded,.no-show .txt-content .txt-title{opacity:0}.award{background-color:#4d4d4f;padding:95px 0;color:#fff}.award .award-container{text-align:center;font-weight:300}.award .award-container .award-title{font-size:40px;padding-bottom:15px}.award .award-container .award-txt{font-size:17px}.award-in .award-container .award-title{-webkit-animation-name:award-title-in;animation-name:award-title-in;-webkit-animation-duration:.75s;animation-duration:.75s;opacity:1}.award-in .award-container .award-txt{-webkit-animation-name:award-txt-in;animation-name:award-txt-in;-webkit-animation-duration:.75s;animation-duration:.75s;opacity:1}.award-out .award-container .award-title{-webkit-animation-name:award-title-out;animation-name:award-title-out;-webkit-animation-duration:.75s;animation-duration:.75s;opacity:0}.award-out .award-container .award-txt{-webkit-animation-name:award-txt-out;animation-name:award-txt-out;-webkit-animation-duration:.75s;animation-duration:.75s;opacity:0}.productShow{display:block}.m-productShow{display:none}@-webkit-keyframes headerbg{0%{background-position:50% 0}to{background-position:0 0}}@keyframes headerbg{0%{background-position:50% 0}to{background-position:0 0}}@-webkit-keyframes text-down{0%{-webkit-transform:translateY(30%);transform:translateY(30%);color:#64a70b}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-down{0%{-webkit-transform:translateY(30%);transform:translateY(30%);color:#64a70b}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes text-up{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#64a70b}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-up{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#64a70b}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes title-in{0%{-webkit-transform:translateY(30%);transform:translateY(30%);color:#fff}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes title-in{0%{-webkit-transform:translateY(30%);transform:translateY(30%);color:#fff}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes title-out{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#3a3e3d}to{-webkit-transform:translateY(30%);transform:translateY(30%);color:#fff}}@keyframes title-out{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#3a3e3d}to{-webkit-transform:translateY(30%);transform:translateY(30%);color:#fff}}@-webkit-keyframes content-in{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#fff}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes content-in{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#fff}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes content-out{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#3a3e3d}to{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#fff}}@keyframes content-out{0%{-webkit-transform:translateY(0);transform:translateY(0);color:#3a3e3d}to{-webkit-transform:translateY(-30%);transform:translateY(-30%);color:#fff}}@-webkit-keyframes right-pic-in{0%{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-pic-in{0%{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes left-title-in{0%{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes left-title-in{0%{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes left-faded-in{0%{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes left-faded-in{0%{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes right-pic-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@keyframes right-pic-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@-webkit-keyframes left-title-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@keyframes left-title-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@-webkit-keyframes left-faded-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@keyframes left-faded-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-webkit-keyframes left-pic-in{0%{display:none;-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes left-pic-in{0%{display:none;-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes right-title-in{0%{display:none;-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-title-in{0%{display:none;-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes right-faded-in{0%{display:none;-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-faded-in{0%{display:none;-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes left-pic-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@keyframes left-pic-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-webkit-keyframes right-title-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@keyframes right-title-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-10%);transform:translateX(-10%);opacity:0}}@-webkit-keyframes right-faded-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@keyframes right-faded-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(10%);transform:translateX(10%);opacity:0}}@-webkit-keyframes award-title-in{0%{-webkit-transform:translateY(30%);transform:translateY(30%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes award-title-in{0%{-webkit-transform:translateY(30%);transform:translateY(30%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes award-title-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(30%);transform:translateY(30%);opacity:0}}@keyframes award-title-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(30%);transform:translateY(30%);opacity:0}}@-webkit-keyframes award-txt-in{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes award-txt-in{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes award-txt-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0}}@keyframes award-txt-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0}}@media only screen and (max-width:800px){.page-header[data-v-2ef23882]{height:450px;background-image:url(../img/M_B1_Banner.f42e41b1.jpg)}.submenu[data-v-2ef23882]{display:none}.submenu-m[data-v-2ef23882]{display:block;background-color:#fff;min-height:30px}[data-v-2ef23882] .el-collapse-item__header{height:32px;line-height:32px;border-bottom:1px solid #ebeef5;font-size:16px}.collapse-title[data-v-2ef23882]{width:100%;text-align:center;padding-left:25px}[data-v-2ef23882] .el-collapse-item__wrap{position:fixed;width:100vw;z-index:999;text-align:center;color:#3b3d40}[data-v-2ef23882].el-collapse-item__content{font-size:16px;padding-bottom:0}.our-vision[data-v-2ef23882]{padding:55px 25px;height:auto}.our-vision .our-vision-text[data-v-2ef23882]{width:100%}.our-vision .our-vision-text .our-vision-title[data-v-2ef23882]{font-size:28px;padding-bottom:25px;padding-top:0}.our-vision-bottom[data-v-2ef23882]{background-image:url(../img/M_B1_OurVision.a74949e1.jpg);height:350px}.challenge[data-v-2ef23882]{padding:55px 25px;height:auto}.challenge .challenge-text[data-v-2ef23882]{width:100%}.challenge .challenge-text .challenge-title[data-v-2ef23882]{font-size:28px;padding-top:0;padding-bottom:25px}.sliders-wrapper[data-v-2ef23882]{display:none}.m-sliders-wrapper[data-v-2ef23882]{display:block}.wrapper[data-v-2ef23882]{height:auto;width:auto}.wrapper .image-design[data-v-2ef23882]{width:100vw;height:200px}.wrapper .txt-content[data-v-2ef23882]{width:100%}.wrapper .txt-content .txt-info[data-v-2ef23882]{width:auto;padding:0 20px 20px;margin:0}.wrapper .txt-content .txt-info .txt-title[data-v-2ef23882]{font-size:22px;margin-top:25px;margin-bottom:10px}.in-single .txt-content .txt-title[data-v-2ef23882]{-webkit-animation-name:left-faded-in;animation-name:left-faded-in}.in-single .txt-content .txt-faded[data-v-2ef23882]{-webkit-animation-name:left-title-in;animation-name:left-title-in}.out-single .txt-content .txt-title[data-v-2ef23882]{-webkit-animation-name:left-faded-out;animation-name:left-faded-out}.out-single .txt-content .txt-faded[data-v-2ef23882]{-webkit-animation-name:left-title-out;animation-name:left-title-out}.in-double .txt-content .txt-title[data-v-2ef23882]{-webkit-animation-name:right-faded-in;animation-name:right-faded-in}.in-double .txt-content .txt-faded[data-v-2ef23882]{-webkit-animation-name:right-title-in;animation-name:right-title-in}.out-double .txt-content .txt-title[data-v-2ef23882]{-webkit-animation-name:right-faded-out;animation-name:right-faded-out}.out-double .txt-content .txt-faded[data-v-2ef23882]{-webkit-animation-name:right-title-out;animation-name:right-title-out}.award[data-v-2ef23882]{padding:55px 10px}.award .award-container[data-v-2ef23882]{padding:0 15px}.award .award-container .award-title[data-v-2ef23882]{font-size:28px;margin-bottom:25px;padding:0}.award .award-container .award-txt[data-v-2ef23882]{margin-bottom:15px}.productShow[data-v-2ef23882]{display:none}.m-productShow[data-v-2ef23882]{display:block}}