body{font-family:"Roboto Regular",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Myriad Pro","微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Source Han Sans CN",Arial,Helvetica,sans-serif;font-size:20px;line-height:1.8;background-color:#fff;color:#333}img{max-width:100%;vertical-align:middle}a{color:inherit}.container{max-width:1920px;margin:auto}.wrapper{max-width:1440px;margin:auto}@media(max-width: 1440px){.wrapper{padding:0 30px}}@media(max-width: 1280px){.wrapper{padding:0 20px}}@media(max-width: 960px){.wrapper{padding:0 15px}}.google-maps{position:relative;padding-bottom:25%;height:0;overflow:hidden}@media(max-width: 480px){.google-maps{padding-bottom:50%}}.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}.table-container{width:100%;overflow-y:auto;margin:0 0 1em}.table-container::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.table-container::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,.3)}.video-container{cursor:pointer;position:relative;padding-bottom:57%;height:0;overflow:hidden;outline:none}.video-container iframe,.video-container object,.video-container embed,.video-container video{position:absolute;top:0;left:0;width:100% !important;height:100% !important;outline:none}.header{padding:10px 0;position:fixed;z-index:20;width:100%;background-color:#fff;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}.header .wrapper::after{content:"";display:table;clear:both}.header .logo{width:300px;float:left}@media(max-width: 1280px){.header .logo{width:240px}}@media(max-width: 960px){.header .logo{float:none;width:100%}}@media(max-width: 960px){.header .logo img{max-height:60px}}.header .head__menu{width:calc(100% - 300px);float:left}@media(max-width: 1280px){.header .head__menu{width:calc(100% - 240px)}}@media(max-width: 960px){.header .head__menu{display:none}}.header ul{text-align:right}.header ul li{display:inline-block}.header .lang__menu{margin-bottom:10px}@media(max-width: 1280px){.header .lang__menu{margin-bottom:5px}}.header .lang__menu a{font-size:16px;color:#888;padding:4px 10px;border:1px solid;-webkit-transition:all .4s ease;transition:all .4s ease}.header .lang__menu li{margin:0 4px}.header .lang__menu li:hover>a,.header .lang__menu li.active>a{background-color:#0047ab;color:#fff;border-color:#0047ab}.main__menu nav>ul>li>a{font-size:20px;font-weight:bold;padding:10px 10px 5px;margin:20px 10px 0;border-bottom:3px solid rgba(0,0,0,0);-webkit-transition:all .4s ease;transition:all .4s ease}@media(max-width: 1280px){.main__menu nav>ul>li>a{padding:5px;margin:10px 3px 0}}@media(max-width: 1023px){.main__menu nav>ul>li>a{margin:10px 0 0}}.main__menu nav>ul>li:hover>a,.main__menu nav>ul>li.active>a{border-color:#0047ab}.main__menu nav>ul ul{opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);position:absolute;z-index:10;top:calc(100% - 12px);left:0;background-color:#fff;width:100%;padding:30px 50px;background-color:#f2f2f2;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-box-shadow:0 5px 5px #d9d9d9;box-shadow:0 5px 5px #d9d9d9}.main__menu nav>ul ul::after{content:"";display:table;clear:both}.main__menu nav>ul ul li{width:16.6666666667%;float:left}.main__menu nav>ul ul li>div{text-align:left;padding:10px;font-weight:bold}.main__menu nav>ul ul li>a{text-align:center;display:block;padding:10px;font-weight:bold}.main__menu nav>ul ul li .sub-pic{display:block;max-width:300px;margin:auto;background:url(../images/pro-bg.jpg) no-repeat;background-size:cover;overflow:hidden}.main__menu nav>ul ul li .sub-pic>img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .4s linear;transition:all .4s linear}.main__menu nav>ul ul li.s0,.main__menu nav>ul ul li.s1,.main__menu nav>ul ul li.s2{width:100%;float:none;border-bottom:1px solid #777}.main__menu nav>ul ul li.s0>a,.main__menu nav>ul ul li.s1>a,.main__menu nav>ul ul li.s2>a{text-align:left;padding:0 10px}.main__menu nav>ul>li:hover>ul{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media(max-width: 1024px){.main__menu nav>ul>li:hover>ul{opacity:0;visibility:hidden}}.main__menu nav>ul>li:hover>ul a:hover{color:#c30d23}.main__menu nav>ul>li:hover>ul a:hover .sub-pic>img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.main__menu nav>ul>li.open>ul{display:block;opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.footer{border-top:#c30d23 5px solid;padding-top:40px}.footer .wrapper::after{content:"";display:table;clear:both}.foot__com{float:left;width:40%}@media(max-width: 960px){.foot__com{float:none;width:100%;padding:0 24px}}@media(max-width: 480px){.foot__com{padding:0}}.foot__com::after{content:"";display:table;clear:both}.foot__com .foot__logo{width:100px;float:left}@media(max-width: 640px){.foot__com .foot__logo{width:80px}}@media(max-width: 480px){.foot__com .foot__logo{float:none;width:100%;text-align:center;margin-bottom:20px}}@media(max-width: 640px){.foot__com .foot__logo img{max-height:80px}}@media(max-width: 480px){.foot__com .foot__logo img{max-height:60px}}.foot__com .foot__info{width:calc(100% - 100px);padding-left:24px;float:left;color:#888}@media(max-width: 480px){.foot__com .foot__info{float:none;width:100%;padding:0;margin-bottom:20px}}.foot__com .foot__info a:hover{text-decoration:underline;color:#c30d23}.foot__info .foot__name{font-size:24px;font-weight:bold;margin-bottom:10px}@media(max-width: 480px){.foot__info .foot__name{text-align:center}}.foot__info>div:not(:first-child){padding-left:30px;line-height:1.5;margin-bottom:10px}.foot__info span{background-color:#c30d23;display:block;float:left;width:24px;height:24px;line-height:1;text-align:center;border-radius:100%;margin:2px 0 0 -30px}.foot__info span i{color:#fff;font-size:15px}.foot__menu{float:right;width:55%;margin-left:5%}.foot__menu::after{content:"";display:table;clear:both}@media(max-width: 960px){.foot__menu{float:none;width:100%;margin-left:0;padding:0 24px}}@media(max-width: 480px){.foot__menu{padding:0}}.foot__menu a{display:block;position:relative;padding-left:20px;-webkit-transition:all .4s ease;transition:all .4s ease}.foot__menu a:before{content:"";font-family:"FontAwesome";font-weight:normal;margin:0 12px 0 5px;color:#888}.foot__menu a:before{margin-left:-20px}.foot__menu li:hover>a,.foot__menu li:hover>a:before,.foot__menu li.active>a,.foot__menu li.active>a:before{color:#c30d23}.foot__menu li.sub{padding-left:20px;position:relative}.foot__menu li.sub>a:before{width:10px;padding-left:0;height:2px;background-color:#888;content:"";position:absolute;top:16px;left:20px;-webkit-transition:all .4s ease;transition:all .4s ease}.foot__menu li.sub:hover>a:before,.foot__menu li.sub.active>a:before{background-color:#c30d23}.foot__menu .foot__main{float:left;width:60%;margin-right:6%}@media(max-width: 600px){.foot__menu .foot__main{float:none;width:100%;margin-bottom:20px}}.foot__menu .foot__main ul{-webkit-columns:2;-moz-columns:2;columns:2}.foot__menu .foot__pro{float:left;width:33%}@media(max-width: 600px){.foot__menu .foot__pro{float:none;width:100%}}.foot__menu .foot__title{font-size:24px;font-weight:bold;color:#0047ab;margin-bottom:10px}.copyright{margin-top:40px;background-color:#0047ab;color:#fff;text-align:center;font-size:18px;padding:5px 0}.pro__list{padding:15px 0}.pro__list::after{content:"";display:table;clear:both}.pro__list .pro__item{width:calc(33.3333333333% - 60px);float:left;text-align:center;margin:0 30px 60px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15);position:relative}@media(max-width: 1280px){.pro__list .pro__item{width:calc(33.3333333333% - 20px);margin:0 10px 60px}}@media(max-width: 960px){.pro__list .pro__item{width:calc(50% - 40px);margin:0 20px 40px}}@media(max-width: 768px){.pro__list .pro__item{width:calc(50% - 20px);margin:0 10px 30px}}@media(max-width: 480px){.pro__list .pro__item{float:none;width:100%;margin:0 auto 20px}}.pro__list .pro__item:nth-child(3n+1){clear:both}@media(max-width: 960px){.pro__list .pro__item:nth-child(3n+1){clear:inherit}}@media(max-width: 960px){.pro__list .pro__item:nth-child(2n+1){clear:both}}.pro__list .pro__item a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(174,223,227,.9);border:3px solid #0047ab;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.pro__list .pro__item a span{color:#0047ab;display:inline-block;margin:5px auto;font-size:24px;font-weight:bold;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .4s ease;transition:all .4s ease}.pro__list .pro__item a span:first-child{background-color:#c30d23;color:#fff;font-size:30px;width:180px;padding:10px 0;line-height:1}.pro__list .pro__item:hover>a{opacity:1}.pro__list .pro__item:hover>a span{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pro__list .pro__item:hover>a span:last-child{-webkit-transition-delay:.2s;transition-delay:.2s}.pro__list .pro__pic{background:url(../images/pro-bg.jpg) no-repeat;background-size:cover;padding:20px 0}.pro__list .pro__model{background-color:#c30d23;color:#fff;font-size:30px;font-weight:bold}.pro__list .pro__name{font-size:24px;font-weight:bold;padding:5px}.fix__btn{position:fixed;right:0;top:35%;z-index:11;-webkit-transition:right .3s ease-in-out;transition:right .3s ease-in-out}.fix__btn li{margin-bottom:5px;background-color:#c30d23}.fix__btn li a{display:block;padding:5px;line-height:1}.fix__btn li:hover{background-color:#0047ab}.fix__btn img{width:40px;height:40px}.js-hiraku-offcanvas-body-right .fix__btn{right:70%}.hiraku-open-btn{display:none;border:none;position:absolute;right:10px;top:10px;background-color:#0047ab;outline:none}@media(max-width: 960px){.hiraku-open-btn{display:block;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}.hiraku-open-btn-line{width:30px;margin:14px 4px}.hiraku-open-btn-line:before{top:-8px}.hiraku-open-btn-line:after{bottom:-8px}[aria-expanded=true] .hiraku-open-btn-line:after,[aria-expanded=true] .hiraku-open-btn-line:before{width:30px}[aria-expanded=true] .hiraku-open-btn-line:before{-webkit-transform:translate(0px, 8px) rotate(45deg);-ms-transform:translate(0px, 8px) rotate(45deg);transform:translate(0px, 8px) rotate(45deg)}[aria-expanded=true] .hiraku-open-btn-line:after{-webkit-transform:translate(0px, -8px) rotate(-45deg);-ms-transform:translate(0px, -8px) rotate(-45deg);transform:translate(0px, -8px) rotate(-45deg)}.offcanvas-right{padding-bottom:50px;overflow:hidden}.offcanvas-right li>a{font-size:20px;display:block;border-bottom:1px solid #d9d9d9;padding:12px}.offcanvas-right li>a:hover{color:#fff;background:#0047ab}.offcanvas-right li.active>a{color:#fff;background:#0047ab}.offcanvas-right .logo{text-align:center;padding:10px 0;border-bottom:1px solid #d9d9d9}.offcanvas-right .logo img{max-height:60px}.offcanvas-right .right__lang ul::after{content:"";display:table;clear:both}.offcanvas-right .right__lang ul>li{width:33.3333333333%;float:left;text-align:center}.offcanvas-right .right__lang ul>li>a{font-size:16px;padding:12px 4px}.offcanvas-right .right__main ul li{float:none;width:100%}.offcanvas-right .right__main ul li a{position:relative}.offcanvas-right .right__main .active>.right__pro{display:block}.offcanvas-right .right__main ul{background:#f5f6fa}.offcanvas-right .right__main ul ul a{font-size:18px;padding:5px 15px 5px 60px;border-left:5px solid rgba(0,0,0,0)}.offcanvas-right .right__main ul ul a:before{content:"";position:absolute;top:20px;left:40px;width:10px;height:3px;background:#999}.offcanvas-right .right__main ul ul li.s0 a,.offcanvas-right .right__main ul ul li.s1 a,.offcanvas-right .right__main ul ul li.s2 a{padding-left:40px}.offcanvas-right .right__main ul ul li.s0 a:before,.offcanvas-right .right__main ul ul li.s1 a:before,.offcanvas-right .right__main ul ul li.s2 a:before{height:10px;top:16px;left:20px}.offcanvas-right .right__main ul ul li.active>a{color:#c30d23;background:rgba(0,71,171,.2);border-color:#0047ab}.offcanvas-right .right__main ul ul .active a:before{background-color:#c30d23}.offcanvas-right .right__main .sub-pic{display:none}.simple_menu{border:none;border-radius:0}.simple_menu .has-submenu .fa{display:none}.simple_menu .active a .openmenu .simplemenu-normal-icon span:nth-child(1),.simple_menu .active a .openmenu .simplemenu-normal-icon span:nth-child(2),.simple_menu a:hover .openmenu .simplemenu-normal-icon span:nth-child(1),.simple_menu a:hover .openmenu .simplemenu-normal-icon span:nth-child(2){background-color:#fff}.banner{position:relative;max-width:1920px;margin:auto;padding-top:106px}@media(max-width: 1280px){.banner{padding-top:98px}}@media(max-width: 960px){.banner{padding-top:80px}}.banner .banner-slogan,.banner .banner-pro,.banner .banner-example,.banner .banner-slogan2{position:absolute}.banner .desktop{display:block}@media(max-width: 768px){.banner .desktop{display:none}}.banner .mobile{display:none}@media(max-width: 768px){.banner .mobile{display:block}}.banner-1 .banner-pro{width:41.1%;top:13.33%;left:5.78%}.banner-1 .banner-slogan{width:30.21%;top:64.88%;right:14.64%}.banner-1 .banner-example{width:39.84%;top:22.74%;right:9.48%}.banner-2 .banner-pro{width:39.69%;top:7.14%;left:9.27%}.banner-2 .banner-slogan{width:30.21%;top:60%;right:8.29%}.banner-2 .banner-example{width:31.46%;top:20.95%;right:8.8%}.banner-3 .banner-pro{width:35.42%;top:14.64%;right:3.5%}.banner-3 .banner-slogan{width:30.21%;bottom:15.6%;left:3.02%}.banner-3 .banner-slogan2{width:16.1%;bottom:10%;right:13.85%}@media(max-width: 768px){.banner-1 .banner-pro{width:65%;top:4%;left:7.5%}.banner-1 .banner-slogan{width:72.5%;top:75%;right:6%}.banner-1 .banner-example{width:75%;top:46.5%;right:10%}.banner-2 .banner-pro{width:66.25%;top:4%;left:inherit;right:10%}.banner-2 .banner-slogan{width:72.5%;top:74%;right:6%}.banner-2 .banner-example{width:75%;top:44%;right:initial;left:5%}.banner-3 .banner-pro{width:81.25%;top:7.5%;right:inherit;left:8%}.banner-3 .banner-slogan{width:90%;bottom:7%;right:5%}.banner-3 .banner-slogan2{width:38.5%;bottom:30%;left:28%}}.swiper-slide .banner-pro{opacity:0;-webkit-transform:translate(-50px, 0) scale(1.5);-ms-transform:translate(-50px, 0) scale(1.5);transform:translate(-50px, 0) scale(1.5);-webkit-transition:all 1s ease-out .8s;transition:all 1s ease-out .8s}.swiper-slide .banner-slogan{opacity:0;-webkit-transform:translate(50px, 0);-ms-transform:translate(50px, 0);transform:translate(50px, 0);-webkit-transition:all 1s ease-out .8s;transition:all 1s ease-out .8s;-webkit-transition-delay:1s;transition-delay:1s}.swiper-slide .banner-example{opacity:0;-webkit-transform:translate(0, -50px) scale(0.8);-ms-transform:translate(0, -50px) scale(0.8);transform:translate(0, -50px) scale(0.8);-webkit-transition:all 1s ease-out .8s;transition:all 1s ease-out .8s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.swiper-slide.banner-3 .banner-pro{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.swiper-slide.banner-3 .banner-slogan{-webkit-transform:translate(-50px, 0);-ms-transform:translate(-50px, 0);transform:translate(-50px, 0);-webkit-transition-delay:1.2s;transition-delay:1.2s}.swiper-slide.banner-3 .banner-slogan2{opacity:0;-webkit-transform:translate(0, 30px) scale(1.2);-ms-transform:translate(0, 30px) scale(1.2);transform:translate(0, 30px) scale(1.2);-webkit-transition:all 1s ease-out .8s;transition:all 1s ease-out .8s;-webkit-transition-delay:1.4s;transition-delay:1.4s}.swiper-slide-active.banner-1 .banner-pro,.swiper-slide-active.banner-1 .banner-slogan,.swiper-slide-active.banner-1 .banner-example,.swiper-slide-active.banner-1 .banner-slogan2,.swiper-slide-active.banner-2 .banner-pro,.swiper-slide-active.banner-2 .banner-slogan,.swiper-slide-active.banner-2 .banner-example,.swiper-slide-active.banner-2 .banner-slogan2,.swiper-slide-active.banner-3 .banner-pro,.swiper-slide-active.banner-3 .banner-slogan,.swiper-slide-active.banner-3 .banner-example,.swiper-slide-active.banner-3 .banner-slogan2{opacity:1;-webkit-transform:translate(0, 0) scale(1);-ms-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1)}.section{padding:50px 0}@media(max-width: 640px){.section{padding:30px 0}}.section .wrapper{position:relative}.section:nth-child(2n){background-color:#f2f2f2}.section.google-maps{padding-bottom:25%}@media(max-width: 768px){.section.google-maps{padding-bottom:50%}}.section.exhibition{padding:0}h2.title{font-size:30px;font-weight:bold;position:relative;padding-left:40px}@media(max-width: 640px){h2.title{font-size:24px}}h2.title:before{content:"";background:url(../images/s-logo.svg) no-repeat;background-size:100%;width:32px;height:34px;position:absolute;top:10px;left:0}.more{position:absolute;right:0;bottom:0}.more>a{background-color:#0047ab;color:#fff;font-size:24px;display:inline-block;padding:2px 30px;-webkit-transition:all .4s ease;transition:all .4s ease}.about{padding-bottom:120px}@media(max-width: 1280px){.about{padding-bottom:150px}}@media(max-width: 1024px){.about{padding-bottom:350px}}@media(max-width: 840px){.about{padding-bottom:50px}}@media(max-width: 840px){.about .about__pic{text-align:center}}.about .about__text{max-width:700px;padding:50px 30px 70px;position:absolute;top:65px;right:0;background-color:#fff;border:5px solid #0047ab;-webkit-transition:border .4s linear;transition:border .4s linear}@media(max-width: 1440px){.about .about__text{right:30px}}@media(max-width: 1280px){.about .about__text{max-width:40%;width:100%}}@media(max-width: 1024px){.about .about__text{max-width:780px;top:90%}}@media(max-width: 840px){.about .about__text{position:relative;top:0;right:0;margin:20px auto 0;padding:20px 20px 50px}}.about .about__text p{margin-bottom:1em}.about .about__text:hover{border-color:#c30d23}.about .about__text:hover a{background-color:#c30d23;color:#fff}.about .about__text:hover a:hover{background-color:#0047ab}@media(max-width: 960px){.product{padding-bottom:0}}.pro__list .pro__item{margin-bottom:10px}@media(max-width: 960px){.pro__list .pro__item{margin-bottom:40px}}@media(max-width: 480px){.pro__list .pro__item{margin-bottom:20px}}.exhibition{position:relative}.exhibition .wrapper{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 768px){.exhibition .wrapper{position:static;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.exhibition__bg{text-align:right}.exhibition__text{position:absolute;padding:30px 100px 50px;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(255,255,255,.7);border:5px solid #0047ab;-webkit-transition:border .4s linear;transition:border .4s linear}@media(max-width: 1440px){.exhibition__text{left:30px}}@media(max-width: 1024px){.exhibition__text{padding:20px 30px 20px}}@media(max-width: 768px){.exhibition__text{position:static;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin:20px auto 50px;padding:20px 20px 50px}}.exhibition__text dt{width:120px;float:left;font-weight:700}@media(max-width: 480px){.exhibition__text dt{float:none;width:100%}}.exhibition__text dd{margin-left:120px}@media(max-width: 480px){.exhibition__text dd{line-height:1.2;margin-left:0}}.exhibition__text:hover{border-color:#c30d23}.exhibition__text:hover a{background-color:#c30d23;color:#fff}.exhibition__text:hover a:hover{background-color:#0047ab}