@charset "UTF-8";@font-face{font-family:'微軟正黑體修正';unicode-range:U+7db0,U+78A7,U+7B75;font-style:normal;font-weight:bold;src:local(Yu Gothic),local(MS Gothic)}@font-face{font-family:'微軟正黑體修正';unicode-range:U+7db0,U+78A7,U+7B75;font-style:normal;font-weight:normal;src:local(微軟正黑體)}.quality_center_pic .info .img::after,.news ul::after{content:"​";display:block;height:0;clear:both}.quality_center_pic .title li{font:0/0 a;color:transparent}@-webkit-keyframes anim-moema-1{60%{-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}85%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes anim-moema-1{60%{-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1)}85%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes anim-moema-2{to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes anim-moema-2{to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}h2{font-size:2.8em;letter-spacing:3px;font-weight:600;padding:80px 0;margin-left:28px;color:white}@media screen and (max-width:800px){h2{padding:32px 0;font-size:2em}}@media screen and (max-width:500px){h2{font-size:1.6em}}.products{display:block;width:100%;padding-bottom:160px}@media screen and (max-width:800px){.products{padding-bottom:80px}}@media screen and (max-width:500px){.products{padding-bottom:64px}}.products>.center{position:relative}.products h2{color:#ec8225}.products .more{margin-right:24px}.jcarousel-wrapper{max-width:1440px;margin:auto 0;padding:0 30px;position:relative}.jcarousel{position:relative;overflow:hidden;width:100%}.jcarousel ul{width:10000em;position:relative;list-style:none;margin:0;padding:0}.jcarousel ul li{width:200px;float:left;border:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px}@media screen and (max-width:500px){.jcarousel ul li{padding:0 7px}}.jcarousel ul li a{color:#2d2d2d;display:inline-block;float:left;text-align:center;font-size:1.125em}@media screen and (max-width:800px){.jcarousel ul li a{font-size:1em}}.jcarousel ul li a .figcaption{padding-top:8px}.jcarousel ul li a .figcaption b{font-size:1.2em;display:block}.jcarousel ul li a .figcaption span{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px;overflow:hidden}.jcarousel ul li a .img{border:#979797 solid 1px;display:inline-block;overflow:hidden}.jcarousel ul li a img{transition:all .8s ease-in-out;margin-bottom:8px;display:block;float:left;max-width:100%;height:auto!important}.jcarousel ul li a:hover,.jcarousel ul li a:focus{color:#ec8225}.jcarousel ul li a:hover img,.jcarousel ul li a:focus img{transform:scale(1.2)}.jcarousel-control-prev,.jcarousel-control-next{font:0/0 a;color:transparent;position:absolute;top:calc(50% - 22px);display:block;width:24.23px;height:43.46px;background-image:url("../images/icon/icon_arrow_o.svg");background-position:center;background-repeat:no-repeat;background-size:contain;transition:all .8s ease-out}.jcarousel-control-prev:hover,.jcarousel-control-prev:focus,.jcarousel-control-next:hover,.jcarousel-control-next:focus{background-color:#ec8225;background-image:url("../images/icon/icon_arrow_ow.svg")}.jcarousel-control-prev{left:0;transform:rotateY(180deg)}.jcarousel-control-next{right:0}.jcarousel-pagination{display:none;position:absolute;bottom:-40px;left:50%;transform:translate(-50%,0);margin:0}.jcarousel-pagination a{text-decoration:none;display:inline-block;font-size:11px;height:10px;width:10px;line-height:10px;background:#fff;color:#4e443c;border-radius:10px;text-indent:-9999px;margin-right:7px;box-shadow:0 0 2px #4e443c}.jcarousel-pagination a.active{background:#4e443c;color:#fff;opacity:1;box-shadow:0 0 2px #f0efe7}.quality_center{display:block;width:100%;background-image:url("../images/index/bg_quality.jpg");background-size:cover;background-attachment:fixed}.quality_center>.center{position:relative;margin:0;max-width:100%}.quality_center .centermore{text-align:right;margin:0 auto;max-width:1472px;position:relative}.quality_center .centermore .more{color:white;bottom:94px;margin:0 24px}.quality_center article{text-align:center;font-size:2em;color:white}@media screen and (max-width:500px){.quality_center article{font-size:1.4em}}.quality_center article b{color:#ec8225}.quality_center .pic{width:100%;height:auto;overflow:hidden;padding-top:32px}.quality_center .pic ul{width:100%;height:780px;position:relative;padding-bottom:160px}@media screen and (max-width:1010px) and (min-width:1px){.quality_center .pic ul{height:700px}}@media screen and (max-width:800px){.quality_center .pic ul{padding-bottom:80px}}@media screen and (max-width:500px) and (min-width:1px){.quality_center .pic ul{height:440px}
}@media screen and (max-width:500px){.quality_center .pic ul{padding-bottom:64px}}@media screen and (max-width:400px) and (min-width:1px){.quality_center .pic ul{height:360px}}.quality_center .pic ul li{width:100%;height:780px;position:absolute;text-align:center}.quality_center .pic ul li .img{position:absolute;left:-100vw;top:0;text-align:center;width:100%}@media screen and (max-width:1010px) and (min-width:1px){.quality_center .pic ul li .img{padding:0 24px}}.quality_center .pic ul li .img a{display:inline-block;margin:0 18px;border:#FFF solid 6px;transition:all .5s ease-in;border-color:transparent;overflow:hidden;cursor:zoom-in}@media screen and (max-width:1010px) and (min-width:1px){.quality_center .pic ul li .img a{width:50%;margin:0;float:left;padding:0 8px}}@media screen and (max-width:500px){.quality_center .pic ul li .img a{padding:0}}.quality_center .pic ul li .img a img{transition:all .5s ease-in;float:left}@media screen and (max-width:1010px) and (min-width:1px){.quality_center .pic ul li .img a img{width:100%}}.quality_center .pic ul li .img a:hover,.quality_center .pic ul li .img a:focus{border-color:#ec8225}.quality_center .pic ul li .img a:hover img,.quality_center .pic ul li .img a:focus img{transform:scale(1.1)}.quality_center .nav{width:100%;height:6px;background:#fff;opacity:.75;position:absolute;left:0;bottom:0}.quality_center .bar{width:100vw;height:6px;left:0;position:absolute;bottom:0}.quality_center .bar p{width:100vw;height:6px;background:#ec8225;margin-left:0;transition:all 3s ease-in-out;transform:translateX(-100vw)}.quality_center_pic{margin-top:40px}.quality_center_pic .bd{text-align:center;width:100%;overflow:hidden}.quality_center_pic .info{opacity:0;height:0;position:relative;left:0;right:0}.quality_center_pic .info .img{display:inline-block;margin-bottom:152px}@media screen and (max-width:780px) and (min-width:1px){.quality_center_pic .info .img{margin-bottom:192px}}.quality_center_pic .on{display:block;opacity:1;height:auto}.quality_center_pic .on .bar p{transform:translateX(0vw)}.quality_center_pic .title{display:inline-block;position:absolute;bottom:104px;left:calc(50% - 69px)}@media screen and (max-width:780px) and (min-width:1px){.quality_center_pic .title{bottom:152px}}.quality_center_pic .title li{cursor:pointer;float:left;width:38px;background-color:rgba(255,255,255,0.8);height:6px;border-radius:40px;margin:0 4px}.quality_center_pic .title li.on,.quality_center_pic .title li.over{background-color:#ec8225}a.btn_html,a.btn_lightbox{position:relative;margin:0 16px;width:calc(50% - 32px);float:left;max-width:452px}@media screen and (max-width:500px){a.btn_html,a.btn_lightbox{margin:0 8px;width:calc(50% - 16px)}}a.btn_html>span,a.btn_lightbox>span{opacity:0;display:block;position:absolute;z-index:5;font-size:1em;height:100%;width:100%;background-color:#333;color:#FFF;display:flex;align-items:center;justify-content:center;text-align:center;transform:scale(0.6);transition:all .8s ease-out}a.btn_html>span>b,a.btn_lightbox>span>b{width:80%}a.btn_html>span>b i,a.btn_lightbox>span>b i{transform:translateY(6px);display:inline-block}a.btn_html img,a.btn_lightbox img{width:100%;max-width:452px}a.btn_html:hover span,a.btn_lightbox:hover span{opacity:.8;transform:scale(1)}a.btn_html:hover span>b,a.btn_lightbox:hover span>b{transform:scale(1)}.news{position:relative;display:inline-block;width:100%;padding-bottom:160px}@media screen and (max-width:800px){.news{padding-bottom:80px}}@media screen and (max-width:500px){.news{padding-bottom:64px}}.news::after{display:block;position:absolute;top:0;content:"";width:100%;height:400px;background-image:url("../images/index/bg_news.jpg");background-position:top center;background-repeat:no-repeat;background-size:contain}@media screen and (max-width:800px){.news::after{height:300px;background-size:cover}}@media screen and (max-width:500px){.news::after{height:300px;background-size:cover}}.news h2{max-width:1440px;margin:0 auto;padding-left:16px}.news>.center{position:relative;z-index:2;margin:0 auto;max-width:1440px}.news ul{max-width:1440px;margin:0 auto;margin-bottom:64px}@media screen and (max-width:500px){.news ul{margin-bottom:16px}}.news ul li{width:33.33%;float:left;padding:0 15px;position:relative;overflow:hidden}@media screen and (max-width:800px) and (min-width:501px){.news ul li{width:50%}.news ul li:last-child{display:none}}@media screen and (max-width:500px){.news ul li{width:100%;margin-bottom:16px}}.news ul li a{display:inline-block;overflow:hidden}.news ul li a:hover,.news ul li a:focus{border-color:#ec8225}.news ul li a:hover img,.news ul li a:focus img{transform:scale(1.1)}.news ul li a:hover figcaption,.news ul li a:focus figcaption{transform:translateY(0%)}.news ul li figure{display:inline-block;position:relative;float:left}.news ul li figure img{width:100%;float:left;transition:all .8s ease-in-out}.news ul li figcaption{color:white;position:absolute;width:100%;height:100%;bottom:0;background-color:rgba(0,0,0,0.6);padding:18px;transform:translateY(calc(100% - 130px));transition:all .8s}
@media screen and (max-width:500px){.news ul li figcaption{transform:translateY(calc(100% - 100px))}}.news ul li figcaption span{font-size:1.125em}.news ul li figcaption h3{font-size:1.5em;font-weight:600;line-height:1.4em;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:66px;overflow:hidden}@media screen and (max-width:800px){.news ul li figcaption h3{font-size:1.4em}}@media screen and (max-width:500px){.news ul li figcaption h3{height:44px;overflow:hidden;font-size:1em}}.news ul li figcaption>p{padding:18px 0}.news .more{margin-right:16px}